/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.0
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/


/*------------------------------
	Yahoo CSS Reset
------------------------------*/

body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*--------------------------------------
	Basics
--------------------------------------*/


body {background: #fff;margin: 0px;padding: 0px;font-size: 62.5%; /* Resets 1em to 10px */color: #333;line-height: normal; font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;font-weight: normal;text-align: left;}

a:link, a:visited, a:active {color: blue; text-decoration: none; }
a:hover {color: blue; text-decoration: underline;}

div.storelinks{clear:both; height:60px; margin:10px 0 0 0; width:100%; vertical-align: bottom; }
div.storelinks img{border:2px solid #fff; vertical-align: bottom; position: relative; right: 0; bottom: 0; float:none; margin:0 15px 0 0}
div.storelinks a:hover img {border:2px solid #999;}

div.storelinks h2{display:none; visibilty: hidden/*font-size: 1.5em; letter-spacing: .1em; font-family: Georgia; color: #555; text-transform: uppercase;*/}


a.amazon:link,a.bn:link,a.bs:link,a.buy:link,a.borders:link,a.random_house:link,a.powells:link,
a.amazon:visited,a.bn:visited,a.bs:visited,a.buy:visited,a.borders:visited,a.random_house:visited,a.powells:visited,
a.amazon:active,a.bn:active,a.bs:active,a.buy:active,a.borders:active,a.random_house:active,a.powells:active,
a.powells:hover,a.amazon:hover,a.bn:hover,a.bs:hover,a.buy:hover,a.random_house:hover,a.borders:hover {display: block; text-decoration: none; text-indent: 0px; overlow: hidden; border-bottom: none;}

a.clear-left {clear: left; text-decoration: none;}
a.clear-both {clear: both; text-decoration: none;}

em {font-style: italic;}
strong {font-weight: bold;}
blockquote {margin: 10px 20px 20px 30px; padding: 10px 10px 0px 10px; border-left: 1px solid #ccc; background: #eee;}

img {margin: 0px 20px 20px 0px; padding: 3px; /*border: 1px solid #728488;*/ float: left; display: in-line;}
img.bio {margin: 5px 20px 10px 0px; padding: 0px; border: none;}


p.lefter, p.righter {width: 340px; height: 200px; font-size: 1.4em; text-align: left;}
p.lefter {clear: both; float: left; } 
p.righter {float: right;  }


/*--------------------------------------
	Structure
--------------------------------------*/


div#wrapper {	margin: 30px auto 50px;	width: 975px; }
div#header{margin: 40px 0px 40px;  padding: 25px 0 15px;  border-top: 1px solid #728488; }
div#container {	float: right;	margin: 49px 0 30px 0px; width: 698px; }
div#container2  {float: right;	margin: 49px 200px 30px 0px; width: 498px; }
div#content {	margin: 0 0 0 0px;}
div.sidebar, div.blog-sidebar, div.index-sidebar {	float: left;	margin: 50px 0 50px 0px; width: 180px;	overflow: hidden; }
/*.single div#secondary {	clear: left; margin: 0px 0px 200px 60px; }*/
#footer { clear: both; margin: 100px 0px 50px; padding:0px 0px; height: 200px; background: #fff;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

div#monuments-box {clear: both; margin: 0px padding: 0px 0px 0px; }
div#index-box {/*clear: both; margin: 0px; padding: 0px 100px 100px 0px;*/ }


/*--------------------------------------
	Header
--------------------------------------*/


div#banner {float: right; padding: 0 0 0px; width: 698px; height: 122px; background: #ccc url(img/banner4.jpg) no-repeat;}
div#judith {float: left; margin-top: 20px; padding: 0px 0px 0px; width: 200px; text-align: left; height: 80px; }
div#judith a {margin: 0px 0px 0px 25px; font-weight: normal; color: #333; font-size: 2.6em; line-height: 1em; }

div#access {}

#navmenu ul
{
padding-left: 0;
margin-left: 0;
margin-top:20px; 
background-color: #728488;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navmenu ul li { display: inline; }

#navmenu ul li a
{
padding: 0.5em 1.2em;
font-size: 1.2em;
background-color: #728488;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navmenu ul li a:hover
{
background-color: #369;
color: #fff;
}



/*--------------------------------------
	PAGE SIDEBAR
--------------------------------------*/

#buy-books {margin: 0px 0px 0px 14px; padding: 0px; }
#buy-books ul {margin: 0px; padding: 0px; }
#buy-books ul li {margin: 0px 0px 20px 12px; padding: 0px 0x 0px; }

a.amazon, a.amazon:hover {margin: 0px 0px 0px 0px; width:141px;height:33px; background:#ccc url(img/bk-sprite.gif) -1px -2px no-repeat;}
a.bn, a.bn:hover {margin: 0px 0px 0px 0px; width:141px;height:33px; background:#ccc url(img/bk-sprite.gif) -1px -37px no-repeat;}
a.bs, a.bs:hover {margin: 0px 0px 0px -7px; width:155px;height:49px; background:#ccc url(img/bk-sprite.gif) -2px -72px no-repeat;}
a.buy, a.buy:hover {margin: 0px 0px 0px 27px; width:81px;height:44px; background:#ccc url(img/bk-sprite.gif) -3px -123px no-repeat;}
a.borders, a.borders:hover {margin: -2px 0 0 0px;width:141px;height:48px; background: #ccc url(img/borders-logo1.jpg) 0px 0px no-repeat;}
a.random_house, a.random_house:hover {margin: 0px 0 1px 0px; border: 1px solid #efefef; width:139px;height:61px; background: #efefef url(img/RandomHouse.jpg) 0px 0px no-repeat;}
a.powells, a.powells:hover {margin: 0px 0 1px 0px; border: 1px solid #efefef; width:139px;height:91px; background: #efefef url(img/powells_logo.jpg) 0px 0px no-repeat;}

#nav {clear: left; width: 160px; margin: 0 0 100px}
#nav h3 { margin: 0 0 0 0px; padding: 5px 12px; text-align: center; font-size: 1.6em;  letter-spacing: .2em; font-weight: normal; text-transform: uppercase; font-family: Georgia;border-top: 2px solid #ccc; /*border-bottom:1px solid #ccc;*/ background: #eee;}
#nav ul {margin: 0px; padding: 0px; border-top: 1px solid #ccc;}
#nav li {list-style: none; padding:0px; border-bottom: 1px solid #ddd;}
#nav ul li a:link, #nav ul li a:visited { padding: 6px 12px 0px; margin:0px; height:20px;text-decoration: none;
display:block;text-transform: uppercase;font-family: Georgia;font-size: 1.2em; }
#nav ul li a:hover, #nav ul li a:active {background: #eee;color: #111;}



/*--------------------------------------
	Blog Header
--------------------------------------*/


div#blog-header {clear: both; margin: 0px 0px 15px;  height: 20px; padding: 0px 0px; }
div#blog-top-stripe {height: 20px; width: 100%; background-color: #728488; margin: 0 0 0px;}



/*--------------------------------------
	Blog Body
--------------------------------------*/

.monuments-title, .blog-title, .page-title, .index-blog-title {clear:both; color: #333; font-family: Georgia; background: #fff; font-size: 2em; letter-spacing: .1em; text-align: center;  text-transform: uppercase;     padding: 5px 0px 10px; margin: 0px 0px 30px; border-bottom: 1px solid #ccc;}
.index-blog-title {margin-top: 20px;}
.monuments-content {font-size: 1.2em; }
.on-sale {clear:both; margin: 0px 0px 30px; padding: 5px 0px 10px; font-size: 1.6em; letter-spacing: .1em; font-family: Georgia; color: #454545; text-transform: uppercase; text-align: center; border-bottom: 1px solid #bcbcbc;}

div#container p, div#container2 p {padding: 0 0 1em; text-align: left; font-size: 1.2em; line-height: 1.4em; }
div#container .alignleft, div#container2 .alignleft {float: left;}

div#container a, div#container a:visited, div#container a:active, div#container2 a, div#container2 a:visited, div#container2 a:active {color: #000066; text-decoration: none; }
div#container a:hover, div#container2 a:hover {color: #000066; text-decoration: underline; background: #fff; border-bottom: none; }



/*--------------------------------------
	Page / Blog POST
--------------------------------------*/

div.entry-header {margin: 0px 0px 20px;}

h2.entry-title { margin: 0px; line-height: 1.2em; font-size: 2em;  padding: 0px 24px 4px 0px; }
.entry-date { font-size: 1em; padding: 0 0 3px; width: 35%; color: #777; border-bottom: 1px solid #ccc;}

.page-content, .entry-content {font-size: 1.2em; margin-bottom: 100px;} /*same font size pages and posts*/

div.entry-footer {margin: 25px 0px 30px; padding: 0 0 15px; border-bottom: 1px solid #ccc; clear:both} /* clear prevents wrapping of this and next blog around post image*/
.entry-author {font-size: 1em; padding: 0px 0px 5px;
display:none;visibility:hidden}

/*--------------------------------------
	POST SIDEBAR
--------------------------------------*/

/*div.blog-sidebar {margin: 30px 0px 0px 60px;}
div.index-sidebar {margin: 50px 0px 0px 60px;}*/

.main-links {clear:both; margin: 0px 0px 0px; padding: 5px 0px 10px; font-size: 1.6em; letter-spacing: .1em; font-family: Georgia; color: #555; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ccc;}

.page-links {clear:both; margin: 0px 0px 0px; padding: 19px 0px 10px; font-size: 1.6em; letter-spacing: .1em; font-family: Georgia; color: #555; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ccc;}

.index-links {clear:both; margin: 0px 0px 0px; padding: 19px 0px 10px; font-size: 1.6em; letter-spacing: .1em; font-family: Georgia; color: #555; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ccc;}

#blognav {clear: left; width: 160px; margin: 0 20px 100px;}
#blognav ul {margin: 0px; padding: 0px; border-top: 0px solid #ddd;}
#blognav li {list-style: none; padding:0px; border-bottom: 1px solid #ddd;}
#blognav ul li a:link, #blognav ul li a:visited { padding: 13px 12px 1px; 
color: #336699;
margin:0px; height:28px;
text-decoration: none;
letter-spacing; .2em;
text-align: center;
display:block;text-transform: uppercase;font-family: Georgia;font-size: 1.4em; }
#blognav ul li a:hover, #blognav ul li a:active {background: #eee;color: #111;}



.block {margin: 0px 20px 50px ; padding: 0px 0px 0px; width: 160px;}
.block h3 { margin: 40 0 0 0px; padding: 3px 12px; text-align: center; letter-spacing: .1em; font-weight: normal; text-transform: uppercase; font-family: Georgia;border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: #eee;}
.block ul {margin: 0px; padding: 0px;}
.block li {list-style: none; padding:0px; border-bottom: 1px solid #ccc;}
.block li.search {list-style: none; padding:0px 0px 10px; border-bottom: 1px solid #ccc;}
.block ul li a:link, .block ul li a:visited { color: #336699;
margin:0px; 
height:20px;
padding: 6px 12px 0px;
text-decoration: none;
font-size: 1em;
text-align: center;
letter-spacing: .1em;
font-family: Georgia;
display:block;text-transform: uppercase;}
.block ul li a:hover, .block ul li a:active {background: #eee; text-decoration: none; color: #333;}



/*--------------------------------------
	POST SIDEBAR
--------------------------------------*/


#footer {clear:both; height:100px;}
#footer:hover{background:#efefef;}
#footer a {color:#111;}
#footer a:hover {color:#000;}

#footer p { margin: 22px 0px 0px; padding: 0px 0px 0px; valign: middle; color: #444;  text-align: center; display: in-line; font-size: 1em;}
#footer h6 {padding: 20px 20px 20px; color: #777; font-size: 1em; text-align: center; line-height: 1.2em;}




input#s {margin: 15px 0px 0px 0px; width:80px;}
input#searchsubmit {display:inline; margin: 0px 10px 0px;}



div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
