/* --weird beus... putting the style back into css!!-- */

/* --body-- */

body{
	padding: 0;
	margin: 0;
	background: url(images/bg.gif) repeat-x #000;
	color: #A5A5A4;
	}

div, ul, h1, h2, h3, h4, p, img{
	padding: 0;
	margin: 0;
	}
ul{
	list-style-type: none;
	}
.blank{
	font-size: 0px;
	clear: both;
	line-height: 0px;
	}


/* --header-- */

#header{
	width: 778px;
	margin: 0 auto 0 auto;
	background: url(images/header.jpg) no-repeat;
	height: 275px;
	}




/* hey! old header ul code in case it fucks up!
#header ul{
	width: 537px;
	margin: 0 0 0 139px;
	display: block;
	height: 21px;
	}
*/

#header ul{
	width: 587px;
	margin: 0 0 0 85px;
	display: block;
	height: 21px;
	}




#header ul li{
	display: block;
	float: left;
	height: 21px;
	margin: 0;
	padding: 0;
	}

#header ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 14px 0 14px;
	color: #EAEAEA;
	background-color: #303030;
	text-decoration: none;
	margin: 0;
	height: 21px;
	}

#header ul li a:hover{
	color: #181818;
	background-color: #ff00ff;
	}

#header h1{
	background: url(images/weird_logo.png) no-repeat;
	margin: 10px 0 0 251px;
	width: 240px;
	height: 216px;
	display: block;
	text-indent: -2000px; 
	}



/* code is poetry. thanks to http://position-relative.com/ for this */
#box-link { 
	position: absolute; 
	top: 30px; 
	left: 300px; 
	width: 600px; 
	height: 220px; 
	background-color: transparant;
}




/*--body--*/

#mainBody{
	width: 612px;
	margin: 24px auto 0 auto; 
	}


/*--colone--*/

#colone{
	width: 161px;
	color: #B6B6B5;
	background: url(images/colone_1.gif) no-repeat 0 0 #202020;
	padding: 19px 0 0 0;
	float: left;	
	}

#colone p{
	background: url(images/colone_2.gif) no-repeat bottom left;
	height: 30px;
	font-size: 0;
	display: block;
	}

#colone h2{
	background: url(images/wb.gif) no-repeat 0 0 #202020;
	color: #fff;
	width: 110px;
	height: 34px;
	display: block;
	margin: 0px 0 0 15px;
	font: normal 24px/34px Arial, Helvetica, sans-serif;
	padding: 0 0 0 25px;
	}

#colone ul{
	width: 119px;
	display: block;
	margin: 6px 0 24px 25px;
	font-size: 0;
	}

#colone ul li{
	background: url(images/dude.png) no-repeat 0 0px; 
	padding: 0 0 0 30px;
	display: block;
	height: 30px;
	}


/* orig colone nav
#colone ul li a{
	font: 12px/24px Arial, Helvetica, sans-serif;
	color: #B6B6B5;
	text-decoration: none;
	background-color: #202020;
	display: block;
	}

#colone ul li a:hover{
	background-color: #3366cc;
	color: #000;
	}
*/




#colone ul li a{
	font: 12px/24px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff66ff;
	display: block;
	}

#colone ul li a:hover{
	text-decoration: none;
	color: #ff00cc;
	background-color: #101010;
	}



/* --coltwo-- */

#coltwo{
	width: 430px;
	margin: 0 0 0 0px;
	float: right;
	}

#coltwo h2{
	height: 95px;
	width: 204px;
	display: block;
	float: left;
	}

#coltwo h2 a{
	width: 204px;
	height: 95px;
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	}

#coltwo h2 a.boys{
	width: 204px;
	height: 95px;
	display: block;
	text-decoration: none;
	background: url(images/boys_2.gif) no-repeat #000;
	color: #FFFFFF;
	}

#coltwo h2 a.boys:hover{
	width: 204px;
	height: 95px;
	display: block;
	text-decoration: none;
	background: url(images/boys.gif) no-repeat #000;
	color: #FFFFFF;
	}

#coltwo h2 a.girls{
	width: 204px; 
	height: 95px;
	display: block;
	text-decoration: none;
	margin: 0 0 0 15px;
	background: url(images/girls_2.gif) no-repeat #000;
	color: #FFFFFF;
	}

#coltwo h2 a.girls:hover{
	width: 204px;
	height: 95px;
	display: block;
	text-decoration: none; 
	background: url(images/girls.gif) no-repeat #000;
	color: #FFFFFF;
	}

#coltwo h2.yes{
	font-family: Tahoma, Arial;
	margin: 9px 0 -55px 0;
	width: 427px;
	font-size: 1.7em;
	color: #fff;
	}

#coltwo p{
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #A5A5A4;
	background-color: #000000;
	display: block;
	margin: 0 0 7px 0;
	}

#coltwo p span{
	color: #2BCB02;
	background-color: #000000;
	font-size: 17px;
	font-weight: bold;
	}

#coltwo p a{
	text-decoration: none;
	color: #ff66ff;
	}

#coltwo p a:hover{
	text-decoration: none;
	color: #ff00cc;
	background-color: #101010;
	}

#coltwo h3{
	font: 24px/22px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	display: block;
	margin: 0 0 0 0;
	height: 27px;
	}

#coltwo p.two{
	color: #D3D3D3;
	font: 14px/20px Arial, Helvetica, sans-serif;
	display: block; 
	width: 373px; 
	padding: 10px 0px 0 52px;
	margin: 0 0 0 0;
	background: #151515;
	}

#coltwo ul{
	font: 0.8em Arial, Helvetica, sans-serif;
	margin: 15px 0 0px 0px;
	}

#coltwo p.error{
	font: 3em, Arial, Helvetica, sans-serif;
	color: #cc0000;
}

#coltwo p.success{
	font: 1.2em, Arial, Helvetica, sans-serif;
	color: #00ff66;
	padding-top: 10px;
}

#coltwo p.faq{
	text-indent: 170px;
	font-size: 0.7em;
	margin-top: -10px;
}


/*--latest tees--  this used to be in latest img: 	border-style: solid;
	border-width: 10px;*/

#latest p{
	width: 160px;
	margin-left: 40px;
}


#latest p.long{
	width: 170px;
	margin-left: 32px;
}

#latest1 {
	float: left;
	width: 210px;
}



#latest1 img{
	background: url(images/tbg.png) no-repeat #000;
	border: none;

}

#latest1 img.black{
	background: url(images/tbg_black.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1 img.white{
	background: url(images/tbg_white.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1 img.green{
	background: url(images/tbg_green.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1 img.pink{
	background: url(images/tbg_pink.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1 img.grey{
	background: url(images/tbg_grey.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1 img.yellow{
	background: url(images/tbg_yellow.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;;
}



#latest2 {
	float: right;
	width: 219px;
}

#latest2 img.black{
	background: url(images/tbg_black.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2 img.white{
	background: url(images/tbg_white.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2 img.green{
	background: url(images/tbg_green.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2 img.pink{
	background: url(images/tbg_pink.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2 img.grey{
	background: url(images/tbg_grey.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2 img.yellow{
	background: url(images/tbg_yellow.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;;
}


/*--latest girls tshirts--*/
#latest1g {
	float: left;
	width: 210px;
}



#latest1g img{
	background: url(images/tbg.png) no-repeat #000;
	border: none;

}

#latest1g img.black{
	background: url(images/tbg_blackg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1g img.white{
	background: url(images/tbg_whiteg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1g img.green{
	background: url(images/tbg_greeng.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1g img.pink{
	background: url(images/tbg_pinkg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1g img.grey{
	background: url(images/tbg_greyg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest1g img.yellow{
	background: url(images/tbg_yellowg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;;
}



#latest2g {
	float: right;
	width: 219px;
}

#latest2g img.black{
	background: url(images/tbg_blackg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2g img.white{
	background: url(images/tbg_whiteg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2g img.green{
	background: url(images/tbg_greeng.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2g img.pink{
	background: url(images/tbg_pinkg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2g img.grey{
	background: url(images/tbg_greyg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;
}

#latest2g img.yellow{
	background: url(images/tbg_yellowg.png) no-repeat #000;
	border: none;
	padding: 55px 110px 60px 55px;;
}
/*--end latest girls tshirts--*/






/*--be a beus girl!--*/

#be {
	width: 425px;
	background: #151515;
	margin-bottom: 20px;
}

#be p {
	margin-top: 2px;
}

#be img {
	margin: 10px;
}



/*--footer--*/

#footer{
	background: url(images/footer.jpg) no-repeat 0 0;
	height: 100px;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 74px 0 0 0;
	}

#footer ul{
	width: 446px;
	display: block;
	margin: 0px 0 0 270px;
	padding: 0;
	font-size: 0;
	height: 20px; 
	}

#footer ul li{
	color: #9B9B9B;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
	}

#footer ul li a{
	color: #ccc;
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 6px 0 6px; 
	}

#footer ul li a:hover{
	text-decoration: none;
	color: #707070;
	}

#footer p{
	width: 324px;
	display: block;
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0 0 350px;
	}

#footer a{
	text-decoration: none;
	color: #ccc;
	}

#footer a:hover{
	text-decoration: none;
	color: #707070;
	}