/* @override http://localhost:8888/wordpress/Display/wp-content/themes/Tessa/style.css */

/*  
Theme Name: Tessa
Theme URI: http://www.perryg.nl
Description: Tessa de Baaijens de Vrie website.
Version: 1.0
Author: Perry Gruber
Author URI: http://www.perryg.nl
*/

/* 
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! :)
*/

 
/****************************************************/
/*   Stylesheet developed on:	26-04-10		 	*/
/*	 Developed by:				Perry Gruber        */
/****************************************************/   

/* In this stylesheet you will find the core styles defined for the Discovery template */

/*******************/
/*   Site Basics   */
/*******************/

*{ border-width: 0; margin: 0; padding: 0; list-style-type: none; outline: 0; text-align: left; }

hr { margin-top: 30px; float: left; width: 100%; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; display: inline; }

body { overflow-x: hidden; background: #c8c8c8 url(images/background.jpg) no-repeat fixed center top; }

/*******************/
/*   Site Basics   */
/*******************/

div#logo_wrapper { width: 980px; margin: auto; height: 75px; }

div#logo { height: 39px; width: 482px; display: inline; float: left; background: url(images/logo.png) no-repeat; margin-top: 15px; margin-left: 245px; }

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

a { text-decoration: none; font-family: "Times New Roman", Georgia, Times, serif; }

	a.black { background-color: black; font-size: 13px; color: white; font-style: italic; }
	
	a.small { background-image: url(images/b_small.jpg); width: 92px; height: 32px; float: right; margin-top: 10px; line-height: 32px; text-align: center; margin-left: 20px; display: inline; }

	a.read { font-size: 12px; color: white; text-decoration: none; float: right; display: inline; margin-top: 15px; background-image: url(images/b_read.png); width: 97px; height: 25px; line-height: 25px; padding-left: 10px; }
	
	a.comment { background-image: url(images/comment_counter.jpg); width: 36px; height: 30px; float: right; line-height: 30px; text-align: center; font-size: 13px; color: white; }
	
	a.right { float: right; display: inline; }
	
	a.proposal { background-image: url(images/proposal.jpg); height: 34px; width: 299px; float: left; display: inline; text-align: center; font-style: italic; color: white; margin-bottom: 40px; padding-top: 13px; font-size: 20px; }

	a.feature { font-size: 40px; width: 940px; float: left; display: inline; margin-bottom: 10px; color: white; }
	
	a.t_white { color: #fffeff; font-size: 13px; }

	a.white { background-color: white; display: inline-block; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 13px; color: #797979; float: right; position: absolute; z-index: 15; margin-top: 340px; margin-left: 855px; }

p { font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif; color: #333; float: left; display: inline; }
	
	p.grey { color: #656565; }
	
	p.hireline { height: 50px; line-height: 50px; margin-left: 20px; }
	
	p.small { font-size: 9px; }
	
	p a { color: #333; text-decoration: underline; }
	
	p.col3_box { display: inline; width: 260px; float: left; }

h1 { float: left; font: 30px "Lucida Grande", Lucida, Verdana, sans-serif; }

	h1.extreme { font-size: 80px; width: 260px; text-align: center; margin-top: 20px; }

	h1.extreme_date { font-size: 20px; width: 260px; text-align: center; }

	h1.main { height: 30px; line-height: 30px; background-repeat: no-repeat; background-position: 0 7px; }
	
	h1.main_col { margin-bottom: 20px; font-weight: normal; font-style: normal; background-repeat: no-repeat; background-position: 0 5px; }
	
	h1.blog { margin-bottom: 20px; width: 535px; float: left; display: inline; font-variant: normal; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

		h1.blog a { color: black; }

h2 { float: left; font: 25px "Lucida Grande", Lucida, Verdana, sans-serif; }

	h2.col1_full_header { display: inline; float: left; width: 615px; margin-bottom: 20px; }

	h2.inline { margin-bottom: 20px; float: left; display: inline; }

	h2.col3_header { width: 260px; margin-bottom: 10px; display: inline; float: left; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; font-size: 20px; }

h3 { float: left; display: inline; font: 20px "Lucida Grande", Lucida, Verdana, sans-serif; }

	h3.hireus { font-style: italic; float: left; display: inline; margin-top: 15px; color: #616161; }

h4 { float: left; font: 18px "Lucida Grande", Lucida, Verdana, sans-serif; }

	h4.footer { color: white; }
	
	h4.sidebar { width: 258px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; padding-left: 20px; padding-right: 20px; background-color: #fff; padding-top: 15px; height: 33px; }

h5 { float: left; font: 15px "Lucida Grande", Lucida, Verdana, sans-serif; }

h6 { float: left; font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; }

/* Special full header */

div.box_full_heading { padding-left: 20px; padding-right: 20px; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 20px; height: 40px; float: left; width: 938px; padding-top: 10px; }

/**************/
/*   Images   */
/**************/

img.alignleft { float: left; display: inline; margin-right: 20px; margin-bottom: 20px; }

img.alignright { float: right; display: inline; margin-bottom: 20px; clear: left; margin-left: 20px; }

/******************/
/*   Navigation   */
/******************/

#nav_wrapper { height: 136px; background: url(images/footer_wrapper.jpg) repeat-x 0 75px; }

/* Main navgation */

#main_nav_wrapper { width: 980px; margin: auto; height: 50px; }

	#main_nav_wrapper ul { display: inline; float: right; }

		#main_nav_wrapper ul li { display: inline; height: 50px; float: left; margin-right: 50px; }

			#main_nav_wrapper ul li a { line-height: 50px; color: #fffeff; font-size: 14px; }

				#main_nav_wrapper ul li a:hover { border-bottom: 1px solid #fffeff; }

				#main_nav_wrapper ul li a.main_active { color: white; border-bottom: 1px solid #fffeff; }
			
/* Sub navigation */

#sub_nav_wrapper { width: 980px; margin: auto; height: 35px; }

	#sub_nav_wrapper ul { display: inline; }

		#sub_nav_wrapper ul li { height: 35px; display: inline; float: left; margin-right: 35px; }

			#sub_nav_wrapper ul li a { line-height: 35px; font-size: 10px; color: #b3b3b3; }

				#sub_nav_wrapper ul li a:hover { border-bottom: 1px solid #b3b3b3; }

				#sub_nav_wrapper ul li a.sub_active { color: #939393; }	
				
/*********************/
/*   Content frame   */
/*********************/

div#content_frame { float: left; width: 100%; padding-top: 10px; background-repeat: repeat-x; }

	#content_wrapper { width: 980px; margin: auto; }
	
/***************/
/*   Columns   */
/***************/

/* Box full*/

.box_full { width: 938px; float: left; display: inline; margin-bottom: 40px; background-color: #fff; border: 1px solid #f1f1f1; padding-left: 20px; padding-right: 20px; padding: 20px; }

/* Col 2 wrapper */

div.col2_wrapper { float: left; display: inline; }

	div.col2_content { display: inline; float: left; width: 640px; margin-right: 40px; }

		div.col2_content_box { float: left; width: 600px; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 40px; padding: 19px; display: inline; }	

	/* Sidebar */

	div.col2_sidebar { float: right; display: inline; width: 300px; }

		div.sidebar_box { width: 258px; float: left; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 40px; padding: 20px; }

div.hire { display: inline; margin-top: 10px; width: 940px; height: 50px; background-color: #fff; border: 1px solid #e0e0e0; float: left; padding-left: 20px; padding-right: 20px; }

/*******************/
/*   List styles   */
/*******************/

ul.comments { display: inline; float: left; background-color: #fff; border-bottom: 1px solid #f1f1f1; }

	ul.comments li { float: left; padding: 20px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; display: inline; }
	
/* General sidebar list styles */

ul.sidebar_links { display: inline; }

	ul.sidebar_links li { height: 25px; border-top: 1px solid #f1f1f1; width: 258px; overflow: hidden; display: inline; float: left; }

		ul.sidebar_links li a { font-size: 12px; line-height: 25px; color: #868686; }
		
/* Partners */

ul.partners { display: inline; float: left; }

	ul.partners li { width: 125px; height: 125px; display: inline; margin-bottom: 5px; float: left; }

	ul.partners li.left { margin-right: 5px; }
	
/* Headings list || Just for demo purpuse */

ul.heading_styles { display: inline; float: left; }

ul.heading_styles li { display: inline; clear: left; float: left; height: 35px; }

	
/*************************/
/*   Showcase elements   */
/*************************/

/* Medium showcase */

div.controls_medium_showcase { float: left; display: inline; width: 600px; height: 250px; margin-bottom: 20px; }

	div.medium_showcase { width: 600px; height: 250px; position: absolute; z-index: 1; }
	
	/* controls */
	
	.prev_medium { position: absolute; z-index: 3; cursor: pointer; }

	.next_medium { position: absolute; z-index: 3; margin-left: 530px; cursor: pointer; }

/*********************/
/*   Form elements   */
/*********************/

label { display: inline; float: left; clear: left; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; color: #7c7c7c; margin-bottom: 10px; margin-top: 10px; width:175px; }

input.in_small { height: 25px; width: 130px; float: left; display: inline; clear: left; border: 1px solid #d6d6d6; padding-top: 10px; }

input.in_medium { height: 25px; width: 260px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; padding-top: 10px; }

input.in_big { height: 25px; width: 390px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; padding-top: 10px; }

textarea.in_textarea { display: inline; border: 1px solid #d6d6d6; float: left; clear: left; width: 100%; padding-top: 10px; line-height: 20px; }

select.pull_small { float: left; display: inline; clear: left; width: 130px; height: 20px; }

select.pull_medium { float: left; display: inline; clear: left; width: 260px; height: 20px; }

select.pull_big { float: left; display: inline; clear: left; width: 390px; height: 20px; }

input.submit { float: left; clear: left; background-image: url(images/b_small.jpg); width: 92px; height: 32px; margin-top: 10px; text-align: center; font-size: 13px; color: white; }

input.in_search { float: right; display: inline; width: 140px; height: 21px; margin-top: 85px; color: #7e7e7e; padding-left: 10px; padding-right: 10px; background: #fffeff no-repeat; font-size: 13px; padding-top: 9px; border: 1px solid #0086bf; }

/***************/
/*   Sidebar   */
/***************/

div.widget{ display: inline; float: left; margin-bottom: 20px; width: 280px; padding: 10px; background-color: #fff; border: 1px solid #f1f1f1; }

	.widget ul { display: inline; float: left; width: 280px; margin-top: 15px; margin-bottom: 15px; }
	
		.widget ul li { display: inline; float: left; width: 280px; margin-top: 5px; margin-bottom: 5px; }

			.widget ul li a { text-decoration: none; color: #5e5e5e; }

			.widget ul li a:hover { text-decoration: underline; color: #009bd4; }
			
.widget img { display: inline; }

.widget h3 { display: inline; float: left; width: 280px; height: 20px; }

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

#footer_frame { width: 100%; display: inline-block; background: url(images/footer_wrapper.jpg) repeat-x; padding-top: 20px; margin-top: 50px; margin-bottom: 50px; height: 36px; }

	#footer_wrapper { width: 980px; margin: auto; }
		
/* Footer lists */

#footer_wrapper ul { display: inline-block; float: left; }

	#footer_wrapper ul li { display: inline-block; margin-right: 20px; color: #fffeff; font-size: 11px; }

		#footer_wrapper ul li a { color: #fffeff; }

/***************/
/*   Gallery   */
/***************/

div.thumb_gallery { display: inline; }

	div.thumb_gallery ul { height: 80px; width: 600px; float: left; margin-bottom: 20px; }

		div.thumb_gallery ul li { float: left; margin-right: 5px; display: inline; }

/*********************/
/*   SHOWCASE HOME   */
/*********************/

/* CU3ER */

div.home_showcase_CU3ER { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

#cu3er_showcase { display: inline; float: left; position: absolute; z-index: 5; }

div.home_showcase_shadow { width: 1218px; height: 69px; display: inline; margin-left: -119px; z-index: 0; background: url(images/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 353px; float: left; position: absolute; }

/*****************/
/*   Portfolio   */
/*****************/

div.portfolio_wrapper { float: left; width: 980px; display: inline; border: 1px solid #e7e7e7; background-color: white; margin-bottom: 10px; }

	div.box { width: 258px; float: left; display: inline; padding: 20px; }

	div.left { margin-right: 40px; }
	
		div.box IMG { float: left; display: inline; }