/* DIRTY TONY CSS STYLES - PLEASE DON'T REPRODUCE */ 

/* Reset browsers */ 
html, body {
	margin : 0;
	padding : 0;
}

body {
	font : 10px Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	background : #000000;
	text-align : center; /* IE centering */
	width : 100%;
	min-width : 900px;
}







/* GFX Styling */



#sub {
	position:relative;
	left:0px;
	top:59px;
	width:900px;
	height:auto;
}

#join {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:70px;
}

#members {
	position:absolute;
	left:300px;
	top:0px;
	width:300px;
	height:70px;
}

#moremodels {
	position:absolute;
	left:600px;
	top:0px;
	width:300px;
	height:70px;
}

#dirtytony {
	position:absolute;
	left:0px;
	top:70px;
	width:252px;
	height:300px;
}

#id01 {
	position:absolute;
	left:252px;
	top:70px;
	width:648px;
	height:55px;
}

#pic {
	position:absolute;
	left:252px;
	top:125px;
	width:144px;
	height:182px;
}

#main {
	position:absolute;
	left:396px;
	top:125px;
	width:504px;
	height:245px;
	background : url(images/main.gif) no-repeat;
}

#id02 {
	position:absolute;
	left:252px;
	top:307px;
	width:144px;
	height:63px;
}



/* GFX STYLING - EPISODE ZONE */

#episodecontainer {
	position:relative;
	left:22px;
	top:60px;
	width:810px;
	height:450px;
	text-align : center; /* IE centering */
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:810px;
	height:50px;
}

#pic-sector {
	position:absolute;
	left:0px;
	top:50px;
	width:247px;
	height:400px;
	background : url(images/pic-sector.gif) no-repeat;
}

#textbox {
	position:absolute;
	left:247px;
	top:50px;
	width:526px;
	height:298px;
	background : url(images/textbox.gif) no-repeat;
	font-size:14px;
	letter-spacing:1px;
	text-align:left;
	color:#355819;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	overflow:auto;
}

#textbox h1 {
	font-size:24px;
	letter-spacing:1px;
	color:#543900;
	text-transform:none;
	width:95%;
	border-bottom: #543900 solid 2px;
}

.text_desc {
	font-size:14px;
	letter-spacing:1px;
	text-align:left;
	color:#723606;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	overflow:auto;
}	

#Slice {
	position:absolute;
	left:773px;
	top:50px;
	width:37px;
	height:298px;
}

#tony {
	position:absolute;
	left:247px;
	top:348px;
	width:333px;
	height:102px;
}

#click {
	position:absolute;
	left:580px;
	top:348px;
	width:230px;
	height:102px;
}

#picborder {
	border:1px #fbb206 solid;
	width:180px;
	height:256px;

}


#vital {
	left:10px;
	background-color:#710000;
	border:1px #fbb206 solid;
	width:180px;
	height:80px;
	margin-left:32px;
	margin-top:5px;
	
}


/* Layout & Positioning */


#container {
	text-align : left;
	width : 900px;

	margin : auto auto;
	padding : 0;
	background : url(body_bg.png) repeat-y;

}


#maincontent {
	padding: 5px 25px 5px 25px;
}


#bgtop {
	background : url(body_bg_top.png) no-repeat;
	background-position: top center;
	height:35px;
}


#bgbottom {
	background : url(body_bg_bottom.png) no-repeat;
	background-position: bottom center;
	height:35px;
}


#gradient {
	position:absolute;
	left:40px;
	top:-5px;
	width:400px;
	height:200px;
	border:1px solid #FFF;
	background : url(../devil/green-gradient-bg.png) no-repeat;
	background-color:#518313;
	color: #FFF;
	font-size: 12px;
	z-index:100;
	overflow:auto;
	padding: 5px;
}





/* TEMPLATE ONLY STYLES */



#header {
	height:210px;
	background : url(template.png) no-repeat;
}



#maincontent2{
	text-align: center;
	position:relative;
	top:0px;
	left:50px;
	background : url(body_templatebox.png) repeat-y;
	height:auto;
}


#bgtoptemp {
	background : url(top_templatebox.png) no-repeat;
	background-position: top center;
	height:10px;
}


#bgbottomtemp {
	background : url(bottom_templatebox.png) no-repeat;
	background-position: bottom center;
	height:10px;
}


#bigthumb {
	float: left;
	background: #660000;
	margin: 10px;
	padding:10px;
}


#fullbio {
	width:760px;
	padding:10px;
	position:relative;
	left:10px;
	background: #660000;
	text-align:left;
	height:auto;
	font-size:14px;
	letter-spacing:1px;


}


#watch {
	position:absolute;
	left:450px;
	top:20px;
	z-index:10;
}


#bigthumb img{
	border:2px white solid;
}



/* GALLERY STYLES */


ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
}

ol {
	margin:0;
	padding:0;
}

#gallery {

	width:760px;
	position:relative;
	left:0px;
	min-height:600px;
margin-bottom:30px;

}


#gallerySites {
	clear:both;
}

#gallerySites ul, #galleryWide ul {
	list-style-type: none;
}

#gallerySites li	{
	padding:0;
}

#gallerySites li	{
	float: left;
	display: inline;
	height:150px;
	width:120px;
	margin:0;
}

#gallerySites img, #galleryWide img {
	border: 1px solid #fff;
	padding: 0px;
}

#gallerySites a:hover img, #galleryWide a:hover img {
	border: 2px solid #ffcc66;
}






/* JOIN PAGE STYLES */


#jointable {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:360px;
}

#join-top {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:200px;
}

#join-Slice {
	position:absolute;
	left:0px;
	top:200px;
	width:40px;
	height:140px;
}

#join-thumb {
	position:absolute;
	left:40px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice004 {
	position:absolute;
	left:160px;
	top:200px;
	width:20px;
	height:140px;
}

#join-thumb005 {
	position:absolute;
	left:180px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice006 {
	position:absolute;
	left:300px;
	top:200px;
	width:20px;
	height:140px;
}

#join-thumb007 {
	position:absolute;
	left:320px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice008 {
	position:absolute;
	left:440px;
	top:200px;
	width:20px;
	height:140px;
}

#join-thumb009 {
	position:absolute;
	left:460px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice010 {
	position:absolute;
	left:580px;
	top:200px;
	width:20px;
	height:140px;
}

#join-thumb011 {
	position:absolute;
	left:600px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice012 {
	position:absolute;
	left:720px;
	top:200px;
	width:20px;
	height:140px;
}

#join-thumb013 {
	position:absolute;
	left:740px;
	top:200px;
	width:120px;
	height:140px;
}

#join-Slice014 {
	position:absolute;
	left:860px;
	top:200px;
	width:40px;
	height:140px;
}

#join-bottom {
	position:absolute;
	left:0px;
	top:340px;
	width:900px;
	height:20px;
}


#contentjoin {
	padding:10px;
	color:#630;
	width:780px;
	height:auto;
}



#h1bg {
	position:relative;
	background:#630; 
	width:600px; 
	padding:5px; 
	left:90px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	border:1px #feecb5 solid;

}
	

#h2bg {
	position:relative;
	background:#900; 
	width:590px; 
	padding:5px; 

	font-size:16px;
	font-weight:bold;
	color:#fff;
	border:1px #630 solid;

}


#options {
	position:relative;
	left:90px;
	width:600px;
	background:#630;
	padding:5px;
	text-align:left;
	color:#feecb5;
	font-size:120%;
	border:1px #feecb5 solid;
	letter-spacing:2px;
}



#form {
	width:150px;
	float:right;
	text-align:center;
}








/* LINK PSEUDO */


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

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

a:hover {
	color : #ebd8a6;
	text-decoration : underline;
  }
  





/* Headings */  

h1,h2 {
	color : #FFFFFF;
	margin : 1em 0 1em 0;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	padding : 0;
	text-transform : uppercase;
	line-height : 1.2em;
}


h1 {
	font-size : 1.5em;
}

h2 {
	font-size : 1em;
}


/* BOTTOM NAV */

#nav {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:70px;
}

#join-nav {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:70px;
}

#members-nav {
	position:absolute;
	left:300px;
	top:0px;
	width:300px;
	height:70px;
}

#moremodels-nav {
	position:absolute;
	left:600px;
	top:0px;
	width:300px;
	height:70px;
}



/* FOOTER SECTION */


.footer {
	width : 100%;
	background:#000;
	padding : 0;
	font-size : 12px;
	text-align : center;
	line-height:2;
}

.footer a:link {
	font-weight : bold;
	font-size : 12px;
	padding : 5px;
}

.footer a:visited {
	font-weight : bold;
	font-size : 12px;
	padding : 0px;
}

.footer a:hover {
	font-weight : bold;
	font-size : 12px;
	padding : 5px;

}


.footop a:link {
	font-weight : bold;
	font-size : 18px;
	padding : 5px;
}

.footop a:visited {
	font-weight : bold;
	font-size : 18px;
	padding : 5px;
}

.footop a:hover {
	font-weight : bold;
	font-size : 18px;
	padding : 5px;
	text-transform:none;
}