/* Global
----------------------------------------------- */

header, footer, nav, article, section, time {
display:block
}

body { 
  background:#000;
  margin:0;
  padding:0;
  font:small Georgia,Serif;
  text-align:center;
  color: #333;
  font-size/* */:/**/small;
  font-size: /**/small;
  min-height: 101%
  }


/* Links
----------------------------------------------- */

a:link, a:visited, a:hover, a:focus, a:active {
font-family: "Lucida Grande", Tahoma;
	font-weight: 700;
	font-variant: normal;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0.2em;
text-decoration:none
  }

article p a:link, article p a:visited, article p a:hover, article p a:focus, article p a:active,
article ul a:link, article ul a:visited, article ul a:hover, article ul a:focus, article ul a:active,
article ol a:link, article ol a:visited, article ol a:hover, article ol a:focus, article ol a:active {
	font-size:85%;
        letter-spacing: 0.1em
  }

a:hover, a:focus {
text-decoration: underline
}

header h1 a:link, header h1 a:visited, header h1 a:hover, header h1 a:focus, header h1 a:active{
color: #cecece
}

header ul a:link, header ul a:visited, header ul a:hover, header ul a:focus, header ul a:active{
color: #8B2323
}

a img {
  border-width:0
  }

/* Header
----------------------------------------------- */
header {
background: #000 url("http://thebooktower.net/images/529.jpg") 20% no-repeat;
width: 800px;
height: 252px;
padding:0;
text-align:left;
margin-left: auto;
 margin-right: auto;
    }

header img {
float:right;
padding-right:10px
}

header h1{
height: 20px
}

header#archived {
background: #000 url("http://thebooktower.net/images/486.jpg") no-repeat;
}

header#search {
background: #000 url("http://thebooktower.net/images/484.jpg") no-repeat;
}

header p{
clear:both;
margin-right:1em
}

header ul, header#archived ul{
width:9em;
position:relative;
top:-8em;
right:6em;
}

header ul li{
color: #8B2323;
padding: 3em 1em .75em 1em;
list-style-type:none;
width:8em;
background: url("http://thebooktower.net/images/487.jpg")  0 35% no-repeat;
}

header ul li a{
padding-left:1em
}

@media print{
header{
border:none;
height:1em
}
}

article header {
 width:99%;
background:#fff; 	
margin:0;
height: auto;
border:0;
clear:both
}

/* Content
----------------------------------------------- */

div#content{ 
margin: 0 10%;
background:#FBF5E6;
width: 800px;
height: 100%;
padding:0;
text-align:left;
margin-left: auto;
margin-right: auto;
}  

#main {
    padding: 0 1.25em 0 1.25em;
    background:#FBF5E6;
   width:67%;
    float:left
    }

   #main p {
   padding: 1% 1% 0
   }

#main ul {
list-style-type: disc
}

#main li {
padding: 1% 1% 0;
margin-left: 1em
}

 #private_main {
    padding: 0;
    background: #fff;
    width:40%;
    float:left
    }

article {
clear:both;
background:#fff;
margin-top:1em;
border:1px solid #ddd;
}


article ul.cols {
padding-left:0;
-moz-column-count: 2;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid #ccc;
}

article ul.cols li{
list-style-type:none
}

p.posted {
width:4em;
float:left;
clear:right;
margin:1em 1em 1em 0;
padding:1em !important;
background:#FEF0C9
}

/* Headings
----------------------------------------------- */

h1 {
float: right;
padding: 1em;
font-weight: 700;
top: 150px;
color: #ebebeb
}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover, h1 a:focus{
font-family: "Palatino Linotype", Tahoma;
text-transform: lowercase;
text-decoration: none
}

@media print{
h1{
display:none
}
}

#main h2, #private_main h2 {
margin:.40em 0 0 .4em;  
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 5px 0 0;
	font-weight: 700;
  letter-spacing:.2em;
	color:#222
}

header h2{
clear:both;
color:#fff
}

article header h2 {
  margin:1.5em 0 .75em;
padding:0
  }

nav h2, footer h2{
margin:0 0 1em 0;
  font-family: "Lucida Grande", Tahoma;
        font-size:90%;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color:#666;
	letter-spacing: 0.3em
}

nav#side h2 {
background: url("http://thebooktower.net/images/501.jpg") 0 35% no-repeat;
height:5em;
padding-top:3em;
padding-left:2em;
color:#fff
}

nav#side2 h2 {
background: url("http://thebooktower.net/images/502.jpg") 0 35% no-repeat;
height:5em;
padding-top:3em;
padding-left:2em;
color:#fff
}

 h3 {
	margin:.25em 0 0;  
	font-size:130%;
	padding: 0.31em;
	padding-bottom: 0.06em;
	line-height:1.4em
 }

article header h3 {
  font-family: "Lucida Grande", Tahoma;
	font-size: 80%;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0.3em;
margin-left:.6em;
padding-left:0
}

article header h3 a:hover, 
article header h3 a:focus{
 font-family: "Lucida Grande", Tahoma;
text-decoration:underline
}

article h3 {
margin:1.5em 0 .75em 0;
  font:90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-weight: 700;
  letter-spacing:.2em;
 padding-bottom:0;
  color:#000
}
   
 @media print {
 #sidebar, nav {
    display: none
    }
	#main {
	width: 45em
	}
  }

#main img {
  padding:0.5em;
  border:1px solid #ddd
}

time {
margin:1.5em 0 .75em 0.4em;
  font:82%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-weight: 700;
  letter-spacing:.2em;
 padding-bottom:0;
  color:#666
}

/* Posts
----------------------------------------------- */
 
  img.normal {
	margin: 0.5em 0.5em 0.5em 0;
	float: left
	}

div.comments-wrapper {
background:#ededed;
margin:1em 0.3em 1em 0.3em;
border:1px solid #666
}

@media print {
 div.comments-wrapper {
display: none
}
}

p.comments-invite {
 border-bottom:1px dotted #ccc
   }

/* Sidebar Content
----------------------------------------------- */

nav#side{
    width:25%;
padding: 10px;
background:#ebebeb;
    float:right
    }

nav#side2{
    width:25%;
padding: 10px;
background:#000;
color:#fff;
    float:right
    }

nav#side2 h2, nav#side2 a:link, nav#side2 a:visited, nav#side2 nav#side2 a:hover, nav#side2 a:focus, nav#side2 a:active{
color:#fff
}

  nav ul {
  margin:0 0 1.5em 0;
  padding:0;
  list-style:none
  }

nav li {
  margin:0;
  padding:0 0 .25em 0;
  text-indent:-0em;
  line-height:1.5em
  }

nav p {
  color:#666;
  line-height:1.5em
  }

nav#private1 {
    width:22%;
    float:left;
background-color: #ededed;
border: 1px solid #ccc;
padding: 10px
    }
nav#private2 {
    width:22%;
    float:left;
margin-left:20px;
background-color: #ededed;
border: 1px solid #ccc;
padding: 10px
    }

nav#side img {
  padding:0.25em;
  border:1px solid #ddd;
display:inline
  }

nav#side ul.dark{
background: #000;
color:#fff
}

/* Skip Links
----------------------------------------------- */
.skip {
margin:0;
padding:0;
height:1px;
}

.skip a{
left:-1000px;
padding:0.31em;
font-weight:700;
position:absolute;
text-decoration: none
}

.skip a:focus, .skip a:active{
left:5%;
background:#669;
color:#fff;
position:absolute;
top:20px;
padding:0.7em 0.7em 0.7em 1.8em;
border:1px solid #000
}

.skip a:hover {
background-color: #c60;
text-decoration: none
}

/* Forms
----------------------------------------------- */
@media all {
fieldset {
padding: 0;
margin: 0;
border: none
}
}
@media print {
fieldset {
display: none
}
}
.sub {
width:5em;
padding-bottom:1em
}

legend {
font-size:130%;
margin: 1em 0.31em 0 ;
padding:1em 0 0 0.6em;
line-height:1.4em;
width:8em
}

input {
font-size: small;
font-weight: 700;
font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
background-color: #ededed;
border: 1px solid #666;
padding: 0.31em
}
	
fieldset ol {  
padding: 0 1em 0 1em;
margin-top: 0;
margin-bottom: 0;
list-style: none
}
fieldset li {  
padding-bottom: 1em
} 

fieldset ul {  
margin-left: 7em
}

label {  
float: left;
width: 5em;  
margin-right: 1em;  
text-align: left
}

textarea {
font-size: small;
font-weight: 700;
font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
border: 1px solid #666;
padding: 0.31em
}

checkbox {
border: 0
}

fieldset p {
margin-left: 7em;
margin-top: 0;
margin-bottom: 0;
width:15em
}

.small {
margin-left: 7em;
font-size: 90%
}

input {
background-color: #fff
}

input.button {
background-color: #669;
cursor:pointer
}

input.button:hover,input.button:focus {
background-color: #c60
}

label.search {
position:absolute;
  left:-2000px
  }

/* Comments
----------------------------------------------- */	

.remember {
display: block;
float: none
}

.texta {
 background-color: #CCC;
 color: #000;
 border: 1px solid #666;
 padding: 0.31em
}

.comm {
 background-color: #CCC;
 color: #000;
 border: 1px solid #666;
 padding: 0.31em;
 margin: 0.31em 0.31em 0.31em 0.31em
}

.owner {
 background-color: #ededed;
 color: #000;
 border: 1px solid #666;
 padding: 0.31em;
 margin: 0.31em
}

.comm img {
padding-right: 0.19em
}

p.date {
  float: left;
	color: #333;
	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: 700;
	margin: 0.19em 0.63em 0.19em 0.19em;
	padding: 8px;
	width: 60px;
	height: 35px;
	background: #ccc;
	line-height:1em
  }
    
/* Blockquotes
----------------------------------------------- */	

blockquote {
border:1px solid #ddd;
padding: 0.31em;
margin: 0.31em;
background-color: #ededed
}

blockquote:before, blockquote:after {
color: #ccc;
display: block;
font-size: 700%;
width: 6.25em
}

blockquote:before {
content: open-quote;
height: 50px;
margin-left: 0em
}
blockquote:after {
content: close-quote;
height: 50px;   
margin-right: 6.25em
}

/* Search
----------------------------------------------- */		

#searchform fieldset {
margin-bottom:1em
}

input#livesearch {
font-size: small;
font-weight: 400;
font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
background: #ddd; 
border:1px solid #ccc;
margin-top:5.5px;
padding: 0 0 0 4px;
display:inline;
float:left;
height:20px
}

#searchform input {
border: 1px #ccc solid
}

#searchform label {
position:absolute;
left:-1500px
}

#searchform input img{
position:relative;
top:7px;
right:-135px
}

#searchform input.glass{
margin-top:5.7px;
padding:0.32em
}

#searchform input.glass2{
position:relative;
float:right;
top:-22px;
z-index:1
}

/* Tables
----------------------------------------------- */	

table {
margin-left:.4em;
border: 1px solid #ccc
}

th {
background: #ccc;
padding:.4em
}

td {
padding:.4em
}

/* Misc styles
----------------------------------------------- */

hr {
color: #ededed;
width: 80%
}

.left {
float: left
}

abbr {
cursor: help
}

.search {
margin-left: 0;
float:right;
}

.rem label {
float: none
}

.rem input {
margin-left: 7.5em;
border: 0
}

.clear {
padding: 2em;
margin-bottom: 2em;
clear: both
}

cite {
font-weight: 700
}

.float_right {
float: right;
margin-left:2em;
margin-bottom: 1em
}

.hidden{
left:-2000px;
padding:0.31em;
font-weight:700;
position:absolute;
text-decoration: none
}

.live {
float:right;
right:20px;
width:150px;
height:30px
}

ul#subs{
list-style-type:none;
height:3em
}

ul#subs .left{
float: left;
padding-right:.2em
}

/* css3 styles
----------------------------------------------- */

input#livesearch, blockquote,.comm, .owner{
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}

ul.wet_recent_comments li p{
color: #333
}


/* White on black
----------------------------------------------- */

.whiteonblack {
color: #fff;
background: #000;
}

.whiteonblack h2, .whiteonblack h3 {
color: #fff !important
}

.whiteonblack blockquote {
color: #000
}

.whiteonblack a:link {
  color:#fff;
  text-decoration:none;
  font-weight: 700
  }
.whiteonblack a:visited {
  color:#fff;
  text-decoration:none;
  font-weight: 700
  }
.whiteonblack a:hover {
  color:#fff;
  text-decoration:underline
  }
.whiteonblack a:focus, a:active {
 color: #fff;
 background: #000;
 text-decoration: underline
 }

.outer {
background: url("http://www.thebooktower.net/images/ink.jpg") no-repeat;
background-position:100% 100%;
height:80px;
margin-top:-1px
} 

/* item_list
----------------------------------------------- */

.item_list {
color: #000
}

.item_list header {
border: none
}

.item_list h2, .item_list h3 {
color: #000 !important
}

.item_list ol li{
font-size:300%;
clear:both
}

.item_list ol li p{
font-size:35%
}

.item_list img{
float:right
}

/* blocks
----------------------------------------------- */

.blocks{
border: none;
background:#fff
}

.blocks header{
border: none
}

.blocks p{
width:10em;
float:left;
display:inline;
margin:1em;
border: 1px solid #666;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}

/* alternatives
----------------------------------------------- */

.alternative h3 {
font-weight:bold
}

/* footer
----------------------------------------------- */

footer {
margin:0;
background: #ebebeb;
text-align:left;
clear: both;
border-top: 8px solid #000;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-webkit-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc
}

footer h2{
padding: 2em 0 0 2.7em;
  font-family: "Lucida Grande", Tahoma;
	font-weight: 700;
	font-variant: normal;
	text-transform: uppercase;
	color:#8B2323;
font-size:110%;
	letter-spacing: 0.3em
}

.deeper {
margin-top:1.25em
}

#twitter_div {
width:25em;
float:left;
margin-bottom:1em
}

#twitter_update_list {
padding-bottom:0
}

#twitter_update_list a:hover, #twitter_update_list a:focus{
text-decoration:underline;
}

footer ul#twitter_update_list li{
list-style-type:none;
padding-bottom:.5em;
display:block
}

header ul li{
list-style-type:none;
float:right;
display:block
}

.recent_div {
width:25em;
float:left;
margin-bottom:1em
}

.recent_div h2{
padding-top:4.4em
}

.lib{
margin-left:2em;
padding-top:4.5em
}

.recent_div a:hover, .recent_div a:focus{
text-decoration:underline;
}

footer ul.recent_articles li, footer ul.recent_comments li{
list-style-type:none;
display:block !important
}

footer ul{
margin: 1.5em 0 0 0;
clear:both
}

footer ul li{
list-style-type:none;
display:inline
}

.block {
float:left;
margin-top:1em
}

.block blockquote {
width:12em
}

.block img{
border:none !important
}

.circle {
width:20px;
background:#fff;
-moz-border-radius-topleft: 15px;  
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;  
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;  
-webkit-border-top-right-radius: 15px;
-moz-border-radius-bottomright: 15px;  
-webkit-border-top-bottom-right: 15px;
}

#box{
background: url("http://thebooktower.net/images/497.jpg") no-repeat;
position:relative;
top:60px;
left:590px;
height:100px;
width:300px;
}

#box fieldset {
position:absolute;
width:200px;
padding:1.5em 0 2em 4em
}

input#box, input#q {
font-size: small;
font-weight: 400;
font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
background:#FBF5E6;
margin-top:5.5px;
padding: 0 0 0 4px;
display:inline;
width: 8em;
height:25px
}

#box input.mark{
color: #666;
background: #cecece;
padding-bottom: .3em;
}