/*
-----------------------------------------------------------
Theme Name: designoblogher
Theme URI: http://designoblogher.com
Description: Custom design by <a href="http://www.blogwhatdesign.com">Blog What Design</a>.
Author: Lara Chelak
Author URI: http://www.blogwhatdesign.com
-----------------------------------------------------------
*/

/* Basics */

body {
	margin: 0 auto;
	padding: 0;
	background: #FFF1BD url('bg.png') repeat-x;
	color: #87443A;
	font-size: 81%;
	font-family: Tahoma, Arial, sans-serif;
	text-align: center;
	}
p, ol, ul {
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	}
p {
	margin: 1.2em 0;
	}
ol, ul {
	margin: 1.2em 0 1.2em 2em;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	padding: 0;
	color: #DB456A;
	font-family: Tahoma, Arial, sans-serif;
	}
h1, h2 {
	font-size: 1.8em;
	}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1.2em;
	}
h5 {
	font-size: 1.1em;
	}
h6 {
	font-size: 1.0em;
	}
a {
	color: #87443A;
	text-decoration: none;
	background: #F2DDA9;
	}
a:hover {
	color: #DC3D65;
	background: #F6C0A5;
	text-decoration: none;
	}
blockquote {
	margin: 1.2em 0 1.2em 0;
	padding: 0 1em 0 1.5em;
	background: #FFF;
	color: #000;
	border-left: 4px solid #000;
	}

form, img {
	border: 0; 
	margin: 0; 
	padding: 0;
	}
small {
	color: #707070;
	font-size: 0.92em;
	}



/* LAYOUT */

#wrapper { 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	width: 991px; 
	}
#header {
	position: relative;
	width: 991px;
	height: 180px;
	background: url(header.png) no-repeat;
	}
	#header h2 {
		position: absolute;
		top: 63px;
		left: 290px;
		margin: 0;
		width: 460px;
		height: 68px;
		}
	#header h2 a {
		display: block;
		background: none;
		padding: 68px 0 0 0;
		width: 460px;
		height: 68px;
		font-size: 0.1em;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		}
		#header h2 a:hover {
			background: none;
			}
	
	#linkholder1 {
		position: relative;
		float: left;
		display: inline;
		}
		#linkholder1 .theblog a {
			display: block;
			width: 142px;
			height: 36px;
			position: absolute;
			top: 64px;
			left: 10px;
			background: url(graphics/rollovers/theblog.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder1 .theblog a:hover {
			background-position: 0 -36px;
			}
		#linkholder1 .about a {
			display: block;
			width: 106px;
			height: 36px;
			position: absolute;
			top: 100px;
			left: 10px;
			background: url(graphics/rollovers/about.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder1 .about a:hover {
			background-position: 0 -36px;
			}
	#linkholder2 {
		position: relative;
		float: right;
		display: inline;
		}
		#linkholder2 .affiliates a {
			display: block;
			width: 155px;
			height: 36px;
			position: absolute;
			top: 64px;
			right: 18px;
			background: url(graphics/rollovers/affiliates.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder2 .affiliates a:hover {
			background-position: 0 -36px;
			}
		#linkholder2 .contact a {
			display: block;
			width: 138px;
			height: 36px;
			position: absolute;
			top: 100px;
			right: 20px;
			background: url(graphics/rollovers/contact.png) 0 0 no-repeat;
			text-decoration: none;
			border-bottom: none;
			}
		#linkholder2 .contact a:hover {
			background-position: 0 -36px;
			}
	
	

#ladyspot {
	float: left;
	display: inline;
	margin: 10px 30px 30px 0;
	}

#content {
	position: relative;
	display: inline;
	width: 472px;
	height: auto;
	margin: 20px 0 0 0;
	float: left;
	}
	
		
.storytitle {
	text-align: left;
	background: url(graphics/contentheader.gif) no-repeat;
	width: 472px;
	height: 53px;
	padding: 7px 0 0 8px;
	}
	.storytitle span {
		display: none;
		}
	.storytitle h1 {
		margin: 0 0 3px 0;
		}
	.storytitle div {
		color: #C99673;
		font: .85em Tahoma, Arial, Helvetica, sans-serif;
		text-align: center;
		width: 180px;
		}
	.storytitle a {
		background: none;
		}
	.storytitle a:hover {
		background: none;
		}
.entry, .commentinfo, .commententry, .commenttext {
	text-align: left;
	}
	.entry p a {
		border-bottom: 1px dotted #87443A;
		}
		.entry a:hover {
			border-bottom: 1px dotted #DC3D65;
			}
	
.postdata1 { 
	text-align: left;
	background: url(graphics/postdataholder.gif) no-repeat;
	width: 473px;
	height: 69px;
	color: #D9355E;
	padding: 5px 0 0 38px;
	font-weight: bold;
	}
	
	.postdata1 a {
		color: #D9355E;
		background: none;
		}
	.postdata1 span {
		font-size: .85em;
		font-weight: normal;
		color: #C99673;
		
		}
		.postdata1 span a {
			font-weight: normal;
			color: #C99673;
			border-bottom: 1px dotted #C99673;
			background: #F2DDA9;
			}
		.postdata1 span a:hover {
			color: #D9356C;
			border-bottom: 1px dotted #D9356C;
			background: #F6C0A5;
			}
.postdata2, .postdata2 a { 
	text-align: left;
	margin: 0;
	}
	.postdata1 a:hover, .postdata2 a:hover {
		}


.postnavigation, .postnavigation a { 
	font-size: 12pt; 
	font-family:  "Lucida Bright", Times New Roman, serif; 
	font-style: italic;
	color: #84ABD0; 
	font-style: none;
	}



#sidebar1 {
	position: relative;
	display: inline;
	width: 214px;
	height: auto;
	float: right;
	background: #F5E0AC;
	margin: 0 20px 0 0;
	}
	#sidebar1 p {
		margin: 0 8px 0 8px;
		text-align: left;
		}
	#latest h2 {
		background: url(headers/latest.png);
		width: 168px;
		height: 68px;
		margin: 8px 0 0 20px; 
		}
		#latest span {
			display: none;
			}
		#latest ul {
			margin: 0;
			padding: 0;
			}
		#latest li {
			list-style-image: url(icons/newslow.gif);
			text-align: left;
			font: .9em Tahoma, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			width: 200px;
			height: 16px;
			background: none;
			list-style-position: inside;
			color: #D9355E;
			border-bottom: 1px dotted #E9CFA0;
			margin: 2px 0 3px 5px;
			padding: 0 0 6px 4px;
			}
		#latest li:hover {
			list-style-image: url(icons/newshigh.gif);
			color: #E26877;
			border-bottom: 2px dotted #E9CFA0;
			padding: 0 0 5px 4px;
			}
		
		
	#sidebar1 #topcommenters {
		background: url(headers/topcommenters.png);
		width: 194px;
		height: 64px;
		margin: 10px 0 0 10px; 
		}
		#sidebar1 #topcommenters span {
			display: none;
			}		
	#sidebar1 #about {
		background: url(headers/about.png);
		width: 135px;
		height: 51px;
		margin: 10px 0 0 35px; 
		}
		#sidebar1 #about span {
			display: none;
			}		
	#sidebar1 #mybloglog {
		background: url(headers/mybloglog.png);
		width: 209px;
		height: 62px;
		margin: 10px 0 0 4px; 
		}
		#sidebar1 #mybloglog span {
			display: none;
			}	
	#sidebar1 #preferred {
		background: url(headers/preferred.png);
		width: 122px;
		height: 46px;
		margin: 10px 0 0 46px; 
		}
		#sidebar1 #preferred span {
			display: none;
			}
					
	#sb1footer {
		background: url(graphics/sidebar1footer.gif);
		width: 214px;
		height: 14px;
		}
	
	
#sidebar2 {
	position: relative;
	display: inline;
	width: 266px;
	height: auto;
	float: right;
	background: #F5E0AC;
	margin: 0 0 0 0;
	}
	#sidebar2 p {
		margin: 0 8px 0 8px;
		text-align: left;
		}
		
	#sidebar2 #searchtool {
		background: url(graphics/searchtool.png) top no-repeat;
		width: auto;
		height: 27px;
		margin: 0 0 0 0;
		}
		#searchtool input {
			color: #87443A;
			font: 1em #87443A Tahoma, Arial, sans-serif;
			}
		#searchtool .s {
			margin: 4px 0 0 18px;
			float: left;
			display: inline;
			}
			.s input {
				background: none;
				border: none;
				height: 20px;
				width: 180px;
				}
		#searchtool .g {
			margin: 4px 0 0 0;
			float: right;
			display: inline;
			}
			.g input {
				width: 60px;
				height: 19px;
				background: none;
				border: none;
				}
	#sidebar2 #advertising {
		background: url(headers/advertising.png);
		width: 201px;
		height: 62px;
		margin: 10px 0 0 34px; 
		}
		#sidebar2 #advertising span {
			display: none;
			}		
	#sidebar2 #desk {
		background: url(headers/desk.png);
		width: 159px;
		height: 52px;
		margin: 10px 0 0 54px; 
		}
		#sidebar2 #desk span {
			display: none;
			}	
	#sidebar2 #chat {
		background: url(headers/chat.png);
		width: 150px;
		height: 53px;
		margin: 10px 0 0 54px; 
		}
		#sidebar2 #chat span {
			display: none;
			}	
	#sidebar2 #popular {
		background: url(headers/popular.png);
		width: 152px;
		height: 51px;
		margin: 10px 0 0 54px; 
		}
		#sidebar2 #popular span {
			display: none;
			}	
	

	#sb2footer {
		background: url(graphics/sidebar2footer.gif);
		width: 266px;
		height: 16px;
		}



#footer {
	width: auto;
	height: 241px;
	background: url(footer.png) repeat-x;
	clear: both;
	color: #FFF1BD;
	margin: 20px 0 0 0;
	}
	#footerbox {
		height: auto; 
		margin-left: auto; 
		margin-right: auto; 
		width: 1177px; 
		text-align: left;
		padding-top: 60px;
		}
	#hellobox {
		width: 283px; 
		height: auto;
		display: inline;
		float: left;
		}
	#hellobox a {
		background: #E35B7D;
		color: #FFF1BD;
		border-bottom: 1px dotted #FFF1BD;
		}
		#hellobox a:hover {
			background: #E87D83;
			color: #FFF1BD;
			}
		#hellobox p {
			margin: 0;
			}
		.userphoto {
			background: #EE9B93;
			padding: 3px; 
			margin: 4px 5px 0 0;
			float: left;
			display: inline;
			}

/* Comment Area */



.commentlist {
	margin: 0;
		padding: 0;
	}
	.commentlist ul {
		color: #A4C1E0;
		margin: 0;
		padding: 0;
		}
		.commentlist li {
			backgournd: #F5E0AC;
			list-style-type: none;
			text-align: left;
			margin: 0;
		padding: 0;
			}
			.commentbox {
				background: #F5E0AC url(graphics/comment_header.png) no-repeat top;
				}
				.commentdate { 
					} 
				.commentauthor {
					}
					.commentauthor a {
					}

.commentinput { /* Comment input boxes and the text to the side of it */
	text-align: left;
	line-height: 130%;
	margin: 0;
	}