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

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form {
	color: #094fa3;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}

blueText{
	color:#094fa3;
}
blueText:hover{
	opacity: .8;
}
body{ background-color: #d9ebef;}

h1, h3, h4, h5, h6 {
	color: #094fa3;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 20px 5px;
	font-weight: normal;
        line-height: 3.0em;
}

h1 {
/*	font-size: 2.5em;*/
	font-size: 30px;
        line-height: 32px;
	
}
h2 {
        color: #094fa3;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 10px 5px;
	font-weight: normal;
        font-size: 25px;
	line-height: 28px;
}

h3 { font-size: 1.4em; line-height: 25px;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em;}

h2 a, h2 a:visited{ color: #8f2e00;}

a {text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #8f2e00; }
a:hover { text-decoration: none; color: #660000;}
p {
	padding: 10px;
	font-size: 16px;
        line-height: normal;
}

p.boldtext {
	padding: 10px;
	font-size: 20px;
        font-weight: bold;
        color: #094fa3;
}

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;
	border:0px;
/*	font-size: 76.5%; */
        font-size: 16px;
	text-align: center;
	vertical-align: top;
	color: #084EA2;
        line-height: normal;
}


#wrapper {
	margin: 0 auto 0 auto;
	width: 762px;
	text-align: left;
/*	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-y;   */
	border:0px;
}

#main_content { background: #094fa3; float: left; display: inline; margin: 0 6px 0 6px; padding: 0; width: 740px; border:0px;}

/********* TAB NAVIGATION *************/

#tabNavigation {
	clear:both;
	background: #FFDF32 url(images/tab-nav-bg.gif) bottom repeat-x;
	width:735px;
	height: 26px;
	padding-right:5px;
	float:right;
	}

#tabNavigation ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	
}

#tabNavigation li {
	background:transparent url(images/tab-bg-right.gif) no-repeat right top;
	float:left;
	height:25px;
	margin-left:1px;
	padding:0;
	}

#tabNavigation a {
	background:transparent url(images/tab-bg-left.gif) no-repeat left top;
	color:#000000;
	display:block;
	_display: inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	height:15px;
	padding:5px 7px;
	text-decoration:none;
}

#tabNavigation li.active {
	background: url(images/tab-hl-bg-right.gif) no-repeat right top;
	height:25px;
	margin-top:1px;
}

#tabNavigation li.active a{
	background:url(images/tab-hl-bg-left.gif) no-repeat left top;
	height:15px;
}

#tabNavigation li.faded {
	background:url(images/tab-fade-bg-right.gif) no-repeat right top;
}

#tabNavigation li.faded a {
	background:url(images/tab-fade-bg-left.gif) no-repeat left top;
	color:#BBBBBB;
}


#container {
	background: #ffffff;
	border:0px;
	display:inline; 
	float: left;
	width: 540px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 20px;
	min-height:510px;
	_height:510px;
}

#container.extendedContainer {
	width:700px;
	_width:720px;
}

#container ul li {
        font-size: 15px;
	line-height: 20px;
}

/*#container_wide { float: left; display: inline; width: 640px; 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 0 5px; padding-top: 5px; }
.post h2 a {color:#FFFFFF; font-size:1px;}
.entry { font-size: 1.02em; /**background: url(images/dot.gif) repeat-x scroll 0pt 100% !important;**/ line-height: 1.42em; padding: 0 0 40px 0; }
.postmetadata { margin: 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: #b3a381; border: #8e3b01 1px solid;}
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/
#header-wrap { float: right; display:inline; width: 100%; height: 110px; padding: 0; margin: 0 auto 0 auto; clear: right;}
#headerlinks{float:left; display:inline; margin-left:42px; margin-top:5px;}
.header { background: #ffdf32; width: 740px; height: 110px; margin: 0 auto 0 auto; padding: 0; float: left; display:inline; border-left: #8e3b01 0px solid; }
.header h1 { width: 500px; padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 40px; text-align: left; }
.header h1 a { text-decoration: none; color: #8e3b01; }
.header h1 a:hover { text-decoration: none; color: #cc9933;}
.header .description { width: 500px; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #8e3b01; text-align: left; text-transform: lowercase; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; display: inline; width: 990px; height: 30px; margin: 0 0 5px 5px; padding: 0; display: inline; background: #514424 url(images/horz-bg.jpg) repeat; }
.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%; margin-left: 10px; padding: 0; text-decoration: none; color: #dbcfb0; font-size: 1.1em; }
.menu ul li a:hover { color: #dbcfb0; text-decoration: underline; }
.menu a:link, .menu a:visited { text-decoration: none; color: #dbcfb0; }

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

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; display:inline;}
.alignleft { float: left; display:inline;}
.aligncenter, div.alignf { 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;
	border:0px;
	width: 740px;
	height: 35px;
	margin-left:6px;
	padding: 0;
	display: block;
	background: #ffdf32;
	clear: both;
}
#footer p { font-size: .9em; width: 740px; height: 30px; float: left; line-height: 18px; padding: 5px 10px 0 10px; text-align: left; color: #8f2e00;}
#footerlinks {float:right; margin-top:7px; margin-right:7px; margin-bottom:2px;}
#copyright {font-size: .8em; float: left; line-height: 12px; padding: 1px 10px 0 10px; text-align: left; color: #333333; margin-top:3px; margin-left:-2px;}
#footer a { #8f2e00; }
#footer2  {
	float: left;
	width: 740px;
	height: 30px;
	margin-left:0px;
	padding: 0;
	display: block;
	background: #ffdf32;
	clear: both;
}
#footer2 p { font-size: .9em; width: 740px; height: 35px; float: left; line-height: 18px; padding: 5px 10px 0 10px; text-align: left; color: #8f2e00;}
#footer2 a { #8f2e00; }


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

/***** SIDEBAR *****/
#left_sidebar { background: #094fa3; width: 150px; display:inline; float: right; margin: 0 ; padding: 0 0 0 10px; clear: both; font-family: Georgia, "Trebuchet MS", Times, Serif; font-size:16px; border:0px;} 
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #ffffff; }
#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1.08em; display: inline;  }
#left_sidebar ul li, #right_sidebar ul li {
	display: block;
	list-style: none;
	border-bottom: 1px #ffff00 solid;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
}
#left_sidebar ul ul, #right_sidebar ul ul {
	margin: 0;
}
#left_sidebar ul ul li { border-bottom: none; font-size: 13px}
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul {
	padding: 0;
	margin: 0;
}
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; border-top: #7c7953 1px solid; border-bottom: #7c7953 1px solid; } 

#left_sidebar a:link, #left_sidebar  a:visited { text-decoration: none; color: #ffffff; }
/***** 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: #8e3b01 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: #883801; 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: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #ece29f; }

/***** TOP *****/
#top { clear: both; float: left; width: 750px; margin: 14px 0 0 0; padding: 0;}

/***** 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: #ece29f; float: left; width: 230px; height: 150px; margin-left: 5px; padding: 0; border: #d5c7a4 1px solid; }
.top-section .area.extra { background: #ece29f; 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 0px 3px; } 
*html #main_content { padding-bottom: 0px; border:0px; }
*html #container { width: 550px; margin: 0 0px 0 0; padding: 10px 10px 0px 10px; border:0px; }
*html #container_wide { margin: 0 0 0 20px; }
*html #footer3 { margin-left: 18px;} 
*html #footer { margin-left: 3px; }
*html #top, .top-section { margin-left: -1px; }
*html .top-section .area { height: 150px; }
*html .top-section .area.extra { width: 530px; height: 150px; }

/* the help/instructions text */

.CollapsiblePanel p
{
	color:#000000;
}

.CollapsiblePanel h3
{
	padding:10px 0 0 0;
}

.CollapsiblePanel h2
{
	padding:0 0 0 0;
}

/* error notification */
.errorText {
	color:#990000;
	font-size:12px;
	font-weight:bold;
	margin: 5px 0;
	padding: 10px 5px;
	background:#f5e4de;

}
.relativePosition {
	position: relative;
	width: 1px;
	height: 1px;
	margin-right:auto;
	margin-left:auto;
}
.imageWarningText {
	
	font-size:14px;
	text-align:left;
	background-color:#FCC;
	position: absolute;
	top: -180px;
	left: -106px;
	width:200px;
	margin-right:auto;
	margin-left:auto;
	padding: 10px;
	z-index:1000;
	border:3px solid #990000;
	visibility:visible;
	
}
.warningText {
	width:450px;
	font-size:14px;
	text-align:left;
	background-color:#FCC;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	z-index:1000;
	border:3px solid #990000;
	visibility:visible;
	
}

/* the main layout for the calendar design pages, I guess? */
.layout2 {

	text-align: center;
}
/* other calendar design styles */
#calDesignContent {
	text-align:left;
}

#calBottomNav {
	margin-left: 25px;
	margin-right:25px;
	/*border-bottom:#CCCCCC 1px solid;*/
	height: 20px;
	background: url(images/grey-pixel.gif) center repeat-x;
	
}

.prevStep {
	float:left;
	width: 50%;
	text-align:left;
}

.nextStep {
	float:right;
	width:50%;
	text-align:right;
}

.linkStep {
	font-weight:bold;
}

#calViewReturn {
	text-align:center;
}

#rotate {
	display: block;
	width: 100%;
	background: #EEEEEE;
}


/* for the calendar design process navigation */

#stepNavigation {
	height:80px;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;

}

#stepNavigation img {
	float:left;
	border: 0;
	margin-right: 3px;
}
.step {
	float:left;
	width:33%;
	text-align:left;
	
}

.stepSelected {
	float:left;
	width:33%;
	height:80px;
	text-align:left;
	/*background-color: #fce02f;*/
	background-color: #F6EFBE;
}

.step a, .stepSelected a {
	font-size:14px;
	font-weight:bold;
}

/* the calendar sidebar editing/preview area */
#calSidebar {
	margin-left: auto;
	margin-right: auto;
	width: 278px;
}
#calSidebarBorder {
	border: #b2d7df 4px solid;
}

#calSidebarText {
	padding:20px;
}

#calSidebarImage {
	text-align: center;
}	

.goodCrop {
	font-size:11px;
	color:#007700;
	line-height:20px;
}

/* part of the image gallery */
#imgSelect {
	margin-left:auto;
	margin-right: auto;
	width:275px;
}
.galleryImage {
	width:75px;
	height:75px;
	float:left;
	margin:1px;
	border: #544b40 1px solid; 
	padding: 3px;
	text-align:center;
	line-height:75px;
	
}
.galleryImage a{
	line-height:75px;
	height:75px;
	width:75px;
	margin:auto;
	vertical-align:middle;
}
.galleryImage a img {
	padding:0;
	border:0;
	vertical-align:middle;
}

/* the calendar sidebar textbox */
#sidebarText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
}

#calEventsMonth {
	text-align:center;
}

#calSidebarImageChoose {
	font-size:16px;
}


/* for the calendar events */
.calDateBox {
	border: #CCCCCC 1px solid;
	width:98px;
	height:98px;
	}

.calDateBoxEvent {
	border: #CCCCCC 1px solid;
	width:98px;
	height:98px;
	background-color:#e5f1f4; /*Pantone 3145 C 10% */
}

h3.calDate {
	color: #99cad4; /*Pantone 3145 C 40% */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:normal;
	padding-right:5px;
	padding-bottom:0;
}

.calDaysHeading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	letter-spacing: 0.5px;
}

/* the event textbox */
.calDateText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*border: #EEEEEE 1px solid;*/
	border:0;
	width: 94px;
	height: 76px;
	padding: 2px;
	text-align: right;	
	}
	
/*IE hack for boxes above and below to remove scrollbars*/	
* html .calDateTextEvent, * html .calDateText {
	overflow: hidden;
}

.calDateTextEvent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*border: #EEEEEE 1px solid;*/
	border:0;
	width: 94px;
	height: 76px;
	background-color:#e5f1f4; /*Pantone 3145 C 10% */
	text-align: right;
	}
		
.indented {
	padding-left:20px;
}
.indented p {
	padding-left:0px;
	padding-top:20px;
}

.heading {
	color: #094fa3;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 20px 0 0px 5px;
	font-weight: bold;
        font-size: 18px;
}

.headingSmall {
	color: #094fa3;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 20px 0 0px 5px;
	font-weight: bold;
        font-size: 15px;
}

.space {
	margin-bottom: 30px;
	
}

/*style for color select and holidays popups*/
#colorSelect, #holidays {
	font-size: 76.5%;
	}
#colorSelect h4, #holidays h4 {
	padding-top:0px;
	padding-bottom:0px;
	}