/*  
Theme Name: Chronicles
Theme URI: http://www.webconsiderations.com/chronicles
Description: The Chronicles theme was created with threaded comments and was designed with a feel for a magazine or news site but certainly can be used for any blog. It is designed with a clean professional look while maintaining easy navigation. <p>It has a theme option to easily change the overall color as well as having a sitemap template and full page template. <p>For more information, please read the included readme.html. <p><a href="http://www.webconsiderations.com/chronicles/">Chronicles</a> was built by <a href="http://www.webconsiderations.com/">Web Considerations, LLC.</a>
Version: 1.55
Tags: theme-options, white, green, blue, red, black, yellow, silver, two-columns, fixed-width, right-sidebar, threaded-comments
Author: Bert Hixson 
Author URI: http://www.webconsiderations.com
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

@import "assets/styles/topmenu.css";
@import "assets/styles/btmmenu.css";
@import "assets/styles/rtpanel.css";

body {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	behavior: url("functions/csshover3.htc"); 
}

/* Styling for the menu at the top of the page. For more detailed styling, see assets\styles\topmenu.css */

#topmenu {
	color: #333333;
	padding: 0px;
	margin: 0;
	background-color: #99CC99;
	border: 1px solid #555555;
	min-height: 40px;
}

#topmenu img {
	border: none;
	float: left;
	margin-left: 8px;
}

/* End of the styling for the top menu */

/* Styling for the masthead at the top of the page. This is the area with the image, site name and tagline */

#masthead {
	color:#006600;
	padding: 0px;
	margin: 0;
	height: 125px;
	background-color: #FFFFFF;
}

#masthead .content {
	background-image: url(assets/images/logo.png);
	background-repeat: no-repeat;
	height: 100px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 300px;
	background-position: 0px 8px;
	padding-top: 50px;
	text-align: right;
	font-size: 2em;
}

#masthead .content a {
	text-decoration: none;
	color:#006600;
}

/* End styling for the masthead. */

/* Styling for the menu at the bottom of the masthead. For more detailed styling, see assets\styles\btmmenu.css */

#btmmenu {
	color: #333333;
	padding: 0px;
	margin: 0;
	height: 40px;
	font-size: .9em;
}

/* End sytling for the bottom menu. */

/* Styling for the main wrapper and column wrapper divs */

#wrapper {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	padding: 0;
}

#wrapper .menulist a:hover {
	border-color: #000000;
}

#column_wrapper {
}

/* End of the styling for the wrapper divs */

/* Styling for the left side main content */

#left, #left_full {
	width: 650px;
	float: left;
}

#left_full {
	width: 974px;
}

img, #left_full img {
	margin-right: 20px;
}

#left p a:link, #left p a:visited, #left_full p a:link, #left_full p a:visited,
#left .section li a:link, #left .section li a:visited, #left_full .section li a:link, #left_full .section li a:visited {
	color:#000000;
	text-decoration:underline;
}

#left p a:hover, #left_full p a:hover,
#left .section li a:hover, #left_full .section li a:hover {
	text-decoration: none;
	color: #999999;
}

#left .section ol {
	list-style-type: lower-roman;
}

#left .section ol ol li {
	list-style-type: lower-alpha;
}

#left .content, #left_full .content {
	font-size: 0.8em;
	line-height: 1.65em;
	text-align: justify;
	color: #555555;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 0px;
}

#left .section, #left_full .section {
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 25px;
}

#section_rss {
	float: left;
	clear: both;
	background-image: url(assets/images/section_rss.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	padding-left: 30px;
}

#section_rss a:link, #section_rss a:visited {
	color: #666666;
}

#section_rss a:hover {
	text-decoration: none;
}

/* End of the styling for the left side main content */

/* Styling for the right column sidebar div */
/* For detailed styling of the right tabbed panel, see \assets\styling\panel.css */

#right {
	width: 300px;
	float: left;
}

#right a:link, #right a:visited {
	color: #878787;
}

#right a:hover {
	color: #000000;
	text-decoration: none;
}

#right .content {
	padding: 24px 20px;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: justify;
	color: #555555;
}

#right .section {
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 25px;
	margin-top: 25px;
}

#right ul {
	margin-left: 25px;
	padding: 0px;
}

#right li {
	list-style-type: none;
	font-weight: bold;
}

#right li a:link, #right li a:visited {
	text-decoration: none;
}

#right li li {
	margin: -15px 0px 5px 0px;
	padding: 0px;
	list-style-type: circle;
}

#right .content img {
	border: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

/* End of the styling for the right sidebar */

/* Styling for the footer */

#footer {
	color: #FFFFFF;
	background-color: #99CC99;
	padding: 0px;
	font-size: 0.7em;
	margin: 0;
	border: 1px solid #555555;
}

#footer p {
	font-size: 1.5em;
}

#footer .content {
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	overflow:hidden;
}

.footerwidget {
	width: 200px;
	margin-right: 25px;
	top: 0px;
	float: left;
}

#footer h4 {
	color:#FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
}

#footer a:link, #footer a:visited {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#footer ul li {
	list-style:none;
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 1.3em;
	width: 200px;
}

/* End of the styling for the footer */

/* Styling for misc. areas of the layout */

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#btmnotes {
	height: 50px;
	background-color: #FFFFFF;
	padding-top: 25px;
	color: #666666;
	font-size: .8em;
}

#btmnotes a:link, #btmnotes a:visited {
	color: #666666;
}

#btmnotes a:hover {
	text-decoration: none;
}

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

.content p {
	margin: 12px 0;
}

.content li, {
	list-style-type: circle;
}

.content ol li {
	list-style-type: lower-roman;
}

h1 {
	font-size: 1.8em;
	margin: 0;
}

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

h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	color: #555555;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#CCCCCC;
}

.nomargintop {
	margin-top: 0;
}

blockquote {
	color: #333333;
	background-image: url(assets/images/quotes.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 28px;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 24px;
}

blockquote p:first-letter {
	color:#990000;
	font-size: 1.75em;
	font-weight: bolder;
}

input, textarea {
	border: 1px solid #666666;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	color: #666666;
}

#formtitle {
	font-size: 2em;
	margin-top: 25px;
	margin-bottom: 25px;
	font-weight: bolder;	
}

#searchit {
	position: relative;
	top: 10px;
	right: 24px;
	float: right;
	font-weight: bolder;
	color: #FFFFFF;
}

/* End of the styling for the misc area of the layout. */

/* This starts the WordPress styling */
.timedate {
	width: 150px;
	font-size: 1em;
	float: left;
	margin-top: -10px;
}

.cmnts {
	background-image: url(assets/images/comment.jpg);
	background-repeat: no-repeat;
	height: 22px;
	padding-left: 25px;
	float: left;
	width: 300px;
	background-position: 4px 4px;
	font-size: 1em;
	margin-top: -10px;
}

.category, #left_full .category {
	text-align: right;
	width: 275px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 18px;
	float:left;
	margin-bottom: 10px;
}

.tagit, #left_full .tagit {
	width: 275px;
	background-image: none;
	text-align: left;
	padding-left: 18px;
	float: left;
}

#left_full .category, #left_full .tagit {
	width: 425px;
}

.timedate, .cmnts a:link, .cmnts a:visited, .category a:link, .category a:visited, .tagit a:link, .tagit a:visited {
	color: #006600;
	text-decoration: none;
}

.cmnts a:hover, .category a:hover, .tagit a:hover {
	text-decoration: underline;
	color: #99CC99;
}

ol.commentlist  {
	padding: 0px;
	margin: 0px;
}

ol.commentlist li {
	list-style-type: none;
		border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
}

.commentarea {
	padding: 0px;
	margin-top: 35px;
	margin-bottom: 40px;
	width: 100%;
}

.avatar {
	height: 60px;
	width: 60px;
	float: left;
	margin-right: 12px;
}

.commentmeta {
	position: relative;
	padding: 0px;
	float: left;
	width: 75%;
	left: 0px;
	top: 0px;
}

.commentname {
	float: left;
	font-size: 1.5em;
	font-family: "Maiandra GD", Tahoma, Arial;
	font-weight: bold;
	width: 50%;
}

.commentname a:link, .commentname a:visited {
	color:#666666;
	text-decoration: none;
}

.commentname a:hover {
	color:#000000;
	text-decoration: underline;
}

.commentdate a:link, .commentdate a:visited {
	color:#999999;
	text-decoration: none;
}

.commentdate a:hover {
	color:#666666;
	text-decoration: underline;
}

.reply {
	float: right;
	clear: right;
	text-align: right;
	width: 50%;
}

.reply a:link, .reply a:visited {
	color:#006633;
	text-decoration:none;
	font-weight: bolder;
}

.reply a:hover {
	color:#009966;
	text-decoration:none;
}

.commentdate {
	float: left;
	position: relative;
	padding: 0px;
	width: 50%;
}

.commentdata {
	position: relative;
	padding: 0px;
	float: left;
	color: #666666;
	width: 80%;
}

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

.navigation {
	margin-top: 25px;
}

.navigation a:link, #left .navigation a:visited {
	color:#006600;
	text-decoration: none;
}

.navigation a:hover {
	color:#99CC99;
	text-decoration: underline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: left;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	font-size: .90em;
}

.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: 0;
	width: 200px;
}

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

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

#wp-calendar a, #wp-calendar a {
	display: block;
	border: none;
	margin: 1px;
	padding: 0px;
}

#wp-calendar caption {
	text-align: left;
	width: 100%;
	font-size: 1em;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */