/*  
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><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.2
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 { font-family: Helvetica, Verdana, Arial, "Times new roman"; font-size: 100%; color: #000000; background-color: #2D2824; margin: auto; padding: 0px; width: 990px; }

#masthead  { background-color: #4C4C4C; background-image: url(images/Bande63.jpg); background-repeat: repeat-x; height: 220px }

/* line-height : hauteur entre les lignes */
.content { padding: 0px 10px; font-size: 0.72em; line-height: 1.8em; }

.content p { text-align: justify; margin: 6px 0px 12px; }

.content a:link, .content a:visited { color:#94042D; text-decoration:none; }

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

h1, h2 { line-height: 1.2em; margin: 0px; font-size: 3.0em; text-align: center; margin-bottom: 10px; margin-top: 20px; font-weight: lighter; color:#000000; }

#c2 h1 a:link, #c2 h1 a:visited, #c2 h2 a:link, #c2 h2 a:visited { font-family: Georgia, Helvetica, Verdana, Arial, "Times new roman"; letter-spacing: 0.02em; color:#98052F; text-decoration:none; }

#c2 h1 a:hover, #c2 h2 a:hover { color:#858585; text-decoration: none; }

h3 { padding: 5px 0px; font-size: 1.1em; margin: 0; letter-spacing: 0.1em; color: #000000; }

/*COLUMNS*/
#columnwrapper { background-color: #FFFFFF; background-repeat: repeat-y; width: 990px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

#columns-top { background-repeat: no-repeat; height: 12px; }

#c1, #c2 { float: left; width: 240px; margin-right: 20px; }

#c3 { float: left; width: 150px; margin-right: 20px; }

#c1 .content ul { margin:0 40px 20px 0px; padding:0px; list-style-type:none; }

#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: 0.9em; letter-spacing: 1px;
	color: #3D3D3D;
	padding: -1px 0px;
	text-decoration:none;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; }

#c1 .content a:hover, #c3 .content a:hover { color: #999999; border-color: #333333 #999999 #999999 #333333; }

#c2 { width: 558px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF; }


.size-full wp-image { border:1px; border-color:#606060; }

#c3 { margin-right: 0px; }

#columns-bottom { clear: both; background-repeat: no-repeat; height: 12px; font-size: 0px; }


/* end columns */
#footer  { font-size: 0.7em; background-image: url(images/BandeFooter.jpg); margin: 0 auto 15px; width: 990px; height: 200px }

#footercontent { padding: 80px 0; text-align: center; }

#footer a:link, #footer a:visited { color:#990000; 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: 990px;
	background-color: #86817C;
	font-size: 0.9em;
	border-top: 0px solid #FFFFFF; }


#tnav-center { min-width: 990px; 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: #EDEDED; padding: 4px 20px; text-decoration: none; }

#tnav #BasicNav a:hover { color: #CCCCCC; background-color: #282828; }

#p7PMnav { background-image: none !important; background-color: transparent !important; }

/* End Top Menu Bar */

/*styling for the search and comments form*/

.formstyle { border: 1px solid #000000; width: 140px; margin: 0px; padding: 0px; color: #4C5459; font-weight: bold; text-align: center; }

.formstyle2 { border: 1px solid #000000; width: 450px; margin: 0px; padding: 0px; color: #4C5459; font-weight: bold; text-align: center; }

#search_form { border: 1px solid #000000; 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; font-family: Georgia, Helvectica,"Times new roman";
	height: 50px;
	width: 50px;
	color:#999999;
	font-size: 15px;
	font-weight: lighter;
	text-align:center;
	background-color: #FFFFFF; }
	
.calday { color:#999999; font-family: Georgia, Helvectica,"Times new roman"; font-size: 35px; padding-top: 3px; margin-bottom: 20px; font-weight: lighter; }

.commentlist li { /* Used on the comments.php */
	list-style:none;
	margin-bottom: 10px;
	margin-left: -25px;
	border: 1px dotted #CCCCCC;
	padding: 10px;  }

.avatar { /* Used on the comments.php */
	position:relative;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 8px; }
	
.odd {
background-color: #AFA7A1; }

.even {
background-color: #C3BEBB; }	

.comment-author-phil { background-color: #F4F2F1; }	
	
.alt a:link, .alt a:visited { /* Used on the comments.php */ color: #333333; }

.alt a:hover { /* Used on the comments.php */ color: #FFFFFF; }

.author { margin-right: 4px; font-size: 0.8em; letter-spacing: 2px; color: #686A6B; float: left; margin-bottom: 1em; font-family: Helvetica, "Times New Roman", Arial, serif;}

.postdate { font-size: 0.8em; letter-spacing: 2px; color: #686A6B; float: center; margin-bottom: 1em; font-family: Helvetica, "Times New Roman", Arial, serif; }

.ncomments { float: right; font-size: 0.9em; color:#999999; }

.entry { clear:both; }

.post {
}

.postmetadata  { font-size: 0.9em; background-image: url(images/post-bottom.gif); background-repeat: no-repeat; background-position: center bottom; margin-bottom: 15px; padding-top: 10px; padding-bottom: 35px }

.tags { border-top: 1px dotted #CCCCCC; text-align: left; margin-bottom: 10px; }

.st-tag-cloud { font-family: Georgia, Helvetica, Verdana, Arial, "Times new roman"; line-height: 2.4em;}

#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; background-position: 5px 50%; padding-left: 22px }

.category, .editit { float: left; }

.editit { margin-left: 5px; }

.navigation { font-size: .85em; }

.alignleft { float: left; }

.alignright { float:right; }

.ncomments a:link, .ncomments a:visited, .postmetadata a:link, .postmetadata a:visited, .navigation a:link, #navigation a:visited {
	color:#55514E; font-size: 1.3em;
	text-decoration:none; }

.ncomments a:hover, .postmetadata a:hover, .navigation a:hover { color:#98052F; 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 { margin: 8px; padding: 4px; border: 1px solid #AEAEAE; 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. */

/*Plugin WP-Digg Style Paginator : pagination*/
div.pagination { padding:3px; margin:3px; text-align:center; }
div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #636363; text-decoration: none; color: #aaa; }
div.pagination a:hover, div.pagination a:active { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #1B1B1B; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #1B1B1B; font-weight: bold; background-color: #f0f0f0; color: #1B1B1B; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }

/* 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 */
element { }