/* 
	Theme Name: Hex
	Theme URL: http://www.thebookofblog.com
	Description: Peter Fox's theme
	Author: Peter Fox based on Paisley by Shea Media
	Author URI: http://vulpeculox.net
        Tags:  hexagonal, two-columns, fixed-width, right-sidebar
	Version: 0.0
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/
/*********************general*****************************/
* {
	margin:0; 
	padding:0;
	} 
body {
   color:#000;
   /*background-image : url(images/HexBgBlack.jpg);*/
      background-image : url(images/chalk.jpg);

   font: 100% "Trebuchet MS", Tahoma, Arial, sans-serif;
	}
h1{
        font-size:1.5em; 
        font-weight:normal; 
        margin-bottom:0.85em; 
        line-height:1.3em; 
        padding:0 0 0 10px;
        }
h2{
        font-size:1.4em; 
        font-weight:normal; 
        margin-bottom:0.75em; 
        line-height:1.2em; 
        padding:0 0 0 10px;
        }
h3{
        font-size:1.2em; 
        font-weight:normal;  
        margin-bottom:0.65em; 
        padding:0 0 0 10px;
        text-decoration:underline;
        
        }
h4{
        font-size:1em; 
        padding:0 0 0 10px; 
        margin-bottom:0.55em;
        }
h5{
        font-size:.8em; 
        padding:0 0 0 10px; 
        margin-bottom:0.45em;
        }
h6{
        font-size:.6em; 
        padding:0 0 0 10px;
        }	
p{
        padding:0 15px 10px 0; 
        font-size:100%;
        }
strong {
        font-weight:bold;
        }
em, dfn {
        font-style:italic;
        }
	
.aligncenter, div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
.alignleft {
        float: left;
        margin:0 10px 10px 0;
        }
.alignright {
        float: right;
        margin: 0 0 10px 10px;
        }
.wp-caption {
        border: 1px solid #17191a;
        text-align: center;
        background-color: #8ab28d;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        }
.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
        }
.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
        }
hr{
        margin:3px 0 3px 0;
        }
legend {
        margin-left: 10px;
        }
input, textarea, select { 
        color: #17191a; 
	background: #51bff8;
        }
textarea{
        padding: 10px;
	width: 440px;
        margin:20px 0 10px 0;
	}
input, select { 
        margin:10px 0 25px 10px; 
        padding:2px;
        }
fieldset { 
        padding: 10px; 
        }
pre { 
        height: auto; 
        overflow-x:scroll; 
        margin: 10px; 
        }
table{ 
        padding:20px 0 20px 10px; 
        }
dd{ 
        padding: 10px; 
        }
dt{ 
        padding: 10px; 
        }	
/*********************links*****************************/

a , a:visited {
	color: #111;
	text-decoration: none;
      /*  outline: none;*/
	}	

  
  
a:hover {
    /*     color: #f31c9f; */
	  text-decoration: none;
    border: solid 1px olive;  

	}
	
  
#tag{
        position:absolute;
        top:373px;
        right:0px;
        color: #242423;
        font-size: 11px;
        }
	
/*********************nav*****************************/
#nav {
        position:absolute;
        left:0px;
        bottom:0px;
        }
#nav ul{
        list-style:none;
        }
	
#nav li {
        float: left;
        margin-right:10px;
        background: #5a5a59;
	}
#nav li a {
        float: left;
        display: block;
        padding: 8px 16px 2px;
        color: #242423;
        font-size: 18px;
        text-decoration: none;
        background: #5a5a59;
	}
#nav li a:hover {
	color: #fff;
        }
#nav .current_page_item, #nav .current_page_item:hover {
	background: #242423;
	}
#nav .current_page_item a, #nav .current_page_item a:hover{
	color: #fff;
        background: #242423;
	}
/*********************Main***************************/
#wrapper {
	width: 960px;
	margin: 0px auto;
  padding:5px 0 0 0;
  position:absolute; /*top:150px;*/ left:40px;
  z-index : 200;      
	}	
#content{
  float:left;
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;       

	}
.obj_bg {
  background-color: #d8d8d8; 
  padding:12px 0 14px 0;
  margin: 9px 0px 9px 0px;
  width:640px;
  overflow : visible;
  /*border-left : 1px solid white;*/
  -moz-border-radius: 14px;
  -khtml-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border:2px inset white;

}
.obj_bg2{
  border:2px inset white;
  padding:10px 0 0 0;
  margin: 0px 0px 10px 0px;
  width:640px;
  -moz-border-radius: 14px;
  -khtml-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background:#afc3b1;

  
}
.obj_bg2 p, .obj_bg2 label{
	color: black
}
        
        
.postheader h1, .postheader h1 a, .postheader span.nota{
  /* nota is a substitute for the usual <a> */
        font-size: 160%;
        margin:0px 0 0 0;
        line-height:1.2em;
        border:none;
	}
.pageheader h1, .pageheader h1 a{
        font-size: 36px;
        padding:7px 0 0 5px;
        margin:0;
        /*color:#242423!important;*/
        color:red!important;
	}
#content p{
	margin: 5px 0px 5px 5px;
	padding: 5px 10px 5px 10px;      
	}
#content a{
        /*color:#367562;     */
	}	
#content ol{
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 15px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 0px;
	}
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 0px;
	}
	
blockquote{
	background: #51bff8;
	margin: 25px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;       
	}
	
#wrapper blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        color:#17191a;
	}
.postheader{
        width: 635px;
        position:relative;
        min-height:50px;
        border:2px outset white;
        }	
.pageheader{      
        width: 640px;
        overflow:hidden;
        background:#5a5a59;
        padding:0;
        margin:0;
        }
.postmeta_r{
        position:absolute;
        right:0px;
        bottom:0px;
        /*background:#242423;*/
        padding:3px 3px 0 5px;
        }
.postmeta_r a, .postmeta_r p{
        color:black!important;
        border:2px outset white;
        }
.postmeta a {
        border:2px outset white;
        }
.postmeta a:hover {
        border:2px outset yellow;
        }
.postmeta p {
  margin:0px 10px 0px 10px !important;
  padding: 0px 0px 0px 0px !important;
}  
        
.postmeta{
        clear:both;
        font-size:.85em;
        position:relative;
        width: 640px;
        padding:0px 0 0 0px;
        text-align:center;
	}
.cats{
        padding:0 0 0 10px
        }
.date{       
        font:10px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
        text-align:center;
        padding: 0px;
        color:white;
        font-weight:bold;
        background-color:#222;
        border:2px inset black;
        width:100px;
        position:absolute; top:4px; left:531px;
        filter:alpha(opacity=50);opacity: 0.5;

        }	
        
        
/*********************sidebar***************************/
#sidebar {
	float: left;
	width: 260px;
	padding: 0 0 20px 0;
	line-height: 17px;
	display: inline;
	}
	
#sidebar h2 {
	color: black;
	font-size: 24px!important;
	padding: 2px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
  background:#d8d8d8;
  filter:alpha(opacity=50);opacity: 0.5;
  -moz-border-radius: 14px;
  -khtml-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border:1px outset grey;
  background:#8ab28d;
	}
#sidebar ul {
	list-style: none;
	margin: 0px 5px 0px 6px;
	padding: 0px 0px 10px 0px;
 
	}
#sidebar ul li {
	padding: 0 0 0 0;
	margin: 2px 0 10px 0;
   /*     background:#5a5a59;*/
	}
#sidebar ul li ul li{
	padding: 0 0 1px 2px;
	margin: 0 0 0 0;
	}	
#sidebar ul li a, #r_sidebar ul li /*a:visited */ {
	/*color: #cccccc;*/
  font-size: 14px;
	text-decoration: none;
	margin: 0px;
	padding: 0px 1px 0px 1px;
  border:outset 2px white;
	}
#sidebar ul li a:hover {
  font-weight:bold;
	/*color: #cccccc;
	text-decoration: underline;*/
	}
	
/*********************footer***************************/
#footer {
	width: 960px;
	margin: 50px auto 0px auto;
	}
#copyright{
        width:100%;
        text-align:center;
        }
#copyright p {
	color: #394b55;
	font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
	padding: 3px 0px 0px 0px;	
	}
	
#copyright  a {
	color: #394b55;
	font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
	text-decoration: none;
	}
#copyright  a:hover {
	color: #017F8D;
	text-decoration: none;
	}
	
/*********************search**************************/
.searchwrap{
        height:125px;
        border:none;
        padding: 0px;
}
#searchbox{
        margin:0px;
}
#f {
	background: #51bff8;
	width: 180px;
	color: #17191a;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
/*********************general*****************************/
		
#sbutt {
	background: #8C8989;
	width: 200px;
	color: #17191a;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	}
#commentbox p{
        font:14px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
        margin:15px 0 0 0;
        }
	
#author, #email, #url {
	background: #51bff8;
	width: 300px;
	color: #17191a;
	font-size: 12px;
  font-weight:bold;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
.label{
        margin: 20px 0 0 0; 
        color: #d8d8d8
        }
.label2{
        margin: 40px 0 0 0; 
        }	
        
@font-face{
  font-family:Hand;
  src:url(ShorthandB.ttf);
}
        
#comment {
	background: white;/*#51bff8;*/
  background-image:url(images/NoteLine2.gif);
  line-height:21px;
  font-family:Hand,Lucida Console,Sans serif;
	width: 540px;
	color: #17191a;
	font-size: 18px;
	padding: 4px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
	
#submit {
	background: #17191a;
	width: 150px;
	color: white;
	font-size: 12px;
  font-weight:bold;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 5px 0px 5px 0px;
	border: 2px outset #cccccc;
	}
	
	
#commentblock {
	width: 640px;
	color: #d8d8d8;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#commentblock a{
	color: black;
  border:1px outset white;
	}	
#commentblock a:hover{
	color: red;
  border:1px outset black;
	}	
#commentblock ol{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	
#commentblock ol li{
	margin: 0px 0px 0px 10px;
	}
.commentname {
	font-size: 16px;
	color: #d8d8d8;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}
.commentinfo{
	clear: both;
	}
.commenttext {
	width: 540px;
	padding: 10px 10px 10px 20px;
	margin: 5px 0px 5px 0px;
  
	}
.commenttext-admin {
	width: 540px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	}
.commenttext p, commenttext-admin p{
	color: black;
  background-color:#CBE0CD;
}
#commentsformheader{
	padding-left: 0px;
	}
#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
#commentsform form{
	text-align: left;
	margin: 0px;
	}
#commentsform p{
	margin: 0px;
	}
#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
/*********************other*****************************/
#fourofour{
        width:100%;
        text-align:center;
        }
.grande{
        font-size:20px;
        background-color:white;
        }
.grande2{
  width:640px;
	padding: 2px 0px 0px 0px;
	margin: 5px 0px -18px 0px;
  background: none;
}
.grande2 h2{
	color: black;
	font-size: 24px!important;
	padding: 2px 0px 0px 10px;
	margin: 10px 0px 20px 0px;
  filter:alpha(opacity=50);opacity: 0.5;
  -moz-border-radius: 14px;
  -khtml-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border:1px outset grey;
  background:#8ab28d;
	}
.grande3 {
	font-size: 18px;
	color: #d8d8d8
}
.grande3, .grande3 a{
	font-size: 18px;
        margin:30px 0 0 0;
        }
.bump_up{
        margin:30px 0 0 0;
        display:inline;
	color: #d8d8d8
        }
.widget{
    /*    -moz-border-radius: 8px;
        -khtml-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
      background:#8ab28d;
        border:solid 1px #051;
        width:15em;
      */ } 

.nocomments {
  background-color:white;
  color:olive;  
}  
        
.widget_tag_cloud  div{
  background-color:none;
  margin:-4px 4px 4px 14px;
}  
          
div.duffBrowser {
  border:1px solid red;
  background-color:#ffffc0;
  color:#ff8080;  
  font-weight:bold;
  padding: 0px 10px 0px 10px;
}