/*MAYHEM POETS CSS*/

html { height: 100.2%; }
body {	
	margin:0px 0px 0px 0px;
	height: auto;
	background: #222222 url(http://mayhempoets.com/images/bg.jpg) no-repeat;
	background-position:top center;	
	font-family:Helvetica,Verdana,"Bitstream Vera Sans",Arial; color:#b2b1b1; font-size:90%; /* reset 1EM to 10px */
	background-attachment: fixed;
}

hr{color:#808080;}

h1{	color:#fdd103; font-size:1.6em; margin:0 0 0 0;}
h2{	color:#fdd103; font-size:1.4em; margin:0 0 0 0;}
h3{	color:#fdd103; font-size:1.3em; margin:0 0 0 0;}
h4{	color:#fdd103; font-size:1.1em; margin:0 0 0 0;}

p{margin:0; padding:0;}

a{ border:none; outline:none; color: #fdd103; }
a:visited{ border:none; outline:none; color: #fdd103;}
a:hover{ border:none; outline:none; color: #fdee03; text-decoration:none;}
a:focus{outline:none;}
a:active{ border:none; outline:none; color: #fdee03; text-decoration:none;}

/*Site Container*/
#mainbox{ margin:auto auto;	width:841px; height:auto;}

/*Content Area)*/
#content_area{width:841px; height:auto;}

/*Header*/
#header{width:841px; height:122px; text-align:left; overflow:hidden; }
#logo{float:left;width:374px; height:122px;}

/*Nav Bar*/
#navbox{text-align:right; width:467px; font-size:.8em; color:#b2b1b1; float:right; padding:100px 0px 0px 0px;}

a.anav{ border:none; outline:none; color: #b2b1b1; text-decoration:none;}
a.anav:visited{ border:none; outline:none; color: #b2b1b1; text-decoration:none;}
a.anav:hover{ border:none; outline:none; color: #fdd103; text-decoration:none;}
a.anav:focus{outline:none;}
a.anav:active{border:none; outline:none; color: #fdd103; text-decoration:none;}

#ul_nav{list-style:none;}
.li_nav{float:right; padding-left:16px;}
.active_page{color: #fdd103;}

/*Next-Prev Btns*/

#rnav{ text-align:center; color:#fdd103; width:115px; height:22px; float:right;}
#np_btns{height:22px; width:115px; vertical-align:middle; font-size:.7em;}
#nav_tbl{width:115px;}
.nav_td{vertical-align:middle;}

/*Main Content Boxes*/
#homebox{float:left; width:841px; }
#defbox{width:841px; height:auto;}
	#defimg{width:841px; height:295px; }
	#deftext{margin-top:13px; height:auto; text-align:justify;}
	#contactimg{width:841px; height:295px;}
	
	
/*bio area*/
.bioimg{padding-right:10px; width:216px; height:216px; float:left;} 
.biotxt{float:left; width:610px; font-size:1em; text-align:justify;}

 
/*Product pages*/
#pbox{position:relative; float:left; width:799px; height:410px; background:url(http://mayhempoets.com/images/layout/shopbg.jpg) no-repeat; padding:25px 42px 25px 25px;}
	#pimg{float:left; width:365px; border-style:solid; border-width:1px; border-color:#000000;}
	#pdata{float:left; padding:12px 0px 0px 40px; width:300px; height:380px;}
		#pdesc{width:300px; height:285px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#808080;}
		#pthumbs{margin:8px 0px 3px 0px;width:300px; height:71px; min-height:60px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#808080;}
		
		.pthumb{width:69px; float:left; border:none;}
		#popt{margin-top:16px; width:300px; height:78px;}
		.opt_dd{ font-size:.7em; width:148px; height:17px; border-style:solid; border-width:1px; border-color:#000000; background-color:#f2f2f1; }
		.tf_qty{ font-size:.7em; width:29px; height:14px; border-style:solid; border-width:1px; border-color:#000000; background-color:#f2f2f1; }
		#a2c{height:24px;}
		.opt_td_right{text-align:left; float:right; width:200px;}
		.opt_td_left{float:left; width:80px;}
a img{border:none;}	
/*
a.nohover{ border-width:0px; outline:none; text-decoration:none;}
a.nohover:visited{ border-width:0px; outline:none; text-decoration:none;}
a.nohover:hover{ border-width:0px; outline:none; text-decoration:none;}
a.nohover:focus{ border-width:0px; outline:none;}
a.nohover:active{ border-width:0px; outline:none; text-decoration:none;}
*/

/*Blog*/
#blogbox{
	color:#333333;
	overflow:scroll; overflow-x: hidden;
	float:left; width:621px; height:374px;
	padding:66px 140px 20px 80px;
}

#blogarea{position:relative; width:841px; height:460px; color:#474646; background:url(http://mayhempoets.com/images/layout/blogbox.jpg) no-repeat;}
#blog_top{width:824px; height:18px; z-index:100; position:absolute; background:url(http://mayhempoets.com/images/layout/blog_top.jpg) no-repeat; left:0px; top:0px;}
#blog_bot{width:824px; height:34px; z-index:101; position:absolute; background:url(http://mayhempoets.com/images/layout/blog_bot.jpg) no-repeat; left:0px; top:426px;}

a.perma{ border:none; outline:none; color: #fdd103; text-decoration:none;}
a.perma:visited{ border:none; outline:none; color: #fdd103; text-decoration:none;}
a.perma:hover{ border:none; outline:none; color: #fdee03; text-decoration:none;}
a.perma:focus{outline:none;}
a.perma:active{ border:none; outline:none; color: #fdee03; text-decoration:none;}

.blog_post{width:621px; color:#333333;}
.seperator{width:621px; height:8px; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#fdd103;}

.purchasebox{width:136px; height:30px; padding:0; margin:0;}

/*Video*/
#videobox{
	padding:16px 0 16px 0;
	background:url(http://mayhempoets.com/images/layout/videobg.jpg) no-repeat;
	width:841px; height:428px;	
}
#left_links{width:180px; height:350px; text-align:center; float:left;}
#vidplayer{background-color:#666666; width:640px; height:400px;float:left;}
.vlink{text-align:left; padding:8px 6px 8px 6px;width:168px; height:50px; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#808080;}
.vthumb{width:50px; height:50px; float:left;}
.vname{width:112px; height:35px; padding:15px 0 0 6px; float:left;}

/*Photo*/
#photobox{
	overflow:hidden; 
	position:relative; 
	background:#000000 url(http://mayhempoets.com/images/load.gif) no-repeat; 
	background-position:center;
	width:841px; height:460px; 
}
#photo1{position:absolute; left:0px; text-align:center; width:841px; height:460px;}
#photo_desc{float:left; width:680px; height:auto;}
#slideshow_navbox{height:22px; width:110px; text-align:center; vertical-align:middle; font-size:.8em; float:right;}
#nav_tbl{width:110px;}

#tall_prev{position:absolute; left:0px; top:0px; z-index:100;}
#tall_next{position:absolute; left:809px; top:0px; z-index:101;}

/*misc*/
#hiddentxtarea{display:none;}
#loadergfx{display:none;}
.accenttxt{color:#fdd103}
.basictd{vertical-align:middle; /*padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px; border-collapse:collapse; text-align:center; vertical-align:middle;*/}
.clear{clear:both;}
.copy{color:#b2b1b1;}
.copy2{color:#b2b1b1; font-size:1.1em;}
.medtext{font-size:.8em;}
.smalltext{font-size:.7em;}
.clickable{cursor:pointer;}