/*  
Theme Name: Autumn Almanac
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Autumn+Almanac
Description: 3 Column, widget-ready fixed width theme in rustic autumn colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Custom Intro Box, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
Version: 1.1
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 3 column, fixed width, gravatars, widgets, brown, green, gold, red, Autumn, Fall, rustic, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 2em; font-family: Arial, Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Sans-serif; margin: 0; padding: 0 0 20px 5px; color: #fff; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link { text-decoration: none; color: #428ce7; }
a:visited { text-decoration: none; color: #de7aff; }
a:hover { text-decoration: none; color: #a6cbfa; }
p { padding: 10px; }
blockquote { font-style: italic; margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; border-left: 2px solid #585858; border-right: 2px solid #585858; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; vertical-align: top; background: #000; color: #fff; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; }

#main_content { background: #1a1a1a; float: left; margin: 10px auto 0 auto; padding: 8px; width: 1000px; border: #660000 1px solid; }
#container { background: transparent; float: left; width: 520px; margin: 50px 10px 0 10px; padding: 0 10px 10px 10px; }
#container_wide { background: transparent; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 0 20px 0; border-bottom: #585858 1px solid; }
.post h2 a { color: #ccc; font-size: 16px; font-variant: small-caps; margin: 0 0 0px 5px; padding-top: 5px; }
.post h2 a:hover { text-decoration: none; color: #a6cbfa; }
.entry { font-size: 1.02em; line-height: 1.42em; }
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; font-style: italic; }
.date a:visited, .postmetadata a:visited, #author-box a:visited { text-decoration: none; color: #428ce7; }
h2.pagetitle { font-size: 1.5em; color: #fff; text-transform: uppercase; font-family: Arial, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Sans-serif; text-decoration: none; margin: 0; padding: 0 0 10px 10px; }
h2.pagetitle a { font-size: 1.2em; color: #fff; text-transform: uppercase; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; text-decoration: none; margin: 0; padding: 0; }
h2.hometitle { font-size: 1.6em; color: #fff; text-transform: uppercase; font-family: Arial, Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Sans-serif; text-decoration: none; margin: 0; padding: 0 0 10px 10px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #111; border: 1px solid #696455; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/
#header { float: left; width: 970px; height: 240px; background: url(images/image1.jpg) no-repeat; padding: 0; margin: 0 10px 0 10px; }
#branding h1 { padding: 0; margin: 10px 0 0 0; font-family: Arial, "Trebuchet MS", Verdana, Georgia, Times New Roman, Sans-serif; font-size: 3.5em; font-weight: bold; line-height: 38px; text-align: left; }
#branding h1 a { text-decoration: none; color: #ddd7c0; }
#branding h1 a:hover { text-decoration: none; color: #cc9933; }
#branding .description { margin: 8px 0 5px 10px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Arial, san-serif; color: #ddd7c0; text-align: left; }

/***** HORIZONTAL MENU *****/
#menu { background: #111; font-family: Arial, Verdana, Times, serif; font-size: 12px; width: 970px; height: 35px; margin: 240px 10px 0 10px; padding: 0; overflow: hidden; }
#menu ul { margin: 0 0 0 10px; padding: 0; text-align: center; }
#menu ul li { list-style-type: none; float: left; margin: 0 15px 7px 0; padding: 10px 0 8px 0; text-decoration: none; }
#menu ul li a { font-size: 12px; color: #eae6d7; padding: 0 15px 0 5px; margin: 0; text-decoration: none; border-right: 1px solid #666; }
#menu ul li a:hover { color: #428ce7; padding: 0 15px 0 5px;  margin: 0; text-decoration: none; }
#menu a:hover { color: #428ce7; padding: 3px 15px 0 5px; margin: 0; text-decoration: none; }
#menu li.current_page_item a:hover, #menu li.current_page_item a { color: #428ce7; padding: 3px 15px 0 5px; margin: 0; text-decoration: none; }

/***** IMAGES *****/
p img { border: #000 1px solid; padding: 0; max-width: 100%; }
a img { border: #000 1px solid; padding: 3px; background: none; }

img.avatar { float: left; margin: 3px; border: #afb997 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #3f464f 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #3f464f 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** SUBSCRIPTION *****/
.subscribe  { float: left; margin: 0 20px 20px 20px; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
#left_sidebar { background: #111; width: 200px; float: left; margin: 75px 0 20px 10px; padding: 0; border: #000 3px double; } 
#right_sidebar { background: #111; width: 200px; float: left; margin: 75px 0 20px 0; padding: 0; border: #000 3px double; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #a6cbfa; }
#left_sidebar a.title, #right_sidebar a.title { color: #6b6b47; padding: 0px; margin: 0px; }
#right_sidebar label { color: #fff; }	
#left_sidebar ul li a, #right_sidebar ul li a { display: inline; margin: 0; padding-left: 10px; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 1em; color: #6b6b47; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { width: 80%; font-size: 12px; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: left; background: transparent; border-bottom: #94927b 1px solid; }

/***** SIDEBAR EXTRAS *****/
.extras  { float: left; margin: 0 20px 20px 20px; padding: 0; text-decoration: none; }
.extras img { border: none; text-align: center; }

/***** INTRO BOX *****/
#intro { width: 515px; margin: 0 0 40px 0; float: left; padding: 0; text-align: left; } 
#intro p { font-size: 1em; line-height: 1.42em; border-bottom: #585858 2px solid; }
#intro h2 { font-size: 20px; text-transform: uppercase; width: 96%; background: none; margin: 0 auto 0 auto; padding: 2px 0; text-align: left; border-bottom: #585858 2px solid; } 

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #1a1a1a; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #660000 1px solid; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #ccc; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #ccc; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #463e35; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #ccc; text-align: center; margin: 5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }

/***** COMMENTS *****/
.comments-template { margin: 60px 10px 0 10px; border-top: 0px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #cc9933; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 1000px; margin-top: 15px; padding: 0; background: #111;  }
#footer p { font-size: 1em; width: 900px; float: right; line-height: 18px; padding: 10px 10px 0 10px; text-align: right; color: #ddd7c0; }
#footer a { color: #a6cbfa; }

/***** IE HACKS *****/
* html #container { margin: 15px 10px 0 10px; }
* html #left_sidebar { margin: 40px 0 20px 10px; } 
* html #right_sidebar { margin: 40px 0 0 0; }
* html .search { margin: 10px 10px 0 0; }
* html #menu { width: 970px; height: 35px; margin: 240px 0 0 0; padding: 0; }