/*
Theme Name: Word Project
Theme URI: http://www.thebigwordproject.com
Description: Blog theme for The Big Word Project
Version: 1.0
Author: Lee Munroe
Author URI: http://www.thebigwordproject.com
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
* 12 Comments
*/


/* 
################### Colour reference ###################

#eeeeee		Very light grey
#999999		Grey
#2a2a2c		Dark grey
#424343		Really dark grey
#0072ff		Blue
#1b50ae		Dark blue
#1d1e20		Really dark blue

*/
 
/*
################### Reset defaults ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}


/*
################### Layout ################### 
*/

body{
font:75%/1.5  Arial,Verdana, Helvetica, sans-serif;
color:#2a2a2c;
background:#1d1e20;
}

#skipto{
display:none;
}

#header{
border-top:4px #1d1e20 solid;
background:#fff;
padding:20px;
}

#footer{
background:#1d1e20;
padding:15px;
border-top:1px solid #999999;
color:#d0d0d0;
font-size:0.9em;
}

#searchbar{
float:right;
text-align:right;
position:relative;
}

#footer #container{
width:700px;
background:#35383c;
margin:10px auto;
border:1px solid #54575c;
padding:15px;
}

.footer-block{
width:41%;
padding:0 3%;
float:left;
}

.footer-block.middle{
border-left:solid #54575c 1px;
}

#main{
background:#fff;
padding:10px 15px 40px 15px;
}

#main-container{
width:700px;
margin:0 auto;
}

#content{
width:500px;
float:left;
margin-right:20px;
}

#sidebar{
float:right;
width:150px;
border-left:2px solid #eeeeee;
padding-left:20px;
}

#searchbar{
float:right;
text-align:right;
}

/*
################### Nav ################### 
*/

#nav{
list-style:none;
border:solid #999999;
border-width:1px 0;
padding:12px 0;
float:left;
width:100%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

#nav li{
display:inline;
float:left;
}

#nav li a{
padding-left:9px;
margin-right:2px;
height:30px;
float:left;
color:#424343;
border:none;
}

#nav li a span{
padding-right:9px;
display:block;
float:left;
height:26px;
padding-top:4px;
}

#nav li a:hover{
background:#eeeeee url(http://www.thebigwordproject.com/images/layout/navbg.gif) top left no-repeat;
cursor:pointer;
}

#nav li a:hover span{
background:#eeeeee url(http://www.thebigwordproject.com/images/layout/navbg.gif) top right no-repeat;
cursor:pointer;
}

#nav li a.current{
background:#eeeeee url(http://www.thebigwordproject.com/images/layout/navbgcurrent.gif) top left no-repeat;
color:#fff;
}

#nav li a.current span{
background:#eeeeee url(http://www.thebigwordproject.com/images/layout/navbgcurrent.gif) top right no-repeat;
color:#fff;
}

#nav li a.rss:hover{
background:#ef7d0d url(http://www.thebigwordproject.com/images/layout/rssbg.gif) top left no-repeat;
color:#fff;
}

#nav li a.rss:hover span{
background:#ef7d0d url(http://www.thebigwordproject.com/images/layout/rssbg.gif) top right no-repeat;
}

#subnav{
list-style:none;
margin-top:35px;
}

#subnav li{
display:inline;
padding:0 3px;
}

#subnav li.last{
padding-right:0;
}

#subnav li a{
color:#999999;
font-weight:bold;
padding:0 3px;
font-size:1.2em;
border:none;
}

#subnav li a:hover{
color:#0072ff;
background:none;
}

#subnav li.current a{
color:#424343;
}

/*
################### Headings ################### 
*/

h1{
width:600px;
height:56px;
float:left;
background:url(images/layout/thebigwordproject.gif) no-repeat;
margin-bottom:20px;
}

h1 a{
display:block;
height:100%;
width:100%;
border:none;
}

h1 a:hover{
background:url(images/layout/thebigwordproject.gif) no-repeat;
}

h1 a span{
position:absolute;
left:-999px;
}

h2{
font-size:2.2em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#b1b1b1;
font-weight:normal;
margin-bottom:20px;
}

h2 span{
color:#0072ff
}

h2 a{
border-bottom:2px solid #b1b1b1;
color:#b1b1b1;
}

h2 a:hover{
background:#2a2a2c;
color:#fff;
border-bottom:1px solid #2a2a2c;
}

h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
font-weight:normal;
color:#2a2a2c;
}

.post h3{
padding-top:5px
}

h4{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:normal;
}

#main h4{
margin:20px 0 10px 0;
}

/*
################### Lists ################### 
*/

#content ul{
list-style:none;
margin:10px 0 10px 20px;
}

#content ol{
margin:10px 0 10px 20px;
}

#footer ul{
list-style:none;
}

#content ul li, #footer ul li{
background:url(images/layout/listbg.gif) no-repeat top left;
background-position:0 3px;
padding-left:15px;
margin-bottom:5px;
}

#main .home-words{
list-style:none;
margin:0 0 20px 0;
}

#sidebar ul{
list-style:none;
margin-bottom:40px;
}

#sidebar ul li{
border-top:1px solid #eeeeee;
}

#sidebar ul li a{
display:block;
padding:6px 2px 6px 3px;
color:#999999;
font-weight:bold;
font-size:1.2em;
border:none;
width:100%;
height:100%;
}

#sidebar ul li a:hover{
color:#0072ff;
background:#fff;
}

.latest-posts{
margin-top:10px;
}

/*
################### Images ################### 
*/

a img{
border-style:none!important;
display:block;
}


/*
################### Links ################### 
*/

a{
color:#2a2a2c;
border-bottom:1px solid #2a2a2c;
}

a:hover{
background:#2a2a2c;
color:#fff;
}

#footer a{
color:#fff;
border-bottom:1px solid #fff;
}

#footer a:hover{
border-bottom:none;
background:transparent;
}

h3 a{
color:#0072ff;
border-bottom:2px solid #eeeeee;
padding-bottom:2px;
}

h3 a:hover{
color:#1d1e20;
border-bottom:2px solid #1d1e20;
background:#fff;
}


/*
################### Forms ################### 
*/

#search-submit{
margin-top:10px;
}

#frmSearch{
margin-bottom:20px;
}

#frmSearch label{
color:#999999;
margin-right:10px;
}

#frmSearch #word{
padding:3px;
border:1px solid #2a2a2c;
background:#f8f8f8;
font-size:1.6em;
width:250px;
}

#frmSearch #submit{
padding:5px;
overflow: visible;
}


/*
################### Tables ################### 
*/


/*
################### Typography ################### 
*/

p{
margin:10px 0;
}

.copyright{
color:#999999;
width:730px;
margin:10px auto;
}

.footer-block small{
display:none;
}

blockquote{
background:#eeeeee;
border:solid #999999;
border-width:1px 0;
margin:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.2em;
padding:10px
}

/*
################### Other ################### 
*/

.post{
margin-bottom:60px;
}

.postdate{
float:left;
padding:5px;
background-color:#eeeeee;
border-right:3px solid #999999;
margin-right:10px;
text-align:center;
color:#999999;
}

.postdate span{
font-size:1.6em;
font-weight:bold;
}

.postmetadata{
clear:both;
margin:10px 0;
padding:3px;
color:#999999;
}

.pagination{
padding:20px 0 30px 0;
clear:both;
}


.pagination a{
margin-right:3px;
padding:3px 7px;
background-color:#eeeeee;
border:solid #b3b3b3;
border-width:0 1px 1px 0;
color:#2a2a2c;
}

.pagination a:hover{
background-color:#0072ff;
border-color:#1b50ae;
color:#fff;
}

.pagination .disabled{
background-color:#eeeeee;
margin-right:3px;
padding:3px 7px;
}

.pagination .current{
margin-right:3px;
padding:3px 7px;
background-color:#1d1e20;
color:#fff;
}

/*
################### Comments ################### 
*/

.comments-template{
margin:10px 0;
border-top:3px solid #999999;
padding:0 15px 15px 15px;
background:#eeeeee;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px solid #ccc;
}

.comments-template .inputtext{
padding:3px;
border:1px solid #2a2a2c;
background:#f8f8f8 !important;
}

.comments-template #submit{
padding:3px;
}

.commentmetadata{
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}

.author-comment{
background:#d1d1d1 !important;
padding:5px !important;
}

.left{
float:left;
}

.right{
float:right;
}

code{
font-family:"Courier New", Courier, monospace;
font-size:1em;
padding:10px;
display:block;
overflow:scroll;
white-space:nowrap;
background:#eeeeee;
border:#2a2a2c 1px solid;
margin:10px 0;
}

hr{
color:#999999;
background-color:#999999;
height:1px;
margin-top:30px;
border:none;
}