/*  
Theme Name: Son of Blue Clouds
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 comments form and post reply and sub pages functionality for the top menu.<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: 1.0
Tags: blue, white, blue, 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 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 100%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	min-width: 940px;
	background:#fffff;
}

#masthead {
	background-color: #FFFFFF;
	height: 105px;
	background-image: url(images/masthead-back.jpg);
	background-repeat: repeat-x;
}

#logo img {
	border: 0;
}

#line1 {
	font-family: Times, Times New Roman, serif;
	font-size: 33px;
	font-variant: small-caps;
	color: red;
	margin: -80px 250px;
	padding: 0px;
	text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;
}

#line2 {
	font-family: Times, Times New Roman, serif;
	font-size: 36px;
	font-variant: small-caps;
	color: blue;
	margin: 5px 250px;
	padding: 0px;
}

#tagline {
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-variant: normal;
	color: #000000;
	margin: 80px 250px;
}

/* User ID in upper right corner of masthead */

#regorlogin {
	margin-top: 5px;
	padding-bottom: 0px;
}

#userid {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-variant: normal;
	color: black;
	margin: -160px 20px;
	text-align: right;
}

#user_login {
	margin-top: 2px;
}
	
#user_login, #user_pass, #rememberme, #submit {
	width: auto;
	text-align: left;
	border: 1px solid #555;
	padding: 3px;
	background: #ffffff;
	color: #000000;
	font-size: 11px;
}

#submit {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-top: 5px;
	padding: 3px;
	height: 20px;
	}

.content {
	padding: 8px 20px;
	font-size: 0.72em;
	line-height: 1.7em;
}

.content p {
	margin: 6px 0px 12px;
}

.content a:link, .content a:visited {
	color:#990000;
	text-decoration:underline;
}

.content a:hover {
	color:#003366;
	text-decoration:none;
}

h1 {
	margin: 0px;
	font-size: 2.0em;
	letter-spacing: 0.2em;
	color:#003366;
}

h2 {
	margin: 0px;
	font-size: 1.3em;
	color:#003366;
}

#c2 h1 a:link, #c2 h1 a:visited, #c2 h2 a:link, #c2 h2 a:visited {
	color:#003366;
	text-decoration:none;
}

#c2 h1 a:hover, #c2 h2 a:hover {
	color:#990000;
	text-decoration: underline;
}

h3 {
	font-size: 1.1em;
	margin: 10px 0px 0px 0px;
	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: 160px;
	margin-right: 20px;
}

#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;
	height: 34px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-top-width: 1px;
	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 {
	margin-top: 5px;
	padding: 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 */
#topmenu {
	margin: 0 0 30px 0;
	padding: 0px;
	min-width: 940px;
	height: 34px;
	background-color:#373737;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3B3B3B;
}

#p7PMnav {
	margin: 0px;
	font-size: .75em;
	padding: 0px;
	height: 34px;
}
#p7PMnav ul {
	position: absolute;
	left: -9000px;
	margin:0;
	padding:0;
	border: 1px solid #333333;
	z-index: 10000;
}
/* these are the menu styles */
#p7PMnav li {
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
}
#p7PMnav ul li {
	background-color: #333333;
}
/* ------ the menu link styles ------ */
#p7PMnav a {
	display: block;
	text-decoration: none;
	color: #999999;
	line-height:1;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	color: #FFFFFF;
	letter-spacing: 0.01px;
	background-image: url(images/neon_hover.jpg);
	background-repeat: repeat-x;
	background-color: #65CC33;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #CCCCCC;
	font-weight: normal;
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	color: #CCCCCC;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #666666;
	color: #CCCCCC;
}

/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 200px;
}
#pmmcrumb {
	font-weight: normal;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #666666;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* End of Top Menu Bar */

/*styling for the search and comments form*/

fieldset {
	margin-top: 5px;
}

.formstyle legend {
	background-color: #666666;
	color: #ffffff;
	display: block;
	float:left;
	width:100%;
}

.formstyle input {
	border: 2px solid #83959F;
	width: 130px;
	margin: 0px;
	padding: 2px;
	color: black;
	font-weight: normal;
	text-align: left;
}

.formstyle2, textarea {
	border: 2px solid #6699cc;
	width: 430px;
	margin: 0px;
	padding: 2px;
	color: black;
	font-weight: normal;
	text-align: left;
}

.formstyle input#submit, .formstyle2 input#submit {
	width: auto;
	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;
}

.button {
	text-align: center;
	width: auto;
}

#search_form {
	border: 2px solid #006699;
	width: 100px;
	color: #003366;
}

#date_label {
	margin-left: 10px;
}

/* end search and comments form styling */

/* Table formatting */

table {
	margin-bottom:1.4em;
	width:100%;
}

th {
	background: #eee !important;
	font-weight:bold;
	vertical-align:bottom;
}

thead th {
	background:#c3d9ff;
}

th, td, caption {
	padding:4px 10px 4px 5px;
}

tr {
	vertical-align:top;
}

tr.even td {
	background:#e5ecf9;
}

tfoot {
	font-style:italic;
}

tfoot th {
	vertical-align:top;
}

/* end table formatting */

/* 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;
}

.entry ol li {
	margin-bottom: 13px;
}

.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 */

/* Block Quote */
blockquote {
	margin: 20px 0;
	padding: 0 80px 0 40px;
	color: #696969;
	background: #F7FDFD url(images/comillas1.gif) no-repeat 10px 0;
	border: #D5EDF2 1px solid;
	font-size: 1em;
	font-style: italic;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}