/*  
Theme Name: Blue Fade
Theme URI: http://www.webconsiderations.com/blue-fade
Description: Blue Fade, now with threaded comments, was designed for a clean and easy to read layout while maintaining a sharp looking design. <p>It includes a PNG file so you can add your own custom logo in the header to match the screen shot. <p><a href="http://www.webconsiderations.com/blog/">Blue Fade</a> was built by <a href="http://www.webconsiderations.com/">Web Considerations, LLC.</a>
Version: 3.0
Tags: blue, white, two-columns, threaded-comments, flexible-width, left-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: "Trebuchet MS", Georgia, Tahoma, Arial;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 12px;
	padding: 0;
	min-width: 760px;
	background-image: url(images/back-ground.jpg);
	background-repeat: repeat-x;
}

#top {
	font-size: 1.75em;
	text-align:center;
	color:#CCCCCC;
	font-weight: bold;
	height: 38px;
	min-width: 450px;
}

#top p {
	font-size: 1.75em;
}

#masthead {
	color: #999999;
	height: 105px;
}

#masthead .content {
	padding: 12px 20px;
}

#wrapper {
	position: relative;
}

#column_wrapper {
}

.section {
	margin-bottom: 12px;
	line-height: 1.5em;
	padding-right: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #616161;
	border-bottom-color: #CCCCCC;
}

.section h2, .section h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

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

.section a:hover {
	color:#006633;
	text-decoration: none;
}

.content p {
	margin: 12px 0;
}

/* This starts the styling section of the left side (or menu list) of the design */

#left {
	width: 275px;
	float: left;
	background-image: url(images/website-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 10px;
	top: 153px;
}

#left .content {
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: right;
	padding-top: 55px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}

#left p {
	margin-top: 55px;
	margin-left: 192px;
	font-size: 24px;
	color: #A0A8AB;
}

#left .menulist {
	margin: 4px 0 12px 0;
	padding: 0;
	list-style-type: none;
}

#left .menulist li {
	margin-bottom: 3px;
	list-style-type:none;
}

#left .menulist a, #left .menulist a:visited {
	color: #000000;
	/* border-left: 6px solid #FFD940; */
	padding: 0 0 0 6px;
}

#left .menulist a:hover {
	color: #006699;
	text-decoration:none;
}
/* This ends the styling section of the left side (or menu list) of the design */

/* This starts the styling section of the right side (or main content) of the design */
#right {
	margin: 0px 0px 0px 275px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}

#right .content {
	font-size: 0.8em;
	line-height: 1.65em;
	padding-right: 50px;
	padding-bottom: 24px;
	padding-left: 25px;
	text-align: justify;
	padding-top: 20px;
}
/* This ends the styling section of the right side (or main content) of the design */

/* This starts the styling section of the footer */
#footer {
	color: #5B7681;
	font-size: 0.7em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 275px;
}

#footer .content {
	padding: 20px 20px;
}

#footer a:link {
	color: #56727E;
}
#footer a:visited {
	color: #5A7580;
}

#footer a:hover {
	color: #D3312C;
	text-decoration: none;
}
/* This ends the styling section of the footer */

/* This starts the styling section for the heading and misc areas of the design */
h1, h2, h3, h4 {
		color: #006699;	
		font-weight:bolder;
}
h1 {
	font-size: 1.8em;
	margin: 0;
}

h2 {
	font-size: 1.65em;
	margin: 30px 0 0 0;
}

h3 {
	font-size: 1.55em;
	margin: 0px 0 0 0;
}
h4 {
	font-size: 1.40em;
	margin: 20px 0 0 0;
}

.small {
	font-size: 9px;
}

input, textarea {
	border: 1px solid #003366;
}

/* This ends the entire styling section for the web desing layout */

/* This starts the sytling section for the WordPress specific areas */

/* The calendar (not the WP calendar) styling is used the the calendar on the posts and pages. It is used on the index.php, single.php and archive.php. The WP calendar setting are preceeded with WP further down this file.*/
.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;
}

/* The entry styling is used for the individual posts. It is used on index.php, single.php and archive.php */
.entry {
	margin-bottom: 22px;
	line-height: 1.5em;
	padding: 0px 15px 15px 0px;
	margin-top: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #616161;
	border-bottom-color: #CCCCCC;
}

/* The entrybody styling is used for the individual posts so that it won't have the calendar and marins of the entry and post class style. It is used on page.php */
.entrybody {
}

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

.entrybody a:hover {
	color:#006633;
	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. */

/* The post styling is for styling for the data and the links in posts for author ID and etc. It is used on the index.php, single.php and archive.php. */
.post h1, .post h2 {
	margin-left: 55px;
	margin-top: 10px;
}

.post p {
	margin-left: 55px;
	margin-top: 10px;
}

.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {
	color:#006699;
	text-decoration: none;
}

.post h1 a:hover, .post h2 a:hover {
	color:#006633;
	text-decoration: underline;
}

.post a:link, .post a:visited {
	color:#6699CC;
}

.showdate {
	color:#666699;
	font-family:"Times New Roman", Times, serif;
	margin-top:0px;
}

/* The postlinks, postmetadata, continue_read, tag and filedto sytling section is used to sytle the "posted in" links, rss link and etc. They are used on the archive.php. tag and filedto are also used in single.php */
.postlinks a:link, .postlinks a:visited {
	color:#6699CC;
	text-decoration:underline;
	background:url(images/packaged.gif) no-repeat;
	padding:1px 2px 2px 21px;
}
.postlinks a:hover {
	color:#006699;
	text-decoration:none;
}

.postmetadata { 
	color:#009900;
	margin-top: 20px;
}

.continue_read a:link, .continue_read a:visited {
	color:#CC3333;
	text-decoration:none;
}

.continue_read a:hover {
	color:#006699;
	text-decoration: underline;
}

.tag {
	margin-top: 5px;
	margin-bottom: 15px;
}

.tag a:link, .tag a:visited {
	color:#6699CC;
}
.tag a:hover {
	color:#006699;
	text-decoration:none;
	background-color:#9999FF;
}

.filedto {
	background:url(images/filedto.gif) no-repeat;
	padding:2px 3px 3px 20px;
	
}
.filedto a:link, .filedto a:visited {
	color:#6699CC;
}
.filedto a:hover {
	color:#006699;
	text-decoration:none;
}

.rss a:link, .rss a:visited {
	color:#6699CC;
	text-decoration:underline;
	background:url(images/rss.gif) no-repeat;
	padding:1px 2px 2px 21px;
}

.rss a:hover {
	color:#006699;
	text-decoration:none;
}

.editit a:link, .editit a:visited {
	color:#660000;
}

.editit a:hover {
	color:#006633;
	text-decoration:none;
	background-color:#CCCCCC;
}

/* The comments, commentslist, gccomment, ucomments, commentmetadata and comment_message styling is used for the styling the comments section on posts. It is used on the comments.php. */
.comments {
	margin-top: 20px;
}
.comments h3 {
	font-size: 18px;
	font-weight: normal;
}
.commentlist, .commentlist li {
	list-style-type: none;
}

.commentlist li {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}

#avatar {
	float:left;
	width: 32px;
	margin-right: 8px;
}

.gcomment {
}

.gcomment a:link, .gcomment a:visited {
	color:#660000;
}
.gcomment a:hover {
	text-decoration:none;
	color:#CC3300;
}

.gcomment_name {
}

.ucomment {
}

.ucomment a:link, .ucomment a:visited {
	color:#FF3300;
	text-decoration:underline;
}
.ucomment a:hover {
	color:#006699;
	text-decoration:none;
}
.commentmetadata a:link, .commentmetadata a:visited {
	color:#006600;
	text-decoration:none;
}
.commentmetadata a:hover {
	color:#669933;
	text-decoration:underline;
}
.comment_message {
	color:#00CC00;
	font-weight: bold;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	margin-left: 70px; /* This was added to the default */
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

.menulist #wp-calendar a {
	display: block;
	list-style-type: none; /* This was added to the default */
	border: none;
	}

#wp-calendar caption {
	text-align: center; /* This was changed from 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 */

/* This is styling for the search results */
.searchit {
	padding: 5px 0px;
}

.searchit a:link, .searchit a:visited {
	color:#990000;
}

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

/* This is the styling for the navigation links when previous and next are used after a certain number of posts has been exceeded. It is used in the archvive.php and search.php */
.navigation {
}

.alignleft a:link, .alignright a:link, .alignleft a:visited, .alignright a:visited {
	color:#990000;
	text-decoration:none;
}

.alignleft a:hover, .alignright a:hover {
	color:#003366;
	text-decoration:underline;
}

/* The alt styling is also used in the comments.php and is used for alternating the styling on comments. */
.alt {
	background-color:#9999FF;
	padding: 10px;
	background-image: none;
	background-repeat: no-repeat;
}