/*  
Theme Name: LauraCastelletti
Theme URI: http://www.lauracastelletti.it/
Description: The LauraCastelletti.com WordPress Theme
Version: 1.0
Author: Andrea Ravizzola
Author URI:
Tags: three columns, fixed width, feautured
*/


*{margin: 0;padding: 0;}

html,body{
	background: #FFF;
	color: #333;
	text-align: center;
}

body{
	font: 12px Georgia, "Times New Roman", Times, serif;
	background-image: url(images/body_bg.png);
	background-position: center top;
	background-repeat: repeat-x;
}

h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{}
p{}

a{color: #333;text-decoration: none;}
	a:hover{color: #666;}

img{margin: 0;padding: 0;border: none;}

/*------------------------------------------------------------------
[Table of contents]

* body
	+ Wrapper / #wrapper
		- Header / #header
			- Navigation(Page) / #headerLinks
		- Container / #container
			- Content / #content
			- Sidebar / #sidebar
			- Extra / #extra
		- Footer / #footer
		
* float rules
-------------------------------------------------------------------*/


/* ------------------------- #wrapper ------------------------- */
#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding: 0 10px;
	background-image: url(images/wrapper_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}


/* ------------------------- #header ------------------------- */
	#header{
		height: 243px;
		margin: 0 0 10px;
		position: relative;
		background-image: url(images/header_bg.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		position: relative;
	}
		#header h1{
			width: 240px;
			height: 120px;
			position: absolute;
			top: 28px;
			left: 259px;
			text-indent: -10000px;
		}
			#header h1 a{width: 240px;height: 120px;display: block;}
				#header h1 a:hover{border-bottom: 3px solid #BBBF1B;}
		
		#header .description{
			width: 238px;
			height: 21px;
			position: absolute;
			top: 103px;
			left: 640px;
			text-indent: -10000px;
		}
		
		
		#headerLinks{
			width: 100%;
			background-color: #BBBF1B;
			height: 40px;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0;
		}
		
			#headerLinks ul{
				list-style: none;
				margin: 0;
				padding: 0 0 0 10px;
			}
				#headerLinks ul li{
					height: 40px;
					padding: 0 15px;
					display: block;
					float: left;
					line-height: 40px;
				}
					#headerLinks ul li a{font-size: 14px;color: #FFF;}
						#headerLinks ul li a:hover{color: #333;}
					
					#headerLinks ul li.current_page_item{background-color: #FFF;}
						#headerLinks ul li.current_page_item a{color: #333;}



/*#subHead {
width:1080px;
height:90px;
border-bottom:1px solid #B8B8B8;
padding-top:-20px;
padding-bottom:5px;
display:none;
}

#headAds {
width:728px;
height:90px;
margin:auto;
display:none;
}

li.top {
border-left:1px solid #DDD;
float:right;
display:block width:100px;
}

li.top a {
width:100px;
}

.nav li.skip a:hover,li.top a:hover {
background:transparent;
color:#333!important;
}*/




/* ------------------------- #container ------------------------- */
	#container{
		width: 940px;
		/*min-height: 1200px;
		height: auto !important;
		height: 1200px;*/
		padding: 0 10px;
		position: relative;
	}

/* ------------------------- #content ------------------------- */
		#content{
			/*position: absolute;
			top: 0;
			left: 10px;*/
			float: left;
			width: 520px;
			height: auto;
			/*padding: 0 10px !important;
			padding: 0 0 0 10px;*/
			margin: 0 10px 0 0;
		}
		
			#postMain{margin: 0;}
				.post{margin: 0 0 20px;}
					.post h2{
						font-size: 18px;
						line-height: 24px;
						margin: 0 0 10px;
					}
						.post h2 a{}
						
					.post p{}
						.post p a{}
							.post p a:hover{}
							
						.post p.more{}
							.post p.more a{}
								.post p.more a:hover{}
						
					.postMeta{
						margin: 0 0 10px;
						color: #666;
						line-height: 1.6em;
					}
						.postMeta a{color: #BBBF1B;font-weight: bold;}
							.postMeta a:hover{color: #333;border-bottom: 1px solid #999;}
						.postMeta span.date{}
						.postMeta span.author{color: #333;font-weight: bold;}
						.postMeta span.cat{}
						.postMeta span.comments{
							/*background: #FFF url(images/user.gif) no-repeat left center;
							padding-left: 15px;
							margin-left: 2px;*/
						}
						.postMeta span.tags{}
						span.edit{font-variant: small-caps;font-size: 12px;}
					
					.entry{margin: 0;}
						.entry .introThumb{
							float: left;
							margin: 6px 8px 0 0;
							overflow: hidden;
						}
							.entry .introThumb img{
								padding: 3px;
								border: 1px solid #BDBDBD;
								width: 140px;
								height: 140px;
							}
							
						.entry p{margin: 0 0 1.8em;line-height: 1.8em;}
						
						.entry a{color: #BBBF1B;font-weight: bold;}
							.entry a:hover{color: #333;/*border-bottom: 1px solid #999;*/text-decoration: underline;}
						
						.entry img{border: 1px solid #BDBDBD;padding: 3px;}
						
						.entry blockquote{margin: 0 2em;font-style: italic;font-size: 14px;}
						
						.entry ul{
							margin: 0 20px;
							list-style: none;
						}
							.entry li a{}
							.entry ul li{
								background: url(images/li.gif) no-repeat  0 top;
								margin: 0 0 7px;
								padding: 0 0 0 15px;
							}
							
						.entry ol{margin: 0 1em 0 3em;}
							.entry ol li{margin: 0 0 7px;}
			
			#more_reading{
				color: #333;
				font-size: 12px;
				margin: 15px 0;
			}
				#more_reading a{font-weight: bold;color: #BBBF1B;}
					#more_reading a:hover{color: #333;}
				#more_reading span.navback{
					width: 150px;
					height: 16px;
					padding: 0 0 0 20px;
					display: block;
					float: left;
					background: url(images/arrow_prev.gif) top left no-repeat;
					cursor: pointer;
					text-align: left;
				}
				#more_reading span.navforward{
					width: 150px;
					height: 16px;
					padding: 0 20px 0 0; 
					display: block;
					float: right;
					background: url(images/arrow_next.gif) top right no-repeat;
					cursor: pointer;
					text-align: right;
				}
				
			
			#comments{width: 520px;}
				#comments h3.comments{}
				
				#comments ol.commentList{
					margin: 20px;
					padding: 0;
				}
					#comments ol.commentList li{
						list-style: none;
						border: 1px solid #999;
						padding: 10px;
						margin: 0 0 10px;
						position: relative;
					}
					
						#comments ol.commentList li .number{
							position: absolute;
							left: -20px;
							top: 25px;
						}

						#comments ol.commentList li .commentMeta{
							position: relative;
							height: 32px;
							border-bottom: 1px solid #CCC;
							padding: 0 0 10px 0;
							margin: 0 0 10px 0;
						}
							#comments ol.commentList li .commentMeta p{position: absolute;bottom: 10px;left: 0;line-height: 1.6em;}
							#comments ol.commentList li .commentMeta span.author{font-weight: bold;}
								#comments ol.commentList li .commentMeta span.author a{}
								
							#comments ol.commentList li .commentMeta span.date{}
							#comments ol.commentList li .commentMeta span.edit{}
							
							#comments ol.commentList li .commentMeta span.avatar{position: absolute;top: 0;right: 0;}
								#comments ol.commentList li .commentMeta span.avatar img{width: 32px;height: 32px;}
						
						#comments ol.commentList li .commentBody{clear: both;}
							#comments ol.commentList li .commentBody p{line-height: 1.6em;}
							
				#commentForm{width: 520px;margin: 0 0 0 20px;}
					#commentForm form{}
						#commentForm form p{margin: 0 0 10px;}
							#commentForm form p input{}
							#commentForm form p textamrea{}
				
				
				
				

/*h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}*/

/*
ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
border:1px solid #BBBBBB;
}

input#submit {
cursor:pointer;
margin:5px 0 15px 0;
}

#comment,#author,#email,#url {
border:1px solid #BBBBBB;
padding:2px;
margin:0 0 5px 0;
}

.labeltext {
padding:0 0 10px 0;
}

*/

/*
#vids {
padding-left:20px;
}*/



/* ------------------------- #sidebar ------------------------- */
		#sidebar{
			color: #444;
			/*position: absolute;
			top: 0;
			right: 180px;*/
			float: left;
			/*margin: 0 10px !important;
			margin: 0;
			position: inherit !important;
			position: absolute;
			right: inherit !important;
			right: 180px;*/
			width: 230px;
			line-height: 1.3em;
		}
		
			#featured{margin: 0 0 20px;}
				#featured h3{
					font-size: 14px;
					color: #FFF;
					padding: 0 0 0 15px;
					line-height: 28px;
					height: 28px;
					margin: 0;
					background-image: url(images/sidebar_h3_bg.gif);
					background-position: left top;
					background-repeat: no-repeat;
				}
				#featuredList{margin: 0;}
					#featuredList ul{
						list-style: none;
						margin: 10px 0 0;
						padding: 0;
					}
						#featuredList ul li{
							display: inline;
							margin: 10px 2px 10px 0 !important;
							margin: 10px 0;
						}
							#featuredList ul li a{}
								#featuredList ul li a:hover{}
							#featuredList ul li a img{width: 102px;height: 102px;border: 1px solid #CCC;padding: 3px;}
							
			#sidebar .middle_links{margin: 10px 0 20px;}
				#sidebar .middle_links h3{
					font-size: 14px;
					color: #FFF;
					padding: 0 0 0 15px;
					line-height: 28px;
					height: 28px;
					margin: 0;
					background-image: url(images/sidebar_h3_bg.gif);
					background-position: left top;
					background-repeat: no-repeat;
				}
				#sidebar .middle_links ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
					#sidebar .middle_links ul li{
						line-height: 1.4em;
						border-top: 1px solid #CCC;
						padding: 5px 15px;
					}
						#sidebar .middle_links ul li a{color: #666;font-weight: bold;}
							#sidebar .middle_links ul li a:hover{color: #000;}
						
		

/*#searchWrap,.middle_links {
margin-bottom:20px;
}

#searchWrap input {
vertical-align:middle;
}

#searchWrap #s {
font-size:1.1em;
border:1px solid #BBB;
padding:1px 2px;
margin-right:3px;
width:220px;
}*/


/* ------------------------- #extra ------------------------- */
		#extra{
			/*position: absolute;
			top: 0;
			right: 10px;*/
			float: right;
			width: 160px;
			/*margin: 0 10px 0 0 !important;
			margin: 0;
			position: inherit !important;
			position: absolute;
			right: inherit !important;
			right: 10px;*/
		}
		
		#extra .middle_links{margin: 0 0 20px;}
				#extra .middle_links h3{
					font-size: 14px;
					color: #FFF;
					padding: 0 0 0 15px;
					line-height: 28px;
					height: 28px;
					margin: 0;
					background-image: url(images/extra_h3_bg.gif);
					background-position: left top;
					background-repeat: no-repeat;
				}
				#extra .middle_links .textwidget{margin: 10px 5px;font-size: 11px;}
				#extra .middle_links ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
					#extra .middle_links ul li{
						line-height: 1.4em;
						border-top: 1px solid #CCC;
						padding: 5px 15px;
						font-size: 11px;
					}
						#extra .middle_links ul li a{color: #666;}
							#extra .middle_links ul li a:hover{color: #000;}



ul#imgLinks {
list-style:none;
margin:5px 0;
}

#imgLinks li {
color:#7F7F7F;
line-height:1.2em;
padding:0 0 1px;
}

#imgLinks li a img {
border:3px solid #EEE;
width:145px;
height:74px;
color:#333;
font-weight:700;
}

#imgLinks li a:hover img {
border-color:#DDD;
}



.rss_links h3 {
margin-bottom:5px;
}

.rss_links {
margin-bottom:20px;
}

.rss_links ul li {
background:url(images/rss.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}

.user_links h3 {
margin-bottom:5px;
}

.user_links {
margin-bottom:20px;
}

.user_links ul li {
background:url(images/user.gif) no-repeat 0 3px;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #BBB;
padding:3px 0 4px 16px;
}




/* ------------------------- #footer ------------------------- */
	#footer{
		border-top: 1px solid #F1F1EF;
		padding: 10px 10px 60px;
		margin: 15px 10px 0;
	}
		#footer p{line-height: 1.6em;}
			#footer p a{font-weight: 700;color: #333;}



/* ------------------------- # float rules # ------------------------- */
	.floatleft{
		float: left;
		margin:3px 7px 0 0;
	}
	
	.floatright{
		float: right;
		margin: 3px 0 0 7px;
	}
	
	.right{float: right;}
	.left{float: left;}
	.clear{clear: both;}
	
	.fix:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.fix{display:inline-block;}
	* html .fix{height: 1%;}
	.fix{display: block;}


/* ------------------------- # tips # ------------------------- */
	.tool-tip{
		color: #CCC;
		width: 160px;
		z-index: 13000;
	}
		.tool-title{
			font-weight: bold;
			font-size: 11px;
			margin: 0;
			color: #FFF;
			padding: 8px 8px 0 8px;
			background: #192227;
			text-align: left;
		}
		.tool-text{
			font-size: 11px;
			padding: 0 8px 8px 8px;
			background: #192227;
			text-align: left;
		}