/*   
Theme Name: RiffRaff
Theme URI: http://www.jabberwockydesign.com/
Description: Made for some skater punk.
Author: James Saunders
Version: 0.4.5
*/

/* Normalization */
body,div,dl,dt,dd,form,fieldset,input,blockquote,h1,h2,h3,h4,h5,h6,p,ul,ol,li
{margin:0; padding: 0;}

h1,h2,h3,h4,h5,h6
{font-size: 100%;}

ol, ul
{list-style: none;}

fieldset,img
{border:0;}

/* Fonts */

@font-face {
font-family: "Blackout";
src: url("fonts/Blackout-Midnight.ttf") format("truetype");
}

@font-face {
font-family: "Blackout2am";
src: url("fonts/Blackout-2am.ttf") format("truetype");
}

/* End Normalization */

body {
font: 10pt/1.4 normal;
font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
border-top: 160px solid #000;
}

body a{
text-decoration: none;
}

div#wrapper {
width: 900px;
margin: -160px auto 0;
position: relative;
z-index: 1;
padding-top: 200px;
}

ul#main_nav{
color: #f1f1f1;
width: 100%;
position: absolute;
top: 136px;
font-size: 110%;
font-weight: bold;
}

ul#main_nav li {
float: right;
width: 290px;
}

ul#main_nav li:hover {
border-bottom: 4px solid #f1f1f1;
}

ul#main_nav li a{
color: #f1f1f1;
}

ul#main_nav li a:hover{
color: #ffffff;
}

h1#branding {
position: absolute;
top: 40px;
height: 100px;
text-indent: -9999px;
color: #f1f1f1;
width: 100%;
background: url(images/riffraff.jpg) no-repeat top left;
}

h1#branding a{
color: #f1f1f1;
display: block;
height: 100px;
}

p#description {
position: absolute;
top: 60px;
right: 0;
color: #f1f1f1;
}

div#search_box {
position: absolute;
top: 80px;
right: 0;
}

div#content p a {
color: #616161;
border-bottom: 1px dotted;
}

div#content h2 a, div#content h3 a{
font-size: 130%;
color: #333;
position: absolute;
font-family: "Blackout","Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

div#content a:hover {
color: #999;
}

div#content_main {
width: 590px;
background: #fff;
min-height: 800px;
}

div#content_sub {
width: 280px;
position: absolute;
top: 200px;
right: 0px;
height: 800px;
padding: 0 10px;
}

div.post {
margin: 60px 0 100px 0;
position: relative;
padding: 15px 0px 5px;
top: -8px;
background: #131313;
}

div.post img, div.post a img {
display: block;
background: #444;
border: 1px solid;
margin: 10px auto;
border: none;
}

div#content div.post h2 a{
font-size: 180%;
color: #333;
position: absolute;
top: -40px;
}

div.post a img.imgtfe{
padding: 5px;
border: 1px solid #888;
}

div.post h3 {
padding: 0 5px;
width: 578px;
font-size: 180%;
background: #616161;
position: absolute;
top: -50px;
}

div.post p {
font-size: 100%;
color: #fafafa;
clear: both;
padding: 20px 20px 0;
}

div.post p object {
text-align: center;
display: block;
width: 100%;
margin: 0 0 20px 0;
background: #0f0f0f;
border: 1px solid #222;
}

div.post p.post_info {
margin: 20px 0 -10px;
padding: 10px;
border-top: 1px solid #666;
background: #333;
font-size: 80%;
}

div.video_box {
margin: 10px 0;
position: relative;
padding: 5px;
padding-left: 85px;
border-top: 1px solid #ccc;
font-size: 80%;
}

div.video_box img{
display: block;
background: #999;
width: 75px;
height: 75px;
position: absolute; 
left: 5px;
}

div#content_sub div#search_box {
position: absolute;
top: -40px;
left: 20px;
}

div#content_sub h4{
font-size: 150%;
color: #464646;
font-family: "Blackout", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

div#content_sub ul{
margin-bottom: 40px;
}

div#content_sub ul li ul {
margin-bottom: 0px;
padding-left: 5px;
}

div#content_sub ul li {
padding: 2px 0;
}

div#content_sub a {
color: #616161;
display: block;
width: 100%;
padding: 0 5px;

}

div#content_sub a:hover {
background: #8a8a8a;
color: #f1f1f1;
}

p#pagination {
width: 100%;
background: #ccc;
position: relative;
top: -40px;
border: 1px solid #999;
height: 19px;
}

div#content p#pagination a{
display: block;
width: 50%;
float: left;
border-bottom: none;
text-align: center;
}

div#content p#pagination a:hover{
background: #ddd;
color: #333;
}

div#site_info {
background: #fafafa;
width: 568px;
padding: 10px;
font-size: 80%;
border: 1px solid #f1f1f1;
}

div#site_info a {
color: #616161;
}

div#site_info a:hover {
color: #999;
}

/* Comments */
div#comment_area {
width: 568px;
border: 1px solid #666;
padding: 10px;
margin: 20px 0 50px;
color: #efefef;
background: #222;
}

div#comment_area h3{
font-size: 120%;
border-bottom: 1px dashed #666;
}

div#comment_area textarea {
max-width: 540px;
background: #efefef;
color: #222;
font-size: 120%;
}

div#comment_area a, div#comment_area p.commentmetadata a{
color: #aaa;
border-bottom: none;
}

div#comment_area a:hover, div#comment_area p.commentmetadata a:hover{
color: #ccc;
border-bottom: 1px solid;
}

div#comment_area li{
display: block;
margin: 10px;
padding: 5px;
background: #333;
position: relative;
}

div#comment_area li.alt{
background: #444;
}

div#comment_area p.commentmetadata{
font-size: 80%;
position: absolute;
top: 5px;
right: 5px;
}

div#comment_area form p{
padding: 10px;
}

/* General classes */

div#content .aligncenter {
text-align: center;
margin: 0 auto;
}

div#content div.wp-caption {
border: 1px solid #222;
background: #1a1a1a;
margin: 20px auto 40px;

}

div.wp-caption a img{
border: 1px solid #222;
margin: 0;
}

div.wp-caption a:hover img{
border: 1px solid #666;
margin: 0;
}

div.wp-caption p.wp-caption-text{
padding: 0 0 10px;
margin: 0;
font-size: 110%;
}

/* archive */

div.car-container{
position: relative;
}

ul.car-list ul.car-monthlisting li{
font-size: 0;
position: relative;
}

ul.car-list ul.car-monthlisting li a{
font-size: 10pt;
}

ul.car-list span{
color: #732;
}

ul.car-list span.car-yearmonth{
color: #333;;
}

div#content_sub div.car-container a.car-toggler {
font-size: 70%;
position: absolute;
top: -25px;
padding-top: 6px;
left: 100px;
width: 50px;
height: 17px;
text-align: center;
}