/*
Theme Name: CSST Simple Blue
Theme URI: http://www.csstinderbox.com
Description: Basic template frame with three total columns: sidebar left column / main content / sidebar right column. With multiple widget locations defined.
Version: 1.0
Author: CSS Tinderbox
Tags: simple, fixed width, three columns, widgets

This is a seriously basic template frame with enough to get you started.
Bend, fold and manipulate in any way to make it your own. Cheers.
*/

/* //BASIC STYLES// ======================================================================================== */

a:link, a:visted {
color:#8d2518;/*red*/
text-decoration:underline;
}

a:hover, a:active {
color:#8d2518;/*red*/
text-decoration:none;
}

h1 {
margin:0;
padding:0;
font-size:20px;
color:#003251; /*BLUE*/
}

h2 {
margin:0;
padding:0;
font-size:18px;
color:#003251; /*BLUE*/
}

h3 {
margin:0;
padding:0;
font-size:16px;
color:#003251; /*BLUE*/
}

p {
margin:5px 0 10px 0;
color:#003251; /*BLUE*/
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

blockquote {
margin:0;
padding:4px;
font-size:12px;
font-style:italic;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

ul, ol {
margin:0;
padding:0;
}

ul li, ol li {
margin:0;
padding:0;
}

ul li ul, ol li ol {
margin:0;
padding:0;
}

ul li ul li, ol li ol li {
margin:0;
padding:0;
}

ul li {
list-style-type:disc;
}

ul li ul li {
list-style-type:circle;
}

ol li {
list-style-type:decimal;
}

ol li ol li {
list-style-type:lower-alpha;
}

/* //MAIN STRUCTURE// ======================================================================================== */

#mainContent{
	clear:both;
	width:962px;
	margin-top:10px;
	color:#003251;/*dark blue*/
	}
	
#sideBarWrapLeft {
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 5px;
	width:180px;
	}
	
#blogBody{
	float:left;
	margin:0;
	padding:0;
	width:569px;
	}
	
#sideBarWrapRight {
	float:right;
	margin:0 0 0 5px;
	padding:0;
	width:190px;
	}



/* //HEADER STRUCTURE// ======================================================================================== */

#header h1 {
margin:0 0 0 0;
padding:35px 0 0 10px;
font-size:52px;
font-family:Helvetica, Arial, sans-serif;
color:#003251; /*Dark Blue */	
}

#header a:link, #header a:visited {
color:#8d2518;/*red*/
text-decoration:none;
}

#header a:hover, #header a:active {
text-decoration:none;
}

.headerDescription {
float:right;
margin:0 60px 0 0;
padding:40px 0 0 0;
font-family:Helvetica, Arial, sans-serif;
font-style:italic;
color:#cccccc;
font-size:18px;
}

/* //POST STYLES// ======================================================================================== */

.post {
margin:10px 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px dashed #cccccc;
width:569px;
}

.post p{
	font-size:14px;
	line-height:16px;
	color:#003251;/*dark blue*/
	}

.postTitle {
margin:0 0 6px 0;
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
text-transform:capitalize;
}

.postTitle a:link, .postTitle a:visited {
color:#8d2518;
text-decoration:none;
}

.postTitle a:hover, .postTitle a:active {
color:#8d2518;
text-decoration:none;
}

.postAuthor, .postMeta, .postFeedback {
font-size:11px;
color:#454545;
}

.postAuthor a:link, .postAuthor a:visited, .postMeta a:link, .postMeta a:visited, .postFeedback a:link, .postFeedback a:visited {
color:#8d2518;/*red*/
text-decoration:none;
}

.postAuthor a:hover, .postAuthor a:active, .postMeta a:hover, .postMeta a:active, .postFeedback a:hover, .postFeedback a:active {
color:#8d2518;
text-decoration:underline;
}

/* //COMMENT STYLES// ======================================================================================== */

.postCommentWrap {
margin:0 10px 0 0;
padding:0;
color:#454545;
background-color:#eeeeee;
}

.postCommentWrap input, .postCommentWrap textarea {
border:1px solid #cccccc;
background-color:#ffffff;
margin:0 0 0 15px;
}

.postCommentWrap h3 {
padding:15px 0 0 15px;
}

.commentInput  {
font-size:11px;
}

.postCommentLeave h3 {
padding:5px 0 0 15px;
margin:0 0 15px 0;
}

#postCommentList {
margin:0;
padding:0;
}

#postCommentList li {
margin:0;
padding:15px;
font-size:11px;
border-bottom:1px dashed #cccccc;
}

.commentMeta {
text-align:right;
}

.commentMeta a:link, .commentMeta a:visited, .postCommentFeed a:link, .postCommentFeed a:visited, .postCommentLog a:link, .postCommentLog a:visited {
color:#8d2518;
text-decoration:none;
}

.commentMeta a:hover, .commentMeta a:active, .postCommentFeed a:hover, .postCommentFeed a:active, .postCommentLog a:hover, .postCommentLog a:active {
color:#8d2518;
text-decoration:underline;
}

.postCommentNo {
padding:15px 0 0 25px;
font-style:italic;
}

.postCommentFeed, .postCommentLog {
padding:5px 0 0 15px;
font-size:11px;
}

/* //SIDEBAR STYLES// ======================================================================================== */

#sideBarWrapLeft ul li, #sideBarWrapLeft ol li, #sideBarWrapRight ul li, #sideBarWrapRight ol li {
list-style-type:none;
margin:0 0 10px 5px;
}

.widget {
margin:0 0 15px 0;
padding:0;
font-size:13px;
}

.widgetTitle, .columnTitle {
margin:5px 0 10px 0;
padding:0 0 5px 0;
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
color:#003251; /*dark blue */
}
	.columnTitle p{
		color:#003251;
	}

.widget ul li a:link, .widget ul li a:visited {
color:#8d2518;/*red*/
text-decoration:none;
padding-left:3px;
border-left:2px solid #cccccc;
}

.widget ul li a:hover, .widget ul li a:active {
border-left:2px solid #8d2518;
}

.columnText p {
font-size:11px;
}

.box-180{
	clear:right;
	background:url(http://qbq.com/lib/images/layout/box_180-175.jpg) no-repeat;
	width:180px;
	height:175px;
	margin:auto;
	padding-bottom:10px;
	}
	.box-content-180{
	width:170px;
	margin:auto;
	}
	.box-content-180 h1{
		margin:10px 0 0 0;
		color:#013149; /*Dark Blue*/
		font-size:14px;
		font-weight:bold;
		padding:10px 3px 2px 3px;
		border-bottom:#013149 solid 1px;
		letter-spacing:2px;
		}
	.box-content-180 p{
		margin:0;
		color:#8e8e8e; 
		font-size:14px;
		line-height:16px;
		padding:5px 10px;
		}
	.box-content-180 a{
		color:#8d2518;/*red*/
		text-decoration:none;
		}
		.box-content-180 a:hover{text-decoration:underline;}