/*
Theme Name: brush spoke
Theme URI: http://brushspoke.com
Description: built by brushspoke
Version: Awesome
Author: Ed Rock
Author URI: http://iwantedrock.com
*/
/* ----- CSS ----- */
*{
margin:0;
padding:0;
}	
html, body{
font-family:Trebuchet MS, Helvetica, sans-serif;
color:#fff;
background:#46443D;
}
.ser{
font-family: Georgia, Times New Roman, Times, Serif;
}
.bold{
font-weight:bold;
}
.italic{
font-style:italic;
}

hr{
height:2px;
color:#3D3B34;
background:#3D3B34;
border:none;
}

/* ----- IDS ----- */

#container{
width: 100%;
}
#sidebar{
float:left;
width: 280px;
position:fixed;
background: url("images/bg.gif") top right no-repeat;
height:550px;
}
#midbar{
float:left;
margin-left:280px;
width: 160px;
position:absolute;
display:none;
}
#primary{
margin-left:280px;
padding:10px 10px 0 10px;
}

/* ----- CLASSES ----- */
.logo{
margin:0 0 10px 0;
}
.slogan{
margin:35px 0 0 0;
text-align: center;
}
.post{
margin:0 0 2px 0;
}
.post img, .post embed, .post object{
border:solid 10px #3D3B34;
}
.comments{
margin:20px 0 0 0;
}
.respond{
margin:20px 0 0 0;
}

.info{
position:absolute;
z-index: 800;
margin:28px 0 0 16px;
}
.title,.summary,.excerpt,.tags{
background:#3D3B34;
margin:0 2px 2px 0;
padding:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
color:#fff;
font-style: italic;
}
#single .title{
background:none;
float: left;
margin:0 10px 0 0;
}
#single .summary, #single .tags{
height:24px;
}

.summary,.excerpt,.tags,.ext{
float: left;
}
.summary,.excerpt,.tags{
font-size:67%;
}
.excerpt{
max-width: 200px;
}
.summary{
min-width: 125px;
font-style: italic;
}
.source,.artist,.comment,.tweet{
line-height: 32px;
margin:0 0 2px 0;
}
#single .source,#single .artist,#single .comment,#single .tweet{
float: left;
}

a.icon{
width:32px;
height:32px;
text-indent: -9999px;
display: block;
margin:0 4px 0 0;
}


.source a.icon {
background:transparent url("images/icons.png") no-repeat scroll 0 0;
}
.source a.icon:hover{
background:transparent url("images/icons.png") scroll 0 -32px;
}
.artist a.icon {
background:transparent url("images/icons.png") no-repeat scroll 0 -64px;
}
.artist a.icon:hover{
background:transparent url("images/icons.png") scroll 0 -96px;
}
.comment a.icon {
background:transparent url("images/icons.png") no-repeat scroll 0 -128px;
}
.comment a.icon:hover{
background:transparent url("images/icons.png") scroll 0 -160px;
}
.tweet a.icon {
background:transparent url("images/icons.png") no-repeat scroll 0 -192px;
}
.tweet a.icon:hover{
background:transparent url("images/icons.png") scroll 0 -224px;
}


.about,.submit,.contact,.filter,.search,.twitter,.links,.donate{
font-size:67%;
background:#3D3B34;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
width:78%;
margin:14px auto 0;
padding:8px;
color:#030303;
}
.donate{
padding:4px 8px;
}
.top, .navigation{
position:fixed; /* this is the magic */   
font-size: 77%;
color:#1e1e1e;
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
}
.top, .navigation{
right:10px;  
}
.top{
bottom:10px;
}
.navigation{
top:50%;
font-size: 153.9%;
}

.top {  
background:#1e1e1e;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px; 
padding:6px;  
cursor:pointer;  
}
.alignleft{
float:left;
margin:0 6px 0 0;
}
.alignright{
float:right;
}
.alignleft a{
width: 32px;
height: 64px;
text-indent: -9999px;
display: block;
background:transparent url("images/icons.png") scroll 0 -384px;
}
.alignleft a:hover{
background:transparent url("images/icons.png") scroll 0 -448px;
}

.alignright a{
float:right;
width: 32px;
height: 64px;
text-indent: -9999px;
display: block;
background:transparent url("images/icons.png") scroll 0 -256px;
}
.alignright a:hover{
background:transparent url("images/icons.png") scroll 0 -320px;
}


.cform,.sform{
display: none;
margin:4px;
}
.hide{
}
.show{
}
.clear{
clear:both;
height:1px;
overflow:hidden;
}

/* ----- HEADINGS ----- */
.slogan h2{
font-style: italic;
color:#A6D4D9;
font-size:116%;
}
.title h2{
display: inline;
}
.post h2,.pagetitle{
margin:0 0 8px;
}
.comments h3,.respond h3{
font-size:116%;
color:#fff;
padding:10px;
}
h1{
font-size:153.9%;
line-height:138.5%;
}
h2{
font-size:138.5%;
}
h3{
font-size:116%;
line-height:100%;
}
h4{
}
.about h3,.submit h3,.contact h3,.filter h3,.search h3,.twitter h3,.links h3,.donate h3{
font:100%;
line-height:100%;
margin:0 0 8px 0;
font-weight:bold;
}
.donate {
}
.donate img{
vertical-align: middle;
margin:0 0 2px 0;
}
.linkcattitle{
margin:4px 0;
}
/* ----- LINKS ----- */
.title a, .about a ,.submit a,.contact a,.filter a,.search a,.twitter a,.links a,a.url, .post li a,.summary a,.excerpt a,.tags a{
color:#A6D4D9;
}
.title a:hover, .about a:hover ,.submit a:hover,.contact a:hover,.filter a:hover,.search a:hover,.twitter a:hover,.links a:hover,a.url:hover, .post li a:hover,.summary a:hover,.excerpt a:hover,.tags a:hover{
color:#D2C6AF;
}
.post p a, .respond p a,.comments p a{
background:#A6D4D9;
color:#3D3B34;
padding:0 2px;
}
.post p a:hover, .respond p a:hover,.comments p a:hover{
background:#D2C6AF;
}
.top a{
color:#A6D4D9;
display: block;
}
.top:hover{
background:#3D3B34;
color:#A6D4D9 !important;
}
.post a img:hover{
border:solid 10px #fff;
}

a.aktt_tweet_time{
color:#191710;
font-style:italic;
}
a.aktt_tweet_time:before{
content:"-";
}
.com a{
color:#191710;
}
.com a:hover{
color:#CD2B00;
}

a{
outline-style:none;
outline-width:0;
text-decoration:none;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}
/* ----- PARAGRAPHS ----- */

p{
}

.post p, .respond p{
font-size:93%;
background:#3D3B34;
padding: 4px;
margin:2px 0 0 0;
display: inline-block;
}
p.cinfo{
margin:0 0 4px 0;
color:#D2C6AF;
font-style:italic;
}
/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}


/* ----- LISTS ----- */
ul.lcat,ul.ltag{
float: left;
}
ul.ltag{
margin:0 0 0 28px;
}

.twitter ul{
font-size:100%;
margin:0;
padding:0;
width:100%;
}
.twitter li{
margin:0 0 4px 0;
padding:0;
list-style: circle inside;
}

/* ----- IMAGES ----- */

img{
border:none;
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}


/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input, textarea{
background:#5a574e;
color:#000;
border:none;
padding:6px;
}

#submit{
background:#1e1e1e;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px; 
padding:6px;  
cursor:pointer;
color:#A6D4D9;
}
#submit:hover{
background:#3D3B34;
}
.send{
margin:4px 0 0 0;
}
.donate #submit{
padding:6px 4px;
}
.button{
}
select{
}
optgroup{
}
option{
}
.says{
display:none;
}

.commentmetadata{
font-size: 77%;
font-style:italic;
}
.commentmetadata a{
color:#D2C6AF;
}
.commentmetadata a:hover{
color:#A6D4D9
}
.commentlist{
margin:8px 0 0 0;
padding:0 0 0 8px;
font-size:85%;
}
.commentlist p{
background:none;
}
.commentlist li{
margin:0 0 6px 0;
padding:4px;
clear: both;
}
li.odd{
background:#3D3B34;
}
li.even{
background:#33312a;
}
.respond{
clear: both;
margin:0 0 10px 0;
}
.respond form{
margin:8px 0 0 0;
padding:0 0 0 8px;
font-size:85%;
}
.respond textarea{
margin:4px 0;
width:99%;
}
.avatar{
border: none !important;
background:url("http://brushspoke.com/wp-content/uploads/avatars/bs.jpg") no-repeat;
}
.fn{
height: 60px;
font-size:116%;
line-height: 60px;
vertical-align: top;
}