/*  
Theme Name: Vanshnookenraggen
Theme URI: http://www.vanshnookenraggen.com/
Description:
Version: 5.7
Author: Andrew Lynch

*/
@charset "utf-8";

@font-face { font-family:HelveticaNeueLTStd-UltLt; src:url('http://www.vanshnookenraggen.com/docs/HelveticaNeueLTStd-UltLt.otf'); }

@font-face { font-family:HelveticaNeueLTStd-Th; src:url('http://www.vanshnookenraggen.com/docs/HelveticaNeueLTStd-Th.otf'); }

@font-face { font-family:HelveticaNeueLTStd-Blk; src:url('http://www.vanshnookenraggen.com/docs/HelveticaNeueLTStd-Blk.otf'); }


body#main { padding:0; margin:0; background:url('images/pano1.jpg') left top no-repeat #333; font-family:Helvetica, Arial, Georgia, sans-serif; color:#000; }

body#back { padding:0; margin:0; background:url('images/pano1.jpg') left top no-repeat fixed #333; font-family:Helvetica, Arial, Georgia, sans-serif; color:#000; }

/* Header */

#header { width:100%; height:auto; position:fixed; top:0; left:0; z-index:10; display:none; }

h2.head { color:#fff; margin-top:10px; padding:10px; display:block; background-color:#333; }

	
/* Content */

body#main #wrap { width:4200px; height:650px; margin:20px auto 0; text-align:center; z-index:10; padding-left:250px; }

body#back #wrap { width:100%; min-height:650px; margin:20px auto 0; text-align:center; z-index:10; }

.postmetadata { width:100%; text-align:left; border-top:1px solid #333; }

/* fEATURED pOSTS */


#featpost { margin:0; text-align:left; height:600px; width:325px; overflow:visible; position:relative; float:left; }

#featpost h2 { color:#FFF; padding:0; margin-left:5px; }

#featpost .post { width:300px; height:300px; padding:0; margin:5px; background-color:#333; border:1px solid #333; position:relative; float:left; }

#featpost .title { position:absolute; top:50px; left:0; z-index:5; padding-left:5px; display:block; background-color:#333; width:100%; }

#featpost .entry { padding:0; margin-top:0; z-index:1; }

#featpost a { color:#FFF; border:0; text-decoration:none; }

#featpost a:hover { color:#C00; border:0; text-decoration:none; }

/* Content: Front Page Posts */

#content { width:3700px; margin:0; text-align:left; position:relative; float:left; }

#content .post { width:600px; height:600px; padding:0; margin:5px 5px 5px 125px; background-color:#333; border:1px solid #333; position:relative; float:left; z-index:0; }

#content .entry { padding:0; margin-top:-14px; z-index:1; }

#content .titlestrip { position:absolute; width:710px; height:76px; top:100px; left:-118px; background-color:#333; color:#FFF; padding:4px; z-index:5; }

#content .title { display:block; width:590px; height:auto; float:right; margin:0; }

#content .title a { color:#FFF; }

#content .datestamp { font-family:HelveticaNeueLTStd-Blk; width:120px; height:auto; display:block; float:left }


/* Content: Back Page Posts */

#single_wrap { width:920px; height:auto; margin:116px auto 0; text-align:center; z-index:10; }

#single_content { margin-left:100px; margin-bottom:100px; text-align:center; } 

#single_content .post { width:900px; height:auto; padding:0; margin:5px; position:relative; text-align:left; }

#single_content .title { color:#111; position:absolute; top:-52px; left:10px; z-index:5; padding:0; display:block; }

#single_content .entry { padding:20px; margin-top:50px; background-color:#FFF; color:#000; border:1px solid #333; }

#single_content .datestamp { position:absolute; top:0; right:0; z-index:5; width:auto; height:auto; background-color:#333; color:#FFF; padding:5px; font-family:HelveticaNeueLTStd-Blk; }

/* Content: Pages */

#page { margin-bottom:100px; text-align:left; }

#page .post { width:100%; height:auto; padding-top:25px; margin:5px; position:relative; }

#page .title { color:#111; position:absolute; top:-52px; left:10px; z-index:5; padding:0; display:block; }

#page .entry { padding:20px; margin-top:15px; background-color:#FFF; color:#000; border:1px solid #333; }


/* Sidebar */

#sidebar { width:220px; height:100%; position:fixed; top:0; left:0; background-color:#333; z-index:9999; /* for IE */ filter:alpha(opacity=95); /* CSS3 standard */ opacity:0.95; text-align:left; }

#sidenav { position:relative; width:200px; height:auto; padding:10px; margin:0; }

#sidenav a h2 { font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:3em; font-weight:100; color:#FFF; text-decoration:none; margin:0 0 10px 0; }



/* Comments */

#commentbox { background-color:#FFF; width:898px; padding:0; margin:5px; border:1px solid #333; text-align:left; }

#comments { padding:10px; border-bottom:1px solid #333; display:block; }

#comment { width:690px; text-align:left; }

#respond { width:90%; margin:0 auto; }

ol.commentlist { padding-right:20px; }

/* Footer 

#footer { width:100%; height:50px; position:fixed; bottom:50px; left:0; z-index:10; }

#footer p { color:#FFF; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:1.5em; padding:10px; display:block; background-color:#333; }

#footer p a { color:#FFF; border:0; text-decoration:none; }

#footer p a:hover { color:#C00; border:0; text-decoration:none; }

*/

/* Navigation */

.navigation { width:4500px; position:relative; text-decoration:none; }

.navleft { position:absolute; top:-450px; right:0; }

.navleft h2 { padding:10px; background-color:#333; width:50px; height:70px; color:#FFF; }

.navright { position:absolute; top:-450px; left:0; }

.navright h2 { color:#FFF; padding:10px; background-color:#333; width:50px; height:70px; color:#FFF; }


#post_navigation { background-color:#FFF; padding:0; margin:5px; border:1px solid #333; text-align:left; width:898px; height:40px; }

.post_navleft { position:relative; float:left; margin:5px 0 5px 20px; }

.post_navleft h2 { background-color:#333; color:#FFF; }

.post_navright { position:relative; float:right; margin:5px 20px 5px 0; }

.post_navright h2 { background-color:#333; color:#FFF; }




/* Alignments */

.alignright { float:right; }

.alignleft { float:left; }

.aligntop { position:absolute; top:0; }

.alignbottom { position:absolute; bottom:0; }

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

/* Text */

p { font-size:.9em; font-weight:300; line-height:1.4em; }

h1 { font-family:HelveticaNeueLTStd-Blk, Helvetica, Arial, Georgia, sans-serif; font-size:2em; font-weight:100; }

h2 { font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:3em; font-weight:100; }

h3 { font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:1.9em; font-weight:100; }

h4 { font-family:HelveticaNeueLTStd-Blk, Helvetica, Arial, Georgia, sans-serif; font-size:1.5em; font-weight:400; }

h5 { font-size:1.1em; font-weight:100; }

small { font-size:.8em; font-weight:100; }

strong { font-family:HelveticaNeueLTStd-Blk; }

a { color:#C00; border:0; }

a:hover { color:#F00; border:0; }

h1 a { color:#111; border:0; text-decoration:none; }

h2 a { color:#FFF; border:0; text-decoration:none; }

p a { color:#C00; padding-bottom:2px; }

p a:hover {color:#F00; padding-bottom:2px; background-color:#333; }

ul.none { list-style:none; }

/* Images */

a img { border:0; }

.captionleft { float:left; margin:0 1.5em 1em 0; padding:0.5em; text-align:left; }

.captionright { float:right; margin:0 0 1em 1.5em; padding:0.5em; text-align:left; }

.captionfull { margin:0 0 1em 0; padding:0; text-align: left; }

.captionleft img, .captionright img, .captionfull img { margin:5px; display: block; }

.captionleft p, .captionright p, .captionfull p { background-color:#CCC; margin:5px; line-height 1.6em; padding:0.5em; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-size:0.9em; color:#555; }

.wp-caption { border:1px solid #111; text-align:center; background-color:#FFF; padding:5px; margin:5px; }

.wp-caption img { margin:0; padding:0; border:0 none; }

.wp-caption p.wp-caption-text { font-size:11px; line-height:14px; padding:5px 4px 5px 5px; margin:0; }

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* Menu CSS */

.menu { width:200px; height:auto; position:relative; z-index:100; border:none; list-style:none; margin:0; padding:0; }

.menu ul { list-style:none; float:left; display:block; padding:0; margin:0; }

.menu ul ul { list-style:none; padding-left:20px; }


.menu li { color:#FFF; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:1.2em; padding:1px; margin:0; }

.menu ul li { color:#FFF; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, Georgia, sans-serif; font-size:0.9em; padding:0 0 0 10px; margin:0; }


.menu a, .menu a:visited, .menu a:hover { color:#FFF; border:0; text-decoration:none; }

.menu ul ul a.drop, .menu ul ul a.drop:visited { no-repeat 130px center; }

.menu ul ul a.drop:hover{ no-repeat 130px center;}

.menu ul ul :hover > a.drop { no-repeat 130px center;}

.menu ul ul ul a, .menu ul ul ul a:visited {  }

.menu ul ul ul a:hover { }


.menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:149px; border-top:1px solid #000; list-style:none; }

.menu ul ul ul {  }

.menu ul ul ul.left {  }

.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

.menu ul ul a, .menu ul ul a:visited, .menu a:hover, .menu ul ul a:hover { color:#FFF; border:0; text-decoration:none; }

.menu :hover > a, .menu ul ul :hover > a {  }

.menu ul li:hover ul, .menu ul a:hover ul{  }

.menu ul :hover ul ul {  }

.menu ul :hover ul :hover ul {  }