/* @override 
	http://sandbox.680homes.com/blog/wp-content/themes/the680blog/style.css
	http://www.680homes.com/blog/wp-content/themes/the680blog/style.css
*/

/*
-----------------------------------------------------------
Theme Name: The 680 Blog
Theme URI: http://www.the680blog.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: #D4D1C9;
	color: #000;
	font-size: 81%;
	font-family: "Lucida Sans Unicode", Ariasl, sans-serif;
	text-align: center;
	}
p, ol, ul {
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	}
p {
	margin: 1.2em 0;
	}
ol, ul {
	margin: 1.2em 0 1.2em 2em;
	}
li {
	list-style-type: square;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #002680;
	letter-spacing: -1px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	}
h1, h2 {
	font-size: 2em;
	}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1.2em;
	}
h5 {
	font-size: 1.1em;
	}
h6 {
	font-size: 1.0em;
	}
a {
	color: #002680;
	text-decoration: under-line;
	}
a:hover {
	color: #002680;
	text-decoration: none;
	}
blockquote {
	margin: 1.2em 0 1.2em 1.2em;
	padding: 0 1em 0 1.5em;
	background: url(quotes.png) no-repeat;
	color: #000;
	}
input, textarea, select {
	background: #FFF;
	border: 1px solid #002680;
	color: #000;
	font: 1em "Lucida Sans Unicode", Arial, sans-serif;
	}
form, img {
	border: 0; 
	margin: 0; 
	padding: 0;
	}
small {
	color: #000;
	font-size: 0.9em;
	}


/* LAYOUT */

#wrapper { 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	width: 968px; 
	background: #FFF url(filler.png) repeat-y; 
	}
#header {
	position: relative;
	width: 968px;
	height: 160px;
	background: url(images/header3.jpg) no-repeat center;
	}
	#header h2 { 
		position: absolute;
		top: 9px;
		left: 310px;
		margin: 0;
		width: 322px;
		height: 141px;
		}
	#header h2 a {
		display: block;
		padding: 141px 0 0 0;
		width: 322px;
		height: 141px;
		font-size: 0.1em;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		}
	#header h4 { 
		position: absolute;
		top: 85px;
		left: 21px;
		margin: 0;
		width: 146px;
		height: 65px;
		}
	#header h4 a {
		display: block;
		padding: 65px 0 0 0;
		width: 146px;
		height: 65px;
		font-size: 0.1em;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		}
	#header h3 {
		position: absolute;
		margin: 0;
		left: 851px;
		width: 91px;
		height: 25px;
		}
	#header h3 a {
		display: block;
		padding: 25px 0 0 0;
		width: 91px;
		height: 25px;
		font-size: 0.1em;
		overflow: hidden;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 0;
		}
		.Hhome {
			top: 40px;
			}
		.Hqa {
			top: 42px;
			}
		.Harchives {
			top: 67px;
			}
		.Habout {
			top: 92px;
			}
		.Hcontact {
			top: 95px;
			}
			

#footer {
	width: 968px;
	height: 140px;
	background: #D4D1C9 url(footer.png) no-repeat;
	clear: both !important;
	}
	#footer p {
		padding: 30px 20px 0 20px;
		color: #fff;
		text-align: center;
		}
		#footer p a {
			color: #fff;
			}
	

#content {
	position: relative;
	display: inline;
	width: 650px;
	height: auto;
	margin: 0;
	padding: 0 20px 0 20px;
	float: left;
	margin-top: 30px;
	}


#sbleft {
	display: block;
	width: 257px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0; 
	}
	#aboutmephoto {
		display: inline;
		float: left;
		background: url(aboutmephoto.jpg) no-repeat;
		width: 103px;
		height: 132px;
		margin: 0 4px 0 20px;
		}
	#sbleft h2 {
		background: url(sblefth2.png);
		width: 239px;
		height: 40px;
		color: #D1BA12;
		text-align: left;
		padding: 4px 0 0 18px;
		margin-top: 10px;
		}
	#sbleft p {
		margin: 0 6px 0 20px;
		}
	#sbleft h3 {
		font-size: 1.6em;
		text-align: left;
		margin: 10px 0 -15px 20px;
		}
	#sbleft h4 {
		font-size: 1.6em;
		text-align: left;
		margin: 0 0 0 20px;
		}
		
#sbright {
	position: relative;
	display: inline;
	width: 261px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0; 
	}
	#sbright h2 {
		background: url(sbrighth2.png);
		height: 40px;
		width: 248px;
		color: #D1BA12;
		padding: 4px 0 0 13px;
		text-align: left;
		margin-top: 10px;
		}
	#sbright p {
		text-align: left;
		margin: 0 20px 0 12px;
		}
	#sbright ul {
		margin: 0 16px 0 26px;
		padding: 0;
		}
		#sbleft ul {
			margin: 0 16px 0 36px;
			padding: 0;
			}
		#sbright li, #sbleft li {
			color: #002680;
			}
		#680 ul.1:hover {
			height: 500px
			}
	

/* Blog */
.storytitle, .storytitle a {
	text-align: left;
	text-decoration: none;
	}
.entry, .commentinfo, .commententry, .commenttext {
	text-align: left;
	}
.postdata1, .postdata1 a { 
	color: #0065DE;
	text-align: left;
	margin: 0;
	}
.postdata2 { 
	color: #0065DE;
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0 0 18px 0;
	}
	.postdata2 a {
		color: #0065DE;
		}


.postnavigation, .postnavigation a { 
	color: #0065DE; 
	font-size: 1.2em;
	letter-spacing: -1px;
	margin: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.postnavigation{
	padding: 20px 0;
	border-bottom: 1px solid #D0A02A;
	border-top: 1px solid #D0A02A;
	height: 25px;
}
.postnavigation .prev{
	float: left;
}
.postnavigation .next{
	float: right;
}

/* Comment Area */
.commenttitle { 
	color: #0065DE;
	font-size: 1.5em;
	letter-spacing: -2px;
	text-align: center;
	margin: 0px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0 20px 0;
	background: #DFEEFF;
	border-bottom: 1px solid #D0A02A;
	border-top: 1px solid #D0A02A;
	}

.trackbacktitle {
	text-decoration: none;
	font-style: italic;
	margin: 0;
	border: 0;
	}

.leavecomment { /* Leave Your Comment: */
	color: #0065DE;
	font-size: 1.5em;
	text-align: left;
	letter-spacing: -2px;
	text-align: center;
	margin: -20px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0 20px 0;
	background: #DFEEFF;
	border-bottom: 1px solid #D0A02A;
	border-top: 1px solid #D0A02A;
	}

.commentlist {
	margin: 0 0 0 0;
	padding: 0;
	}
	.commentlist ul {
		color: #A4C1E0;
		}
	.commentlist li {
		list-style-type: none;
		margin: 15px 0 15px 0;
		}
	.commentlist {
		font-size: 101%;
		}
	.commentlist ul li {
		text-align: left;
		border: none;
		list-style-type: square;
		color: #000;
		}
.cinfobox {
	float: left;
	display: inline; 
	width: 150px;
	height: auto; 
	padding: 0 20px 15px 0;
	}
	.cdivider {
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #D0A02A;
		clear: both;
		}
	.commentdate { 
		text-align: left;
		margin: 0;
		color: #002680;
		} 
	.commentauthor {
		text-align: left; 
		margin: 0;
		color: #002680;
		}
		.commentauthor a {
		color: #002680;
		}

.commentinput { 
	text-align: left;
	line-height: 130%;
	margin: 5px 0;
	}
	
/*Extras*/
.wp-polls-ul {
	margin: 20px 0 0 0;
	}

/*Categories*/
.category_list p{
	
	font-weight: bold;
	font-size: 1.2em;
	color: #0065e5;
	margin-bottom: 0;
	margin-top: 10px;
}
.category_list ul {
	margin-top: 0;
	margin-left: 0;
}
.category_list ul li{
	list-style-type: none;
	display: inline;
	text-align: center;
	margin-right: 10px;
}

img.imgtfe{
	margin: 4px 10px 10px 0;
}
.single-postnavigation{
	margin: 20px 0 0px;
	padding-top: 20px;
	border-top: 1px solid #d0a02a;
	font-size: 1em;
	height: 30px;
}
.single-postnavigation .prev{
	float: left;
	width: 200px;
	text-align: left;
}
.single-postnavigation .next{
	float: right;
	width: 200px;
	text-align: right;
}
.single-postnavigation .main{
	float: left;
	width: 200px;
	text-align: center;
}
.post-wrapper{
	position: relative;
	margin-bottom: 0px;
}
p.postdata2{
	position: absolute;
	left: 320px;
	bottom: -35px;
	padding: 0;
	margin: 0;
	*left: 305px;
	*bottom: -18px;

}
a.stbutton{
	color: #0065DE !important;
	float: right;
}
#sbleft a{
	text-decoration: none;
}
.post-wrapper{
	line-height: 1.78em;
}
.stwrapper{
	position:absolute;
	width:354px;
	z-index:1000000;
	margin:0;
	padding:0;
	top:0;
	left:0;
	visibility:hidden;
	height:auto;
}
.postdata2-single { 
	color: #0065DE;
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0 0 18px 0;
	width: 550px;
	}
.postdata2-single a {
	color: #0065DE;
	}
a.excerpt_link{
	text-decoration: none;
	color: inherit;
	cursor: ;
}
a.excerpt_link span.more{
	text-decoration: underline;
	color: #0065DE;
}
.excerpt_link span.more:hover{
	text-decoration: none;
}
.post_header{
	zoom: 1;
	*margin-bottom: 10px
}
.post_header:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.post_date{
	width: 46px;
	height: 46px;
	float: left;
	background: url(images/date-bg.png) no-repeat left top;
	margin: -3px 10px 10px 0;
	
}
.post_date p{
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}
.post_month{
	text-align: center;
	text-transform: uppercase;
	color: #003c8a;
}
.post_day{
	font-size: 1.4em;
	color: #949494;
}
.post-wrapper .entry p{
	margin: 0 0 1.2em 0;
}
.read_more{
	float: right;
	color: #0065DE;
	padding-right: 5px;
}
.read_more a{
	color: #0065DE;
}
.entry{
	zoom: 1;
}
.entry:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}