/*
THEME NAME: Deadly Duo for Sandbox
THEME URI: http://www.deadlyduomysteries.com
DESCRIPTION: Custom Sanbox-based theme for Deadly Duo Mysteries website
VERSION: 2.0
AUTHOR: Robin Catesby
AUTHOR URI: www.elsinore.net
TEMPLATE: sandbox
*/

/*  Reset Reloaded via Eric Meyer: meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/* END Reset Reloaded */

/*
+++++++++++++++++++++++++++
GLOBAL STYLES / TYPOGRAPHY - typography adapted from Blueprint 
+++++++++++++++++++++++++++
*/
body{
	font-size: 76%;
	height: 101%;
	background: #37133e url(images/ddm_bg.jpg) repeat-x; 
	background-position: top center;
	background-attachment: fixed;  
	font-family: "trebuchet MS", trebuchet, verdana, "lucida sans unicode", arial, sans-serif;}
a:link {color: #b27a01; 
	text-decoration:none; }
a:visited {color: #b27a01; 
	text-decoration:none; }
a:hover {color: #5f7707;
	text-decoration:none; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; 
	font-family: "trebuchet MS", trebuchet, verdana, "lucida sans unicode", arial, sans-serif;}
	h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
	h2 {font-size:2em;margin-bottom:0.75em; color: #7a6c37;}
	h3 {font-size:1.5em;line-height:1;margin-bottom:1em; color: #7a6c37;}
	h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
	h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
	h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {
	background: url(images/quote.gif) no-repeat;
	background-position: top left;
	background-color: #dfe4cd;
	padding-left: 44px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	margin-top: 4px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 4px;
	text-align: left; 
	color: #37133e;
}
blockquote p {padding: 20px; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.skip-link {display:none;}

/*
+++++++++++++++++++++++++++
CORNERS!
+++++++++++++++++++++++++++
*/

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    behavior: url(border-radius.htc);
    border-radius: 20px;
}


/*
+++++++++++++++++++++++++++
LAYOUT - content right margin - 2 sidebars
+++++++++++++++++++++++++++
*/
#wrapper{
	margin:0 auto; 
	padding: 0;
	width:980px;}
#container { 
	float: right;
	margin: 6px 0 0 -340px;
	overflow: hidden;
	padding: 10px 0 10px 10px; 
	width: 100%; }
#content {
	position: relative;
	zoom: 1;
	margin: 0 0 0 320px;
	padding: 0 10px 10px 10px; 
	border: 2px solid #3e1e3a;
	background: #fff; }

	
/*
+++++++++++++++++++++++++++
HEADER for graphics only header, create link with blog title a size, make blog title 1px, and make color match header bg w. color in blog title a.

NOTE: access margins are for menu above header. Extra top margin on html/body is to set separately for firefox/IE.
+++++++++++++++++++++++++++
*/

#header{
	position: relative;
	zoom: 1;
	background: url(images/ddm_header_d.jpg) no-repeat; 
  	text-align: left;
  	padding-top: 2px;
  	padding-bottom: 10px;
	height: 208px;
	width: 980px;
	margin-top: 12px;
	margin-bottom: 0; }
	
h1#blog-title{ 
	text-align: right;
	font-size: 1pt; }
	
#blog-title a{
	color: #d9ccdc;
	position: absolute;
	left: 20px;
	top: 20px;
	width: 700px;
	height: 80px; }

#blog-description {
	display: none; }

#header_text {
	width: 660px;
	color: #d9ccdc;
	margin: 110px 20px 0 240px;
	text-align: right;
	float: right;
	font-size: 14px;
	line-height: 1.06em;
	letter-spacing: .032em;
	text-decoration: none;
}
 
.skip-link {display:none;}
.skip-link a{}
#access {
	padding: 0;
	margin: -45px 0 0 0;
	width: 100%;
	clear: both; }

/*
+++++++++++++++++++++++++++
SIDEBARS 
+++++++++++++++++++++++++++
*/

div.sidebar {
	padding: 0;
	margin: 0; }
div.sidebar h3{
	font-size:1.6em; 
	color: #7a6c37; 
	margin-bottom: 2px; 
	margin-top: 12px;}
#primary {
	position: relative;
	zoom: 1;
	width: 280px; 
	float: left; 
	padding: 10px;
	margin: 16px 0 10px 0;
	background: #fff;
	border: 2px solid #3e1e3a;
	overflow: hidden;
	line-height: 1.4em; 
	color: #424432;  }
#secondary { 
	position: relative;
	zoom: 1;
	width: 980px;
	margin: 10px 0 10px 0; 
	background: #fff;
	border: 2px solid #3e1e3a;
	line-height: 1.4em; 
	color: #424432; 
	clear: both;  }
#tertiary { 
	position: relative;
	zoom: 1;
	width: 980px;
	margin: 10px 0 10px 0; 
	background: #fff;
	border: 2px solid #3e1e3a;
	line-height: 1.4em; 
	color: #424432; 
	clear: both;  }
div.sidebar ul.xoxo{
	margin-left: 12px;
	list-style: none;}
div.sidebar ul.xoxo li ul li{
	display:block;
	margin-top: 6px;}
div.sidebar ul.xoxo li ul {
	padding-bottom: 10px; 
	margin-left: 6px; 
	list-style-position: inside;}
div.sidebar ul.xoxo li ul li a{
	display:block; 
	font-weight:bold; 
	overflow:hidden; }
div.sidebar ul.xoxo li ul li ul{
	border:0}
#secondary ul.xoxo {
	width:960px; 
    	margin:0;
	padding:8px; 
	list-style: none; 
	display: inline-block; 
	overflow: hidden;}
#secondary ul.xoxo li {
	width: 148px;
	height: 256px;
	float:left; 
	margin-left: 3px;
	padding:3px; 
	display:inline-block; 
	overflow: hidden;}
#tertiary ul.xoxo {
	width:960px; 
    	margin:0;
	padding:10px; 
	list-style: none; 
	display: inline-block; 
	overflow: hidden;}
#tertiary ul.xoxo li {
	float:left; 
	margin-left: 10px;
	padding:10px; 
	display:inline-block; 
	overflow: hidden;}
	
#secondary h3
 {font-size:1.2em;
 line-height:1; 
 margin: 4px 2px 4px 4px;
 color: #7a6c37;}
 
 #tertiary h3 {
	 margin-bottom: 12px; }


.rssSummary {
	width: 230px; }


/*
+++++++++++++++++++++++++++
MENU 
+++++++++++++++++++++++++++
*/


#menu,#menu ul{
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	height:28px;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase; }
#menu a{
	color: #b27a01;
	display:block;
	padding:4px 10px 0px 10px; }
#menu a:hover{
	color: #5f7707;
	background:transparent;
	display:block;
	text-decoration:none;}
#menu li{
	float:right;
	margin:0;
	padding:0;}
#menu li li{
	float:right;
	margin:0;
	padding:0;
	width:130px;}
#menu li li a,#menu li li a:link,#menu li li a:visited{
	font-size: 1.0em;
	text-transform: none;
	width:120px;
	float:none;
	margin:0;
	background: #37133e;
	padding:4px 6px 5px 6px;
	color: #b27a01;}
#menu li li a:hover, #menu li li a:active {
	background: #37133e;
	width:120px;
	float:none;
	margin:0;
	padding:4px 6px 5px 6px;
	color: #5f7707;}
#menu li ul{
	position:absolute;
	width:10em;
	left:-999em;
	z-index:1;}
#menu li:hover ul{
	left:auto;
	display:block;}
#menu li:hover ul,#menu li.sfhover ul{
	left:auto;}
#menu li.current_page_item a{
	color: #d9ccdc;}
#menu li.current_page_item a:hover{
	color: #5f7707;
	text-decoration:none;}

/*
+++++++++++++++++++++++++++
NAVIGATION 
+++++++++++++++++++++++++++
*/

#nav-above {
	display:inline-block;
	overflow:hidden; 
	margin-bottom: 0; }
.meta-nav {display:none;}
.navigation a {
	text-decoration: none;}
.navigation a:hover {
	text-decoration: none;}
.nav-previous {
	width: 294px; 
	float:left;
	display:inline-block;
	overflow:hidden; 
	padding-left: 2px;}
.nav-next {
	width: 250px; 
	float:right;
	display:inline-block;
	overflow:hidden; 
	text-align:right;
	padding-right:2px;}
#nav-below {display: none;}

/*
+++++++++++++++++++++++++++
CONTENT - POST - PAGE - pad title on h2.entry-title to get pages w.out links
+++++++++++++++++++++++++++
*/
.post, body.page div.hentry {
		height: 1%; }
.post {
	margin: 0; 
	padding-bottom: 10px; }
h2.entry-title, h3.entry-title {
	font-weight:normal;
	line-height: 1.3em; 
	margin: 0; 
	padding: 12px 0 12px 18px; 
	color: #9fa276;}
.entry-title a {
	text-decoration: none; 
	color: #9fa276;
	margin-top: 0;
	padding-top: 0; }
.entry-title a:hover {
	color: #cddca6;}
.entry-date {
	border:none; 
	margin: 0; }

.entry-content {
	line-height:1.5em; 
	color: #424432; 
	margin: 12px 20px 12px 20px;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 10px; }
	
.page-title {
	margin: 0; }


/* Change this depending on what the sticky post is */

#post-18 {
	background: #f2daf9; }

/*
+++++++++++++++++++++++++++
METADATA
+++++++++++++++++++++++++++
*/

.published {
	text-decoration: none;
	border:none;
	margin:0; padding:0;}
.entry-meta {
	border-top: #320c3a 1px solid;
	border-bottom: #320c3a 1px solid;
	font-size: .9em; 
	line-height:1.4em; 
	padding: 10px 20px 20px 10px; 
	margin-left: 20px; 
	text-align:justify; 
	display:inline-block;
	overflow:hidden;
	clear: both;}
.author, .cat-links, .comments-links {
	line-height:1.4em;}

/*
+++++++++++++++++++++++++++
COMMENTS - COMMENT FORM - TRACKBACKS
+++++++++++++++++++++++++++
*/
comments {
	width:500px;
	margin:0;
	padding:0;
	display:inline-block;
	overflow:hidden;}
#comments h3 {
	margin:0;
	padding-bottom:10px; 
	color: #ad5d34;}
#comments ol { 
	width: 380px;
	margin: 10px 10px 10px 30px; 
	padding: 0;}
#comments ol li {
	width: 410px;
	padding:20px 40px 20px 20px; 
	margin-bottom: 0;
	border-top: 0; 
	border-left: 0;}
#comments ol li p {
	line-height: 1.2em;
	width: 320px;
	margin-bottom: 6px; }
.formcontainer {
	padding-bottom:20px; }
.comment-author {
	padding-bottom: 6px;
	font-weight: bold;}
.comment-meta {
	font-size:0.9em;
	padding-bottom: 12px;
	color: #333;}
.form-label {
	float:left; 
	margin-right: 10px; 
	display:inline-block;}
.form-submit {
	margin-left: 50px;
	display: inline;}

/*
+++++++++++++++++++++++++++
FOOTER
+++++++++++++++++++++++++++
*/
#footer { 
	margin: 0 auto; 
	clear: left;
	margin-bottom: 10px; 
	margin-left: 10px;
	text-align: left; 
	padding: 20px;}
#footer a {text-decoration: none;}
/*
+++++++++++++++++++++++++++
SEARCH FORM
+++++++++++++++++++++++++++
*/

form#searchform {
	margin:0;
	display:inline-block; 
	overflow:hidden;}

form#searchform #searchsubmit {
	display: none;}
/*
+++++++++++++++++++++++++++
WIDGETS...
+++++++++++++++++++++++++++
*/

div.sales {
	background-color: #dfe4cd;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-right: 30px;
	margin-top: 12px;
	margin-right: 60px;
	margin-left: 20px;
	margin-bottom: 4px;
	text-align: left; 
	color: #37133e;
	border: 1px solid #535f0d;}

#sales_header {
color: #535f0d;
text-decoration: none;
font-weight: bold;
text-align: left;
margin-top: 18px;
font-size: 1.1em;
letter-spacing: .14em;
font-family: "trebuchet MS", trebuchet, verdana, "lucida sans unicode", arial, sans-serif;}

.sales h4 {
color: #535f0d;
text-decoration: none;
font-weight: bold;
text-align: left;
margin-top: 18px;
font-size: 1.1em;
letter-spacing: .14em;
font-family: "trebuchet MS", trebuchet, verdana, "lucida sans unicode", arial, sans-serif;}

.sales ul li {
	list-style: none;
	margin-left: 20px;
	margin-top: 4px; }

a.books, a.books:visited {
	text-decoration: none;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px !important;
	margin: 0px;
	background-image: none !important;}

a.books:hover {
	text-decoration: none;
	font-weight: normal;
	background-image: none !important;}

#latest {
	width: 202px;
	margin-left: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 0px;}

ul#latest {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: .8em;}

ul#latest li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;}

ul#latest a, ul#latest a:visited {
	color: #b27a01;
	text-decoration: none;
	font-weight: normal;}

ul#latest a:hover {
	color: #535f0d;
	text-decoration: none;
	font-weight: normal;}
	
.book_info  {
	margin: 30px 12px 30px 12px; }
	
.book_info h4 {
	margin-top: -16px; }
	
.book_info p {
	margin-top: -16px; }
	
	
/*
+++++++++++++++++++++++++++
IMAGES
+++++++++++++++++++++++++++
*/
	
img.alignleft {
	float: left;
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin-right: 12px;
	margin-top: 6px;
	margin-bottom: 6px;}

img.alignright {
	float: right;
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin-left: 8px;
	margin-top: 6px;
	margin-bottom: 6px;}

img.center {
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin: 6px;
	text-align: center;}

img.sidebar {
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin-left: 28px;
	margin-top: 4px;
	text-align: center;}
	
img.attachment-single-post-thumbnail {
	float: left;
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin: 6px 16px 6px 24px; }
	
img.attachment-thumbnail {
	background-color: #dfe4cd;
	padding: 2px;
	border: 1px solid #401c49;
	margin: 2px;
	text-align: center;}

img.attachment-large {
	float: left;
	background-color: #dfe4cd;
	padding: 4px;
	border: 1px solid #401c49;
	margin-right: 12px;
	margin-top: 6px;
	margin-bottom: 6px;}

/*
+++++++++++++++++++++++++++
REVIEWS PAGE
+++++++++++++++++++++++++++
*/
div.review {clear: both; min-height: 284px; }
div.review_book {width: 204px; height: 272px; float: left; margin: 0 6px 6px 6px;  }
.review_book p {margin-left: 6px; }
div.review_title {font-size:1.4em;line-height:1;margin-top:1.2em; color: #7a6c37;}
div.review_author {font-size: 1em; font-style: italic; }
div.review_quote {font-size: 1.2em; }
h3.review {margin-top: 32px; background: #dcdfcb; padding: 4px; border: 1px solid #401c49;  }


/*-------------Other------------------*/

div.books {
	border: 1px solid #dfe4cd;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-right: 16px;
	margin-left: 16px;
	padding: 4px;
	overflow: hidden;
	width: 380px;}

div.lbooks {
	float: left;
	width: 142px;
	height: 294px;}
	
div.rbooks {
	float: right;
	width: 142px;
	height: 294px;}
	
p.txt {
   text-indent:1em;
   margin:0 }
   
   
   #wp_quotes {
	margin-top: 8px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	border-top: 2px solid #dfe4cd;
	border-bottom: 2px solid #dfe4cd;}


#wp_quotes div.wp_quotes_author {
	text-align:right;
	margin-top: 5px;}
	
#wp_medialink {
	margin-top: 24px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	border-top: 2px solid #dfe4cd;
	border-bottom: 2px solid #dfe4cd;}

#wp_medialink h3 {
	font-size:1.5em;line-height:1;margin: 8px 0 8px 16px; color: #b27a01;}
	
h3.subpagetitle {
	margin-bottom: 6px; }