/*  
Theme Name: Clean Studio
Theme URI: http://roxigo.com/demos/grubforce/cleanstudio/wp/
Description: Clean Studio is created by <a href="http://roxigo.com">Roxigo</a> and <a href="http://themeforest.net/user/grubforce">Grubforce</a>.
Version: 1.0
Author: Roxigo and Grubforce
Author URI: http://roxigo.com
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/* @override 
	http://localhost:8888/ThemeForrest/Websites/Wicked_clean/www/core/css/styles.css
	http://clean.template-force.com/core/css/styles.css
*/

/*************************************************/
/*   Stylesheet developed on:	11-09-09		 */
/*	 Developed by:				GRUBFORCE        */
/*************************************************/   

/* In this stylesheet you will find the core styles defined for the Clean Studio THEMPLATE */

/*******************/
/*   Site basics   */
/*******************/

* { padding: 0; margin: 0; border-width: 0; list-style-type: none; border-style: none; }

a { text-decoration: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

	a:hover { text-decoration: underline; }
	 
	a.small { text-decoration: none; font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;    }
	
	a.small:hover { text-decoration: underline; }

	a.tiny { display: inline; float: left; margin-right: 20px; color: #b52798; }

	a.tiny:hover { text-decoration: underline; }

/************/
/*   Logo   */
/************/

div#logo { width: 255px; height: 45px; float: left; display: inline-block; margin: 25px 0; }

/********************/
/*   Text styles   */
/********************/

p,ul { color: #8b8b8b; font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif; }

ul li { line-height:22px;}

	p.space { margin: 0 0 15px; }

	p.twit { font-size: 13px; margin: 0 0 5px; }

	p.small, div.small { font: 9px/14px "Lucida Grande", Lucida, Verdana, sans-serif;  }

	p.T_footer { line-height: 36px; }
	
	p.comment, div.comment { display: inline; float: left; width: 488px; padding: 10px; border: 1px solid #e6e6e6; }

h1, .widget h3 { font: 16px/40px "Lucida Grande", Lucida, Verdana, sans-serif; color: #363636; }

	h1.small, .widget h3 { width: 300px; height: 40px; float: left; display: inline-block; background-image: url(images/col_small.png); padding: 0 0 0 20px; }

		h1.small_twitter { width: 300px; height: 40px; float: left; display: inline-block; background-image: url(images/col_small_twitter.png); padding: 0 0 0 20px; }
	
	h1.medium { width: 630px; height: 40px; float: left; display: inline-block; background: url(images/col_medium.png) no-repeat; padding: 0 0 0 20px; }
	
	h1.full { width: 960px; height: 40px; display: inline-block; float: left; background-image: url(images/col_full.png); padding: 0 0 0 20px; }

h2 { font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif; color: #363636; margin: 0 0 5px; }

	h2.title { display: none; }
	
/*********************/
/*   Form elements   */
/*********************/

form.contact { display: inline-block; margin: 20px 0 0; }

form.search_form { margin-top: 6px; }

label { font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; float: left; display: inline-block; width: 150px; clear: left; margin: 0 0 10px; color: #8b8b95; }

input.in_medium { background-color: #f8f8f8; height: 25px; width: 250px; float: left; display: inline-block; border: 1px solid #d1d2d2; clear: left; margin: 0 0 10px; }

textarea.in_textarea { border: 1px solid #d1d2d2; background-color: #f8f8f8; width: 600px; float: left; display: inline-block; margin: 0 0 10px; }

input#submit, input#send {  width: 166px; height: 38px; float: left; display: inline-block; line-height: 38px; font-size: 18px; color: #fff; cursor: pointer; margin: 0 0 0 436px; }

input.in_search { font-size: 0px; line-height: 0px; padding-top: 0px; height: 0px; padding-left: 0px; padding-right: 0px; width: 0px; border: 0px solid #bababa; color: #929292; }	

/********************/
/*   Image styles   */
/********************/

img.img_comment { width: 80px; height: 80px; display: inline; float: left; margin-right: 20px; margin-bottom: 20px; }

/********************/
/*   Contentframe   */
/********************/

div#contentframe { width: 980px; margin-right: auto; margin-left: auto; }

	div#content { display: inline-block; width: 980px; float: left; margin: 10px 0 0; }
	
/******************/
/*   Navigation   */
/******************/

div#nav_wrapper { width: 940px; height: 40px; background: url(images/nav.png) no-repeat; display: inline-block; float: left; padding: 0 20px; }

	#nav ul li { float: left; display: inline-block; height: 40px; font: 13px/40px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0 40px 0 0; }
	
		#nav a, a.nav { text-decoration: none; color: #898989; }
		
		a.nav:hover, #nav .active a { color: #363636; }
		
		/* Sub navigation */
		
		ul.navigation li ul { display: inline; float: left; width: 160px; background-color: #f8f8f8; border-left-width: 1px; border-left-color: #ebebeb; border-right: 1px solid #ebebeb; position: absolute; z-index: 20; }

			ul.navigation li ul li { display: inline; float: left; border-bottom: 1px solid #ebebeb; padding-left: 10px; padding-right: 10px; width: 140px; }

				ul.navigation li ul li:hover { background-color: #eee; }

				ul.navigation li ul li a:hover { text-decoration: none; }

/* Search field */

div.search { display: inline-block; float: right; }

/************/
/*   Cols   */
/************/

div#col_2_1 { width: 650px; display: inline-block; float: left; margin: 0 10px 0 0; }

div#col_2_2 { display: inline-table; float: left; width: 320px; }

/***************/
/*   Modules   */
/***************/

div.small_col, div.textwidget, div.map, .widget ul, .widget  div { display: inline-block; float: left; width: 280px; padding: 20px 20px 15px; background: url(images/div_small.png) repeat-y; margin-bottom:5px; }

	div.bottom, div.widget {  float: left; width: 320px; background:  url('images/div_small_bottom.png') no-repeat bottom; overflow: hidden; margin: 0 0 10px; }
/******************************/
/*  Zeile 162=Referenzenbox   */
/******************************/
div.medium_col { display: inline-block; float: left; width: 610px; height: 515px; padding: 20px 20px 0px; background-image: url(images/BG_medium_col.png); }
/***************/
	div.medium_bottom { display: inline-block; width: 650px; height: 5px; background-image: url(images/div_medium_bottom.png); overflow: hidden; float: left; margin: 0 0 10px; }

div.full_col { display: inline-block; width: 960px; background-image: url(images/BG_full_col.png); height: 580px; padding: 20px 0 15px 20px; }

div.full_col_2 { display: inline-block; width: 940px; background-image: url(images/BG_full_col.png); padding: 20px 20px 15px; }

	div.full_bottom { display: inline-block; width: 980px; height: 5px; background-image: url(images/div_full_bottom.png); float: left; overflow: hidden; margin: 0 0 10px; }

/*****************/
/*   Showcases   */
/*****************/

/* Full showcase */

button.prev { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 115px 0 0; }

button.next { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 115px 0 0 950px; }

div#showcase { width: 980px; height: 360px; overflow: hidden; float: left; }

div#showcase_img { width: 980px; height: 300px; overflow: hidden; float: left; }

	div.showcase_wrapper_small { float: left; display: inline-table; overflow: hidden; }

		div#showcase_wrapper { display: inline-table; width: 980px; height: 360px; }
		
		div#showcase_wrapper_img { display: inline-table; width: 980px; height: 300px; }

			#showcase_wrapper ul, #showcase_wrapper_img ul { display: inline-table; }

				div#showcase_wrapper ul li, #showcase_wrapper_img ul li { display: inline-table; }
			
					a.showcase_link, p.showcase_link { width: 560px; height: 60px; float: left; display: inline-block; font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff;  padding: 0 0 0 20px; }
					
					p.showcase_link{cursor:auto;  width: 980px;}

					a.showcase_link:hover {cursor:default; text-decoration: none; }

					a.moreinfo { display: inline-block; height: 60px; width: 380px; font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; float: left; padding: 0 0 0 20px; }
		
					a.moreinfo:hover {cursor:default; text-decoration: none; }
				
/* Mini showcase */

button.prev_mini { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 61px 0 0; }

button.next_mini { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-table; cursor: pointer; margin: 60px 0 0 620px; }

div#showcase_mini { width: 650px; height: 185px; margin: 0 0 10px;  }

/* Product showcase */

div#showcase_control_product { display: table; position: absolute; z-index: 0; }

	button.prev_product { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-block; cursor: pointer; margin: 256px 0 0 -20px; }

	button.next_product { width: 30px; height: 59px; position: absolute; z-index: 5; display: inline-block; cursor: pointer; margin: 256px 0 0 930px; }

div#showcase_wrapper_product { width: 980px; position: absolute; z-index: 3; overflow: hidden; height: 586px; }

	#showcase_wrapper_product ul { width: 945px; position: absolute; display: inline-block; z-index: 5; margin: auto; }

		#showcase_wrapper_product ul li { width: 945px; float: left; height: 586px; }

			div.tumb_product { width: 310px; height: 190px; float: left; margin: 0 5px 5px 0; }

				div.tumb_product img { position: absolute; z-index: 4; }

				h3 a { font-size: 13px; line-height: 35px; color: #363636; height: 35px; position: absolute; z-index: 5; margin-top: 145px; padding: 0 20px; }

/*************/
/*   Image   */
/*************/

.img_homepage { cursor:default; width: 980px; float: left; display: inline-block; height: 300px; margin: 0; }

.img_medium { width: 650px; height: 300px; margin: 0 0 10px; }

img.part_left { float: left; display: inline-block; margin: 0 25px 10px 0; }

img.part_right { float: left; display: inline-block; margin: 0 0 10px; }

/**************/
/*   Footer   */
/**************/

div#footer { display: inline-block; width: 960px; background-image: url(images/footer.png); height: 37px; margin: 0 0 50px; padding: 2px 0 0 20px; }

/************/
/*   Home   */
/************/

/* Codaslider 2 */

/* Most common stuff you'll need to change */
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 630px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 650px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */

	.coda-nav { display: none; float: left; background-image: url(images/controller_medium.png); }
	
	.coda-nav ul li a.current { background-image: url(images/JFlow_selected.png); }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: inline-block; overflow: hidden; clear: both; float: left; padding-left: 20px; width: 630px!important;  height: 30px; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { color: #fff; display: block; float: left; margin-right: 1px; text-decoration: none; background-image: url(images/JFlow_default.png); height: 25px; padding-right: 10px; padding-left: 10px; line-height: 25px; font-size: 13px; margin-top: 5px; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { display: none; }
	.coda-nav-left a, .coda-nav-right a { display: none; }

/* Vertical items */

div.ver_item1 { width: 280px; float: left; display: inline-block; margin: 0 20px 20px 0; }

div.ver_item2 { width: 280px; float: left; display: inline-block; padding: 0; margin: 0 0 20px; }

img.large_thumb { width: 280px; height: 105px; margin: 10px 0; }

/* Horizontal items */

div.hor_item { display: block; float: left; width: 610px; margin: 5px 0 20px; }

img.small_thumb { display: inline-block; float: left; margin: 0 20px 0 0; }

/***************/
/*   TWITTER   */
/***************/

ul#twitter {float: left; display: inline-block; width: 280px; }

	#twitter li, #twitter_update_list li { border-bottom: 1px solid #ebebeb; margin: 10px 0; }

/*******************/
/*   Pagecounter   */
/*******************/

ul.pagecounter { display: inline; float: left; margin-bottom: 10px; }

	ul.pagecounter li { display: inline; float: left; margin-right: 5px; border: 1px solid #e0e2e2; background-color: #fffeff; height: 20px; line-height: 20px; padding-right: 5px; padding-left: 5px; }

	ul.pagecounter li.active { border: 1px solid #cccdcd; background-color: #cecdce;  }

		ul.pagecounter li a { font-size: 10px; }

		ul.pagecounter li.active a { color: #000; }
	
/****************/
/*   Comments   */
/****************/

ul.comments { display: inline; float: left; width: 610px; }

ul.comments li { display: inline; float: left; width: 610px; margin-bottom: 10px; }



/*-----------Ultimate Page Ends-------------------*/
.valid .text_input, .valid .text_area{border:1px solid #70A41B!important; } /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid red!important;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628!important;}