/*  
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: #B34835; 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: #B34835; }
a:hover { text-decoration: none; color: #47632B; }
p { padding: 10px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #47632B; border-right: 2px solid #47632B; }

/***** MAIN CONTENT *****/

body { margin: 0;
font-size: 85%;
text-align: center;
vertical-align: top;
background: #F9F8F3 url(images/bck.jpg) repeat;
color: #444;
}

#wrapper { margin: 0 auto 0 auto; width: 1148px; text-align: left; }

#main_content { 
background: #F9F8F3 url(images/ContBck.jpg) repeat-y;
float: left; 
margin: 0 auto 0 auto; 
padding: 0; width: 1148px; 
border: #47632B 3px double;
}

#container { 
background: #F0FEF1 url(images/topback.jpg) repeat;
float: left; 
width: 650px; 
margin: 20px 5px 0 9px; 
padding: 0 10px 10px 10px;
}

#container_wide { 
background: #F0FEF1 url(images/topback.jpg) repeat; 
float: left; 
width: 1063px; 
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;
}

.entry { 
font-size: 1.02em;
background: url(images/divider.png) repeat-x scroll 0pt 100% !important;
line-height: 1.42em;
padding: 0 0 65px 0;
}

.postmetadata { 

margin: 0; 
font-size: 11px;
text-align: right;

}

.date {	font-size: .9em; margin-top: -39px; }

.postavatar-regular { border: #47632B 1px solid;
float:left;
margin:0 10px 10px 10px;
padding: 5px 5px 5px 5px;
}

#author-box { 
width: 90%;
min-height: 115px;
margin: 10px 10px 20px 10px;
padding: 0 10px 10px 10px;
background: #F0FEF1;
border: #47632B 1px solid;
}

#author-box .avatar { 
float: left;
width: 100px; 
height: 100px;
}

#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/

#header-wrap { 
float: center; 
width: 1148px; 
height: 404px; 
background: #F0FEF1; padding: 0;
margin: 0 auto 0 auto;
}

.header { 
background: #F0FEF1 url(images/Image4.jpg) no-repeat;
width: 1148px; 
height: 404px; 
margin: 0 auto 0 auto; 
padding: 0;
float: left; 
border-bottom: #47632B 3px double;
}

.titleoverlay {
	z-index: 4;
	position: absolute;
	top: 285px;
	left:280px;
	width: auto;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #47632B;
	margin:30px;
	opacity:0.6;
        padding:7px;
        text-align: center;
	/* more  ... */
	}
	


.header h1 { 
padding: 0; 
margin: 5px 80px 0 5px; 
font-family: Georgia, Times New Roman, Sans-serif;
font-size: 3.5em;
line-height: 40px;
text-align: center;
}

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

.header h1 a:hover { 
text-decoration: none;
color: #47632B;
}

.header .description {   
margin: 0 0 0 80px;
padding: 0;
font-size: 1.5em;
font-weight: normal;
font-family: Georgia;
color: #395023;
text-align: center;
text-transform: lowercase;
}

/***** HORIZONTAL MENU *****/

.menu  {
float: left;
width: 1148px;
height: 78px;
margin: 0 0 5px 0;
padding: 0;
display: inline;
background: transparent url(images/menuback2.jpg) repeat-x;
}

.menu ul { 
width: 100%;
margin: 12px -5px 5px 0;
padding: 8px 0;
list-style: none;
}

.menu ul li {
display: inline; 
margin: 0; 
}

.menu ul li a {
width: 160px;
height: 63px;
background: url(images/MenuLabel.png) no-repeat;
margin: 35px 20px 20px 10px; 
padding: 12px 50px 17px 47px; 
text-decoration: none; 
color: #B34835;
font-size: 2.0em; 
}

.menu ul li a:hover { 
color: #47632B; 
text-decoration: none;
}

.menu a:link, .menu a:visited { 
text-decoration: none;
color: #B34835;
}

/***** IMAGES *****/

p img { padding: 0; max-width: 100%; }

a img {
border: #47632B 1px solid;
padding: 3px;
background: none;
}

img.avatar { 
float: left;
margin: 5px; 
border: #47632B 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 #47632B;
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 #47632B;
float: left;
margin: 0 0 3px 3px; }

.thumbnail { 
width: 250px;
float: left; 
margin: 3px;
border: #47632B 1px solid;
}

.medium { 
width: 720px;
float: left;
margin: 3px; 
border: #47632B 1px solid;
}

/***** NAVIGATION *****/

.navigation { 
padding: 5px 0 5px 10px;
font-size: 9px;
font-weight: bold;
line-height: 18px;
}

/***** IMAGE GALLERY *****/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.smallpic img{
float: left;
border: 1px solid white;
margin: 0 55px 15px 0;
}

.smallpic:hover{
background-color: transparent;
}

.smallpic:hover img{
border: 1px solid #B34835;
}

.smallpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F5F4F0;
padding: 5px;
left: -1000px;
border: 1px solid #47632B;
visibility: hidden;
color: black;
text-decoration: none;
}

.smallpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.smallpic:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div.spacer {
  clear: both;
  }
/***** FOOTER *****/

#footer  { 
float: left;
width: 1148px;
height: 39px;
margin: 0 0 5px 0px;
padding: 0;
display: inline;
background: #F9F8F3 url(images/footerback.jpg) repeat-x; 
}

#footer p { 
font-size: .9em;
width: 1148px;
height: 30px; 
float: right;
line-height: 30px;
padding: 5px 10px 0 10px;
text-align: right; 
color: #6D8D83;
}

#footer a { color: #B34835; }

/***** SUBSCRIPTION *****/

.subscribe  { float: right;
margin: 35px 5px 0 0;
padding: 0;
text-decoration: none;
}

.subscribe img { border: none; }

/***** SIDEBAR *****/

#left_sidebar { 
background: #F0FEF1 url(images/Sidebar.jpg) repeat-y;
width: 225px;
float: left;
margin: 20px 0 20px 5px;
padding: 0 auto 0 auto;
clear: left;
} 

#right_sidebar { 
background: #F0FEF1 url(images/Sidebar.jpg) repeat-y;
width: 225px;
float: right;
margin: 0 5px 20px 0;
padding: 0 auto 0 auto;
vertical-align: top;
} 

#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { 
color: #47632B;
}

#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 { 
background: transparent;
display: block;
padding: 0 0 3px 0;
margin: 0;
list-style: none;
}

#left_sidebar ul ul, #right_sidebar ul ul { 
margin: 0 0 10px 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 5px 0;
padding: 0;
}

#left_sidebar h2, #right_sidebar h2, #commentblock h2 { 
width:160px;
height: 50px;
font-size: 1.06em;
color: #B34835;
text-transform: uppercase;
letter-spacing: normal;
margin: 0px auto 5px auto;
padding: 5px 3px 5px 3px;
text-align: center;
line-height: 52px;
background: url(images/MenuLabel.png) no-repeat;
border-top: #47632B 1px 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: transparent;
margin: 0 0 10px 20px;
padding: 0;
width: 80%;
border: #47632B 1px solid;
font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif;
}

#wp-calendar td { 
line-height: 10px;
font-size: 10px;
color: #47632B;
font-variant: small-caps;
}

#wp-calendar td a { 
display: block;
color: #B34835;
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: #B34835;
color: #e6ddbc;
font-variant: small-caps;
}
#wp-calendar #today a {
color: #544b40;
font-weight: 700;
font-variant: small-caps;
}

#wp-calendar caption { 
color: #B34835;
text-align: center;
width: 80%;
margin: 5px 0 5px 5px;
font-family: Times, Verdana,Sans-Serif;
font-size: 14px;
}

/***** COMMENTS *****/

.comments-template {
margin: 0 10px;
border-top: 1px solid #47632B;
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: #F0FEF1;
}

.authorcomment { background: #F0FEF1; }

/***** TOP *****/

#top { 
clear: both;
float: left; 
width: 902px; 
margin: 0 0 0 5px;
padding: 0; 
background: #F0FEF1;
}

/***** TOP SECTIONS*****/

.top-section { 
background: url(images/topback.jpg) repeat-x scroll 0pt 35% !important;
float: left; 
width: 902px;
height: 157px; 
margin: 0; 
padding: 0;
color: #444;
}

.top-section .area { 
background: transparent;
float: left;
width: 230px;
height: 150px;
margin-left: -1px;
padding: 0; 
}

.top-section .area.extra { 
float: right;
background: transparent;
width: 650px; 
height: 150px; 
margin-left: 5px;
padding: 0;
}

.top-section .area h3 {
color: #444; 
font-size: 1.0em; 
text-transform: uppercase;
letter-spacing: normal; 
margin: 5px auto 5px auto;
padding: 3px 3px 3px 7px;
text-align: left; 
background: transparent;
border-bottom: #47632B 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: #47632B; }

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