/*
Theme Name: coffee and Vanilla
Description: A custom theme for coffee and vanilla
Version: 1.0
Author: Michael Dyer
Tags: wide, three columns, widgets

	coffee alpha

	This theme was designed and built by Michael Dyer,
	whose blog you will find at http://416studios.co.uk/blog

	The CSS, XHTML and design the copyright of 416studios.com

*/

/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {

}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* typography */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana,'Lucida Grande',  Arial, Sans-Serif;
	color: #2e1d04;
	line-height:1.9;
	}
	
h1 {
	font-size:3.6em;
	}
	
h2 {
	color:#4a5100;
	font-size:2.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	.pagetitle {
		margin-bottom:20px;
		}
	.post h2,  h2.pagetitle  {
		font-size:2.4em;
		font-weight:normal;
		line-height:1.1em;
	}


 h3, h2.widgettitle {
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4a5100;
	text-transform:uppercase;
	} 
	h2.widgettitle {
		line-height:1.2em;
		margin-bottom:1.2em;
		}
	
	h3.description {
		font-weight:normal; font-size:1.52em; text-transform:uppercase;
		text-indent:-5000px;
		}
		
h4 {
	font-weight:bold;
	font-size:1.6em;
	text-transform:uppercase;
	text-decoration:underline;
	color:#4A5100;
	padding-top:1.6em;
	}
	
p {
	font-size:1.2em;
	padding-top:1em;
	}

a:link, a:visited, a:hover, a:active {
	color:#4A5100;
	text-decoration:none;
	}

		
.entry a.more-link {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#B37700;
	}
	.entry p a , .entry ul li a{
	color:#440;
	text-decoration:none;
	border-bottom:1px #440 dotted ;
	}
	.entry p a:hover {
	color:#b0b000;
	border-bottom:1px #4a5100 dotted ;
	}
	
	

.post li {
	font-size:1.2em;
	}
	
#footer {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#630;
	font-size:1.2em;
	}
	
/* layout */
body {	
	background-color:#dedfd1 ;
	text-align: center;
	}
	
h2 {
	padding-left:25px;
	background:#f3f3f3 url("images/brown-flower.gif") no-repeat 0px 4px;
	
	}
	h2.widgettitle {
		background-image:none;
		padding-left:0px;
		}

#page {
	text-align: left;
	width:950px;
	margin: 0 auto;
	background:#f3f3f3 url('images/header.jpg') no-repeat top center;
	}
	

	
	#header{
	position:relative;
	}
	
	/*navigation*/
	#navigation {height:182px;	}
		#navigation li a {color:#d7cca4; text-decoration:none; }
	
	#navigation li.home {position:absolute; top:155px; right:529px; padding:10px 0 9px 0; width:68px; }
			#navigation li.home a span {background: url(images/home.jpg) no-repeat center; 	position: absolute; 	width: 100%; height: 100%; top:0; left:0; }
			#navigation li.home a:hover span { background: url(images/home_hover.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0; }
			
	#navigation li.page-item-8 {position:absolute; top:144px; right:438px; padding:10px 0 9px 0; width:88px; }
			#navigation li.page-item-8 a span { background: url(images/archives.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0; }
			#navigation li.page-item-8 a:hover span { background: url(images/archives_hover.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0; }
				
	#navigation li.page-item-4 {position:absolute; top:89px; right:96px; padding:10px 0 9px 0; width:68px; }
			#navigation li.page-item-4 a span {  background: url(images/about.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0;}
			#navigation li.page-item-4 a:hover span {background: url(images/about_hover.jpg) no-repeat center; position: absolute; width: 100%; height: 100%;  top:0; left:0; }
	
	#navigation li.page-item-6 {position:absolute; top:100px; right:165px; padding:10px 0 9px 0; width:65px; }
			#navigation li.page-item-6 a span {background: url(images/links.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0;  left:0;}
			#navigation li.page-item-6 a:hover span {background: url(images/links_hover.jpg) no-repeat center; position: absolute; width: 100%;  height: 100%; top:0; left:0; }
				
	#navigation li.page-item-7 {position:absolute; top:77px; right:25px; padding:10px 0 9px 0;  width:72px;}
			#navigation li.page-item-7 a span {background: url(images/contact.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0; }
			#navigation li.page-item-7 a:hover span { 	background: url(images/contact_hover.jpg) no-repeat center; 	position: absolute; width: 100%;	height: 100%; top:0; left:0; 	}
				
	#navigation li.page-item-740 {position:absolute; top:112px; right:231px; padding:10px 0 9px 0; width:115px;}
			#navigation li.page-item-740 a span {background: url(images/lunch.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; left:0; }
			#navigation li.page-item-740 a:hover span { background: url(images/lunch_hover.jpg) no-repeat center; position: absolute; width: 100%; height: 100%;  top:0; left:0;}

	#navigation li.page-item-956 {position:absolute; top:128px; right:348px; padding:10px 0 9px 0; width:91px; }
			#navigation li.page-item-956 a span { background: url(images/seasonal.jpg) no-repeat center; position: absolute; width: 100%; height: 100%; top:0; 	left:0; }
			#navigation li.page-item-956 a:hover span { background: url(images/seasonal_hover.jpg) no-repeat center; position: absolute; width: 100%; 	height: 100%; 	top:0; 	left:0; }
			
	/*End navigation*/
	#blogname {text-align:right; padding-right:12px;}	
		#blogname h3 {padding-right:45px;}
	
	#content{
	width:479px;
	margin:80px 10px 60px 20px;
	padding-right:20px;
	float:left;
	background:#f3f3f3 url("images/content_bg.jpg") repeat-y right;
	}
	
		.post {
		
		padding:10px 0 40px 0px;
		background:#f3f3f3 url("images/divider.gif") no-repeat bottom center;
		}
		.titlemeta {padding-left:25px;}
		
		.search_page, .last_30 {
			overflow:auto;
			padding-bottom:20px;
			}
					
		.post ul {
			padding-top:10px;
			margin-bottom:10px;
			}
			
		.post li {
			list-style:url(images/bullet.gif) inside;
			}
		
		.postmetadata {
			padding:10px 0 0;
			
			}
	#ads{
		margin-left:520px;
		margin-top:90px;
		}	
	#ads img{
		padding:10px 7px 0px 0px;
		}
		
	.entry img  {
		margin-bottom:5px;
		display:block;
		}
		
		.commentlist li{
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			background:#f3f3f3 url("images/odd-border.gif") repeat-x ;
			}
			.commentlist .first_comment {
				
				}
			
		.commentlist .alt {
			background-color:#fff;
			background:#fff url("images/horizontal-border.gif") repeat-x ;
			}
		
		.avatar {
			float:right;
			margin-top:7px;
			margin-right:7px;
			border:#ccc 1px solid;
			margin-bottom:10px;
			}
			
			.commentlist .comment_number, .commentlist cite {
				font-weight:bold;
				font-size:1.4em;
				font-style:normal;
				}
			.commentlist cite a:link {
				font-style:normal;
				}
	
	#sidebar1 {
	float:right;
	width:180px;
	margin-top:20px;
	background:#f3f3f3 url("images/content_bg.jpg") repeat-y right;
	margin-right:20px;
	}
		
	
	#sidebar2 {
		float:right;
		width:200px;
		margin:20px 0 0 20px;
		}
		
	
	#footer {
		clear:both;
		height:100px;
		padding:0 20px;
		background:#fefefe url("images/footer_bg.jpg") no-repeat top center;
		
		}
		#footer p {
			padding-top:10px;
			font-weight:bold;
			color:#630;
			}
			#footer a:link {
				color:#b37700;
				}
			
		
.randomthumbs {
	margin-top: 20px;
	}
		
		.alignnone {
			display:block;
			margin-bottom:10px;
			}
			
		.alignleft {
			float:left;
			margin-right:10px;
			}
			
		.alignright {
			float:right;
			margin-left:10px;
			}
			
		.mini_button {
			margin-top:2.4em;
			}				
			
		.widget {
			padding:10px 0 40px 0;
			width:195px;
			background:#f3f3f3 url("images/widget_divider.gif") no-repeat 18px bottom;
			}
		.rss{
			display:block;
			padding:20px 0 20px 35px;
			background-image:url("images/rss.gif");
			background-repeat:no-repeat;
			background-position:left;
			}
		
		.mail{
			display:block;
			padding:20px 0 20px 35px;
			background-image:url("images/mail.jpg");
			background-repeat:no-repeat;
			background-position:left;
			}
		.twitter{
			display:block;
			padding:20px 0 20px 35px;
			background-image:url("images/cv-twitter.jpg");
			background-repeat:no-repeat;
			background-position:left;
			}
		
		ul#twitter_update_list  li {
		padding-bottom:10px;
		}
		
	p.dem-question {padding-bottom:10px;
                   font-weight:bold;}
				   
		.clearfloat {
			clear:both;
			}
			
.text-ad {
	width:112px; 
	height:112px; 
	float:left;
	border: 1px solid #ccc;
	margin:10px 10px 0px 4px ;
	padding:10px 10px 0px 0px;
	font-size:14px;
	}
	.text-ad a {color:#B37700;}
				   
#google_ad {
display:inline;
float:left;
padding:10px 10px 0px 0;
}

#ciaio {

width:125px;
float:right;
margin-right:24px;
margin-top:5px;
}

img.wp-smiley {display:inline;
margin:0;}