/* 
----------------------------------------------------------------------------------------
BUTTERFLIED, Gil Grissom fanlisting and fansite
http://butterflied.net
Version 1.0
Design & Coding  ©Setsu - http://www.howlingmoon.net
----------------------------------------------------------------------------------------
*/

body {
	margin: 0px;
	background-color:#FFFFFF;
}

/*
Layout Layers
*/

#layout1 {position: absolute; left: 0px; top: 0px; width: 194px; height: 25px; z-index: 1;}
#layout2 {position: absolute; left: 0px; top: 25px; width: 694px; height: 75px; z-index: 1;}
#layout3 {position: absolute; left: 0px; top: 100px; width: 694px; height: 110px; z-index: 1;}
#layout4 {position: absolute; left: 0px; top: 210px; width: 218px; height: 100px; z-index: 1;}
#layout5 {position: absolute; left: 0px; top: 310px; width: 218px; height: 100px; z-index: 1;}
#layout6 {position: absolute; left: 0px; top: 410px; width: 218px; height: 65px; z-index: 1;}
#layout7 {position: absolute; left: 0px; top: 475px; width: 218px; height: 70px; z-index: 1;}

/*
Menu Layers
*/

#menu_csi {position: absolute; left: 194px; top: 0px; width: 46px; height: 25px; z-index: 1;}
#menu_grissom {position: absolute; left: 240px; top: 0px; width: 79px; height: 25px; z-index: 1;}
#menu_media {position: absolute; left: 319px; top: 0px; width: 67px; height: 25px; z-index: 1;}
#menu_fanlisting {position: absolute; left: 386px; top: 0px; width: 99px; height: 25px; z-index: 1;}
#menu_extras {position: absolute; left: 485px; top: 0px; width: 74px; height: 25px; z-index: 1;}
#menu_site {position: absolute; left: 559px; top: 0px; width: 59px; height: 25px; z-index: 1;}
#menu_contact {position: absolute; left: 618px; top: 0px; width: 76px; height: 25px; z-index: 1;}
a.nav:hover {cursor:crosshair;}

/*
Content layer
*/

#content {position:absolute; top:170px; left:330px; width:430px; font: 11px/17px tahoma, sans-serif; text-align:justify; color:#586E95; z-index:2;}
#content h1 {font:bold italic 20px/28px times new roman, serif; color:#C0CADB; text-align:right; text-transform:lowercase;}
#content a {text-decoration:none; color:#C0CADB;}
#content a:hover {text-decoration:underline; color:#C0CADB; cursor:help;}

#footer {padding:20px 0px;}
#disclaimer {padding:8px 8px 4px 8px; background-color:#E9EDF2;}
#disclaimer a {text-decoration:none; color:#B4C0D7;}
#disclaimer a:hover {text-decoration:underline; color:#B4C0D7; cursor:help;}

#content .date {font: bold 11px/17px arial, sans-serif; color:#30466D; text-transform:uppercase;}
#content .stats {width:360px; margin:auto; padding:8px; background-color:#F0F3F7; border-left:6px solid #B4C0D7; color:#8D9EBC;}

/*
Secondary menu
*/

#secondarymenu {position:absolute; top:220px; left:200px; width:90px; z-index:3;}
#secondarymenu a {cursor:crosshair; display:block; width:100px; height:16px; background-color:#C0CADB; padding: 0px 5px; border-bottom: 5px solid #FFFFFF; font: bold 10px/17px tahoma, sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase;}
#secondarymenu a:hover {cursor:crosshair; display:block; width:100px; height:16px; background-color:#C0CADB; padding: 0px 5px; border-bottom: 5px solid #FFFFFF; font: bold 10px/17px tahoma, sans-serif; color:#627BA6; text-transform:uppercase;}
#secondarymenu a.selected {cursor:crosshair; display:block; width:100px; height:16px; background-color:#627BA6; padding: 0px 5px; border-bottom: 5px solid #FFFFFF; font: bold 10px/17px tahoma, sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase;}
#affiliates {font: bold 10px/17px tahoma, sans-serif; color:#627BA6;}
#affiliates a {color:#C0CADB; text-decoration:none; background-color:#FFFFFF;}
#affiliates a:hover {color:#627BA6; text-decoration:none; background-color:#FFFFFF;}
.seeall {text-align:right;}

/* Form styles */
.enth3_email, .enth3_name, .enth3_url, .enth3_password, .enth3_vpassword, .enth3_comments, .form { 
	border: 1px solid #C0CADB; 
	background-color: #FFFFFF; 	
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#586E95; 
	width:150px;
}
.box { 
	border: 1px solid #5C0CADB; 
	background-color: #FFFFFF; 
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#586E95; 
	width:200px; 
	height: 50px;
}
.enth3_country{ 
	font-family: verdana,sans-serif; 
	font-size:9px; 
	color:#586E95; 
	background-color: #FFFFFF; 
	width:150px; 
	text-align:left; 
	margin:3px;
	border: 1px solid #C0CADB; 
}
.enth3_submit, .enth3_reset{ 
	border: 1px solid #C0CADB; 
	background-color: #C0CADB; 
	font-family:verdana,sans-serif; 
	font-size:8pt; 
	color:#FFF; 
	width:150px;
}
.button{ 
	border: 1px solid #C0CADB; 
	background-color: #C0CADB; 
	font-family:verdana,sans-serif; 
	font-size:9px; 
	color:#FFF; 
	width:80px;
}