/*  
Theme Name: State Of Mind
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=State+Of+Mind
Description: 3 Column Split, widget-ready theme reminiscent of Old World Style with red leather and wood highlights.  Fixed width featuring an author box, author info page, gravatars and along with custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to WP 2.7.
Version: 1.2
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: three-columns, fixed-width, threaded-comments, dark, red, brown, tan

*/


/***** TYPOGRAPHY AND LINKS *****/
* { font-family: Verdana, Arial, Sans-serif; z-index: 10; }
body, dd, dl, form { margin: 0; padding: 0; }
hr { border: none !important; color: #dcd7bc !important; background: #dcd7bc !important; height: 1px !important; width: 100% !important; }
h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; margin: 0; padding-left: 5px; color: #61574a; }

h2 { font-size: 14px; padding-left: 0; }
h3 { font-size: 12px; margin-top: 20px; }
h4 { font-size: 10px; }

a:link, a:visited { color: #574f4b; }
a:hover { text-decoration: underline; color: #660000; }
h2 a, h2 a:hover { text-decoration: none; }
p { padding: 10px; }
blockquote { margin: 15px 30px 10px 30px; padding: 0 20px 10px 20px; border-left: 2px solid #574f4b; border-right: 2px solid #574f4b; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 11px; text-align: center; vertical-align: top; background: #333; color: #544b40; }
#wrapper { margin: 0 auto 0 auto; width: 990px; text-align: left; }
#main_content { background: /*#f1efe4*/ #333333 url(images/content_bg.png); float: left; margin: 0 auto 0 auto; padding: 0; width: 990px; }
#container { float: left; width: 530px; margin: 15px 0 0 20px; padding: 10px; border: #dcd7bc 1px solid;  border-top: none; border-bottom: none; }
#container_wide { float: left; width: 900px; margin: 15px 0 0 30px; padding: 5px 5px 0 7px; }
.post { padding: 15px 0 5px 0; }
.post h2 { font-size: 16px; margin-left: 5px; }
.entry { line-height: 14px; }
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: 9px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 10px; background: none; border: 3px double #574f4b; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2, #author-box h4 { color: #61574a; background: none; border: none; padding-bottom: 5px;}

/***** HEADER *****/
#header { position: relative; float: left; width: 990px; height: 175px; background: #333333 url(images/header_03.jpg) no-repeat; padding: 0; margin: 0 auto; }
#header h1 { display: none;
/*  position: absolute; left: 250px; top: 25px; padding: 0 5px; margin: 0; font-size: 20px; font-style: italic; color: #f43d3d;/*#dfd400;*/
  text-shadow: black 2px 2px 2px, black -2px -2px 2px, black -2px 2px 2px, black 2px -2px 2px;
  filter: dropshadow(color=#000000, offX=2, offY=2);
  filter: glow(color=#000000, strength=4);
*/}
#header h1 a { text-decoration: none; color: inherit; }
#header .description a { text-decoration: none; color: inherit; }
#header .description { display: none;
/*  padding: 0 5px; position: absolute; left: 260px; top: 45px; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: -1px;
  text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
  filter: dropshadow(color=#000000, offX=1, offY=1);
  filter: glow(color=#000000, strength=4);
*/}

/***** HORIZONTAL MENU *****/
.menu { f loat: left; width: 953px; margin-left: 19px; padding: 0; background: rgb(106,60,1) url(images/menu_bg.gif) no-repeat; border: #61574a 1px groove; border-left: none; border-right: none; }
  .menu ul:after { clear: left; content: '.'; display: block; visibility: hidden; height: 0; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu li { float: left; position: relative; margin: 0; border-right: groove rgb(69,39,0) 2px; border-left: none; padding: 0; }
.menu li a { display: block; margin: 0; padding: .4em .5em; text-decoration: none; color: #ece566; font-variant: small-caps; font-weight: bold; font-size: 14px; }
.menu li ul { position: absolute; display: none; width: 15em; border: outset black 1px; }
.menu li:hover a { background-color: rgb(69,39,0); background-color: rgba(69,39,0,.5); color: #dfd400; }
.menu li:hover ul { display: block; }
.menu li:hover li { background: rgb(119,77,20); border: none; border-bottom: groove rgb(69,39,0) 2px; }
.menu li:hover li a { background: transparent; }
.menu li:hover li:hover a { background-color: rgb(87,49,0); color: #dfd400; }
.menu li li { float: none; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #d4be87 1px solid; padding: 3px; background: none; }
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; }
.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; }
img.avatar { float:left; margin: 5px; border: #afb997 1px solid; }
#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

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

/***** SUBSCRIPTION *****/
.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: -20px 0 0 40px; padding: 6px 0 6px 15px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }

/***** SIDEBAR *****/
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { color: #ece566; font-size: 14px; font-variant: small-caps; font-weight: bold; margin: 15px auto 10px auto; padding: 3px; border: #000 1px solid; text-align: center; background: #6a3c01; } 

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #660000; }
#left_sidebar a.title, #right_sidebar a.title { color: #6b6b47; padding: 0px; margin: 0px; }	
#left_sidebar ul li a, #right_sidebar ul li a { display: inline; font-size: 11px; color: #544b40; text-decoration: none; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 10px; color: #6b6b47; }
#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 { width: 160px; float: left; margin: 20px 0 20px 35px; padding: 10px auto 0 auto; } 
*html  #left_sidebar { margin: 20px 0 20px 20px; padding: 10px auto 0 auto; } 
#left_sidebar ul { list-style: none; margin: 0 0 5px 0; padding: 0; }

#right_sidebar { width: 170px; float: left; padding: 10px auto 0 auto; margin: 20px 25px 20px 15px; }
#right_sidebar ul { list-style: none; margin: 0px; padding: 0; }

/***** SEARCH *****/
#searchform { padding: 5px 3px; text-align: center; }
#searchform div { text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { border: solid black 3px; padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align:center; background: #ededee; margin:0 0 10px 0;
padding:0; width: 149px !important; border: #818182 1px inset; font-variant: small-caps; }
#wp-calendar * { cursor: default; }
#wp-calendar a { cursor: pointer; }
#wp-calendar td { line-height:10px; font-size:10px; color:#333; font-variant:  small-caps; }
#wp-calendar td a { display:block; color:#333; 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:#d7d7bf; font-variant: small-caps; }
#wp-calendar #today a { color:#d7d7bf; font-weight:700; font-variant: small-caps; }
#wp-calendar caption { text-align: center; width: 85%; margin: 5px 0; font-variant: small-caps; font-size:12px; }
.ec3_widget_cal { width: 168px !important; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px 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-size: 12px; margin: 20px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-size: 11px; background: #efeadc; }
.authorcomment { background: #bab195; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 990px; height: 55px; margin-top: 10px; padding: 0; background: url(images/footer.jpg) no-repeat; }
#footer p { font-size: 9px; line-height: 18px; padding: 0 10px 0 10px; text-align: center; color: #544b40; }
#footer a { color: #6b6b47; }

.widget { border: solid #6a3c01 1px; padding: 0 0 .6em !important; margin-bottom: 1em !important; background: #e0dcbf; }
.widget ul { margin: 0 1.5em !important; }
.widget li { margin: .5em 0 !important; }
.widget a:hover { text-decoration: underline !important; }
h2.widgettitle { margin: 0 0 .4em !important; border: none !important; }