@charset "UTF-8";
/* 
	Theme Name: Ben W Music
	Theme URL: http://www.benwmusic.com
	Description: Ben Wytinck Music - By KyleSierens.com
	Version 1.0
	Author: Kyle Sierens
	Author URL: http://www.kylesierens.com
	Tags: 
 */


@font-face {  
	  font-family: 'Orator Std';  
	  src: url(http://www.benwmusic.com/fonts/oratorstd.eot); /* IE */
	  src: local('Orator Std'), url(http://www.benwmusic.com/fonts/oratorstd.ttf) format('truetype'); /* non-IE */  
	}  

/*resetting from Eric Meyers http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/   */
html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h5, h6, blockquote, pre, a{
margin: 0px;padding: 0px;border: 0px;outline: 0px;font-size: 100%;}
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;padding: 0px;border: 0px;outline: 0px;font-size: 100%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/*        IE Hacks
-------------------------------- */

/*\*/

*+htm body {font-family:'Orator Std', 'Lucinda Console', 'Lucinda Sans Unicode', sans-serif; font-variant:small-caps;}

*+html a, *+html a img, *+html img, *+html li, *+html li img, *+html li a img {border:none; outline:none}

*+html #shows-container{margin-top:73px; width:450px; height:275px; overflow:auto; margin-left:45px;}

*+html #join-rants {position:relative;margin-top:610px;margin-left:0px;}

*+html #videos-container{margin-top:123px; width:200px; height:640px; overflow:auto; margin-left:450px; float:left; text-align:left;}
*+html #photos-container{margin-top:123px; width:190px; height:640px; overflow:auto; margin-left:-110px; position:absolute; text-align:left;}
*+html #join-visuals {position:absolute; margin-top:546px; left:0px;}

*+html #join-press {position:absolute;margin-top:340px;left:0px;}

*+html #extras-btns-container {width:143px; height:340px; margin-left:190px; text-align:left; font-size:18px; font-weight:100; padding-top:100px; padding-left:20px }

*+html #networks {float:right; margin-top:-680px; text-align:right; right:-58px}
*+html #networks li {padding:1px 0px 1px 6px}

*+html #credits {position:relative; top:2px; text-align:left; margin-left:0px}
*+html #credits p { font-size:10px}

/*end*/


* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%; font-family:"Orator Std", "Lucinda Sans Unicode", "Lucinda Console", Arial, sans-serif;}
/* end hide */
body {
font-family:"Orator Std", "Lucinda Sans Unicode", "Lucinda Console", Arial, sans-serif;
color:#EEEEEE;
background-color: #000000;
text-align:center;
min-height:768px;/* for good browsers*/
min-width:955px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 768px;
}
#inner {
width: 955px;
height: 768px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:1px solid #000;

}




/* =======  Background Styles ======== */
div#enter-page {
width: 955px;
height: 768px;
overflow:hidden;
}
div#shows {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/shows-page.jpg") no-repeat top center;
overflow:hidden;
}
div#visuals {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/media-page.jpg") no-repeat top center;
}
div#rants {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/rants-page.jpg") no-repeat top center;
}
div#bio {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/bio-page.jpg") no-repeat top center;
}
div#store {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/store-page.jpg") no-repeat top center;
}
div#press {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/press-page.jpg") no-repeat top center;
}
div#extras {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/extras-page.jpg") no-repeat top center;
}
div#contact {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/contact-page.jpg") no-repeat top center;
}
div#music {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
}
div#lyrics {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/lyrics-page.jpg") no-repeat top center;
}
div#diy {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/diy-page.jpg") no-repeat top center;
}
div#coming-soon {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/comingsoon-page.jpg") no-repeat top center;
}
div#newsletter {
width: 955px;
height: 768px;
text-align: center; 
margin-left:auto;
margin-right:auto;
background:#000 url("images/newsletter-page.jpg") no-repeat top center;
overflow:hidden;
}




/* ======= Nav Menu ====== */

#nav-menu {
width:300px;
height:385px;
position:absolute;
margin-top:185px;
margin-left:-1px;
z-index:2;
outline:none;
overflow:hidden;
}

#nav-menu  a { outline:none}



/* ======  Global Styles ======= */

.no-css {
display:none;
}

a img, img, li, li img, li a img {border:none; outline:none}

h1{font-size:14px; font-weight:100; margin:16px 0 10px 0}
h2{font-size:13px; font-weight:100; margin:16px 0 10px 0}
p {font-size:12px; font-weight:100; margin-left:7px}

p {
color:#BBB;
}

a.back { color:#f9b000}

#back-news {position:absolute; margin-top:370px; margin-left:330px}
#back-rants {position:absolute; margin-top:320px; margin-left:665px}

.flexcroll{outline:none}

.transparent {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/*.rotate {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); //for IE
-webkit-transform: rotate(-9deg); 
-moz-transform: rotate(-9deg);	}*/


.style24 {font-size: 9px; font-family: Arial, Helvetica, sans-serif;}
.style38 {color: #666666; }
.style39 {color: #444444; margin-left:10px; margin-right:10px; }

a:link {
	color: #eee;
	text-decoration: underline;
	 outline:none
}
a:visited {
	color: #eee;
	text-decoration: none;
	 outline:none
}
a:hover {
	color: #f9b000;
	text-decoration: underline;
	 outline:none
}
a:active {
	color: #eee;
	text-decoration: underline;
	 outline:none
}

/* ======= Comments ====== */

#respond {margin-top:2px; height:290px;}
#submit {margin-top:0px}
.commentlist, .comment-body {margin-top:1px; font-size:12px}
.commentlist hr {margin:5px 0 5px}
.comment-body p {margin:8px}
.comment-body {border-top:1px solid #666; padding-top:8px}

/* ====== Shows / Newsletter / Join Form ========= */

#shows-container{margin-top:73px; width:450px; height:275px; overflow:auto; margin-left:280px;}
#newsletter-container{margin-top:173px; width:350px; height:375px; overflow:auto; margin-left:280px;}

#join-shows {
margin-top:45px;
margin-left:50px;
}

/* ====== News Rants ========= */

#news-container p, #rants-container p{padding-bottom:14px}
#news-container{margin-top:83px; width:280px; height:275px; overflow:auto; margin-left:320px; float:left; text-align:left; padding-right:20px;}
#rants-container{ margin-top:83px; width:280px; height:220px; overflow:auto; margin-left:35px; float:left; text-align:left; padding-right:20px;}

#join-rants {
position:absolute;
margin-top:610px;
margin-left:310px;
}

/* ====== Visuals ========= */

#visuals{}
#videos-container{margin-top:123px; width:200px; height:640px; overflow:auto; margin-left:450px; float:left; text-align:left;}
#photos-container{margin-top:123px; width:190px; height:640px; overflow:auto; margin-left:695px; position:absolute; text-align:left;}
#photos-container ul { margin-top:90px; }

#join-visuals {
position:absolute;
margin-top:546px;
margin-left:220px;
}

/* ====== Bio ========= */

#virden-btn li img {right:88px ;position:relative;}
#virden-btn li { list-style:none; position:relative; top:550px; }


/* ====== Press ========= */

#press-info {margin-top:130px; width:350px; height:150px; overflow:auto; margin-left:550px; font-family:Orator Std, sans-serif; float:left; text-align:right; line-height:40px}

#join-press {
position:absolute;
margin-top:340px;
margin-left:690px;
}

/* ====== Extras ========= */
#extras ul{ list-style:none;}
#extras a { text-decoration:none}

#extras-btns-container {width:143px; height:340px; margin-left:490px; text-align:left; font-size:18px; font-weight:100; padding-top:100px; padding-left:20px
}
#extras-btns-container li {padding-bottom:30px}

#extras-acts-container {width:250px; float:left; margin-left:220px; text-align:right; font-size:13px; line-height:23px
}
#extras-favs-container {width:250px; float:right;  margin-right:48px; text-align:left; font-size:13px; line-height:23px
}


/* ====== Lyrics ======== */

#lyrics ul{ list-style:none;}
#lyrics a { text-decoration:none}

#lyrics-right {width:250px; float:left; margin-left:255px; margin-top:330px; text-align:right; font-size:16px; line-height:18px;}
#lyrics-left {width:250px; float:right;  margin-right:200px; margin-top:240px; text-align:left; font-size:16px; line-height:18px;}


/* ====== DIY ======== */


#diy-btn li img {;position:relative;}
#diy-btn li { list-style:none; position:relative; top:25px; margin-left:600px  }
#diy-order-btn {padding-top: 25px}
#diy-order-email {padding:10px 0 0 150px; margin-right:110px}

/* ====== Coming Soon ======== */

#join-soon {
position:absolute;
margin-top:370px;
margin-left:490px;
}




/* ====== Networks ======== */

#networks {float:right; margin-top:-678px; text-align:right; margin-right:-85px}
#networks li {margin:15px}
#networks li {
	width:50px; 
	height:50px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#networks li:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#a{	display: block;
	width:50px; 
	height:50px;
	background: transparent url("images/icons/cdbaby2.jpg");
}
#a:hover {
	background: url("images/icons/cdbaby.jpg");
}

#b{	display: block;
	width:50px; 
	height:50px;
	background: #FFF url("images/icons/fb2.jpg");
}
#b:hover {
	background: url("images/icons/fb.jpg");
}

#c{ display: block;
	width:50px; 
	height:50px;
	background: #FFF url("images/icons/itunes2.jpg");
}
#c:hover {
	background: url("images/icons/itunes.jpg");
}

#d{ display: block;
	width:50px; 
	height:50px;
	background: #FFF url("images/icons/myspace2.jpg");
}
#d:hover {
	background: url("images/icons/myspace.jpg");
}

#e{	display: block;
	width:50px; 
	height:50px;
	background: #FFF url("images/icons/youtube2.jpg");
}
#e:hover {
	background: url("images/icons/youtube.jpg");
}

#f{ display: block;
	width:50px; 
	height:50px;
	background: #FFF url("images/icons/jango2.jpg");
}
#f:hover {
	background: url("images/icons/jango.jpg");
}

#g{ display: block;
	width:50px; 
	height:50px;	
	background: #FFF url("images/icons/ilike2.jpg");
}
#g:hover {
	background: url("images/icons/ilike.jpg");
}

#h{ display: block;
	width:50px; 
	height:50px;	
	background: #FFF url("images/icons/sonic2.jpg");
}
#h:hover {
	background: url("images/icons/sonic.jpg");
}


/* ====== Footer ======== */


#credits {position:relative; top:6px; text-align:left; margin-left:0px}
#credits p { font-size:10px;color: #999 }