/*  
Theme Name: Misanthropic Realm
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Misanthropic+Realm
Description: 6 Column (main content, 2 sidebars and 3 footer sections), widget-ready fixed width theme with minimal images for fast loading and easy customization 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: 6 column, fixed width, gravatars, widgets, widgetized footer, tan, red, author box, sitemap, archives, intro box, 2.7

*/


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

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

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, a:visited { text-decoration: none; color: #533419; }
a:hover { text-decoration: underline; color: #d4be87; }
p { padding: 10px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #7c7953; border-right: 2px solid #7c7953; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #9c9284; color: #444; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #9c9284; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; }
#container { background: #9c9284; float: left; width: 520px; margin: 0 10px 0 10px; padding: 0 10px 10px 10px; }
#container_wide { background: #9c9284; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.5em; margin: 0 0 0px 5px; padding-top: 5px; }
.entry { font-size: 1.02em; border-bottom: #7c7953 1px solid; line-height: 1.42em; padding: 0 0 20px 0; }
.postmetadata { margin: 0px 0 0 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; }

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

/***** HEADER *****/
#header-wrap { float: left; width: 100%; min-width: 1200px; height: 140px; background: #600000 url(images/bg-content.jpg) repeat; padding: 0; margin: 0 auto 0 auto; border-bottom: #000 3px double; }
.header { background: #600000; width: 500px; height: 130px; margin: 5px 0 0 20px; padding: 0; float: left; }
.header h1 { padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 38px; text-align: left; }
.header h1 a { text-decoration: none; color: #cc9933; }
.header h1 a:hover { text-decoration: none; color: #cc9933; }
.header .description { margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #dbcfb0; text-align: left; text-transform: lowercase; }
.sub-header { background: transparent; width: 250px; height: 130px; margin: 0 40px 0 0; padding: 0 0px 0 0; float: right; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 100%; min-width: 1200px; height: 30px; margin: 0; padding: 0; display: inline; text-transform: uppercase; background: #600000 url(images/bg-content.jpg) repeat; border-bottom: #000 3px double; }
.menu ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }
.menu ul li { display: inline; margin: 0; }
.menu ul li a { width: 100%; padding: 0 0 0 10px; text-decoration: none; color: #dbcfb0; font-weight: bold; font-size: 1.2em; }
.menu ul li a:hover { color: #dbcfb0; text-decoration: underline; }

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

img.avatar { float: left; margin: 5px; border: #544b40 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; /* 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; }

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

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

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

/***** CREDITS *****/
#credits  { float: left; width: 100%; min-width: 1200px; height: 30px; margin: 0; padding: 0; display: inline; background: #600000 url(images/bg-content.jpg) repeat; }
#credits p { font-size: .9em; width: 900px; float: right; line-height: 18px; padding: 10px 10px 0 10px; text-align: right; color: #dbcfb0; }
#credits a { color: #d4be87; }

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 17px 10px 0 5px; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
#left_sidebar { background: #9c9284; width: 200px; float: left; margin: 0 0 20px 10px; padding: 0 auto 0 auto; } 
#right_sidebar { background: #9c9284; width: 200px; float: left; margin: 0 0 20px 0; padding: 0 auto 0 auto; }  
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #dbcfb0; }
#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: 1.08em; 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: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; } 

/***** INTRO BOX *****/
#intro { width: 95%; margin: 14px 0 20px 30px; float: left; padding: 0; text-align: left; background: transparent; } 
#intro p { font-size: 1.1em; font-style: italic; line-height: 1.42em; }
#intro h2 { color: #533419; font-size: 1.3em; text-transform: uppercase; width: 95%; background: none; margin: 0 auto 0 auto; padding: 3px; text-align: left; border-bottom: #7c7953 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: #a69d91; margin: 0 0 10px 20px;
padding: 0; width: 80%; border: #d4be87 1px solid; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; 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: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px solid #7c7953; 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: #a69d91; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 100%; min-width: 1200px; margin: 0; padding: 0; background: #600000 url(images/bg-content.jpg) repeat; border-top: #000 3px double; }

/***** FOOTER SECTIONS*****/
.footer-section { float: center; background: transparent; width: 1000px; margin: 0 auto; color: #f2e6b6; }
.footer-section .area { float: left; width: 215px; padding-right: 20px; padding-top: 5px; }
.footer-section .area.extra { width: 500px; }
.footer-section .area h2 { color: #d4be87; width: 80%; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; }
.footer-section .area ul li ul li { list-style: none; }
.footer-section .area li { list-style: none; text-align: left; margin-left: -10px; font-size: 1.1em; }
.footer-section .area a { color: #d3c797; font-size: .8em; }
.footer-section .area a:hover { color: #fff; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 5px; } 
*html .search { margin: 10px 0 0 0; }
*html .subscribe  { margin: 15px 0 0 5px; }
*html #intro { margin: 14px 0 20px 10px; } 
*html #container_wide { margin: 0 0 0 20px; }