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

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

a:link, a:visited { text-decoration: none; color: #6f695b; font-weight:bold; }
a:hover { color: black; }
blockquote { margin: 0px 40px 15px 30px; padding: 5px 10px 8px 5px; font-style: italic; border-left:10px solid #7c7953; }
.entry blockquote p{ padding-bottom:0px; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #cfb590 url(http://www.jonwatts.com/images/sidebarbackgroundwebsite4.jpg) repeat; color: #444; }

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

#main_content { background: #ebe1c8; float: left; margin: 0 auto 0 auto; padding: 0; width: 1030px; border: #3f3013 3px double; }
#container { background: #ebe1c8; float: left; width: 560px; margin: 0 10px 0 7px; padding: 0 10px 10px 10px; }
#container_wide { background: #ebe1c8; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }
.entry ul {margin:0px 10px 25px 60px;line-height:1.6em;padding-right:52px;}

.entry h1 { line-height:1.05em; }

.title {  letter-spacing: normal; margin: 0px auto 5px auto; padding: 3px 7px 3px 7px; text-align: center; background: #DED3B7; border-right: #7c7953 5px solid; border-left: #7c7953 5px solid;font-size:2.1em; }
.title a:hover { color:#660000; }
.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.5em; padding-top: 5px;line-height:1.2em; }
.entry { font-size: 1.15em; background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; line-height: 1.30em; padding: 0 0 5px 0; }
.entry p{ padding: 0px 0px 25px 0px; font-size:17px;}
.entry .date { padding: 0px 1px 2px 9px; font-size:12px; }
.postmetadata { margin: 0; font-size: 9px; }
.postmetadata a{ color:#c3beb0; }
.postmetadata a:hover{ color:#533419; text-decoration:none;}
.tags a { padding-right:3px;}
.tags { text-align:center; }
.date {	font-size: 1.01em; text-align:right; }

#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; }

.pagetitle {
text-align:right; 
font-size:1.5em;
}

.quote {
font-weight:bold;
font-size:1.3em
}

.quoteauthor {
font-weight:bold;
font-size:1.1em;
text-align:right;
}
.entry .fullsize {
padding-left:0px;
padding-right:0px;
}

/***** HEADER *****/
#header-wrap { float: center; width: 1020px; height: 140px; background: #ebe1c8; padding: 0; margin: 0 auto 0 auto; position:relative }
.header { background: #ebe1c8 url(images/header.jpg) no-repeat; width: 1020px; height: 140px; margin: 1px auto 7px auto; padding: 0; float: left; border-bottom: #3f3013 3px double; }
.header h1 { width: 500px; padding: 0; margin: 40px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.4em; line-height: 40px; text-align: left;height:40px; }
.header h1 a { text-decoration: none; color: #3f3013; }
.header h1 a:hover { text-decoration: none; color: #cc9933; }
.header .description { width: 500px; margin: 5px 0 0 60px; padding: 0; font-size: 1.2em; font-weight: normal; font-family: Georgia; color: #3f3013; text-align: left; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 1020px; 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: 1px 0; list-style: none; color:#DBCFB0; }
.menu ul li { display: inline; margin: 0 8px; }
.menu ul li ul { padding-top: 8px; }
.menu ul li li{ margin: 0; }
.menu ul li a { width: 100%; text-decoration: none; font-size: 17px; color:#DBCFB0; }
.menu ul li a:hover { color:#3F3013; }
.menu a:link, .menu a:visited { color:#DBCFB0;text-decoration: none; }

/***** IMAGES *****/
a img { border:none;}
p img { padding: 0; max-width: 100%;}

img.avatar { float: left; margin: -3px 10px 5px 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: 0 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: 25px; font-weight: bold; line-height: 18px;text-align:right; }
.previous-post { padding: 6px 6px 6px 6px; font-size: 20px; font-weight: bold; line-height: 18px;text-align:left; width:270px; float:left; border:solid #635e52; }
.next-post { padding: 6px 6px 6px 6px; font-size: 20px; font-weight: bold; line-height: 18px;text-align:right; width:270px; float:right; border:solid #635e52; }

/***** FOOTER *****/
#footer  { float: left; width: 1020px; height: 30px; margin: 0 0 10px 5px; padding: 0; display: inline; background: #514424 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; }
#footer a { color: #6f695b; }

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 10px 10px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; }
.subscribe a img { opacity:.5; }
.subscribe a:hover img { opacity:1; }
.subscribe ul { list-style: none outside none; }
.subscribe ul li { float:left;padding-left:2px; }


/***** SIDEBAR *****/
.widgetlink { text-align:right; font-size:0.9em; font-weight:bold;color:#a69e89; }
.widgetlink a {color:#a69e89; }
#left_sidebar { background: #ebe1c8; width: 210px; float: left; margin: 0 0 20px 5px; padding: 0 auto 0 auto; clear: left; opacity:0.7; } 
#right_sidebar { background: #ebe1c8; width: 210px; float: right; margin: 0 5px 20px 0; padding: 0 auto 0 auto; vertical-align: top; opacity:0.7; }  
#left_sidebar img, #right_sidebar img {width:200px; padding-left:5px;}
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: black; }
#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: #ded3b7; display: block; padding: 0 0 5px 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 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 10px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; background: #b3a381 url(images/cat-bg.jpg) repeat; border-top: #7c7953 1px solid; border-bottom: #7c7953 1px solid; } 
#left_sidebar p, #right_sidebar p {padding: 8px 10px 8px 10px ;}

.quotesidebar {
font-weight:bold;
}

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

form #s {
position:absolute;
right:10px;
bottom:10px;
color:#cccccc;
}

form #s:focus{
color:black;
}

/***** 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: #6f695b; 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 60px; border-top: 1px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 10px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 7px 0 3px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 1.15em; margin: 10px 0 0 0; padding: 0 0 10px}
.comment-author {padding-top:10px;font-size:1.14em;}
.comment-body p {margin-top:10px;padding-left:50px;padding-right:30px;font-size:1.15em;}
.comment-body {background-color:#DED3B7;margin-right:20px;}
.commentmetadata { font-size: 11px; }
.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; }
.comments-template input {background: #efeadc;}
.authorcomment { background: #ded3b7; }
.reply {margin-top:10px;text-align:right;padding-right:20px;padding-bottom:5px}
.children {border-left:20px solid #DED3B7;}
#respond h3 {margin-top:-5px;margin-left:-20px;font-size:31px;}

/***** TOP *****/
#top { clear: both; float: left; width: 810px; margin: 10px 0 0 0; padding: 0; background: #ebe1c8; }

/***** TOP SECTIONS*****/
.top-section p{ padding:10px; }
.top-section { background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; float: left; width: 810px; height: 157px; margin: 0; padding: 0; color: #444;}
.top-section .area { background: #ded3b7; float: left; width: 260px; height: 150px; margin-left: 5px; padding: 0; border: #d5c7a4 1px solid;position:relative; }
.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: center; 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; }
.top-section .area a { }
.top-section .area a:hover { color: black; font-weight:bold; }
.top-section .area .widgetlink { position:absolute; bottom:0px; right:0px; }

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


/****** archive titles ******/
#title2 h1{
padding-bottom:5px;
padding-top:10px;
padding-right:8px;
text-align:right;
}

/*
*SUPERFISH
*
***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
margin:0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#DBCFB0;
padding:5px;
}

.sf-menu li li a, .sf-menu li li a:visited {
padding: 5px 0 6px 5px;
}

.sf-menu li li a{
	background:		#b3a381;
margin: 0 0;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#B3A381;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** FB Like Button ***/
.fb-like {margin-bottom:5px;text-align:right;}

/*** Store For Me!! ***/
#container_store { 
background: #ebe1c8; 
float: left; 
width: 944px; 
margin: 0 0 10px 35px; 
padding: 5px 5px 0 7px;
 }

#container_store p {
padding: 0 0 16px 0;
}

.storecontent {
padding: 10px;
}

.storecds {
width:520px;
background:none repeat scroll 0 0 #DED3B7;
float:left;
}

.storeitemleft img {
width:215px;
float:left;
margin: 0 10px 10px 0;
}

.storeitemright img {
width:215px;
float:left;
margin: 0 10px 10px 0;
}

.storeitemtitle h2 {
font-size:17px;
margin-right:-1px;
}

.storetshirts {
width:406px;
background:none repeat scroll 0 0 #DED3B7;
float:right;
margin-bottom:20px;
}

.storeother {
width:406px;
background:none repeat scroll 0 0 #DED3B7;
clear:right;
float:right;
}

.storehead {
font-size: 2.06em; 
text-transform: uppercase; 
letter-spacing: normal; 
margin: 0px auto 5px auto; 
padding: 3px 3px 3px 0px; 
text-align: center; 
background: url("images/header.jpg") no-repeat scroll -37px -26px #EBE1C8; 
border: #7c7953 1px solid; 
}

.storebutton {
text-align:center;
margin-top:15px;
}

.storeitemlist, .storeitemlist a {
font-size: 12px;
text-align:center;
}

.storeincludes {
font-size:12px;
text-align:center;
}

.storedeals {
background:none repeat scroll 0 0 #DED3B7;
}

.shoppingcartheader {
float:left;
padding-right:15px;
}

.price {
color:#533419;
font-size:16px;
opacity:0.5;
}

.storewidgettitle {
font-size: 1.1em;
font-weight:bold;
}