/*
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 { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #533419; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, 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 { text-decoration: none; color: #533419; font-weight: bold; }
a:hover { text-decoration: underline; color: #660000; font-weight: bold; }
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; padding:0; text-align: left; vertical-align: top; background: #feebc5 url(images/body-bg.jpg) repeat-x top left; color: #444; font-size:14px; }

.byline{display:none;padding:0px;padding-bottom:10px;}
.day,.month{margin:1px;float:left;}
.post-date{display:none;float:left;width:100%;}

#page { margin: 0; width: 1000px; text-align: left; padding:0;  }

#main_content { background: #ebe1c8; float: left; margin: 0; padding: 0; width: 780px; }
#container {  float: left; min-width:760px; width: 760px; margin: 0 10px 0 7px; padding: 0 10px 10px 10px; }
#container_wide { background: #ebe1c8; float: left; width: 780px; margin: 0; 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; }
.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: #3f3013 1px solid; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/
#header-wrap { width: 1000px; height: 220px; padding: 0; margin: 0 }
#header { background: url(images/header-bg.gif) no-repeat; width: 1000px; height: 220px; margin: 0; padding: 0; float: left; }
#header h2 { width: 500px; padding: 0; margin: 110px 0 0 180px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 14px; line-height: 40px; text-align: left; color: #fff; }
#header h2 a { text-decoration: none; color: #3f3013; margin: 100px 0 0 30px; }
#header h2 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: #3f3013; text-align: left; text-transform: lowercase; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; 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; 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 {
	width: auto;
	margin-right: 20px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	padding-bottom: 20px;
	background: transparent;
}

.navigation .alignright {
	width: 40%;
	float: right;
	background: transparent url(images/rarrow.gif) no-repeat top right;
	padding-right: 20px;
	text-align: right;
	}

.navigation .alignleft {
	float: left;
	width: 40%;
	background: transparent url(images/larrow.gif) no-repeat top left;
	padding-left: 20px;
	text-align: left;
	}



/* End Various Tags & Classes*/

/* menu structure */

#absnav {
	top: 155px;
	left: 0;
	width: 100%;
	text-align: left;
	height: 30px;
	position: absolute;
	z-index: 1000;
}

#navigation {
	width: 600px;
	text-align: left;
	margin-top: 5px;
	margin-right: 1px;
	margin-left: 5px;
	padding-right: 25px;
}

/* menu structure */

#nav {
    margin: 0;
    padding: 0;
    height: 22px;
    margin-left: 5px;
}

#nav li {
    list-style: none;
    float: left;
	padding: 1px;
}
#nav li a {
    padding: 0;
    height: 22px !important;
    width: auto;
    margin-top: 4px;
}

#nav li ul li {
	padding: 0;
	text-align: left;
}

#nav li ul li a {
	    padding: 0px;
}


#nav li:hover ul, #nav li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
	margin-top:-12px;
    padding: 0;

}

#nav li:hover li, #nav li.hover li {
    float: none;
}


/* top level link borders */

#nav {
	border-bottom: none;
	margin-left: 10px;
	padding: 0;

}

#nav li {
    border-bottom: none;
    height: 100%;

}
#nav li ul {
    display: none;
    width: 150px; /* Width to help Opera out */


}
/* second level link borders */

#nav ul, #nav li ul li, #nav li a {border:none;}

#nav li ul, #nav li ul:hover, #nav li ul.hover {

}

#nav li a {

    color: #ccc;
    text-decoration: none;
    font: 600 12px Verdana, Arial,sans-serif;
}

#nav li a:active, #nav li a:hover {
	color: #a8b772;
}

#nav li ul li a {
	font: 600 11px Verdana,'Lucida Grande',Arial,sans-serif;
	width: 100%;

}
#nav li ul li a:link, #nav li ul li a:visited {
	color: #fcfcfc;
}
#nav li ul li a:active, #nav li ul li a:hover {
		color: #90b800;
}

#nav li ul, #nav li ul li {
    background-color: #15334f;
}

#nav li:hover ul, #nav li.hover ul {
    color: #a8b772;
}

#nav li:hover li a, #nav li.hover li a {
    color: #a8b772;
}

#nav li li a:hover {
    background-color: transparent;color: #90b800;
}

/***** FOOTER *****/
#footer  { float: left; width: 100%; height: 20px; margin: 0px; padding: 0; display: inline; background: #88bbef; bgx: url(images/horz-bg.jpg) repeat; }
#footer p { font-size: .9em; width: 900px; height: 30px; float: right; line-height: 18px; padding: 5px 10px 0 10px; text-align: right; 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 *****/
#sidebar{
 xbackground: #ebe1c8; width: 190px; float: right; margin: 0 0 0 5px; padding: 0; vertical-align: top; font-weight:bold;
}
#sidebar h2, #sidebar2 h2  {
	color: #999 !important;
	font-family: Verdana,'Lucida Grande',sans-serif !important;
	font-size: 12px;
	font-weight: 600 !important;	
	}
#sidebar ul li, #sidebar2 ul li {
	list-style-type: none;	
	margin-left:-30px;
	}
#sidebar ul li strong, #sidebar2 ul li strong {
	font-size: 12px;
	color: #999 !important;
	font-family: Verdana,'Lucida Grande',sans-serif !important;

}
#sidebar ul li:first-line, #sidebar2 ul li:first-line {
	font-size: 12px;
	color: #999 !important;
	font-family: Verdana,'Lucida Grande',sans-serif !important;
	font-weight: 600;

}

#sidebar ul ul li, #sidebar ul ul li:first-line, #sidebar2 ul ul li:first-line {
	font-weight: normal;
	font-size: 12px;
}


.sides ul a:link, .sides ul a:visited {
	color: #666;
	text-decoration: none;
}

.sides ul a:active, .sides ul a:hover {
	color: #a8b772;
}
/***** SEARCH *****/
#searchform, #searchform2 {
 width: auto;
	}
#searchform2 {
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
}

#sidebar #searchform #s, #sidebar2 #searchform #s {
	width: 100px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
	padding: 0 2px;

	}

#searchform2 #s2 {
	width: 200px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
    padding: 0 2px;
}

#sidebar #searchsubmit, #sidebar2 #searchsubmit, #searchsubmit2 {
	width: auto;
	background: transparent url(images/find.gif) left no-repeat;
	padding-left: 18px;
	height: 20px;
	border: none;
	font-weight: 600;
	font-size: 12px;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
	}


#commentform {
	text-align: left;
	margin-top: 15px;
}
#commentform label {display: block;clear: right;font-size: 1.1em;}
#commentform input {
	width: 300px;
	padding: 2px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
	margin-bottom: 10px;

	}



#commentform textarea {
	width: 300px;
	height: 150px;
	padding: 2px;
	background-color: #f5f5f5;
	border: 1px solid #a8b772;
	font-size: 1.1em;
	font-family: 'Lucida Sans Unicode',Arial,Verdana,sans-serif;
	}

#commentform #submit {
background: transparent url(images/pencil.gif) no-repeat left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 20px;
height: 23px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #333;
color: #000;
font: 700 1em Verdana,sans-serif;
width: auto;
margin-top: 5px;

	}

/***** 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: 500px; 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: #ebe1c8; }

/***** 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; } 
*html #main_content { padding-bottom: 10px; }
*html #container { width: 720px; 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; }