/*  
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; color: #000; }

h1, h2, h3, h4, h5, h6 { color: #304021; font-family: "Myriad Pro", 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 {color: #E8F9C5; font-size: 1.1em; text-decoration: none; list-style: none;}
a:hover { color: #E5AA36; }
p { padding: 2px; }
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: #E8F9C5; color: #444; }

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

#main_content { float: left; background: #E8F9C5; margin: 0 auto 0 auto; padding: 0; width: 1050px;}
#container { background: ; float: left; width: 500px; padding: 0 10px 10px 10px; }
#page_container { background: #E8F9C5; float: left; width: 825px; margin: 0 0 10px 100px; }
#container_wide { background: #E8F9C5; 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; 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 {background: #E8F9C5; width: 950px; margin: 0 auto 0 auto; padding-right: 25px;}
#drop {background: #304021; width: 100%; height: 35px; margin: 0px auto 10px auto; padding-right: 25px;}
#dropholder {width: 700px; margin-left: 400px; padding-top: 7px;}


/***** HORIZONTAL MENU *****/
.menu {width: 100%; float: right; height: 30px; background: #304021; color: #E8F9C5; font-family: "Myriad Pro" Arial; margin-bottom: 4px; padding-top: 12px; list-style: none;}
.menu li a:link, a:visited {padding-left: 15px;}
.menu ul { width: 100%; margin: 0; padding: 8px 0;}
.menu ul li { display: none; list-style: none; }
.menu ul li a { width: 100%; padding: 0 0 0 0; margin-left: 25px; text-decoration: none; text-transform: lowercase; color: #E8F9C5; font-size: 1.1em;}
.menu ul li a:hover { color: #000000;}
.menu_left {float: left; width: 380px; margin-right: 65px; margin-bottom: 10px;}
.menu_right {float: right; width: 380px;}
.number {color: #731A1E; font-weight: bold; font-size: 15px; padding-bottom: 4px; line-height: 19px;}
.description {color: #304021; font-style: oblique; font-size: 12px; padding-top: 7px; padding-bottom: 12px;}
.menu_header {width: 700px; color: #731A1E; font-size: 35px; font-weight: bold; font-family: "Myriad Pro"; font-style: oblique; padding-bottom: 15px; line-height: 30px; float: left; margin-bottom: 15px;}
.menu_sub_header {width: 700px; font-family: "Myriad Pro"; font-size: 14px; margin-bottom: 10px; color: #000000; font-style: oblique; float: left; }
.clear { clear: both; }
.aboutus { width: 700px; font-size: 15px; color: #304021; line-height: 18px; }


/***** 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: #304021;}
#credits p { font-size: .7em; width: 900px; float: right; line-height: 18px; padding: 10px 10px 0 10px; text-align: right; color: #E5AA36; }
#credits a { color: #E5AA36; }

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

/***** SIDEBAR *****/
#left_sidebar { background: #9c9284; width: 100px; float: left; margin: 0 0 20px 0; padding: 0 auto 0 auto; } 

#right_sidebar { background: #E8F9C5; width: 300px; float: left; margin: 0 120px 0 100px; 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;} 

/***** INTRO BOX *****/
#intro { width: 750px; margin: 14px 0 20px 30px; padding-bottom: 10px; text-align: right; background: transparent; font-family: "Myriad Pro" Arial; line-height: 24px; font-size: 14px; color: #000;} 
#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: #E8F9C5; 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: #304021; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: "Myriad Pro", Arial; 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: 1050px; height: 100%; margin: 0; padding: 0; background: #304021;}

/***** FOOTER SECTIONS*****/
.footer-section { background: transparent; width: 1000px; margin: 0 auto; padding-top: 10px;}
.footer-section .area { float: left; width: 220px; padding-right: 20px; padding-top: 5px; }
.footer-section .area.extra { width: 200px; }
.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; } 


/**** DROP DOWN MENU ****/
/* Redbar navigation styles */

#jsddm {	
margin: 0;
padding: 0;
}
	
#jsddm li {	
list-style: none;
font-size: 12px;
font-weight: bold;
font-family: Arial;
float: left;
margin-right: 35px;
}

#jsddm li a  {	
display: block;
background: #304021;
text-decoration: none;
padding: 2px 4px 2px 4px;
color: #E8F9C5;
white-space: nowrap}

#jsddm li a:hover  {
color: #E5AA36;
}
		
#jsddm li ul  {	
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
z-index: 90;
padding-top: 3px;
}
		
#jsddm li ul li  {	
float: none;
display: inline;
}
		
#jsddm li ul li a {	
width: auto;
font-size: 11px;
line-height: 20px;
border-bottom: thin solid #E8F9C5;
}
		
#jsddm li ul li a:hover {	
background: #E5AA36;
color: #E8F9C5;
}