/*  
Theme Name: Toast
Theme URI: http://toastskateboards.com/
Description: Toast Skateboards Theme
Version: 2.0
Author: Carl
Author URI: http://toastskateboards.com/

Notes: Theme for Toast Skateboards web site.
*/

* {
margin : 0;
padding : 0;
}

img
{  border-style: none;
}

html, body {
background : #000;
color : #fff;
text-align : center;
}
body {
font : 12px arial, helvetica, verdana, sans-serif;
}
h1 {
font-size : 22px;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
h4 {
font-size : 14px;
}
h5 {
font-size : 10px;
}
a {
color : #ac0000;
text-decoration : none;
}
a:hover {
color : #666;
text-decoration : none;
}
#wrapper {
border-top : 3px solid #000;
margin : 20px auto;
text-align : left;
width : 965px;
}
#masthead {
background : #000;
height : 250px;
border
}
#masthead h1 a {
text-transform : uppercase;
width : 967px;
height : 250px;
float : left;
margin : 0px 0 0 0;
}
#masthead h1 a em {
font-style : normal;
color : #555;
}
#authorBlurb img {
float : right;
width : 42px;
height : 42px;
border : 3px solid #666;
}
#authorIntro a {
font-weight : bold;
}
#authorIntro {
line-height : 1.4em;
width : 400px;
float : right;
margin : 8px 0 0 0;
}
ul.nav {
border-top : 0px solid #000;
margin : 3px auto;
text-align : left;
width : 965px;
list-style : none;
background : #000;
}




.nav li {
border-right : 1px solid #000;
float : left;
width: 200px:
}



.nav li a {
background : url(images/li.gif) no-repeat 0 3px;font-weight : bold;
font-size : 12px;
outline : none;
color : #ac0000;
text-decoration : none;

padding : 4px 20px 44px 16px;


}
.nav li a span {
font-size : 11px;
color : #777;
text-transform : lowercase;
}
.nav li a:hover {
background : url(images/li.gif) no-repeat 0 3px;font-weight : bold;
font-weight : bold;
font-size : 12px;
outline : none;
color : #666666;
text-decoration : none;

padding : 4px 20px 44px 16px;

}
* html .nav li a:hover {
background : #333;
width : 99px;
}
.nav li.skip {
border-left : 1px solid #ddd;
float : right;
display : block;
width : 100px;
}
.nav li.skip a {
width : 100px;
}
li.top {
border-left : 1px solid #ddd;
float : right;
display : block;
width : 100px;
}
li.top a {
width : 100px;
}
.nav li.skip a:hover, li.top a:hover {
background : transparent;
color : #333 !important ;
}
#archives {
background : #000;
}
#archives ul {
list-style : none;
padding : 5px 0 3px 0;
}
#archives li {
float : left;
display : block;
width : 101px;
}
#archives li a {
font-weight : bold;
color : #ac0000;
width : 99px;
display : block;
padding : 2px 0 4px 5px;
}
#archives li a:hover {
color : #fff;
}
#archive {
background : #000;
}
#archive ul {
list-style : none;
}
#archive li {
float : left;
display : block;
width : 428px;
}
#archive li a {
font-weight : bold;
color : #ac0000;
}
#archive li a:hover {
color : #fff;
}
#mainCol2 {

margin : 26px 0 0 0;
width : 967px;
}

#mainCol {
float : left;
margin : 26px 0 0 0;
width : 435px;
height: 100%;
}


#vidCol a {
font-weight : bold;
}
#vidCol {
background: #000;
float : left;
width : 480px;
margin : 23px 0 0 33px;
}
#vidCol p {
color : #777;
}


#advCol a {
font-weight : bold;
}
#advCol {
background: #000;
float : left;
width : 480px;
margin : 23px 0 0 33px;
}
#advCol p {
color : #777;
}





#midmain{
float : right;
width : 530px;


}





#midCol a {
font-weight : bold;
}
#midCol {
color : #444;
float : left;
margin : 25px 0 0 33px;
width : 250px;
line-height : 1.3em;
}
#midCol p {
color : #777;
}
#searchWrap, .middle_links {
margin-bottom : 20px;
}
#searchWrap input {
vertical-align : middle;
}
#searchWrap #s {
font-size : 1.1em;
border : 1px solid #bbb;
padding : 1px 2px;
margin-right : 3px;
width : 220px;
}
.middle_links h3 {
margin-bottom : 7px;
}
#midCol ul {
list-style : none;
margin : 8px 0 4px;
}










.middle_links ul li {
background : url(images/li.gif) no-repeat 0 3px;
color : #7f7f7f;
line-height : 1.2em;
border-top : 1px solid #bbb;
padding : 4px 0 4px 16px;
}
#tertCol {
float : right;
width : 214px;
margin : 23px 0 0 33px;
}
#tertCol p {
color : #777;
}
#elseWhere {
margin : 0 0 20px 0;
}
#elseWhere h3 {
margin-bottom : 7px;
}








ul#imgLinks {
list-style : none;
margin : 7px 0;
}
#imgLinks li {
color : #ffffff;
line-height : 1.2em;
padding : 0 0 1px;
}
#imgLinks li a img {
border : 3px solid #eee;
width : 208px;
height : 69px;
color : #333;
font-weight : bold;
}
#imgLinks li a:hover img {
border-color : #ac0000;
}








.postMeta {
background : url(images/dot.gif) repeat-x left center;
text-transform : uppercase;
font-size : 11px;
text-align : right;
margin-bottom : 5px;
}
.postMeta span.date {
background : #000;
color : #7f7f7f;
padding : 0 2px 0 4px;
}
.postMeta span.comments {
background : #000 url(images/chat_grey.gif) no-repeat left center;
padding-left : 15px;
margin-left : 2px;
}
.postMeta span.comments a, .postMeta span.date a {
color : #555;
}
.post {
margin : 0 0 15px 0;
}
.post h2 {
line-height : 1.2em;
margin-bottom : 7px;
}
.post h2 a {
width : 100%;
display : block;
outline : none;
}
.entry h3 {
margin : 1em 0;
}
.post .entry {
line-height : 1.4em;
overflow : hidden;
}
.post .entry p {
margin : 1em 0;
}
.post .entry p a {
background : url(images/dot.gif) repeat-x bottom left;
font-weight : bold;
text-decoration : none;
}
.entry blockquote {
margin : 0 1.3em 0;
}
.entry a {
text-decoration : none;
}
.entry ul {
margin : 0 1.3em 0;
list-style : none;
}
.entry li a {
color : #333;
font-weight : bold;
background : url(images/dot.gif) repeat-x bottom left;
text-decoration : none;
}
.entry ul li {
background : url(images/li.gif) no-repeat 0 1px;
padding-left : 18px;
margin-bottom : 7px;
text-decoration : none;
}
.entry ol {
margin : 0 1em 0 3em;
}
.entry ol li {
margin : 0 0 7px 0;
}
.entry img, .entry a img {

border-style: none;


}
.entry a:hover img {
border-style: none;
text-decoration : none;
}













.entry table tr {
padding : 15px 0;
}
.entry table tr.alt {
background : #eee;
}
#more_reading {
color : #7f7f7f;
font-size : 11px;
text-transform : uppercase;
margin-bottom : 25px;
text-align : right;
}
#more_reading p, #more_reading img {
vertical-align : middle;
}
#more_reading a img {
border : none;
margin : 0 0 3px 2px;
}
#comments {
width : 435px;
padding : 12px 0 0 0;
}
#comments a {
text-decoration : none;
}
#comments h4, h4#respond {
color : #555;
margin-bottom : 7px;
}
ol.commentslist {
list-style : none;
margin : 5px 0 12px;
}
.commentslist li {
background : #333;
border : 1px solid #666;
margin-bottom : 7px;
padding : 7px 0;
}
.commentslist li a {
font-weight : normal;
background : url(images/dot.gif) repeat-x bottom left;
text-decoration : none;
}
.commentslist li.alt {
background : #000;
}
.commentslist li:hover {
border-color : #888;
text-decoration : none;
}
.commentslist .comment_text {
margin : 0 7px;
line-height : 1.4em;
overflow : hidden;
}
.comment_text p, .comment_text ul, .comment_text ol, .comment_text blockquote {
margin : 1em 0;
}
.comment_text ul, .comment_text ol, .comment_text blockquote {
margin : 0 1em;
}
p.author_meta {
font-weight : normal;
text-transform : uppercase;
margin : 0 0 0 5px;
}
p.post_meta {
font-size : 11px;
text-transform : uppercase;
text-align : right;
margin : 0 7px 0 0;
text-decoration : none;
}
.commentslist li.author {
background : #333;
color : #ccc;
text-decoration : none;
}
.commentslist li.author a {
color : #ddd;
text-decoration : none;
}
.commentslist li.author a:hover {
color : #fff;
text-decoration : none;
}
#comments_closed {
background : #333;
color : #ccc;
padding : 7px 0;
margin-top : 12px;
line-height : 1.5em;
}
p.nocomments {
margin : 0 12px 0 7px;
}
p.nocomments a {
color : #ddd;
font-weight : bold;
text-decoration : none;
}
p.nocomments a:hover {
color : #fff;
text-decoration : none;
}
ol.pingslist {
margin : 1.5em 2em;
font-size : 12px;
}
.pingslist li {
color : #7f7f7f;
margin : 0 0 7px 0;
}
.pingslist li a {
font-weight : normal;
background : url(images/dot.gif) repeat-x bottom left;
}
#commentform p {
margin : 1em 0;
}
#commentform p a {
font-weight : normal;
background : url(images/dot.gif) repeat-x bottom left;
}
#author, #email, #url, #comment {
font : 1.1em arial, helvetica, verdana, sans-serif;
border : 1px solid #bbb;
padding : 2px;
}
#comment {
width : 429px;
overflow : auto;
}
#commentform p small {
font-size : 10px;
color : #7f7f7f;
}
.commentslist code {
background : transparent;
}
#footer p {
padding-top : 7px;
}
#footer p a {
font-weight : bold;
color : #333;
}
.floatleft {
float : left;
margin : 3px 7px 0 0;
}
.floatright {
float : right;
margin : 3px 0 0 7px;
}
.right {
float : right;
}
.left {
float : left;
}
.clear {
clear : both;
}
.fix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.fix {
display : inline-block;
}
* html .fix {
height : 1%;
}
.fix {
display : block;
}
.flickr {
width : 428px;
}
.car-collapse .car-yearmonth {
cursor : s-resize;
}
.vvqbox {
margin : 5px auto 0 auto;
text-align : center;
}
* html object.mov {
display : none;
}
* html object.mov {
display : inline;
}
* html object.mov {
display : none;
}
#tvCol a {
font-weight : bold;
}
#tvCol {
color : #fff;
float : right;
margin : 25px 0 0 33px;
width : 420px;
line-height : 1.3em;
}
#tvCol p {
color : #666;
}
#tvmainCol {
float : left;
margin : 26px 0 0 0;
width : 965px;
}

#tvbar {

width : 480px;
}

.postMeta2 {
background : url(images/dot.gif) repeat-x left center;
width: 480px;
text-transform : uppercase;
font-size : 11px;
text-align : right;
margin-bottom : 5px;
}
.postMeta2 span.date {
background : #000;
color : #7f7f7f;
padding : 0 2px 0 4px;
}
.tvnav li {
border-right : 1px solid #000;
float : left;
display : block;
width : 155px;
}
.tvnav li a {
background : #000;

outline : none;
color : #ac0000;
text-decoration : none;
display : block;
padding : 4px 0 4px 16px;
width : 195px;

}
.tvnav li a span {

color : #777;
text-transform : lowercase;
}
.tvnav li a:hover {
background : url(images/li.gif) no-repeat 0 3px;
outline : none;
color : #666666;
text-decoration : none;
display : block;
padding : 4px 0 4px 16px;
width : 195px;
}








div.sociable { margin: 16px 0px;

 }

span.sociable_tagline {
float: left;

 }

span.sociable_tagline span { display: none; width: 110em; 

}

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #000;
	border-style: none;
	color: black;
	line-height: 1.25em;
text-align: left;
}
.sociable span {
	display: block;

}
.sociable ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.sociable ul li {
	background: #000;
	display: inline !important;
	list-style-type: none;
	margin: 0 !important;
	padding: 0px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: left;
	width: 18px;
	height: 18px;
	border-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

.sociable-hovers {
background: #000;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
background: #000;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable li { display:inline; }