#header { clear: both; padding: 10px; }
  #left { text-align:left; float:left; }
    #volumeshop { font-size: 2em; font-weight:800;}
      #volume {  color:black; }
      #shop { color:gray; }
    #crumbs { clear:both; font-size: 0.8em; }    
  #right { text-align:right; float:right; margin-top: 5px; }
    #menu  { display: inline; list-style: none; }
      #menu li {  display: inline; }
      #menu li .current { border-bottom: 2px solid lightgray; color: gray;}
      #menu a { text-decoration: none; color: black; }
      #menu a:hover { border-bottom: 2px solid lightgray; }     
      #search form { display: inline; }
      #search p { display: inline; }

#middle { clear: both; padding: 10px; color: #FAFDDD; background: #0b1e46 url(../images/background.png) repeat-x; }
  #middle a { color: gray;  }
  #extra { text-align:left; vertical-align: middle; }
	#logo  { padding-top:10px; text-align:right; vertical-align: middle; }
	#extra img { float: left; }
	
#navigation { clear: both; padding: 10px; background: black; margin-top:1px; }
  #categories { display:inline; list-style: none; }
    #categories li { display:inline;  font-size: 1.2em; }
    #categories li .current { color: white; }	
    #categories a { color: gray;  }
    #categories li ul { display: inline;  } 
    #categories li .subcat { display: inline; font-size: 0.6em; }
    #categories li .subcat a {  } 
    
#main { clear: both; padding: 10px; }
  #main input[type=button] {
    border:1px solid #ccc;
    color:#000;
    font-size:.8em;
    line-height:1.5em;
    cursor:pointer;
    display:block;
    float:left;
    background:#f9f6f2;
    margin:0 .1em;
    padding:.2em .8em;
    }
    	
#footer { clear: both; padding: 10px; border-top: 1px solid lightgray;}	
	
.clear {
clear:both;
}


* {
margin:0;
padding:0;
}

body {
margin: 10px 0 0 0;
font:.75em Verdana, Arial, Sans-Serif;
color:#272727;
line-height:1.8em;
background:#fff;
}

p {
line-height:1.6em;
margin:0 0 1.4em 1em;
}

a {
color: #1d389c;
text-decoration:none;
background:inherit;
}

a:hover {
color:gray;
background:inherit;
}

ul {
list-style:none;
}

li {
margin-left:1em;
}

.subcat {
margin-left:1em;
}

h1,h2,h3 {
font-weight:400;
margin:0 0 .8em;
}

h1,h2 {
font-size:2em;
background:inherit;
}

h3 {
font-size:1.3em;
margin:1.2em 0 .5em;
}

input {
vertical-align:middle;
padding:2px;
}

input.searchfield {
width:150px;
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}

input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #b1cdff;
color:#000;
background:#edf1f6;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
//color:gray;
//background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}

.date {
border-top:1px solid #eee;
margin:0 0 20px;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}