/* CSS Document */

/*TEMPLATE FOR LOVEHATEFLOW.COM*/
/*BY SARAH SANFORD TRICHA - 2009*/

/* BASICS */

html {
	padding: 0;
	margin: 0;
	font: normal small "Myriad Pro Light", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}

html>body {
	font-size: 112%;
	color:#333;
}

body{
	background-color:#CCC;
	padding:0;
	margin:0 0 0 10px; 
}

#wrapper {
	width: 990px;
}

#wrap {
	width: 990px;
	background: #FFF !important; 
	padding: 0 0 0 0;
	margin:0 !important;
	border: solid 1px #000;
	border-bottom: none;
}

/* MASTHEAD */

#masthead {
	width: 990px;
	height: 281px;
	margin: 0 !important;
	padding:0 !important;
	background:url(../../../images/masthead.jpg) top no-repeat;
}

#masthead a, #masthead a:visited, #masthead a:link, #masthead a, active {
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
	width:293px;
	height: 249px;
	text-decoration:none;
	z-index: 4;
	pasdding: 0;
	margin: 0;
	}
	
	#masthead a i {
	visibility: hidden;
	padding: 0;
	margin: 0;
	}
	
	#feelings a{
	position: absolute;
	display:block;
	left:750px;
	top:0;
	width: 245px;
	height: 74px;
	}
		#feelings a i {
	visibility: hidden;
	padding: 0;
	margin: 0;
	}
 	
/*TYPE*/

a, li#archives-3 a {color: #037031; text-decoration:none; border:none;}
a:visited, li#archives-3 a:visited {color:#ae3e3e; text-decoration:none; border:none;}
a:hover, li#archives-3 a:hover {text-decoration:underline; border:none;} 


h2.pagetitle {
font: bold 83% "Myriad Pro Light", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#ae3e3e;
	margin: 3px 5px 0 0;
	padding:0;	
}

h2 {
font: bold 163% Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin: 3px 5px 0 0;
	padding:0;	
}


h3 {
	text-transform:uppercase;
	font-weight: bold;
	font-size: 83%;}

#blog {
display: block;
float: left;
margin: 17px 17px 0 17px;
width: 465px;
font-weight:normal;
line-height: 145%;
}

#nav {
display: block;
float: left;
margin: 17px 0 0 0;	
width: 183px;
padding: 0 10px;
font: bold 115% Georgia, "Times New Roman", Times, serif;
}

#sidebar h2 {font-size: small; text-transform:uppercase; margin: 10px 0 15px 0;}
#sidebar {list-style: none; margin:0; padding:0}
#sidebar ul {padding:0; list-style:none;}
#sidebar ul li {margin: 0 20px 10px 10px;}


h2 a, h2 a:hover, h2 a:visited {color: #000}
#nav a, #sidebar a, h2 a {color: #000; text-decoration:none; display:block; border-bottom:dashed 1px #037031;}
#nav a:hover, #sidebar a:hover, h2 a:hover {border-bottom: solid 1px #037031; text-decoration:none;}

#nav ul, #sidebar ul {margin: 0 15px;}

#nav ul li {margin: 20px 0;}

	#nav li.love {
		list-style-image:url(../../../images/icon_butterfly.jpg);
		margin-top: 0;
	}
	
	#nav li.hate {
		list-style-image:url(../../../images/icon_splat.gif);
	}
	
	#nav li.flow {
		list-style-image:url(../../../images/icon_bubbles.jpg);
	}
	
	#nav li.tweet{
		list-style-image:url(../../../images/icon_feather.jpg)}

#sidebar {font-size:small}

#sidebar a {font: normal small "Myriad Pro Light", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;}

#sidebar a:hover {color:#037031; }
#sidebar ul {display:inline; list-style:none; margin:0; padding:0;}
	#sidebar li {list-style-type:none; display: block; padding: 3px 0;}

#sponsors {
display: block;
float: left;
margin-top: 17px;
width: 255px;
padding: 0 10px;
border-left: dashed 1px #ccc;
}

p.ad {
display: block;
padding: 17px 17px 10px 17px;
}

p.img {
	display:block;
	float:right;
	margin: 10px 0 25px 25px;
	padding:0;
	border: 0;
	font-size:smaller;
	color: #555;
	}
	

/*FEEDBACK*/

.feedback, small, .postmeta{
	font-family: verdana, arial, Helvetica, sans-serif;
	color:#555;
	font-size: small;
}

.postmetadata, .feedback {
	display: block;
	clear: both;
	margin: 10px 0 35px 0;
	padding: 5px 0;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
	
.feedback a:hover, .postmetadata a:hover{
	color: #369;
	text-decoration:underline;
 }

.feedback a, .feedback a:visted, .postmetadata a, .postmetadata a:visited,{
	color:#555;
	text-decoration:none;
   }
 
.feedback p.date{
	display: block;
	float:right;
	padding:0;
	margin:0;
	width: 150px;
	text-align:right;
}

.feedback p.meta{
	display: block;
	float:left;
	padding:0;
	margin:0;
	width: 300px;
}

a.more-link:visted{font-weight:normal; text-decoration:underline; color: #000;}


/*FOOTER*/

#footer {
	text-align: center;
	width:980px;
	padding: 35px 5px 10px 5px;
	font: bold 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	background:url(../../../images/bg-brd-oudaiya.gif) repeat-x top left;
}

#footer a:hover {
	text-decoration: underline;
}

#footer-handheld {display:none;}

li#archives-3 {list-style: disc; padding:0 10px}