/* 
	Theme Name: Paisley
	Theme URL: http://www.thebookofblog.com
	Description: Paisley is a two column theme with a colorful paisley header and tabbed navigation. The use of great typography, simple lines, and fun color, makes it one of the most exiting themes released this year! 
	Author: Shea Media
	Author URI: http://www.thebookofblog.com
        Tags:  orange, pink, black, dark, two-columns, fixed-width, right-sidebar
	Version: 1.1
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/



/*********************general*****************************/



* {
	margin:0; 
	padding:0;
	
	} 

body {
	background: #242423 url("images/paisley_header.jpg") no-repeat center top;
        color:#000;
        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;
        }

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:0.85em;
        }

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: #373737;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        }
.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:5px 0 10px 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: #51bff8;
	text-decoration: none;
        outline: none;
	}	
a:hover {
        color: #f31c9f;
	text-decoration: none;
	}


	
/*********************header*****************************/

#header {
        position:relative;
	width: 960px;
	height: 449px;
	margin: 0px auto 0px;
	}
	
#headertitle {
        position:absolute;
        top:299px;
        left:300px;
	}

#headertitle h1{
        font-size: 48px;
        color: #242423;
	}	
#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:45px 0 0 0;
	}	
#content{
        float:left;
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;       
	}
.obj_bg{
        background: #b5b6b5;
        padding:30px 0 0 0;
        margin: 0px 0px 10px 0px;
        width:640px;
        }
.obj_bg2{
        background: #5a5a59;
        padding:30px 0 0 0;
        margin: 0px 0px 10px 0px;
        width:640px;
        }
.obj_bg2 p, .obj_bg2 label{
	color: #b5b6b5;
        }
.postheader h1, .postheader h1 a{
        font-size: 36px;
        padding:15px 0 0 5px;
        color:#242423!important;
        margin:-59px 0 0 0;
        line-height:1.2em;
	}
.pageheader h1, .pageheader h1 a{
        font-size: 36px;
        padding:7px 0 0 5px;
        margin:0;
        color:#242423!important;
	}
#content p{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 15px 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: 640px;
        overflow:hidden;
        background:#5a5a59;
        }	

.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:#838181!important;
        }
.postmeta{
        font-size:.85em;
        position:relative;
        width: 640px;
        padding:30px 0 0 0px;
	}
.cats{
        padding:0 0 0 10px
        }
.date{       
        font:68px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
        text-align:right;
        margin:-29px -6px 0 0;
        color:#838181;      
        }	



/*********************sidebar***************************/

#sidebar {
	float: left;
	width: 310px;
	padding: 0 0 20px 0;
	line-height: 17px;
	display: inline;
	}
	
#sidebar h2 {
	color: #5a5a59;
	font-size: 36px!important;
	padding: 12px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
        background:#b5b6b5;
	}

#sidebar ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0px 0px 10px 0px;
 
	}

#sidebar ul li {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
        background:#5a5a59;
	}
#sidebar ul li ul li{
	padding: 0 0 3px 20px;
	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;
	}

#sidebar ul li a:hover {
	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;
        
}
#searchbox{
        margin:0 0 0 45px;
}
#f {
	background: #51bff8;
	width: 190px;
	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-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: #b5b6b5;
        }
.label2{
        margin: 40px 0 0 0; 
        }	

#comment {
	background: #51bff8;
	width: 440px;
	color: #17191a;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 30px 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: #cccccc;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 20px 0px 20px 0px;
	border-top: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
	
	
#commentblock {
	width: 640px;
	color: #b5b6b5;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#commentblock a{
	color: #51bff8;
	}	
#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: #b5b6b5;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	width: 440px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	}

.commenttext-admin {
	width: 440px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	}
.commenttext p, commenttext-admin p{
	color: #b5b6b5;
}
#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;
        }
.grande2{
        width:640px;
	padding: 12px 0px 0px 0px;
	margin: 45px 0px -27px 0px;
        background: #b5b6b5;
        }
.grande2 h2{
	font-size: 36px;
        color:#5a5a59;
        padding:0 0 0 10px;
        }
.grande3 {
	font-size: 18px;
	color: #b5b6b5;
}
.grande3, .grande3 a{
	font-size: 18px;
        margin:30px 0 0 0;
        }
.bump_up{
        margin:30px 0 0 0;
        display:inline;
	color: #b5b6b5;
        }