/*  

Theme Name: Wasteland

Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Wasteland

Description: 5 Column (main content, 2 sidebars and 2 top sections), widget-ready fixed width theme in soothing Creme and Brown colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to Wordpress 2.7.

Version: 1.3

Author: Mina

Author URI: http://www.the-cloisters.net/

Tags: 5 column, fixed width, gravatars, widgets, creme, brown, author box, sitemap, archives, 2.7



*/



/* Custom CSS for some articles by Drew */

#plusOneButton {

width:80px;
height:20px;
float:right;
margin:6px 0;
}

#reportImage {

float:left;
padding:2px;
margin:8px 12px 8px 9px;
border:1px solid #FFF;

}

#homeBrewing {

float:left;

text-align:left;

width:706px;

height:22px;

font-size:1.3em;

color:#090;

padding:0;

margin:20px auto 10px 10px;

border-bottom:2px dotted #090;



}



/***** Now for the regular scheduled CSS for wordpress *****/


/***** TYPOGRAPHY AND LINKS *****/

body, address, dd, dl, hr, p, form { font-family: Verdana, Arial, Sans-serif; font-size: 14px; margin: 0; padding: 0; }



h1, h2, h3, h4, h5, h6 { color: #008800; font-family: /*Palatino, Georgia, Times,*/ Verdana, Arial, Sans-serif; margin: 0; padding: 0 0 6px 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: #008800; }

a:hover { text-decoration: underline; color: #D57700; }

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: #80502e /*#442914*/ url(images/CryptoBG_2011.jpg) fixed no-repeat center top; color: #444; }



#wrapper { border:2px solid #462a15; margin: 0 auto 0 auto; padding: 0; width: 990px;}



#main_content { text-align:left; background: #f4e3c5; /*#EEE5D9*/; margin: 0 auto 0 auto; padding:0; width: 990px; /*filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;*/ }



#container { text-align:left; background: #FFF6E9; float:left; width: 728px; height:auto; margin:0 auto 10px 0px; padding:0 0 0 4px; border: 0;}

#container_wide { background: #FFF5E8; width: 900px; margin: 18px auto 0 35px; padding: 0; border-left: 1px #FFF5E8 solid; border-right: 1px #FFF5E8 solid; border-top: 3px #FFF5E8 solid; }



.post { padding: 12px 0 8px 0; }

.post h1 { color: #CC9900; font-size: 1.5em; margin: 6px 0 0px 5px; padding-top: 5px; }

.post h2, h3 { color: #008800; font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; }

.entry { font-size: 1.05em; background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; line-height: 1.42em; margin:0; padding: 0 0 30px 0; }

.postmetadata { margin: 0; font-size: 9px; }

.date {	font-size: .9em; margin-top: -12px; }



#author-box { width: 700px; min-height: 115px; margin: 8px auto 10px auto; padding: 0 8px 8px 5px; background: #D9D1C0; border: #D9D1C0 1px solid; }

#author-box .avatar { float: left; width: 80px; height: 80px; margin-right:10px; }

#author-box h2 { padding: 0; margin: 5px 0 5px 0; }



/***** HEADER *****/

#header-wrap { float: center; width: 990px; height: 140px; background: #f4e3c5; padding: 0; margin: 0 auto 0 auto; }

.header { background: url(images/header-holiday.jpg) no-repeat; width: 990px; height: 140px; margin: 20 auto 10px auto; padding:0; float: center; }

.header h1 { width: 990px; padding: 0; margin: 20px 0 0 20px; font-family: Palatino, Georgia, Times New Roman, Sans-serif; font-size: 4.2em; line-height: 38px; text-align: center; }

.header h1 a { text-decoration: none; color: #FFBB33; text-shadow: #000000 0px 2px 2px;}

.header h1 a:hover { text-decoration: none; color: #CC6600; text-shadow: #000000 0px 2px 2px;}

.header .description { width: 990px; margin: 0 0 0 0; padding: 8px 0 0 0; font-size: 1.9em; font-weight: normal; font-family: Verdana, Arial, Helvetica, Geneva; color: #FFFFFF; text-align: center; text-transform: lowercase; text-shadow: #000000 0px 2px 2px;}



/***** HORIZONTAL MENU *****/

.menu  { text-align: center; width: 990px; height: 32px; margin:0 auto 0 auto; padding: 0; background: #3f3013 url(images/horz-bg.jpg) repeat; }

	/* url(images/horz-bg.jpg) repeat */

	/* #3f3013 url(images/body-bg.jpg) repeat; */

.menu ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }

.menu ul li { display: inline; margin:0; padding: 2px 5px 2px; border-bottom:1px solid #654e3d; border-top:1px solid #654e3d;  }

.menu ul li a { width: 100%; margin-left: 5px; padding: 2px 7px 2px 7px; text-decoration: none; color:#ffffcc; /*#dbcfb0*/ font-size: 1.11em; /*background:#5f4028; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;*/}

.menu ul li a:hover { color: #ffffcc; text-shadow: 0px 0px 4px #eec819; text-decoration: none; /*background:#5f4028; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;*/}



.menu a:link, .menu a:visited { text-decoration: none; color: #FFFFCC; }



/***** 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; }



/***** FOOTER *****/

#footer  { float: left; width: 990px; height: 45px; margin: 10px 0; padding: 0; background: #3f3013 url(imageshorz-bg.jpg) repeat; }

#footer p { font-size: .9em; width: 990px; height: 30px; float: center; line-height: 18px; padding: 3px 0 5px 0; text-align: center; color: #dbcfb0; }

#footer a { color: #d4be87; }



/***** SUBSCRIPTION *****/

.subscribe  { float: right; margin: 10px 10px 0 0; padding: 0; text-decoration: none; }

.subscribe img { border: none; }



/***** SIDEBAR *****/

#left_sidebar { background: #f4e3c5; width: 190px; float: left; margin: 9px 0 14px 0; padding: 0; clear: left; } 

#right_sidebar { background: #f4e3c5; width: 250px; float: right; margin: 9px 3px auto; padding: 0;  text-align:center; vertical-align: top; }  

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #CC6600; }

#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1.08em; display: inline; margin: 0; padding: 0; }

#left_sidebar ul li, #right_sidebar ul li { text-align:left; background: #f4e3c5; display: block; padding: 0 0 3px 0; margin: 0; 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 8px 0; padding: 0; }

#left_sidebar h2, #right_sidebar h2, #commentblock h2 { color:#462a15 /*#6c4f2e*/; text-align:center; font-size: 1.00em; text-transform: uppercase; letter-spacing: normal; margin: 0 auto 5px auto; padding: 4px 0 2px 0; text-align: center; background: #cebd99; /*#c3ae82;*/ repeat; border-top: #462a15 /*#6c4f2e #8c8963*/ 2px solid; border-bottom: #462a15 /*#6c4f2e #8c8963*/ 2px solid; }



/***** AREA 1 *****/

#area1 { text-align:center; width:728px; height:auto; margin:0 auto 0 0; padding:0; }



/***** AREA 2 *****/

#area2 { text-align:center; width:586px; min-height:74px; margin:12px auto 10px auto; padding:6px 0 0 0; background:#D9D1C0; }



/***** 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: #b3a381; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 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 #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: 700px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }

.authorcomment { background: #ded3b7; }



/***** TOP *****/

#top { clear: both; float: left; width: 780px; margin: 14px 0 0 0; padding: 0; background: #f4e3c5; }



/***** TOP SECTIONS*****/

.top-section { background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; float: left; width: 780px; height: 157px; margin: 0; padding: 0; color: #444; }

.top-section .area { background: #ded3b7; float: left; width: 230px; height: 150px; margin-left: 5px; padding: 0; border: #d5c7a4 1px solid; }

.top-section .area.extra { background: #ded3b7; width: 535px; height: 150px; margin-left: 5px; padding: 0; }

.top-section .area h2 { color: #444; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; width: 95%; }

.top-section .area ul li ul li { list-style: none; margin: 0; }

.top-section .area li { list-style: none; text-align: left; margin: 0; font-size: 1.1em; }

.top-section .area a { color: #444; font-size: .8em; }

.top-section .area a:hover { color: #fff; }



/***** IE HACKS *****/

*html #left_sidebar { margin: 0 0 20px 3px; } 

*html #main_content { padding-bottom: 10px; border: #fff 3px double; }

*html #container { width: 520px; margin: 0 10px 0 2px; padding: 0 10px 10px 10px; }

*html #container_wide { margin: 0 0 0 20px; }

*html #top, .top-section { margin-left: -1px; }

*html .top-section .area { height: 150px; }

*html .top-section .area.extra { width: 530px; height: 150px; }
