/*   
Theme Name: Cool_Blue
Theme URI: www.scottpete.com
Description: Custom theme developed for www.ScottPete.com
Author: Scott A. Pete
Author URI: http://www.scottpete.com
Version: 001
.
Copyright 2010 by Scott A. Pete, All Rights Reserved.
.
*/

/* reminders:
	Dot is class, # is for ID 
	Actual div width = the specified width+margins+padding
		i.	Padding adds to the width in background color, margin is transparent
		ii. Both padding & margin result in content being indented
		iii.Content within div must equal that total width including its own
			padding, margin, etc.	
	Floats cause issues sometimes with content extending out beyond a DIV. A solution is
		to put a spacer div (use class vs id so can reuse if needed) which has a clear:both
		which will force the div down beyond all of the prior content.
	
*/
* {
	margin: 0;
	padding: 0;
}
h2 {
	padding: 8px 0 8px 0px;
	font-style: italic;
	color: #003366;
	font-weight: normal;
}
p {
	padding: 0 0 10px 0px;
}
ul, ol {
	padding: 0 0 20px 40px;
}

a {
	color: #d35a32;
	text-decoration: none;
}
a:hover
{
	color: #0000ff;
	text-decoration: underline;
}
html {	/* needed to control height of main window */
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: #204168; /* outside background (margins) */
}
body {
	font-family: Georgia, 'Trebuchet-MS', Arial, Verdana;
	line-height: 22px;
}
.fixed-icons {
	float: left; 
	position: absolute;
	top: 10px;
	left: 100px;
}
.spacer {
	clear: both;
}
#inset-header 	/* the entire floating inside section */
{
	width: 920px;
	padding: 0; /* 10px 8px 0 8px; */
	margin: 0 auto 0 auto; /* auto results in float center */
	color: #000000;
	background-color: transparent;
	font-size: 0.8em;
	text-align: left;
	position: relative; /* needed for IE */
}
#inset-body 	/* the entire floating inside section */
{
	width: 920px;
	padding: 0; /* 0 8px 8px 8px; */
	margin: 0 auto 10px auto; /* auto results in float center */
	color: #000000;
	background-color: transparent;
	font-size: 0.8em;
	text-align: left;
	position: relative; /* needed for IE */
}
#header
{
	background-color: transparent;
	background: url(images/header.jpg);
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 0;
	height: 86px;
	width: 920px;
	position: relative;
	text-align: left;
}

#contentarea
{
	clear: both; 
	border: solid 0px #FFF;
	width: 900px;
	padding: 10px;
	margin: 0px;
	position: relative;
	border-spacing: 0px;
	background-color: #FFF;
	height: 100%; 
}
#leftarea
{
	background: transparent;
	float: left; 
	margin: 0;
	padding: 0px;
	width: 185px;
}
#rightarea
{
	background: transparent;
	float: left; 
	margin: 0;
	padding: 0;
	width: 715px;
}
#lefttop-img { margin: 0; }
#leftbot-img { margin: 0 0 6px 0; }
#qboxtxt {
	background-image: url(images/quotebox.jpg);
	background-repeat: repeat-y;
	color: #000;
	width: 144px;
	height: 147px;
	padding: 8px 8px 0 8px;
	font-size: 11pt;
	text-align: right;
	line-height: 14pt;
 }

#leftcol /* width includes margin, padding is inside of width */
{
	float: left;
	background: #E4DAD0;
	margin: 0 10px 20px 0; /* gap between columns */
	padding: 5px;
	width: 160px;
}
#midcol
{
	float: left; 
	background: transparent;
	margin: 0px 10px 0 5px;
	padding: 0px;
	width: 502px;
}
#midcol2
{
	float: left; 
	background: transparent;
	margin: 0px 10px 0 5px;
	padding: 0px;
	width: 687px;
}
#midcol h2 a, #midcol2 h2 a
{
	color: #181B1B;
	display: block;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 27px;
	line-height: normal;
	text-align: left;
/*
	text-decoration: none;
	line-height: 30px;
*/
}
#midcol h3, #midcol2 h3
{
	color: #000;
	font-size: 11pt;
	font-weight: normal;
	margin: 20px 40px 10px 0;
}

#rightcol
{
	float: right;
	background: #E4DAD0;
	margin: 0 0 20px 0;
	padding: 0 4px 4px 4px;
	width: 185px;
}
#pagebanner, #pagebanner h1, #pagebanner h1 a	/* banner at top of page body content - for title */
{
	float: left;
	color: #AB3543;
	font-size: 17pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	background: transparent; /* #EEDBC4; */
	margin: 0 0 2px 0;
	padding: 2px 200px 8px 5px;
	width: 510px;
	height: 38px;
}
#footer {
	border-top: 1px solid #ccc;
	height: 36px;
	font-size: 10pt;
	line-height: 18px;
	font-weight: normal;
	padding: 8px;
	color: #333;
	background-color: #FFF;
	text-align: center;
}
.flushright {
	float: right;
}
/*
	Wordpress Alignment & Caption Classes 
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
	padding: 0 18px 18px 18px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.dateauthor {
	border-top: solid 1px #888;
	padding-bottom: 16px;
}
/*
	Wordpress Generated but Optional Classes

.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.children {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.current_page_ancestor {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}

*/

#sidebar_Right{
	background: #FFF;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 6px 10px 8px;
	font-size: 11px;
	font-style: normal;
	border-left: 1px solid #DDD;
}
#sidebar_Right ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#sidebar_Right ul li {
	padding: 0 0 5px 15px;
	margin: 5px 0;
	border-bottom: 1px dotted #ddd;
/*	background: url(images/bluedot.png) no-repeat left 1px; */
}

#sidebar_Right a {
	color: #444;
}
#sidebar_Right h2  {
	font-size: 12px;
	color: #6B6B6B;
	margin: 8px 0 8px 0;
	padding: 5px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 2px solid #ddd;
}		
#sidebar_Left{
	text-align: right;
}
.article_1st {
	background: none;
	margin: 0px 31px 0px 33px;
	padding: 23px 0px;
}
.article {
	background: url(http://www.micheledeville.com/wp-content/themes/coolblue/images/hline.gif) no-repeat 50% 0%;
	margin: 0px 31px 0px 33px;
	padding: 23px 0px;
}
.article_head {
	text-align: left;
	padding: 0 0 10px 0;
}
.article_head:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.article_mo {
	background: url(http://www.micheledeville.com/wp-content/themes/coolblue/images/vline.gif) repeat-y 100% 50%;
	color: #8D8682;
	display: inline;
	float: left;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin: 0px 12px 0px 0px;
	text-transform: uppercase;
	width: 48px;
	height: 48px;
}
.article_day {
	font-size: 28px;
	font-weight: normal;
}
.author {
	color: #636B6B;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.comments {
	color: #636B6B;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background: url(http://www.micheledeville.com/wp-content/themes/coolblue/images/comments.gif) no-repeat 0% 50%;
	padding: 0px 0px 0px 15px;

}
.comments a {
	color: #636B6B;
	padding: 0px 0px 0px 5px;
}
.more-link, .more-link a {
	text-transform: uppercase;
	font-size: 10px;
	font-style: bold;
	color: #000;
	padding: 10px 0 0 0;
}
.mybuttonfixed{
display:block;
_display:none;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
position:relative;
float: left;
padding: 0 0 0 4px;
left: 5px;
top: 1px;
}
  .feedicon1{
background:url('images/feed1.png') no-repeat 0 0; width:32px; height:32px;
}
  .twiticon1{
background:url('images/twit1.png') no-repeat 0 0; width:32px; height:32px;
}
  .faceicon1{
background:url('images/face1.png') no-repeat 0 0; width:32px; height:32px;
}
.mybuttonfixed:hover{
top: 3px;
}
.mybuttonfixedtxt {
color: #6B6B6B;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 12px;
font-weight: bold;
padding: 0 0 0 8px;
}
/* 
Add to TEXT Widget in sidebar:
<a href="#" title="Facebook Profile" target="_blank" class="mybuttonfixed faceicon1">Facebook Button</a>
<a href="#" title="Follow me" target="_blank" class="mybuttonfixed twiticon1">Twitter Button</a>
<a href="#" title="Subscribe" target="_blank" class="mybuttonfixed feedicon1">RSS Feed</a>
*/