@charset "UTF-8";
 /*    
Theme Name: Truckerspeed
Theme URI: http://www.truckerspeed.com/ 
Description: Do Truckerspeed son. 
Author: Scott Carver
Author URI: http://scottcarver.info
Version: 1.0 
 
General comments/License Statement if any. 

*/

body{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#999; 
	padding:0px; 
	margin:0px; 
	background-color:#333;
	background-image:url(images/hardergrey.jpg);
	background-repeat:no-repeat;
	background-position:top center; 
	background-attachment:fixed;
	
}


a{ 
	text-decoration:none; 
	color:#01AAEA; 
}

.post p a.more-link{
background-color:#01AAEA;
color:white;
padding:0px 4px;
text-decoration:none;
}
.post p a.more-link:hover{
background-color:#E67031;
}

a img{
border:none;
}

.spoiler{background-color:#E67031;color:white;cursor:pointer;padding:0 0 0 4px;}
.spoiled{background-color:InfoBackground;display:none;padding:0 4px;color:#666666;}

.tag_story{
background-color:aliceBlue;
border:1px solid #B4DCFC;
float:left;
padding:2px 4px;}


h1{
text-align:left;
}

#banner_ad{
border:1px solid #777;
display:block;
float:right;
height:60px;
margin:70px 20px 0 0;
width:468px;
display:none;
}

.ad_300x250{
border:1px solid #C3C3C3;
margin:0 0px 20px 5px;
width:300px;
height:250px;
background-color:#f1f1f1;
}

#ad_120x600 {
background-color:#F1F1F1;
border:1px solid #C3C3C3;
margin:0 0 0 6px;
width:120px;
text-align:center;
height:600px;
float:left;
}

#ad_160x600 {
background-color:#F1F1F1;
border:1px solid #C3C3C3;
margin:0 0 0 6px;
width:160px;
text-align:center;
height:600px;
float:right;
}

#ad_728x90{
margin:10px;
float:right;
}


#h1_graphical{
display:block;
height:160px;
width:390px;

}

#h1_graphical h1{
margin:0px;
padding:0px;
display:none;
}

h2, h2 a{
	font-family:'Century Gothic',Geneva,Verdana,sans-serif;
	color:#333333;font-size:28px;margin:0px;padding-bottom:4px;

	}

.alttext{display:none;}

.post h2, .post h2 a{
color:#e67031;
line-height:25px;
margin-top:10px;
margin-bottom:10px;
text-transform:uppercase;
font-size:30px;
}

#sidebar h2{
color:#E67031;
font-size:20px;
margin-top:-10px;
padding-left:10px;
}

#widgetbox h2, #widgetbox h2 a{
color:#E67031;
font-size:14px;
padding:4px 4px 4px 10px;
text-transform:uppercase;

}

.post h3{
color:#333333;	
margin-top:14px;
margin-bottom:4px;
border-bottom:1px dashed #DEDEDE;
}

.post p{
color:#666666;	
}

.post ul a{
color:#999999;	
}

.post p strong{
background-color:#DEDEDE;
color:#333333;
}

.post ol{
	margin-left:0;
	padding-left:10px;	
}

.post ol li{
	background-color:white;
	border-bottom:1px solid #DEDEDE;
	color:#666666;
	margin:2px 10px 10px;
	padding:4px 9px;
}

#header{
background:#FFFFFF url(images/TS_mapheader.jpg) no-repeat scroll center top;
border:1px solid white;
border-bottom:none;
height:220px;
margin:60px auto 0px auto;
width:960px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;	
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
}

#header_frame{
width:940px;
margin-left:auto;
margin-right:auto;
height:140px;
/*background:transparent url(images/truckerspeed_logo.gif) no-repeat scroll 20px 60px;*/
}

#navigation{
	background-color:#333333;
		font:italic 0.8em/0.8em Georgia, "Times New Roman", Times, serif; 
	width:962px;
	height:108px;
	margin:0 auto;
	/* border-left:1px solid white;
	border-right:1px solid white; */
}



#content{
display:block;font-size:12px;
		
		
}

#content_frame{
	border:1px solid #c3c3c3;
	border-top:none;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	width:960px;margin-left:auto;margin-right:auto;
	padding-top:10px;
	/* padding-bottom:20px; */
	background-color:#DEDEDE;
	/* background:#DEDEDE url(images/grey_ridge_widelight.jpg); */
	}

#left_column{
width:600px;
float:left;
padding-left:16px;

/*
border:solid 1px #c3c3c3;
background-color:#DEDEDE; */
}

#left_column.full_width{
width:926px;
}


#right_column{width:330px;float:right;padding-top:20px;}

#sidebar{position:relative;}

#floater {

/*
background-color:white;
border-left:4px solid grey;
border-top:4px solid grey;
*/
bottom:0;
color:grey;
height:80px;
left:0;
position:fixed;
width:100%;
z-index:10;
}

#float_frame{
width:900px;
/*border:solid 1px red;*/
margin-left:auto;
margin-right:auto;
display:block;
height:80px;
}

/* MUSIC PLAYER */
#musicplayer{
background-image:url(images/audio_bg.png);
background-repeat:no-repeat;
background-position:center top;
display:block;
float:right;
height:80px;
margin-right:-5px;
padding:36px 10px 10px;
width:320px;

}	

#footer{display:block;margin-bottom:60px;margin-top:20px;}
#footer_frame{
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:955px;	
}

#footer_frame a{
color:darkorange;
}

#footer_frame a:hover{
text-decoration:underline;
}

#searchform{
padding:20px;
}


.navigation{
padding-top:10px;
margin-top:10px !important;
margin-top:5px;
margin-bottom:10px !important;
margin-bottom:5px;
height:30px;
}

.nav-description{
color:grey;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
padding:2px 4px;
}

.nav-description a{
color:grey;
text-decoration:none;
}

#navigation ul{ 
	list-style: none; 
	margin-left:auto;
	margin-right:auto;
	padding: 0; 
	width:940px;
	background-color:#333;
margin-top:0px;
margin-bottom:0px;
	padding:4px;

	
}
#navigation ul li{
	padding: 0px; 
	margin:0 2px 0 0; 
	list-style:none; 
	display:inline;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-radius: 10px;

}
#navigation ul li a:hover{

margin:0px;
padding:0px;	
}

#navigation ul li a{
	display: inline-block!important; 
	overflow: hidden; 
	height: 100px; 
	line-height:90px; 
	width: 360px; 
	white-space:nowrap; 
	text-align:left; 
	
}
#navigation ul li a p { 
	padding:0 0 0 145px; 
	margin-top:8px;
	line-height:normal;
}
#navigation ul li a p strong {
	font-size:24px; 
	color:orange;
}
#navigation ul li a.home {
	background:url(images/chazzuka.jpg) top left no-repeat;
}
#navigation ul li a.blog {
	background:url(images/blog.jpg) top left no-repeat;
}
#navigation ul li a.services {
	background:url(images/services.jpg) top left no-repeat;
}
#navigation ul li a.portfolio {
	background:url(images/portfolio.jpg) top left no-repeat;
}
#navigation ul li a.about {
	background:url(images/about.jpg) top left no-repeat;
	
}

#navigation .active{
background-position:0px 100px;
}

.wp-pagenavi{
text-align:center;	
}


p.info { width:500px; margin:10px auto; border-top:dotted 1px #ccc; 
	border-bottom:dotted 1px #ccc; color:#666; padding:10px 0px; 
	text-align:left; line-height:normal; display:inline-block;}
	
p.info a:hover { color:red; }
p.info h1 a { text-decoration:underline; color:#999; }

.footer { font:italic 11px/normal Arial, Helvetica, sans-serif; 
	color:#999; display:inline-block; padding:5px 0 0 0; }
	
.post{
	border:1px solid #999; 
	margin-top:20px !important;
	margin-top:10px;
	/* margin-bottom:20px; */
	padding:40px;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	background-color:white;
}
	
	.post p a{
	color:#01AAEA;
	text-decoration:underline;
	}
	





	
.video{
/* background:transparent url(images/videoBG_pampelmoose.png) no-repeat scroll center center; */
padding:10px;
width:464px;
}

/*
.video_truckerspeed{
	background:url(images/videoBG_truckerspeed.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px;
	padding-top:40px;
	width:464px;
	border-bottom:4px solid #dedede;
	
}

*/
textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }



.post_comments{
	border:1px solid white; 
	padding:10px;
	background-color:#ededed;
}

.commentlist .alt{
background-color:white;
padding:6px;
margin-bottom:10px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ICON STYLES

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.metainfo_top{
width:454px;
border-bottom:1px dashed #DEDEDE;

margin:0 0 20px 0;
padding:10px;
}

.metainfo_bottom {
background-color:#f1f1f1;
margin:20px 0 0;
padding:10px 4px 4px;
text-align:center;
width:510px;

}

.metainfo_top a, .metainfo_bottom a{
	font-weight:bold;
}

.metainfo_top a:hover, .metainfo_bottom a:hover{
	color:#e67031;
}

.comments, .author, .date, .category, .edit{
display:inline;
margin-right:12px;
padding-left:20px;
}

.share{
display:inline;
}

.comments{ 
background:transparent url(images/icon-comments.gif) no-repeat scroll 0 0;
}

.category{ 
background:transparent url(images/icon-category.gif) no-repeat scroll 0 0;
}

.author{ 
background:transparent url(images/icon-author.gif) no-repeat scroll 0 0;
}

.date{ 
background:transparent url(images/icon-date.gif) no-repeat scroll 0 0;
}

.edit{ 	
background:transparent url(images/icon-date.gif) no-repeat scroll 0 0;
}

.post ul li.edit a {

}

li.share{

}

.share_link{
cursor:pointer;
background:transparent url(images/icon-share.gif) no-repeat scroll 0 0;
margin-right:12px;
padding-left:20px;
}

.share_link:hover{
	color:#e67031;
}

.share_options{
display:block;
margin-top:8px;
padding:10px;
width:440px;
display:none;
background:none;
text-align:center;
}

.share_options li{
display:inline;
background-color:#DEDEDE;
border:1px solid #C3C3C3;
}

.share_options li:hover{
background-color:green;
color:white;
}

.share_options li a{
color:#666666;
font-weight:normal;
padding:4px;
font-size:10px;
}

.share_options li a:hover{
color:white;
font-weight:normal;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

TABBED INTERFACE STYLES

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#tabvanilla ul, #siteinfo_tab ul{
margin:0px;
padding:0px;
}

#widgetbox{
background-image:url(images/dirty-background.jpg);
background-repeat:no-repeat;
background-position:center top;
border:1px solid #c3c3c3;
margin:0px 20px 15px;
padding:10px;
width:310px;

}


#widgetbox li{
border-bottom:2px solid #EDEDED;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px;
}

#widgetbox ul{
background-color:white;
border:1px solid #DEDEDE;
margin:2px 10px 10px;
padding:6px 16px;
}

.widget {
width: 280px;
margin: 0px 10px 20px 10px;
padding: 6px 4px 4px 4px;
}

	.widget a {
	color: grey;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #e67031;
	}



	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		background-color: #999999;
		border:1px solid #99999;
		font-size:10px;
		}
		
		.tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background-color: white;
		color: #E67031;
		text-decoration: none;
	}
	
	.tabnav li a:hover{
	background-color: black;
	color: white;
	text-decoration: none;
	}
		
		.tabnav li.ui-tabs-selected a{
		border:1px solid #999999;
		border-bottom:none;
	
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #999;
	padding: 0px;
	margin:0px;
	-moz-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomright: 10px;	
	-webkit-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	}
	
	
	
	.tabdiv h3{
	margin:0px;
	color:#E67031;
	font-size:12px;
	text-transform:uppercase;
	}
	
	.tabdiv li {
	border-bottom:1px solid #DEDEDE;
	list-style-type:none;
	margin:10px;
	padding:4px;
	}
		
	.tabdiv li.headline {
	border:none;
	list-style-type:none;
	border-bottom:1px solid #DEDEDE;
	}	
		
#localmusiclinks{
	-moz-border-radius: 10px;	
	-webkit-border-radius 10px;
}

#friendfeed{
	-moz-border-radius: 10px;	
	-webkit-border-radius 10px;
	width:298px;
	padding-top:20px;
	margin-left:10px !important;
	margin-left:5px;
	background-color:white;
	margin-bottom:20px;
}


#localmusiclinks li {
margin:5px;
}

#localmusiclinks h3{
margin-top:10px;
}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}










/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

KWICKS INTERFACE STYLES

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */





.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 233px;
	height: 100px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}



#kwick_1 { 
background-image:url(images/sprite_film.gif);
background-position:0px 0px;
}

#kwick_1:hover { 
background-position:0px 100px;
}

#kwick_2 {
background-image:url(images/sprite_music.gif);
background-position:390px 0px;
}

#kwick_2:hover{
background-position:0px 100px;
}

#kwick_3 {
background-image:url(images/sprite_culture.gif);
background-position:390px 0px;
}

#kwick_3:hover {
background-position:0px 100px;
}

#kwick_4 { 
background-image:url(images/sprite_about.gif);
background-position:390px 0px;
}

#kwick_4:hover { 
background-position:0px 100px;
}


.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}




/*  Hide these things

body #ymp-body #ymp-meta-album-title, body #ymp-player img, body #ymp-body #ymp-meta-image, 
body #ymp-body #ymp-relevance, 
{display:none;} 

body #ymp-player {
right:0px;
}

body #ymp-body a#ymp-btn-pop, 
body #ymp-body a#ymp-btn-close, 
body #ymp-body a#ymp-btn-pop, 
body #ymp-body #ymp-btn-min, 
body #ymp-body #ymp-meta-image{
display:none
}

body #ymp-body #ymp-yahoo-logo{
width:0px;
height:0px;
}

body #ymp-body #ymp-control{
left:26px;
top:4px;
}

body #ymp-body #ymp-volume{
left:110px;
}

body .ymp-player-max #ymp-body{
width:298px;
background-color:#DEDEDE;
background-image:none;
border:1px solid #999999;
}

body #ymp-body #ymp-btn-max {
background-color:red;
}

body #ymp-tray{

right:0px;
bottom:84px;
float:right;
position:fixed;
right:327px;
}




body #ymp-body #ymp-body-base, body #ymp-body #ymp-body-strip, body #ymp-body #ymp-player{
background-image:url(http://truckerspeed.com/wp-content/themes/truckerspeed/images/dirty-background.jpg);
display:none;
width:300px;
}



body #ymp-player.ymp-player-max, #ymp-player.ymp-player-min{
right:0px;
width:300px;
}

body #ymp-body #ymp-volume {
left:15px !important;
top:6px;
width:12px;
}


body #ymp-body #ymp-meta-bottom {
bottom:-1px;
left:-129px;
}

body body #ymp-body #ymp-control {
left:135px;
top:11px;
}

body #ymp-body #ymp-meta {
background-image:none;
}

body #ymp-tray {
left:0 !important;
}

body #ymp-tray ul li a.playing {
background-color:#E6B500;
}

body #ymp-tray ul li a.playing:hover{
background-color:#E6B500;
color:black;
}

body #ymp-tray ul li a.hover {
background-color:#E6B500;
}
*/

/* OTHER DUDES STUFF 
http://gonze.com/blog/2009/01/16/bizepsorat-goose-hacks/



a.ymp-btn-prev, a.ymp-btn-next, a.ymp-btn-play, a.ymp-btn-pause,
a.ymp-btn-prev:focus, a.ymp-btn-prev:hover, a.ymp-btn-prev:active,
a.ymp-btn-next:focus, a.ymp-btn-next:hover, a.ymp-btn-next:active,
a.ymp-btn-play:focus, a.ymp-btn-play:hover, a.ymp-btn-play:active,
a.ymp-btn-pause:focus, a.ymp-btn-pause:hover, a.ymp-btn-pause:active {
	background: url(http://www.bizeps.or.at/hpbilder/buttons.PNG) no-repeat !important;
}

a.ymp-btn-prev, a.ymp-btn-next {
	left: 0px !important;
	top: 5px !important;
	width: 30px !important;
	height: 30px !important;
}

a.ymp-btn-prev {
	background-position: 0 -262px !important;
}

a.ymp-btn-next {
	left: 67px !important;
	background-position: 0 -179px !important;
}

a.ymp-btn-prev:focus, a.ymp-btn-prev:hover, a.ymp-btn-prev:active {
	background-position: 0 -96px !important;
}

a.ymp-btn-next:focus, a.ymp-btn-next:hover, a.ymp-btn-next:active {
	background-position: 0 -302px !important;
}

a.ymp-btn-play {
	background-position: 0 -219px !important;
	width: 33px !important;
}

a.ymp-btn-play:focus, a.ymp-btn-play:hover, a.ymp-btn-play:active {
	background-position: 0 -53px !important;
}

a.ymp-btn-pause {
	background-position: 0 -10px !important;
}

a.ymp-btn-pause:focus, a.ymp-btn-pause:hover, a.ymp-btn-pause:active {
	background-position: 0 -136px !important;
}

#ymp-volume {
left: 115px !important;
}

#ymp-meta,
#ymp-tray {
	left: 140px !important;
}

#ymp-meta-image {
	background: none !important;
}


*/





/*  FRIENDFEED STUFF */
.friendfeed.widget {
margin:0 5px 15px !important;
border:0px !important;
background-color:none !important;
}

.friendfeed.widget img.icon, .friendfeed.widget .feed .entry .info{
display:none !important;	
}

.friendfeed.widget .feed .cluster .body {
margin-left:6px !important;	
width:260px;
padding:6px;
overflow:hidden;
border-bottom:1px solid #DEDEDE;
}

.friendfeed.widget .feed{
margin:0px !important;
padding:0px !important;	
}

.friendfeed.widget a{
color:#01AAEA !important;
}

.friendfeed.widget, div.friendfeed.widget div, div.friendfeed.widget span, 
div.friendfeed.widget img, div.friendfeed.widget table, div.friendfeed.widget tr, 
div.friendfeed.widget td{
background-color:transparent !important;	

}

.logo{}
.feed{}
.entry{}
.icon{}
.body{}
.summary{}
.comments{}
.likes{}
.info{}
.media{}
.picture{}
.name{}
.services{}
.stats{}
.bottom{}

.friendfeed.widget .feed .cluster .summary a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background:#FFFDCC none repeat scroll 0 0;
border:1px solid #F2E786 !important;
color:#E67031 !important;
font-size:10px;
font-weight:normal;
margin-right:4px;
padding:2px 4px;
text-decoration:none !important;

}

.friendfeed.widget .feed .cluster .summary, .friendfeed.widget .feed .entry .title, .friendfeed.widget .feed .entry .media {widget2....21ddcff2e (line 114)
margin-bottom:4pt;
}


div.friendfeed.widget div {
font-size:12px
}

.friendfeed.widget .feed .cluster {
margin-bottom:12px !important;
}

.friendfeed.widget .feed .entry .title
overflow:hidden;
}


/**************** BANDLOOP WIDGET CSS CLASSES ****************/
/* These bandloop-specific styles are used by the widget. */
/* You can certainly edit these CSS classes outside of the widget builder. */
/* Widget builder: http://bandloop.com/widgets.php */
/* Paste all this in your stylesheet, or between style tags on your site. */
table.bandloop_table {width: 250px;}
tr.bandloop_odd {
background-color:#FFFFFF;
}
tr.bandloop_even {
background-color:#FFFFFF;
}

#bandloop_local{
	background-color:#EFEFEF;
	border:1px solid #C3C3C3;
	margin:0 6px 0;
	padding:10px;
	width:280px;
}

/* bandloop_td: applies to all bandloop td elements */
td.bandloop_td {
	font-family: arial;
	font-size: 14px;
	line-height: 14px;
	color: white;
	padding: 5px;
}

/* specific bandloop td elements */
td.bandloop_header {}
td.bandloop_col1 {vertical-align: top; border-top: 2px solid #EDEDED;display:none;}
td.bandloop_col2 {vertical-align: top; border-top: 2px solid #EDEDED;color:#222222;}
td.bandloop_col3 {vertical-align: top; border-top: 2px solid #EDEDED;}
td.bandloop_footer {text-align: center; border-top: 2px solid #EDEDED;}

/* specific bandloop text and link stylings */
.bandloop_header_txt {color:#E67031;font-size:18px;font-weight:bold;line-height:16px;text-transform:uppercase;}
.bandloop_date {color: #ca0002;}
.bandloop_band {color: #01AAEA;}
.bandloop_venue {color:#222222;}
.bandloop_footer_txt {font-size: 14px; color: grey;}
a.bandloop_date {text-decoration: none;}
a.bandloop_band {text-decoration: none;font-size:12px;}
a.bandloop_venue {text-decoration: none;color:grey;font-size:12px;}
a.bandloop_date:hover {text-decoration: underline;}
a.bandloop_band:hover {text-decoration: underline;}
a.bandloop_venue:hover {text-decoration: underline;}
/**************** END BANDLOOP WIDGET CSS ****************/