/*
Theme Name: Joke de WINTER 09
Description: Theme for Joke de WINTER
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 20090429
*/

/* ----- RESET STUFF ----- */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li {	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; }
h1			{	position:absolute; top:-100px; }

/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
body		{	text-align:center; font-size:62.5%; font-family:Tahoma, Helvetica, Arial, sans-serif; color:#CCC;
				background:url(images/bg.jpg) repeat; letter-spacing:0.1em;}

#header		{	width:100%; text-align:center; background:#333; padding-bottom:30px; border-bottom:1px solid #666;  }
.wrapper	{	width:900px; margin:0 auto; text-align:left; }
#logo		{	width:300px; height:180px; float:left; padding:10px 0 0 0; }
#navigation	{	width:600px; float:right; border-bottom:1px solid #666; padding:90px 0 0 0;}
#teaser		{	width:100%; clear:both; padding-bottom:20px; background:url(images/bg.jpg) repeat; border:1px solid #666;
				min-height:190px;}

#main		{	width:900px; margin:0 auto; letter-spacing:1px;  }
#content	{	width:550px; float:left; text-align:left; margin:30px 50px 30px 0; padding-bottom:30px; }
#sidebar	{	width:238px; float:right; background:#333; text-align:left; padding:30px; margin:30px 0 30px 0; 
				border:1px solid #666; }

#footer		{	width:100%; height:150px; clear:both; background:#333; border-top:1px solid #666;   }

/* ----- GENERAL TEXT STUFF ----- */
h2, h3, p	{	padding:0 0 10px 0; }
h2		{	font-size:2em; margin-bottom:20px; letter-spacing:0.2em; color:#FFF; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }
h2 small	{	font-size:60%; font-weight:normal; color:#999; }

h2.t-title	{	float:left; width:250px; text-align:right; font-size:2.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-weight:normal; line-height:1.5em; letter-spacing:0.1em; padding:20px 30px 50px 20px; color:#ccc; }
h2.t-title span	{	font-size:110%; line-height:1.5em;  }

h3		{	font-size:1.8em; margin:15px 0 15px 0; color:#777; letter-spacing:0.1em;   }
.divide	{	border-top:1px solid #666; padding-top:1em; }
.caseStudy	{	margin:0; }
.date	{	margin:0 0 15px 0; }
.separate	{	border-bottom:1px solid #666; padding-bottom:1em; }



p		{	font-size:1.4em; line-height:1.5em; font-style:normal; font-weight:normal;   }
#teaser img	{	float:left; /*padding:20px 30px 20px 20px; border:none;*/ margin:20px 30px 20px 20px; }
#teaser p	{	padding:20px 20px 0 0; font-size:1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   }
	
#content ul, #sidebar ul, .intro dd ul	{	margin:15px; padding:15px;	list-style-type:disc; }
#content ul li, #sidebar ul li, .intro dd ul li	{	font-size:1.4em; line-height:1.5em; margin:0 0 10px 0; }

a		 	{	text-decoration:none; color:#C60; }
a:hover 	{	text-decoration:underline; }
.last h2 a	{	color:#FFF; }

blockquote	{	margin:20px 0 0 0 ; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#AAA;
				background:url(images/topQuote.png) no-repeat top left; }
#quote		{	margin:0 10px 0 0; padding:5px 10px 5px 35px; background:url(images/endQuote.png) no-repeat bottom right; }
#author		{	padding:10px 10px 5px 35px; }

img		{	border:1px solid #666; }
#logo a img	{	border:none; }

/* ----- MAIN NAVIGATION ----- */
#navigation ul		{	margin:0; padding:0; list-style-type:none; float:right;   }
#navigation ul li	{ 	display:block; float:left; text-align:left;   }
#navigation ul li a	{	color:#FFF; text-decoration:none; display:block; text-align:left; font-size:1.6em; padding:0 0.9em;
						line-height:3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.2em;
						text-transform:uppercase; }
#navigation li a:hover {	color:#666; }

/* ----- HOME PAGE MAIN ----- */
.intro dl	{	width:250px; float:left; text-align:left; padding:30px 50px 30px 0; }
.intro dt	{	font-size:2em; margin:0 0 20px 0; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:0.2em; }
.intro dd	{	margin:20px 0 30px 0; }
.intro dl.last	{	padding:30px 0 30px 30px;  }

/* ----- DIRECT OFFER ----- */
.offer		{	padding:30px 0; }

.offer dl	{	width:220px; float:left; text-align:left; padding:30px; margin:0 26px 26px 0; border:1px solid #666; min-height:270px; background:#333; }
.offer dt	{	font-size:2em; margin:0 0 20px 0; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:0.2em; text-align:left; }
.offer dd	{	margin:20px 0 0 0; }
.offer dd ul {	margin:7px; padding:7px; list-style:disc;  }
.offer dd ul li	{	font-size:1.4em; line-height:1.5em; }
.offer dl.last	{	margin: 0 0 30px 0; }

.offer dd img	{	width:220px; }

.offer dd ul.elist	{	margin:0; padding:0; list-style:none; }
.offer dd ul.elist li	{	display:block; border-bottom:1px solid #f3f2e8; overflow:hidden; padding:0 0 7px 0; }
.offer dd ul.elist li span 	{	float:left; width:75%; }
.offer dd ul.elist li em		{	float:right; width:25%; font-style:normal; }

/* ----- PORTFOLIO PAGE MAIN ----- */
ul#gallery 	{	margin:0; padding:0; list-style:none; margin-top: 30px; }
#gallery li	{	float:left; width:300px; text-align:center; padding:0 0 30px 0; }
#gallery li img	{	border:1px solid #666; }

/* ----- CASE STUDY THUMBNAILS  ----- */
/*
ul#thumbs 	{	margin:0; padding:0; list-style:none; width:600px; margin-left:270px; height:140px;   }
#thumbs li	{	float:left; width:70px; height:50px; padding:20px 0 0 30px; }
#thumbs li img	{	border:1px solid #666; }
*/
ul#thumbs 	{	margin:0; padding:0; list-style:none; margin: 30px 0 0 0;   }
#thumbs li 	{	float:left; width:70px; height:50px; padding: 0 9px 0px 0; }
#thumbs li img	{	border:1px solid #666; }

#content img	{	border:1px solid #666; }

/* ----- FOOTER STUFF ----- */
#footer dl	{	width:250px; float:left; text-align:left; padding:0 50px 0 0; }
#footer dt	{	font-size:1.6em; margin:15px 0 15px 0; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:0.2em; }
#footer dd	{	font-size:1.4em; line-height:1.5em; margin:0; color:#555; }
#footer dd a	{	color:#777; }
#footer dl.last	{	padding:0 0 0 30px; }

/* ----- POST CONTENT ----- */
.post			{	clear:left; border-bottom:1px solid #999; padding:0 0 20px 0;  }
.postmetadata	{	clear:left; font-size:1.2em; color:#999; font-weight:normal; padding:20px 0 0 0; }
.postmetadata a	{	color:#999; text-decoration:underline; }
.entry img		{	float:right; margin:0 0 10px 10px; }

/* ----- COMMENTS ----- */
h2.commentTitle		{	padding:20px 0 0 0; }
#comments, #respond	{	font-size:1.4em; font-weight:normal;  }
.commentlist 		{	list-style-type:none; margin:0; padding:0; }
.commentlist li		{	padding:15px 20px 10px 20px;border:1px solid #999; margin:0 0 10px 0; list-style-type:none; }
.commentlist cite	{	font-style:normal; font-weight:normal; font-size:1.4em;  }
.commentlist p		{	padding:10px 0 0 0;  font-style:normal; font-weight:normal; font-size:1em;  }
.commentmetadata a	{	font-weight:normal; color:#999; text-decoration:none; }
#comment			{	width:100%; }

#commentform input {	width: 200px; padding: 5px; margin: 5px 5px 1px 0; }
#commentform {	margin: 5px 10px 0 0; }
#commentform textarea {	width: 100%; padding: 2px; 	}
#respond:after {	content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
#commentform #submit {	margin: 0 0 5px auto; float: right; width: 150px;}
.children { padding: 0; }
#commentform p { 	margin: 5px 0; 	}
.nocomments { 	text-align: center; 	margin: 0; 	padding: 0; 	}



/* ----- SEARCH FORM ----- */
#searchform		{	width:100%; margin: 10px auto; padding: 5px 0px; text-align: center; }
#s 				{	width:50%; float:left; margin:1px 0; padding: 2px; background-color:#eee;}
#searchsubmit	{	padding:1px; margin:0; }
.hidden			{	display:none; }

a.rssFeed		{	background:url(images/rssSQUARE.png) no-repeat top left; font-size:1.4em; color:#666; text-decoration:none;
					padding-left:25px; }
a:hover.rssFeed	{	text-decoration:underline; }