/*
Theme Name: Signature Books
Description: A custom designed theme for Signature.
Version: 1.0
Author: Rory Swensen, utilizing portions authored by Clay Whipkey
*/




/* Begin Typography & Colors */
body {
font-size: 80%; 
font-family: Arial,Helvetica,sans-serif;
background: url('images/sigwrapper.gif') repeat-y;
background: #336666;
color: #333;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

h1, h2, h3, h4, h5 {
font-weight: normal;
}

h6 {
	font-weight: 500;
        font-size: 1.0em;
        margin: 36px 0 -12px 0;
}

h3 {
font-size: 1.3em;
color: #555;
}

a, a:hover, a:active, a:visited {
text-decoration: none;
color: #336666;
}
.centerHeading {
text-transform: uppercase;
color: #333;
text-align: center;
margin-bottom: 0px;
margin-top: 3px;
}
.hidden {
display:none;
}
.whitedivider {
background: url('images/white_divider.gif') top center no-repeat;
height: 12px;
width: 95px;
margin-left: auto;
margin-right: auto;
}

/* Common Layout Elements */
#container {
width: 980px;
background: #F6F3E0;
margin-left: auto;
margin-right: auto;
}
#topnav {
height: 30px;
width: 980px;
margin-bottom: 5px;
margin-top: 0px;
text-align: left;
background-color: #e8e6cd;
}
#header {
background: url('images/signature_header.gif') top center no-repeat;
height: 110px;
width: 980px;
text-align: left;
}
#headersearch {
height: 80px;
width: 180px;
padding: 10px;
position: relative;
top: 55px;
left: 742px;
z-index: 3;
}
#headerdivider {
background-color: #E8E6CD;
border-top: #996633 1px solid;
height: 1px;
width: 100%;
margin-bottom: 20px;
}
#footer {
background-color: #F6F3E0;
width: 960px;
padding: 6px;
clear:both;
text-align: center;
font-weight: 100;
border-top: #394f4c 1px solid;
}

div.divider {
background-color: #E8E6CD;
border-top: #996633 1px solid;
height: 1px;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}

div.dividesubtle {
background-color: #E8E6D7;
height: 1px;
width: 100%;
margin-bottom: 8px;
margin-top: 4px;
}

/*top Navbar */
#jsddm {
margin: 0px;
font-size:14px;
font-weight:normal;
width: 865px;
position: relative;
left: -40px;
}

#jsddm a:hover, #jsddm a:active,
#jsddm li.current_page_item a,
#jsddm li.current_page_item a:active,
#jsddm li.current_page_item a:visited,
#jsddm li.on a,
#jsddm li.on a:visited {
text-decoration:none;
color: #394f4c;
}

#jsddm li {
background-color: #e8e6cd;
float: left;
list-style: none;
font-weight:normal;
color: #FFFFFF;
padding:3px 12px;
margin-top: 3px;
border-right: #666 solid 1px;
/*margin: 0px;*/
}

#jsddm li a {
display: block;
text-decoration: none;
/*width: 70px;*/
color: #394f4c;
white-space: nowrap;
}

#jsddm li a:hover{

}

#jsddm li ul {
margin: 0;
padding: 0;
font-size:0.9em;
position: absolute;
visibility: hidden;
border-top: 1px solid #555;
background: #444;
z-index: 300;
}

#jsddm li ul li {
float: none;
display: inline;
padding: 0px;
margin: 0px;
border-style: none;
}

#jsddm li ul li a {
width: auto;
padding: 4px;
background: #EEE;
}

#jsddm li ul li a:hover {
color: #996666;
}

#socbar {
width: 100px;
float: right;
text-align: right;
margin-top: 8px;
}
.socbarspacer {
margin-right: 10px;
}

/* Sidebar Layout */
#sidebar {
width: 250px;
float: left;
margin-bottom: 10px;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
/*border-bottom: 1px solid #DDD;*/
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
#sidebar ul li h2, #sidebar h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}

.vertbartitle {
float: left;
margin-left: -26px;
}

/* post entry styles */
.post > h2 > a,
.post > h2 > a:hover,
.post > h2 > a:active,
.post > h2 > a:visited {
color: #336666;
}

/* Home Page Layout Elements */
#homeleft {
width: 685px;
background: url('images/featuredvert.gif') no-repeat;
float: left;
margin-bottom: 10px;
}


#homeleftpost {
width: 640px;
background: url('images/postdivide.gif') repeat-y;
float: left;
margin: 0px 20px 10px 25px;
}

#homeleftpost h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}

#homeleftpost li {
font-size: 1.1em;
line-height: 150%;
list-style-type:none;
}

#homeleftstore {
width: 90%;
float: left;
margin: 0px 20px 10px 25px;
}


#homerightdivider {

background-color: #E8E6CD;
border-left: #996633 1px solid;
width: 1px;
float: left;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
}

#homerightbar {
width: 250px;
float: left;
margin-bottom: 10px;
}

#homerightbar ul li h2, #homerightbar h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.2em;
font-weight: normal;
}


#feature {
width: 645px;
clear: both;
margin-left: 40px;
}

#feature > div > h2 {
font-size: 1.3em;
}

#homeleftbar {
width: 320px;
float: left;
margin-right: 17px;
margin-left: 12px;
margin-bottom: 10px;
}

#homeleftbar ul li h2, #homeleftbar h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}


#homeleftbar div h3 {
margin-top: 10px;
margin-bottom: 10px;
}

#continue {
float: right;
margin-right: 10px;
margin-bottom: 6px;
}

#homecenterbar {
width: 320px;
float: left;
margin-bottom: 10px;
}


#homecenterbar div h3 {
margin-top: 10px;
margin-bottom: 4px;
}

#homebarcenterbar ul li h2, #homecenterbar h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}

#homecenterbar div {
width: 320px;
margin-bottom: 2px;
float:right;
}

#homecenterbar div h3 {
margin-top: 10px;
margin-bottom: 10px;
}

#homecenterbar &amp;amp;gt; #homecategoryheader {
float:left;
margin-right: 5px;
width: 18px;
}

div.formLinespace {
margin-bottom: 10px;
clear: both;
}
.newsdate {
margin-bottom: -10px;
}

#homebar {
width: 310px;
padding-left: 0px;
float: left;
margin-left: 0px;
margin-bottom: 10px;
}

#homebar ul, #homebar ul ol {
margin: 0;
padding: 0;
}

#homebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
border-bottom: 1px solid #DDD;
}

#homebar ul p, #homebar ul select {
margin: 5px 0 8px;
}

#homebar ul ul, #homebar ul ol {
margin: 5px 0 0 10px;
}

#homebar ul ul ul, #homebar ul ol {
margin: 0 0 0 10px;
}

ol li, #homebar ul ol li {
list-style: decimal outside;
}

#homebar ul ul li, #homebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
#homebar ul li h2, #homebar h2 {
color: #996633;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}


/* standard page layout elements */
#pagebody {
width: 730px;
padding-top: 0px;
margin-right: 20px;
float: left;
font-size: 1.2em;
margin-bottom: 10px;
}
#pagetitle {
width: 50px;
clear: both;
float: left;
margin-right: 10px;
margin-bottom: 10px;
color: #777;
}

/* Article Page Layout Elements */
#articlemeta {
width: 170px;
clear: both;
float: left;
margin-right: 20px;
margin-bottom: 10px;
color: #777;
}
#articlemeta > h3 {
font-size: 1.3em;
color: #555;
}
ul.related_post {
margin: -10px 0 0 15px;
padding: 0;
}
#authorname, #authorinfo {
float: left;
}
#authorinfo {
padding-left: 5px;
}
#articlebody {
width: 595px;
padding-top: 0px;
padding-right: 5px;
margin-right: 20px;
float: left;
font-size: 1.2em;
margin-bottom: 10px;
}
#comments {
position: relative;
width: 450px;
padding: 10px;
margin-left: 225px;
font-size: 1.1em;
margin-bottom: 10px;
clear: both;
}
.alt {
background-color: #F5F5F5;
}
.tiny {
font-size: 10px;
font-weight: normal;
}
.metadivider {
width: 90%;
height: 1px;
border: 0;
color: #666;
background-color: #666;
}
.entry h2 {
color: #444;
margin-top: 0px;
font-size: 1.8em;
}

/* Category Page Layout Elements */
#categoryleft {
width: 149px;
padding: 0px 10px 0px 15px;
clear: both;
float: left;
color: #777;
border-right: 1px dotted #666;
}
#categoryleft > h3 {
font-size: 1.3em;
color: #555;
}
#categoryleft > ul {
margin: 0px 0 0 15px;
padding: 0;
}

#categorybody {
width: 565px;
padding: 0 10px 0 15px;
padding-top: 0px;
float: left;
font-size: 1.2em;
}
#categorybody h2 {
color: #333;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}

/* Search page layout */


#feature,
#articlebody,
#searchbody,
#categorybody,
#sidebar1, #sidebar2,
#subbar,
#comments ol li {
font-family: Arial, Helvetica, "Sans Serif";
}

.ssSearchBarButton {
color: #336666;
font-family: "Helvetica Neue","Myriad Pro",Helvetica,arial,sans-serif;
font-size:12px;
height: 22px;
border: #336666 solid 1px;
}

.ssCartButton {
background: #888;
color: #FFF;
font-family: "Helvetica Neue","Myriad Pro",Helvetica,arial,sans-serif;
text-transform: uppercase;
font-size:12px;
height: 22px;
border-style: none;
}


/* footnote styles */
sup.footnote {
font-weight: bold;
}
sup, sub { vertical-align: 0;
position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

div.footnotes ol li {
font-size: 12px;
margin-bottom: 5px;
}

div.footnotes {
background: #FFF url('../../plugins/dynamic_text_image/text.image.php?text=FOOTNOTES%20&fs=16&a=90') no-repeat;
}

img.floatleft {
float: left;
margin: 4px;
}

img.alignleft {
float: left;
margin: 4px 10px 4px 0px;
}

img.floatright {
float: right;
margin: 4px;
}

img.alignright {
float: right;
margin: 4px 0px 4px 10px;
}

img.wp-post-image {
float: left;
margin:0px 14px 10px 10px;
border:0;
}

.superscript { 
       position: relative; 
       top: -0.5em; 
       font-size: 80%; 
}

.newsdate {
	margin: 12px 0 -12px 0;
        font-size: .8em;
}

.newsdatehome {
	margin: 0 0 -12px 0;
        font-size: .8em;
}

.toorder {	
        float: right; 
        width: 100px;
        margin: 0 5px 5px 5px; 
        padding: 0 5px 5px 5px;
}

.toorderstyle {
	color: #996633;
        font-size: 1.1em;
        font-variant: small-caps; 
        font-weight: 200;
}
