/*  

Theme Name: Son of Blue

Theme URI: http://www.webconsiderations.com/son-of-blue

Description: Son of Blue, now with threaded comments, was inspired by the original Blue Fade theme, and was designed for a clean and easy to read layout with new functionality. <p>It includes a PNG file so you can add your own custom logo to match the one in the header. <p>New version includes a creative new look for the comments form and post reply.<p><a href="http://www.webconsiderations.com/son-of-blue/">Son of Blue Theme</a> was built by <a href="http://www.webconsiderations.com/">Web Considerations, LLC.</a>

Version: 2.0

Tags: blue, white, black, three-columns, fixed-width, left-sidebar, right-sidebar

Author: Bert Hixson 

Author URI: http://www.webconsiderations.com

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/



/* This starts the styling section of the webdesign layout */

body {
margin: 0;
padding: 0;  
color: #333;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #777;
}

#wrapper{
width: 1060px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:18px;
background: #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

#wrapper2{
	background: #ffffcc;

}

#superheader{
padding: 0;
margin: 0;
height: 13px;
}	


#header{
padding: 0  0 0px 0;
height: 132px;
margin: 0 0 0px 0;
border-bottom:2px solid #fff;
}	

#tabs{
padding: 0;
background:black;
}

#tabs ul{
margin: 0;
padding:3px 0;
list-style-type:none;

}

#tabs ul li{
margin: 10px 0 3px 15px;
padding: 6px 15px 6px 0px;
display:inline;
border-right: 2px solid #fff;
font-size: 90%;
font-family: Tahoma, Arial, sans-serif;
}

#tabs ul li a{
color: white;
}

#tabs ul li a:hover{
color:#A1E7FD;
 text-decoration:none;
}

#header h3{
margin:  0;
padding: 15px 0 0 15px;
font-weight:800;
font-size: 200%;
}

#header h3 a{
font-weight:100;
color: white;
text-decoration: none;
}


#header h2{
margin: 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
letter-spacing:1px;
padding: 10px 0 5px 17px;
font-weight:800;
color: white;
font-size: 90%;
}

.content {

	padding: 8px 20px;

	font-size: 0.72em;

	line-height: 1.7em;

}



.content p {

	margin: 6px 0px 12px;
	line-height: 25px;
	font-size: 14px;

}



.content a:link, .content a:visited {

	color:#094F8A;

	text-decoration:underline;

}



.content a:hover {

	color:#A1c34d

	text-decoration:none;

}



h1 {

	margin: 0px;

	font-size: 1.5em;

	letter-spacing: 0.2em;

	color:#A00001;

}



h2 {

	margin: 0px;

	font-size: 1.3em;

	color:#094F8A;

}



#c2 h1 a:link, #c2 h1 a:visited, #c2 h2 a:link, #c2 h2 a:visited {

		color:#094F8A;

	text-decoration:none;

}



#c2 h1 a:hover, #c2 h2 a:hover {

color:#094f8a;

	text-decoration: underline;

}



h3 {

	font-size: 1.1em;

	margin: 0;

	letter-spacing: 0.2em;

	color: #006699;

}



/*COLUMNS*/

#columnwrapper {

	background-repeat: repeat-y;

	width: 970px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#columns-top {

	background-repeat: no-repeat;

	height: 12px;

}



#c1, #c2, #c3 {

	float: left;

	width: 180px;

	margin-right: 10px;

}

#c3 {
	margin-right: 2px;
	font-size: 14px;
}


#c1 .content ul, #c3 .content ul {

	margin:0 0 20px 0;

	padding:0px;

	list-style-type:none;
	

}



#c1 .content li, #c3 .content li {

	margin: 0px;

}



#c1 .content a:link, #c1 .content a:visited, #c3 .content a:link, #c3 .content a:visited {

	font-size: 1em;

	display:block;

	color: #006699;

	padding: 2px 6px;

	text-decoration:none;

	margin: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #717DA8;

}



#c1 .content a:hover, #c3 .content a:hover {

	color: #993300;

	border-color: #333333 #000000 #000000 #333333;

}



#c2 {

	width: 588px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: dashed;

	border-left-style: dashed;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

}



#c3 {

	margin-right: 0px;

}



#columns-bottom {

	clear: both;

	background-repeat: no-repeat;

	height: 12px;

	font-size: 0px;

}

/* end columns */



#footer {

	font-size: .7em;

	margin-top: 15px;

	margin-bottom: 0px;

	border-top-width: 0px;

	border-top-style: solid;

	border-top-color: #999999;

	background-image: url(images/nav-back.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	color:#CCCCCC;

}



#footercontent {

	padding: 10px 0;

	text-align: center;

}



#footer a:link, #footer a:visited {

	color:#ffffff;

	text-decoration: underline;

}



#footer a:hover {

	color:#003366;

	text-decoration:none;

}



.clearfloat {

	clear: both;

	height: 0;

	line-height: 0.0;

	font-size: 0;

}



/* Top Menu Bar*/

#tnav {

	min-width: 940px;

	background-color: #686868;

	font-size: 0.8em;

	margin-bottom: 30px;

	background-image: url(images/nav-back.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

}



#tnav-center {

	min-width: 940px;

	border-left: 1px solid #333;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#tnav ul {

	margin: 0;

	padding: 0;

}



#tnav li {

	list-style-type: none;

	float: left;

}



#tnav #BasicNav a {

	float: left;

	color: #999999;

	padding: 10px;

	text-decoration: none;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #000000;

}



#tnav #BasicNav a:hover {

	color: #FFFFFF;

	background-color: #686868;

	background-image: url(images/neon_hover.jpg);

	background-repeat: repeat-x;

}



#p7PMnav {

	background-image: none !important;

	background-color: transparent !important;

}



/* End Top Menu Bar */



/*styling for the search and comments form*/



.formstyle, input {

	border: 2px solid #83959F;

	width: 130px;

	margin: 0px;

	padding: 0px;

	color: #8597A1;

	font-weight: bold;

	text-align: center;

}



input {

	width: 200px;

}



.formstyle2, textarea {

	border: 2px solid #83959F;

	width: 430px;

	margin: 0px;

	padding: 0px;

	color: #8597A1;

	font-weight: bold;

	text-align: center;

}



#formtitle {

	width: 50%;

	height: 75px;

	float: left;

	text-align: left;

	padding: 10px;

	color:#006699;

	font-size: 16px;

	font-weight: bold;

}



.formdata {

	text-align: right;

	margin-top: 55px;

}



.formdata input, .formdata textarea, #form, input {

	border: 1px solid #6699CC;

}



#search_form {

	border: 2px solid #006699;

	width: 100px;

	color: #003366;

}



/* end search and comments form styling */



/* Sytling for the WordPress code */

#blogtitle {

	color:#3A3A3A;

	font-size: 0.8em;

	position:absolute;

	top: 68px;

	left: 10px;

	font-weight: bold;

}



.calendar {

	float:left;

	height: 53px;

	width: 49px;

	color:#FFFFFF;

	font-size: 10px;

	font-weight: bold;

	text-align:center;

	background-image: url(images/date.png);

	background-repeat: no-repeat;

}

.calday {

	color:#006600;

	font-size: 16px;

	padding-top: 5px;

	font-weight: bold;

}



.commentlist li { /* Used on the comments.php */

	list-style:none;

	margin-top: 15px;

	margin-bottom: 10px;

	margin-left: -25px;

	border: 1px dotted #CCCCCC;

	padding: 10px;

}



.commentmetadata {

	margin-top: 10px;

	margin-bottom: 20px !important;

}



.commenttext {

	float: left;

}



.reply {

	margin-bottom: 25px;

}



.avatar { /* Used on the comments.php */

	position:relative;

	top: 0px;

	left: 0px;

	width: 75px;

	height: 75px;

	float: left;

	background-repeat: no-repeat;

	background-position: left top;

	margin-right: 8px;

}



.alt { /* Used on the comments.php */

	background-color:#97A8AF;

	background-image: none;

	background-repeat: no-repeat;

	color:#FFFFFF;

}



.alt a:link, .alt a:visited { /* Used on the comments.php */

	color:#333333;

}



.postdate {

	float: left;

	margin-left: 4px;

}



.author, .postdate {

	font-size: 1em;

	color:#8698A2;

	float: left;

	margin-bottom: 1em;

	font-family: "Times New Roman", Times, serif;

}



#c2 .commentauthor a:link, #c2 .commentauthor a:visited {

	color:#990000;

	font-size: 18px;

	text-decoration:none;

}



.entry {

	clear:both;

}



.post {

}



.postmetadata {

	font-size: .9em;

	background-image: url(images/post-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	padding-bottom: 35px;

	margin-bottom: 15px;

	margin-top: 10px;

}



.tags {

	float:left;

	margin-right: 10px;

	background:url(images/tag.gif) no-repeat;

	padding:2px 3px 3px 20px;

	height: 16px;

}



#c3 .content .tagcloud a:link, #c3 .content .tagcloud a:visited {

	text-decoration:none;

	border: none;

	display: inline;

}



#rss {

	background-image: url(images/rss.gif);

	background-repeat: no-repeat;

	padding-left: 22px;

	background-position: 5px;

}



.category, .editit {

	float: left;

}



.category {

	margin-right: 10px;

	background:url(images/category.gif) no-repeat;

	padding:2px 3px 3px 20px;

	height: 16px;

}



.editit {

	margin-left: 10px;

}



.navigation {

	font-size: .85em;

}



.alignleft {

	float: left;

}



.alignright {

	float:right;

}



.ncomments {

	font-size: 1em;

	color:#000000;

	margin-right: 10px;

	background:url(images/comment.gif) no-repeat;

	padding:2px 3px 3px 20px;

}



.ncomments a:link, .ncomments a:visited, .postmetadata a:link, .postmetadata a:visited, .navigation a:link, #navigation a:visited {

	color:#003366;

	text-decoration:underline;

}



.ncomments a:hover, .postmetadata a:hover, .navigation a:hover {

	color:#990000;

	text-decoration:none;

}



/* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */



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;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;	

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* This end the section that handles the pages or post image placement. */



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 100px;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#c1 #wp-calendar a, #c3 #wp-calendar a {

	display: block;

	border: none;

	margin: 1px;

	padding: 0px;

}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */

#body-post {
padding: 0;
padding-bottom:20px;
margin: 0 36px;
background-color: #ffffff;
color: #333333;
}
 
#right-pic
{ 
float:right;

width:115px;
height:160px;
background: url("http://www.polarismr.com/blog/images/ken-bernhardt.jpg") no- 

repeat; 
}