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

.header h1 a { text-decoration: none; color: #cc9933; }

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

*/


/***** 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 {
	font: 20px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color: #C00A0A;
	xxtext-transform: uppercase;
	letter-spacing: -1px;
	padding: 0 0 1;
	border-bottom: 1px dotted #999999;
	word-spacing: 3px;
font-weight: normal;
}

#right_sidebar h2 {
word-spacing: 0px;
}

h1 { font-size: 2em; }
h2 { font-size: 24px; }
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: #990000; font-weight: normal; }
a:hover { text-decoration: none; color: #333333; font-weight: normal; }
#left_sidebar ul ul.aiheet li a:link, #left_sidebar ul ul.aiheet li a:visited { color: #333333; }
#left_sidebar ul ul.aiheet li a:hover { color: #C00A0A; }
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; }

.post h2 a:link, .post h2 a:visited { 
color: #444343;
font-weight: bold;
}

.post h2 a:hover { 
color: #000000;
font-weight: bold;
}

.menu ul li { 
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;	
}

.menu ul li a:link, .menu ul li a:visited { 
	color: #fff;
	XXbackground-color: #49494C;
	text-decoration: none;
        font-weight: normal;
        padding: 8px 8px 8px 8px;
}

.menu ul li a:hover { 
	color: #fff;
	background-color: #111010;
	text-decoration: none;
font-weight: normal;
padding: 8px 8px 8px 8px;
}

.menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited { 
	background-color:#111010;
        cursor: default;
        padding: 8px 8px 8px 8px;
font-weight: normal;
}

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; color: #444; 
background: url(xximages/body-bgr.jpg) repeat-x 0px 200px #c7c7c7;
}

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; 
border-top: 1px solid #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
 }

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

.post { padding: 10px 0 5px 0; }
.post p { font-size: 13px; }
.post h2 { 
font-family: Georgia, "Lucida Grande", "Bookman Old Style", "Book Antiqua", Constantia, "Lucida Bright", Lucidabright, Lucida, serif;
font-size: 1.7em; 
margin: 10px 0 0px 5px; 
color: #666666;
padding-top: 5px; 
xxletter-spacing: 1px;
font-weight: bold;
}
.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 {	xxmargin-top: -30px; }
p.date {font-size: 11px; }


#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: 169px; background: #000000 url(images/blogi-header-h1-bgr8.jpg) no-repeat 50% 0px; padding: 0; margin: 0 auto 0 auto; border-bottom: #000 0px double; }
.header { background: transparent; width: 500px; height: 169px; margin: 5px 0 0 20px; padding: 0; float: left; }

.header h1 {
	background: url(xximages/blogi-header-h1-bgr8.jpg) no-repeat 50% 0px;
        background-color: #transparent; 
	text-indent: -9999px;
	margin: 0px 0px 0px 206px;
	padding: 0px;
	height: 169px;
	width: 860px;
text-align: center;
}

.header h1 a { text-decoration: none; color: #FFFFFF; }
.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: xxuppercase; background: #474747 url(images/xxbg-content.jpg) repeat; border-bottom: xx#999999 1px solid; }
.menu ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }
.menu ul li { display: inline; margin-right: 7px; }

/***** IMAGES *****/
p img { 
max-width: 100%; 
padding: 4px;
background: #FFFFFF;
border: 1px solid #999999;
}

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

#area2 img {
border: 0px;
margin-top: 20px;
}

/***** 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: #ffffff; width: 200px; float: left; margin: 0 0 20px 10px; padding: 0 auto 0 auto; } 
#right_sidebar { background: #ffffff; 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: #333333; }
#left_sidebar ul li a { display: inline; margin: 0; padding-left: 10px; }
#right_sidebar ul li a { display: inline; margin: 0; XXpadding-left: 10px; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 12px; list-style: none; }

#left_sidebar ul.blogroll li a { font-size: 1.08em; }


#left_sidebar ul ul  { margin: 0 0 0 10px; }
#left_sidebar ul ul.aiheet li a { font-size: 12px; }
#right_sidebar ul ul  { margin: 0 0 0 22px; }
#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: xxuppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; } 

#right_sidebar h2 {
background: #3C3C3C;
color: #FFFFFF;
border-bottom: 0px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

/***** 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: xxuppercase; 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: #cccccc; margin: 0 0 10px 20px;
padding: 0; width: 80%; border: #990000 2px 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: #000000; 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: #FFFFFF; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #000000; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #666666; 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: "Trebuchet MS", 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: "Trebuchet MS". Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #cccccc; border: solid 0px 0px 2px 3px #990000; }
.authorcomment { background: #a69d91; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 100%; min-width: 1200px; margin: 0; padding: 0; background: #600000 url(images/XXbg-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: xxuppercase; 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; }