/*
* ==========================================
* whistling biscuits wb.css
* Created on Jun 23 2008
* ------------------------------------------
* scott alexander 2008
* scott@pixelvoid.uk
* ==========================================
*/
/* --------- 1. defaults  --------- */

.pv{
	position:absolute; 
	width: 100%;
	text-align:center;
	margin: auto auto;
	bottom:5px;
	
}

*{
	font-family:  Arial, sans-serif, verdana;
	font-size: 12px;
	line-height: 1em;
	padding: 0;
	margin: 0;
	color:#000;
	outline:none;
}

/* Basic Elements */

a:link {
	text-decoration:none;
	color:#FFF;
}

a:visited {
	text-decoration:none;
	color:#FFF;
}

a:hover, a:active {
	text-decoration:underline;
	color:#FFF;
}

.black{
	color:#000;
}

.white{
	color:#FFF;
}

/* here we go */

#topper{
	position:absolute;
	width:100%;
	height:24px;
	top: 0px;
	left: 0px;
	background-color: #000; /*#170c06;*/
	color: #fff;
	text-align: right;
	padding-top: 5px;
	background-image: url(assets/imgs/topper.png);
}

#body{
	position:relative;
	width: 100%;
	margin: 0 auto;
	/*background-image: url(assets/imgs/grad3.png);*/
	background-repeat: repeat-x;
	background-color: #000000;
}

	
#container{
	position:relative;
	/* background-image: url(assets/imgs/flowerBg2.png);*/
	/*background-image: url(assets/imgs/sunflower.png);
	background-repeat:no-repeat;*/
	margin: 0 auto;
	text-align:center;
	width: 1000px;
	height: 750px;
}

#wb-title{
	margin: 0 auto;	
	position:relative;
	top: 6px;
	width:700px;
	height:175px;
	background-image: url(assets/imgs/wb-title.png);
	background-repeat:no-repeat;
	z-index: 2;
}

#IFrame{
	position:relative;
	text-align:center;
	margin: 0 auto;	
	top: -50px;
	width:480px;
	height:460px;
	z-index: 1;
	/*border-left: 1px dashed #696969 ;
	border-right: 1px dashed #696969 ;*/
	background-image: url(../assets/imgs/flow-bg.png);
	background-color: #000;
        overflow:hidden;
}

#flowerGardenL{
	position:relative;
	background-image:url(assets/imgs/sunFgarden.png);
	background-repeat:no-repeat;
	height: 460px;
	width: 180px;
	top: -0px;
	left: 0px;
	z-index: 1;
}

#mainImg{
	position:relative;
	text-align:center;
	margin: 0 auto;	
	width:480px;
	height:460px;
	background-color: #000;
	/**z-index: 1;**/
}

#stuff{
	text-align: justify;
	position:relative;
	padding: 10px 30px 10px;
	top:64px;
	width:410px;
	height:460px;
	color: #EEB900;
}

#ep{
	text-align: justify;
	position:relative;
	padding: 0 30px 0px;
	top:64px;
	width:425px;
	color: #EEB900;
}

#aboutYouIFrame{
	position:absolute;
	top: 30%;
	left: -5%;
	width: 190px;
	height:45%;
	background-color: #000;
	background-image: url(../assets/imgs/1px-spacer.png);
}

#aboutTitle{
	 border: 1px solid #000;
	 padding:3px;
	 background-color: #e5ce79;
}

#about{
	 background-color: #f0c734;
	 padding:5px;
	 text-align:justify;
}

#player{
	text-align: center;
	position:absolute;
	top: 30%;
	right: 16.5%;
	padding:5px;
	background-color: #f0c730;
	border: 1px solid  #696969;
	width: 40px;
}

#rightBox{
	position:relative;
	float: right;
	top: -650px;
	left:-75px;
	text-align:center;
	background-repeat:no-repeat;
	padding:25px 0;
	width: 82px;
	height: 85px;
}


a#linkHome {
	position:inherit;
    display: block;
    width: 104px;
    height: 11px;
    background: #D4BA5D;
    background-repeat:no-repeat;
	border: 1px solid #3F2516;
	padding:3px;
	margin-left: 44px;
}
a#linkHome:hover {
	position:inherit;
	left:2px;
    display: block;
    width: 104px;
    height: 11px;
    background: #EDB901;
    background-repeat:no-repeat;
	border: 1px solid #3F2516;
	padding:3px;
	margin-left: 44px;
}

a#linkNews {
	position:inherit;
    display: block;
    width: 104px;
    height: 11px;
    background: #D4BA5D;
    background-repeat:no-repeat;
	padding:3px;
	border: 1px solid #3F2516;
	margin-left: 44px;
}
a#linkNews:hover {
	position:inherit;
	left:2px;
    display: block;
    width: 104px;
    height: 11px;
    background: #EDB901;
    background-repeat:no-repeat;
	padding:3px;
	border: 1px solid #3F2516;
	margin-left: 44px;
}

a#linkGig {
	position:inherit;
    display: block;
    width: 104px;
    height: 11px;
    background: #D4BA5D;
    background-repeat:no-repeat;
	border: 1px solid #3F2516;
	padding:3px;
	margin-left: 44px;
}
a#linkGig:hover {
	position:inherit;
	left:2px;
    display: block;
    width: 104px;
    height: 11px;
    background: #EDB901;
	border: 1px solid #3F2516;
    background-repeat:no-repeat;
	padding:3px;
	margin-left: 44px;
}

a#BB {
	position:inherit;
    display: block;
    width: 104px;
    height: 11px;
    background: #D4BA5D;
    background-repeat:no-repeat;
	border: 1px solid #3F2516;
	padding:3px;
	margin-left: 44px;
}
a#BB:hover {
	position:inherit;
	left:2px;
    display: block;
    width: 104px;
    height: 11px;
    background: #EDB901;
	border: 1px solid #3F2516;
    background-repeat:no-repeat;
	padding:3px;
	margin-left: 44px;
}

#bottomBannerImg{
	position:relative;
	top: -76px;
	margin: 0 auto;	
	width:481px;
	height:142px;
	background-image:url(assets/imgs/wb-title-b.png);
	background-repeat:no-repeat;
	z-index: 2;
}

#img{
	visibility:hidden; 
	position:absolute; 
	text-align:center;
	top: 140px;
	left: 180px;
	width: 100px;
	padding: 4px;
	border: 1px solid #EEB900;
}

#steve{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 0px;
	width: 200px;
	padding: 4px;
	border: 1px solid #EEB900;
}
#tom{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 250px;
	width: 200px;
	padding: 4px;
	border: 1px solid #EEB900;
}
#dee{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 250px;
	width: 200px;
	padding: 4px;
	border: 1px solid #EEB900;
}
#dave{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 0px;
	width: 200px;
	padding: 4px;
}
#rhys{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 0px;
	width: 200px;
	padding: 4px;
	border: 1px solid #EEB900;
}
#owen{
	visibility:hidden; 
	position:absolute; 
	top: 100px;
	left: 250px;
	width: 200px;
	padding: 4px;
	border: 1px solid #EEB900;
}

#twitter{
	position:relative;
	top: -70px;
	text-align:center;
	margin: 0 auto;	
	width:400px;
	height:80px;
	color: #FFF;
	z-index: 100;
	}
	
#login {
	position:absolute;
	left: 10px;
	margin-top:8px;
	z-index:4;
	display: none;
	color:#000;
	text-align:center;
	background: #EEB900;
	border: thin solid #0000FF;
	padding: 5px;
}

#login_form{
	color:#000;
	
}

#greeter{
	position:absolute;
	left: 10px;
	margin-top:8px;
	width: 200px;
	left: 30px;
	text-align: left;
}
#page{
	background-color: #000;
	background-image: url(../assets/imgs/flow-bg.png);
}
#MESSAGE{
	position:absolute;
	bottom: 0px;
	width:100%;
	height:25px;
	background-color:red;
	color: white;
}

#addNews_form{
	color: #fff;
	text-align:center;
	/*background: #EEB900;*/
	background-color: #3F2516;
	height: 500px;
}

.floatright { 
	float: left;
}

#menuTopImg{
	position:relative;
	z-index:20;
	margin-bottom: -20px;
}

#menuBotImg{
	position:relative;
	margin-top: -20px;
	z-index:5;
	margin-left:20px;
}

/* easyscroll */


#easyscroll{
	margin:1em 0;
	z-index:200;
}	

#easyscrollnav, #easyscrollnav li{
	height:20px;
	line-height:20px;
	padding:0 50px;
	
}

#easyscrollnav{
	margin:1em 0;	
	
}	
			
#easyscrollnav li{
	list-style:none;
	float:right;
	background:#EEB900;		
	padding:0 10px;
	color:#3C2414;
	cursor:pointer;
	margin-right: 10px;
	border: 1px solid #3C2414;
	/*opacity:0.6;
	filter:alpha(opacity=40);*/
}					
#easyscrollnav li.over{
	color:#3C2414;
	text-decoration:underline;
}
	
/* End easyscroll */	

#owen_says{
	position:fixed;
	text-align:center;
	left:-340px;
	top: 260px;
	width: 100%;
	margin: auto auto;
	z-index: -1;
}


/** NEWS  SECTION **/

.news{
    padding:4px;
    
}

.newsHeading{
    color:#FFF;
    padding:2px;
}

.newsHeading img{
    padding:5px; 
    margin-bottom:8px;
    width: 30px;
}

.newsBody{
    color:#FFF;
    padding: 2px;
    background-color: #160C05;
}

.newsFooter{
    color:#FFF;
    padding:2px;
    
}