/*------------------------------------------------------------------
	Theme Name: CasaResart
	Theme URI: http://www.nordzinc.com/
	Description: CasaResart WordPress Theme
	Version: 1.0
	Author: Andrea Ravizzola
	Author URI:
	Tags: three columns, fixed width, header page
-------------------------------------------------------------------*/


*{margin: 0;padding: 0;}

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

body{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background-color: #FFF;
}

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

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

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

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

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


/* ------------------------- #wrapper ------------------------- */
#wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


	/* ------------------------- #header ------------------------- */
	#header{
		width: 960px;
		height: 300px;
		position: relative;
		background-color: #000;
		margin: 0 0 2em;
	}
		#header h1{
			width: 540px;
			height: 78px;
			position: absolute;
			top: 120px;
			left: 40px;
		}
			#header h1 a{
				display: block;
				width: 540px;
				height: 78px;
				background-image: url(images/casaresart.png) !important;
				background-image: url(images/casaresart.gif);
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: -9000px;
			}
				#header h1 a:hover{
					background-image: url(images/casaresart_hover.png) !important;
					background-image: url(images/casaresart_hover.gif);
				}
		
		#header h2{
			position: absolute;
			top: 208px;
			left: 40px;
			width: 540px;
			text-align: right;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: 2px;
			color: #FFF;
			text-transform: uppercase;
		}
		
		/* ------------------------- #header ------------------------- */
		div#navigation{
			position: absolute;
			top: 0;
			right: 0;
			width: 300px;
			height: 300px;
			background-color: #999;
		}
			#navigation ul{
				position: absolute;
				top: 130px;
				left: 20px;
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#navigation ul li{
					font-size: 16px;
					text-transform: uppercase;
					line-height: 24px;
					font-weight: bold;
				}
					#navigation ul li a{color: #FFF;}
						#navigation ul li a:hover{color: #06F;}
		/* ------------------------- #header ------------------------- */
		
	/* ------------------------- #header ------------------------- */
	
	
	
	/* ------------------------- #container ------------------------- */
	#container{
		width: 930px;
		padding: 0 10px 0 20px;
		position: relative;
	}

		/* ------------------------- #content ------------------------- */
		#content{
			width: 500px;
			float: left;
			margin: 0 30px 0 0;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 28px;
			
		}
		
			#postMain{margin: 0;}
				.post{margin: 0 0 20px;}
					.post h2{
						font-size: 18px;
						margin: 0 0 10px;
					}
						.post h2 a{color: #000;}
						
					.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;
					}
						.postMeta a{color: #06F;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;
								width: 140px;
								height: 140px;
							}
							
						.entry p{margin: 0 0 1.8em;}
						
						.entry a{color: #06F;font-weight: bold;}
							.entry a:hover{color: #333;/*border-bottom: 1px solid #999;*/text-decoration: underline;}
						
						.entry img{}
						
						.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 center;
								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: #06F;}
					#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{}
		/* ------------------------- #content ------------------------- */
		
		
		
		/* ------------------------- #sidebar ------------------------- */
		#sidebar{
			width: 200px;
			float: left;
		}
		
			#sidebar h3{
				margin: 0 0 -3px;
				font-size: 16px;
				text-transform: uppercase;
				text-align: center;
				color: #FFF;
				line-height: 30px;
				height: 30px;
				background-image: url(images/sidebar_h3_bg.png) !important;
				background-image: url(images/sidebar_h3_bg.gif);
				background-repeat: no-repeat;
				background-position: center 0;
			}
			
			#sidebar ul{
				list-style: none;
				margin: 0;
				padding: 20px 0;
			}
				#sidebar ul li{
					padding: 0 15px;
					margin: 0 0 10px 0;
					font-size: 12px;
				}
					#sidebar ul li a{color: #333;}
						#sidebar ul li a:hover{background-color: #999;color: #FFF;}
				
				#sidebar ul li ul{padding: 0;margin: 10px 0 0;}
					#sidebar ul li{
						padding: 0 0 0 15px;
						margin: 0 0 10px 0;}
			
			#sidebar .box{
				margin: 0 0 1em;
				border: 1px solid #CCC;
				border-top: none;
			}
		
			/*#category{margin: 0 0 2em;}
				#category h3{}
				#category ul{}
					#category ul li{
						margin-bottom: 14px;
						font-size: 14px;
						line-height: 14px;
						font-weight: bold;
					}
						#category ul li a{}
							#category ul li a:hover{}
					
					#category ul ul{padding: 16px 0 0;}
					#category ul ul ul{padding: 16px 0 0;}*/
		/* ------------------------- #sidebar ------------------------- */
		
		
		
		/* ------------------------- #extra ------------------------- */
		#extra{
			width: 180px;
			float: right;
			margin: 0;
		}
			#extra h3{
				margin: 0 0 -3px;
				font-size: 16px;
				text-transform: uppercase;
				text-align: center;
				color: #FFF;
				line-height: 30px;
				height: 30px;
				background-image: url(images/extra_h3_bg.png) !important;
				background-image: url(images/extra_h3_bg.gif);
				background-repeat: no-repeat;
				background-position: center 0;
			}
			
			#extra ul{
				list-style: none;
				margin: 0;
				padding: 20px 0;
			}
				#extra ul li{
					padding: 0 15px;
					margin: 0 0 10px 0;
					font-size: 12px;
				}
					#extra ul li a{color: #333;}
						#extra ul li a:hover{background-color: #999;color: #FFF;}
		
			#extra .box{
				margin: 0 0 1em;
				border: 1px solid #CCC;
				border-top: none;
			}
			
			#casaresart_tv{}
				#casaresart_tv h3{}
				#casaresart_tv ul{}
					#casaresart_tv ul li{}
						#casaresart_tv ul li a{}
							#casaresart_tv ul li a:hover{}

                       	#blogroll{}
				#blogroll h3{}
				#blogroll ul{}
					#blogroll ul li{}
						#blogroll ul li a{}
							#blogroll ul li a:hover{}
							
			#archive{}
				#archive h3{}
				#archive ul{}
					#archive ul li{}
						#archive ul li a{}
							#archive ul li a:hover{}
			
			
			
		/* ------------------------- #extra ------------------------- */


/*
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{
		margin: 2em 10px 0;
	}
		#footer p{
			font-size: 12px;
			line-height: 18px;
			text-align: center;
			padding: 1.5em 0;
			margin: 0;
		}
			#footer p a{color: #06F;font-weight: bold;}
	/* ------------------------- #footer ------------------------- */



	/* ------------------------- # 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;}
	/* ------------------------- # float rules # ------------------------- */
	
	
	/* ------------------------- # 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;
		}
	/* ------------------------- # tips # ------------------------- */