/*  
Theme Name: Toxic Web's Van Halen
Theme URI: http://vistered.scarylittlemonkey.com/
Description: Van Halen Videos skin.
Version: 1
Author: Toxic Web
Author URI: http://www.toxic-web.co.uk/
*/

* {margin:0;padding:0;font-family:Verdana,Arial,'Arial Black','Trebuchet MS',Tahoma,Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;}

body {font-size:62.5%;
color:#fff;
background:#000 url(img/body-bg.jpg) no-repeat fixed center center;
}

@font-face {
    font-family: 'GlassHousesRegular';
    src: url('fonts/glashou-webfont.eot');
    src: url('fonts/glashou-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/v-webfont.woff') format('woff'),
         url('fonts/glashou-webfont.ttf.jgz') format('truetype'),
         url('fonts/glashou-webfont.svg.jgz#BaratzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header {
width:100%;
height:107px;
padding:10px 0; position:fixed;left:0;top:0;z-index:100;
background:url('img/header.png') top repeat-x;
}


#container {
width:800px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
position:relative;
padding-top:110px;
}

#sidebar {
margin-left:560px;
width:233px;font-size:1em;
}

#content {
float:left;
width:550px;font-size:1.2em;
}

#footer {
background-color:transparent;
padding-bottom:.5em;
}

/* header */

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family:'GlassHousesRegular';}

h1{position:absolute;top:34px;left:6%;font-size:60px;}

#banner {position:absolute;top:14px;right:5%;}

/*  content */

#content h2, #content h3{
color:#fff;
font-size:24px;
text-align:left;
font-weight:normal;
}

#content h2 a {
display:block;
width:100%;
}

.box { background:url('img/boxbackground.png');
width:480px;padding:0 35px;
overflow:hidden;}

.boxbefore { background:url('img/boxtop.png') bottom center no-repeat; 
height:32px;
width:550px;
margin:10px 0 0 0;
overflow:hidden;}

.boxafter { background:url('img/boxbottom.png') top center no-repeat; 
height:32px;
width:550px;
margin:0 0 10px 0;
overflow:hidden;
}

#content p{	text-align:justify;
padding:1em 5px;}
#content p.center { text-align:center;}

#content .postmetadata {
text-align:center;border-top:1px dotted #fff;padding:1em;
}

/*  sidebar */

.menu {	background:url('img/menubackground.png');
padding:0 30px 1em 30px;
overflow:hidden;}

.menubefore { background:url('img/menutop.png') bottom center no-repeat; 
height:32px;
width:233px;
margin:10px 0 0 0;
overflow:hidden;}

.menuafter { background:url('img/menubottom.png') top center no-repeat; 
height:32px;
width:233px;
margin:0 0 10px 0;
overflow:hidden;}

#sidebar p {
text-align:justify;
padding:3px;
list-style-type:none;
}
#sidebar p.center { text-align:center;}

#sidebar ul {
text-align:left;
list-style-type:none;
}

.menu ul li {
background:url('img/star.png') no-repeat 0 3px;
line-height:16px;
padding-left:12px;
}


#sidebar h2, #sidebar h3 {
font-size:22px;
text-align:left;
font-weight:normal;color:#fff;
}

.wp-tag-cloud li{display:inline;margin-left:2px;background:url('img/star.png') no-repeat left center; line-height:normal; white-space:normal;}
.wp-tag-cloud li a{font-weight:normal;}

/* footer  */

#footer p{text-align:center;}

#single-nav{padding:10px 0;}

#pagenavi{ text-align:center;padding:10px 0;}
#pagenavi a, #pagenavi a:link, #pagenavi a:active, 
#pagenavi span.pages, #pagenavi span.current, #pagenavi span.extend {
	padding: 2px 4px; 
	margin: 2px;
	text-decoration: none;
}

#pagenavi span.current {
	font-weight: bold;
	border: 1px solid #fff;
	color: #fff;
}


/*  links  */

a:link, a:active, a:visited {color:#ff0000;	text-decoration:none;font-weight:bold;}
a:hover	{color:#fff;}
a img {border:0;}

/*  forms  */
fieldset {border:0;}
input, textarea {
color:#fff;border:1px dotted #fff;background:transparent;padding:2px;
}

#s {
background:transparent;
width:96%;
font-size:1em;
}

#search label{visibility: hidden; display:none;}

#s:hover + label, #s:focus + label {visibility: visible; display:block;}

#comment {
display:block;
width:450px;
background:transparent;
margin:10px auto;
font-size:.9em; overflow:auto;
}
#inputcontainer {
width:450px;
margin:10px auto;
}
#namefield {
display:block;
float:left;
width:135px;
margin-right:20px;
}
#emailfield {
display:block;
float:left;
width:135px;
margin-right:20px;
}
#urlfield {
display:block;
float:left;
width:135px;
}
#namefield input, #emailfield input, #urlfield input {
width:135px;
font-size:.8em;
}
#submitter {
clear:both;
text-align:center;
}
#submitter input {
display:block;
width:150px;
margin:10px auto;
}

.link-code{font-size:.9em;width:98%;height:50px; overflow:auto;}

/*  lists  */

#content ol {
margin:5px 30px;line-height:16px;
}

ul li {
list-style-type:none;
background:url('img/star.png') 0 4px no-repeat;
padding-left:13px;
}

.tag-list, .related_post {margin-bottom:20px;}
.links-menu ul {list-style:none;}
.tag-list li, .links-menu li {display:inline;padding-left:13px;margin-right:4px;text-transform:capitalize;}


dl{padding:1em 5px;}
dt{font-weight:bold;}
dd{text-align:justify;}


/*  classes  */

.left {
float:left;
font-size:1.1em;
}

.right {
float:right;
font-size:1.1em;
}

.clear {
clear:both;
}
.show-hide{display:none;}


/* warning */
#warning { background:red;
           color:#fff;
           font-weight:bold;
           font-size:14px;
           line-height:24px;
           text-align:center;
           padding:0 10px;
           position:fixed;
           bottom:0;
           width:100%;
           display:none;
           visibility: hidden;
           }

.is-ie5, .is-ie6, .is-ie7, .is-ie8 
{display:none;
           visibility: hidden;
           }

.no-js #warning, .ie-lt9 #warning, 
.ua-ie-5 .is-ie5, .ua-ie-6 .is-ie6, .ua-ie-7 .is-ie7, .ua-ie-8 .is-ie8
{ display:block;
visibility:visible;
}



.caption {position: relative;
				 	display:block;
					}

.figcap { position: absolute; 
				 	display:block;
 					left:0;
					top: 0;
					right:0;
					height:100%;
					color: #fff;
 					}

.video-figcap { background:transparent url('img/video-play.png') no-repeat center center;}
	
.figcap p { padding:8px;
	visibility:hidden;
	text-align:center !important;
	}
.figcap:hover p { visibility:visible;
	background-color:rgba(55,0,0,.7);				
												/* For IE 5.5 - 7*/
												filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#999a0910, endColorstr=#999a0910);
												/* For IE 8*/
												-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999a0910, endColorstr=#999a0910)";
												}
	
	
	/* share this */

#bookmark-share {border-top:1px dotted #fff;padding-top:20px;}
#bookmark-share h4 {padding-bottom:10px;}

#bookmark-share span{vertical-align:middle; }

#bookmark-share:hover > span, #post-bookmark:hover > span { 
                               -webkit-transition-property:opacity;
														 	 -webkit-transition-duration: 500ms;
															 -moz-transition-property: opacity;
															 -moz-transition-duration: 500ms;
															 opacity: 0.2;
															 }
#bookmark-share:hover > span:hover, #post-bookmark:hover > span:hover {opacity: 1.0;}


#bookmark-share span, #post-bookmark span { position:relative;}
#bookmark-share span b, #post-bookmark span b { 
										 		 font-weight:bold; 
										 	 	 position:absolute;
												 left:20px;
												 top:-1px;
												 color:#fff;
												 padding:3px;
												 z-index:9999;
												 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75);
												 background-color:rgba(154,9,16,0.7);
												 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
												 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
												 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
												 -webkit-border-radius:3px;
												 -moz-border-radius:3px;
												 border-radius:3px;
												 white-space:nowrap;
												 }

#post-bookmark span b {background-color:rgba(250,158,31,1);}
.ie #bookmark-share span b, .ie #post-bookmark span b { visibility:hidden; display:none;}

#bookmark-share b, #post-bookmark b { opacity:0;
									 										-webkit-transition-property: opacity, top;
																			-webkit-transition-duration: 300ms;
																			-moz-transition-property: opacity, top; 
																			-moz-transition-duration: 300ms; 
																			}
#bookmark-share span:hover b, #post-bookmark span:hover b { opacity:1; top:-30px; }

/* PrettyPhoto */

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(img/pp-sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(img/pp-sprite-x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(img/pp-sprite.png) -112px -93px no-repeat; } /* Top right corner */

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(img/pp-sprite-y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(img/pp-sprite-y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(img/pp-sprite-next.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(img/pp-sprite-prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(img/pp-sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(img/pp-sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(img/pp-sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(img/pp-sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(img/pp-sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(img/pp-default-thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(img/pp-sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(img/pp-sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-style: italic; color:#9a0910; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ line-height: 16px; margin: 5px 50px 5px 0; color:#9a0910;}

div.pp_default .pp_bottom .pp_left { background: url(img/pp-sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(img/pp-sprite-x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(img/pp-sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

div.pp_default .pp_loaderIcon { background: url(img/pp-loader.gif) center center no-repeat; } /* Loader icon */


	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}
				
				.pp_nav {
					clear: right;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}