/*
Theme Name:Style don't Hate Us
Theme URI: http://wordpress.org/
Description: The custom WordPress theme for Dolce Vita.
Version: 1.0
Author: Nolan Cabeje
Author URI: http://www.dovetailaesthetics.com
*/

/* -----------------------------------*/  
/* ------------- RESET ---------------*/  
/* -----------------------------------*/ 
 
@import "reset.css"; 

/* -----------------------------------*/  
/* ----Basic HTML Tag Definition------*/  
/* -----------------------------------*/ 
body
{
  /*background-color:#f9f9f9;*/
  font-family: Arial,'Trebuchet MS', Verdana, Sans-Serif;
  font-size: 12px;
  line-height:18px;
}

p {color:#666;
margin-bottom:18px;}

hr {display: none;}

a:link, a:visited {
	/*font-size: 10px;*/
	color:#000; 
	text-decoration:underline;
	}
		
a:hover, a:active {
	background-color:#FFFF33;
	/*background-image:url(images/yellow_diag.gif);*/
	text-decoration:none;
	}
a:hover img, a:active img {
	background-color:#fff;
	/*background-image:url(images/yellow_diag.gif);*/
	text-decoration:none;
	}
small, .nocomments, .postmetadata, blockquote, strike {
	color:#9d9b8f; 
	font-size:.9em;
	}

.clear {clear:both;}

/* -----------------------------------*/  
/* ---------- Text Styles ------------*/  
/* -----------------------------------*/ 

h2 {
	color:#000;
	margin-bottom:18px;
	}

.callout {
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:16px;
	line-height:21px;
	color:#333; 
	background-color:#eee;
	font-style:italic;
	padding:1px 3px;
	}
		
/*@font-face {
  	font-family: "nordic";
  	src: url(http://www.shopdolcevita.com/blog/wp-content/themes/dolcevita/fonts/PTF-NORDIC-Std.ttf) format("truetype");
	}
	font-family: "nordic", sans-serif;*/


/* -----------------------------------*/  
/* --------- Page Sections -----------*/  
/* -----------------------------------*/ 

#wrapper
{
  width: 620px;
  padding: 0 20px; /*800 for normal*/
  margin: 0 auto;
  overflow: hidden;
}

	/* -----------------------------------*/  
	/* ------------ Header ---------------*/  
	/* -----------------------------------*/ 
	
	#header {
		padding-top: 20px;
		/*margin-bottom: 27px;
		padding-bottom: 40px;
		/*background-color:#ccc;*/
		}
 
	#headerimg {
		font-size: 1.2em;
  		margin: 0 auto;
  		text-align: left;
		width:620px;
  		height: 55px; /*6.5em*/
  		color: #CCC;
  		padding: 70px 0 30px 0;
		background: url('images/elogo.gif') no-repeat 0px 0px;
		
		position:relative;
		}
		
	#headerimg h1 {text-indent:-9999px;}
 
	#header a {
		text-decoration: none;
		color: #666;;
		}
 
	#header h1 {
  		font-size: 3em;
		}
	.description {
		font-family: "Times New Roman", Times, serif;
		font-style:italic;
		font-size: 1.1em;
		text-align: left;
		margin-top:0px;
		}
	#headerimg .description a:link, #headerimg .description a:visited {
		color: #9d9b8f;
		text-decoration:none;
		}
	#headerimg .description a:hover, #headerimg .description a:active {
		background-color:#fff;
		text-decoration:line-through;
		}
			/* -----------------------------------*/  
			/* ------------ Main Menu ------------*/  
			/* -----------------------------------*/ 
		
		#headerimg ul#topbar {
			position:absolute;
			top:0; right:0;
			}
		ul#topbar li {
			color:#666;
			font-size:.9em;
			float:right;
			margin:0 0 0 5px;
			font-variant:normal;
			}
		#headerimg ul#topbar li a:link, #headerimg ul#topbar li a:visited {
			color:#666;
			font-size:.9em;
			}
		
		#headerimg ul.mainmenu {
			display:block;
			margin:22px 0 0 0;
			border-bottom:1px solid #ccc;
			color:#000;
			padding:0 0 3px 0;
			}
		ul.mainmenu li {
			display:inline;
			margin:0;
			list-style-type:none;
			font-variant:small-caps;
			}
		#headerimg ul.mainmenu li a:link, #headerimg ul.mainmenu li a:visited {
			padding: 0 7px 0;
			color:#000;
			font-size:14px;
			}
		#headerimg ul.mainmenu li.first a:link, #headerimg ul.mainmenu li.first a:visited {
			padding: 0 7px 0 0;
		
			}
		ul.mainmenu img {
			margin:0;
			padding:0;
			}
		ul.mainmenu li a:hover, ul.mainmenu li a:active {
			color:#9d9b8f;
			}

		#headerimg ul.mainmenu li.last {
			float:right;
			margin-right:0px;
			}
	
	/* -----------------------------------*/  
	/* ------------ Content --------------*/  
	/* -----------------------------------*/ 
	
	#content {
		margin-top:27px;
  		width: 620px; 
  		/*float: left;*/
		}
	
	.narrowcolumn {
		/*float: left;*/
		padding: 0 0 20px 0px;
		width: 100%; /*780px*/
		}

	.widecolumn {
		float: left;
		padding: 10px 0 20px 0;
		margin: 5px 0 0 0;
		width: 100%; /*780px*/
		}
	.local {
		font-family: "Times New Roman", Times, serif;
		font-style:italic;
		background-color:#000;
		color:#fff;
		padding:2px 4px;
		clear:both;
		}
	h2.pagetitle {margin:0px; padding:0px;
		}
	
		
		/* -----------------------------------*/  
		/* --------- NarrowColumn ------------*/  
		/* -----------------------------------*/ 
	
		.narrowcolumn .postmetadata {
			text-align: left;
			margin-bottom:27px;
			padding:9px 0px;
			border-bottom:1px dotted #ccc;
			}
			
		.narrowcolumn h2, .narrowcolumn h3 {
			font-size:2em;
			color:#000;
			line-height:1em;
			margin: 0 0 2px 0;
			padding-top: 2px; 
			}
		.narrowcolumn h2.pagetitle {
			font-size:1.2em;
			border-bottom: 1px solid #ccc;
			margin-top:-27px;
			}
			
		#content h2 a, #content h3 a {text-decoration:none;}
		
		#content small {margin-bottom:6px; display:block;}
		
		
		.postmetadata {
			clear: both;
			}
		
		.postmetadata .commentlink {
			padding:5px 0 5px 20px;
			margin-left: 2px;
			background: #fff url('images/link_diag3.png') no-repeat left;
			}
		.postmetadata a:link{
			padding: 0 3px;
			color:#000;
			}
			
		.postmetadata a:hover{
			text-decoration: none;
			background-color:#FFFF33;
			}
		.narrowcolumn .navigation .alignright, .narrowcolumn .navigation .alignleft {
			font-weight:bold;
			margin-top:-13px;
			}	
		
		.more-link { font-weight:bold;
			margin-left:9px;}
			
		/* -------------------------------------*/  
		/* ----------- WideColumn -------------*/  
		/* -------------------------------------*/ 	
		
		.widecolumn h2 {
			color:#000;
			font-size:2em;
			line-height:1em;
			margin-bottom:18px;
			}
			
		.widecolumn .postmetadata {
			border-top:1px solid #ccc;
			margin-top:27px;
			padding-top:9px;
			font-size:1em;
			}

		.widecolumn .smallattachment {
			text-align: center;
			float: left;
			width: 128px;
			margin: 5px 5px 5px 0px;
			}
		
		.widecolumn .attachment {
			text-align: center;
			margin: 5px 0px;
			}
		.widecolumn .navigation {display:none;} /*hides Next/Back Article nav*/
		
		#comments {
			font-family: "Times New Roman", Times, serif;
			font-style:italic;
			color: #000;
			font-size: 1.3em;
			}
		
		.thread-even {
			background-color: white;
			}
		
		.depth-1 {
			border-top: 1px dotted #ccc;
			}
		.avatar {display:none;}
		.comment-author .fn, .comment-author .says {
			color:#666;
			font-style:normal;
			font-size:.9em;
			}
		.commentmetadata {
			font-size:.9em;
			}
		
		
		h2.pagetitle {color:#000;
			margin-bottom:18px;}
			
		#bread_pos {
			font-size:.9em;
			display:block;
			margin-top:-33px; /*-36*/
			/*border-bottom: 1px solid #ccc;*/
			}
		
		
		

/*.even, .alt {

	border-left: 1px solid #ddd;
}*/
			
			
		/* -------------------------------------*/  
		/* -----------Begin Images -------------*/  
		/* -------------------------------------*/ 
		
		p img {
			padding:6px 100px 9px 0;
			max-width: 100%;
			}
		
		/*	Using 'class="alignright"' on an image will (who would've
			thought?!) align the image to the right. And using 'class="centered',
			will of course center the image. This is much better than using
			align="center", being much more futureproof (and valid) */
		
		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
			}
		
		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
			}
		
		img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
			}
		
		.alignright {
			float: right;
			}
		
		.alignleft {
			float: left;
			}
		a:link img, a:visited img {
			border:none;}
			
			
		/* -------------------------------------*/  
		/* ------------- Comments --------------*/  
		/* -------------------------------------*/ 
		.alt {
			margin: 0;
			padding: 10px;
			}
		
		.commentlist {
			padding: 0;
			text-align: justify;
			}
		
		.commentlist li {
			margin: 15px 0 10px;
			padding: 5px 5px 10px 10px;
			list-style: none;
		
			}
		.commentlist li ul li { 
			margin-right: -5px;
			margin-left: 10px;
		}
		
		.commentlist p {
			margin: 10px 5px 10px 0;
		}
		.children { padding: 0; }
		
		#commentform p {
			margin: 5px 0;
			}
		
		.nocomments {
			text-align: center;
			margin: 0;
			padding: 0;
			}
		
		.commentmetadata {
			margin: 0;
			display: block;
			}
			
			
		/* -------------------------------------*/  
		/* ------------- Captions --------------*/  
		/* -------------------------------------*/ 
		.aligncenter, div.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
			}
		
		.wp-caption {
			/*border: 1px solid #ddd;
			background-color: #f3f3f3;*/
			text-align: left;
			padding-top: 4px;
			margin: 10px 0 0 0;
			/*-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;*/
			}
		
		.wp-caption img {
			margin: 0;
			padding: 0;
			border: 0 none;
			}
		
		.wp-caption p.wp-caption-text {
			font-size:13px;
			font-family: "Times New Roman", Times, serif;
			font-style:italic;
			line-height: 17px;
			padding: 0;
			margin:0 0 5px;
			/*border-bottom:1px dotted #ccc;*/
			}
	
	/* -----------------------------------*/  
	/* ------------- Side Bar ------------*/  
	/* -----------------------------------*/ 
	
	#sidebar {
		border-top: 1px solid #CCC;
		width: 618px;
		
		}
	
	#sidebar ul {
		/*background-color:#CCC;*/
		list-style: none;
		margin: 18px 0 0 0;
		}

	#sidebar ul ul {
		margin: 0; /*give left margin to indent list from headers*/
		}
		
	#sidebar ul ul ul {
		margin-bottom: 0;
		}
	#sidebar ul ul li, #sidebar ul ol li {
		display:block;
		margin: 3px 0 0;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted #ccc;
		}
		
	#sidebar ul h2 {
		color:#9d9b8f;
		font-family: 'Times New Roman','Lucida Grande', Verdana, Sans-Serif;
		font-style:italic;
		font-size: 1.1em;
		margin: 0 0 9px 0;
		padding_top:27px;
		}
	
	#sidebar a:link, #sidebar a:visited {
		padding: 0 3px;
		color: #666;
		font-size:.9em;
		text-decoration: underline;
		
		}
 
	#sidebar a:hover, #sidebar a:active {
		background-color:#FFFF33;
		text-decoration: none;
		}
	li.widget {
		float:left;  
		margin-right:20px;
		width:180px;
		}
		
	

		
		/* -----------------------------------*/  
		/* ----------- Search Field ----------*/ 
		/* -----------------------------------*/ 
		
		#searchform {
  			text-align: left;
			}
		#searchform label {display:none;}
 
		/*
		#searchform input { "Search" button
			border: 1px solid #000;
			background-color:;
			padding: 0 3px;
			}
		*/
 
		#searchform #s {
			width: 50%;
			background-color: white;
			margin-right:5px;
			}
		
			
			/* Begin Form Elements */
				#searchform {
					margin: 10px auto;
					padding: 5px 3px;
					text-align: left;
					}
				
				#sidebar #searchform #s {
					width: 100px;
					padding: 0px;
					margin: 0 0 5px 0;
					}
				
				#sidebar #searchsubmit {
					padding: 1px;
					}
				
				.entry form { 
					/* This is mainly for password protected posts, makes them look better. */
					text-align:center;
					}
				
				select {
					width: 130px;
					}
				
				#commentform input {
					width: 170px;
					padding: 2px;
					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;
					}
				/* End Form Elements */
	
	
	/* -----------------------------------*/  
	/* ----------- Footer ----------------*/  
	/* -----------------------------------*/ 
	
	#footer {
		border-top: 1px solid #ccc;
		clear: both;
		color: #ccc;
		font-size:.9em;
		height: 3em;
		margin: 2em auto;
		margin-bottom:75px;
		padding: 0px 0px;
  		text-align: left;
  		width: 620px;
		
		
		}
		
	#footer #locations {
		margin:2px 0 9px 0;
		border-bottom:1px solid #CCC;
		text-align: center;
		padding-bottom:5px;
		}
		
	#footer #locations li {
		color: #9d9b8f;
		display:inline;
		font-size:.8em;
		list-style-type:none;
		margin-bottom:3px;
		padding: 0 20px;	
	}
	#footer .rss a:link { 
		background: #fff url('images/rss.png') no-repeat left;
		padding:2px 0 2px 19px;
		}