/* ------------------------------------------------------------------
Copyright: (c) 2004 - 2008 Designition Ltd
Author: Designition Ltd (www.designition.co.uk)
Date: July 2008
Site: cmoftheyear.com

These CSS Scripts can not be copied, redistributed or reused on any 
web site other than the one they have been installed on. For full
terms and conditions please visit www.designition.co.uk/terms/
--------------------------------------------------------------------- */

/* ------------------------------------------------------
@1 Global Reset
--------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}
html,body{height:100%;}
.headers {color: #E73F97; font-weight:bold; padding: 4px; background-image: url(../../img/design/h1_bg.gif) }



/*---------------------------------------------------------
FORUM
----------------------------------------------------------*/


/* ------------------------------------------------------
@2 Home Page / My Stuff
--------------------------------------------------------- */
.eyestext {
	padding: 4px;
	background-color:#990066;
	color:#FFFFFF;
	font-size:10px;
}



#eyeslinks { width: 960px; margin: auto; margin-top: 3px; margin-bottom: 3px; }

#eyeslinks a:link {color: #ffffff; text-decoration: underline; }
#eyeslinks a:active {color: #00CCFF; text-decoration: underline; }
#eyeslinks a:visited {color: #ffffff; text-decoration: underline; }
#eyeslinks a:hover {color: #00CCFF; text-decoration: none; }


#top_intro { background-image:url(../../img/design/bg_trans.png); border:thin solid #FF00FF; width: 570px;  float:left; padding: 2px; margin-bottom: 4px;} 
#content_homepage {
	float: left;
	width: 580px;
	padding: 3px;
}
/* Sidebars */

#sidebar1 {
	float: left;
}

#sidebar2 {
	float: right;
}

.sidebar {
	float: left;
	width: 220px;
	padding-bottom:10px;
	font-size: 13px;
	line-height: -8px;
}
.sidebarleft {
	float: left;
	width: 128px;
	padding: 0;
	font-size: 12px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 8px 0px;
	border-bottom: 1px #BBBBBB dashed;
}


.sidebar li h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(images/img05.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 16px;
	color: #FFFFFF;
}

.sidebar a {
}

.sidebar h3 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	letter-spacing: -1px;
	font-size: 16px;
	color: #000000;
	font-weight:bold
	}
	
	.sidebar ol {
	margin: 0;
	padding: 0;
	line-height:1px;
	font-size:12px;
	font-weight:bold;
	list-style:inside
}

.sidebar li {
margin: 0 0 0 0; 
padding: 0 0 0 0; 
}

.sidebar li ol {
    margin:20px;


}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 8px 0px;
	border-bottom: 1px #BBBBBB dashed;
}

/*end sidebar */

#home_latest_winner {
clear: both;
float:left;
padding: 5px;
min-width:370px;
min-height: 167px;
background-image: url(../../img/design/latest_winner_home.gif); background-repeat:no-repeat;

}

#vote_now {
float: right;
width: 190px;
 
padding-top: 20px;
}

#home_latest_feature {
clear: both;
padding: 5px;
min-width: 560px;
min-height: 167px;
background-image: url(../../img/design/feat_cm_home.gif); background-repeat:no-repeat;
}
#home_latest_comments {
clear: both;
padding: 5px;
min-width: 560px;
min-height: 125px;
font-size:12px;
background-image: url(../../img/design/latest_comments_home.gif); background-repeat:no-repeat;
}
#leader_board {
padding: 5px;
max-height:205px;
min-height: 205px;
min-width: 198px;
font-size:12px;
background-image: url(../../img/design/leader_board_bg_home.png); background-repeat:no-repeat;
}

#forum_posts_home {
min-height: 160px;
min-width: 210px;
font-size:12px;
background-image: url(../../img/design/forum_home.gif);
background-repeat:no-repeat;
}

#forum_list {
padding-top: 35px;
width: 212px;
height: 120px;
padding-left:7px;
}

#job_list {
padding-top: 35px;
width: 212px;
height: 120px;
padding-left:7px;
}


#job_posts_home {
padding: 5px;
min-height: 160px;
min-width: 210px;
font-size:12px;
background-image: url(../../img/design/jobs_home.png);
background-repeat:no-repeat;
}

#job_news_home {
padding: 5px;
min-height: 195px;
min-width: 210px;
font-size:12px;
background-image: url(../../img/design/chatter_bg_home.png);
background-repeat:no-repeat;
z-index:5;
position:absolute;
}



#leader_board li {


}

#contender {
	color: #FFFFFF;
	font-size: 0.8em;
	text-align: center;
}
#contender caption {
	color: #FF3399;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}

.style1 {
color:#000000;
}

/* Footer */

#footer_home {
	min-width: 940px;
	min-height: 200px;
	margin-top: 0 auto;
	background: url(../../img/design/footer_bg_home.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:-15px;
	z-index: -10;
}

#footer_home p {
	margin: 0;
	text-align: left;
	padding-top: 10px;
	padding-left:165px;
	font-size: smaller;
	margin-top: -0.4em;
}

#footer_home h3 {
	padding-left:165px;
	text-align: left;
	font-weight:bold;
	font-size:15px;
	
}


#footer_home a {
}

#footer_home .link {
	float: right;
}

#footer_home .copyright {
	float: left;
}


#subscribe_home {
padding-top: 37px;
padding-right: 30px;
text-align:left;

}

#subscribe_home input { 
 background-color: #FF99FF;
 color:#000 ;
 font-weight:bold;
}

#top_ad { float:right ;
padding-right: 8px;
position:relative;
z-index: 10;
margin-bottom: -100px;

}

#feat_ban_small { float:right ;
padding-right: 20px;
margin-top: -98px;
}

#feat_ban_large { 
width: 468px;
margin-left: auto;
margin-right:auto;
text-align:center;
}

/* ------------------------------------------------------
@2 Content Fix
--------------------------------------------------------- */
h1 {font: 1.5em verdana; margin: 0 1em .6em 0; background-image:url(../../img/design/h1_bg.gif); color: #CC3399; font-weight:bold}
h2 {font: 1.2em verdana; margin: 0 1em .6em 0; color: #660000}
h3 {font: 1.2em verdana; margin: 0 1em .6em 0;}
h4 {font: 1.0em verdana; margin: 0 1em .6em 0;}
h5 {font: 1.0em verdana; margin: 0 1em .6em 0; border-bottom: 1px dashed #000; padding-bottom: 2px;}
h6 {font: 0.8em verdana bold; margin: 0 1em .6em 0;}
ul {list-style: disc; margin: 1em 2em;}
ol {list-style: decimal; margin: 1em 2em;}
p {font-size: .75em; line-height: 1.35em; margin: 0 2em 1em 0;}
li {font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold}
dl { font-size: 10px;  }
dl dt {  }
dl dd {  }

strong { font-weight: bold; }
em { font-style: italic; }


/* ------------------------------------------------------
@3 Layout
--------------------------------------------------------- */
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../../img/design/bgbg.gif); background-repeat: repeat; background-color:#e1aec8; color: #828282;font-size: 10px;}
#topbg { background-image: url(../../img/design/bgcm.gif); background-repeat: repeat-x; width: 100%; height: 569px;}
#wrapper { width: 961px; margin: auto; }

#header { padding: 10px 15px 0 5px; margin: 0; background-image: url(../../img/design/headerbg_new.jpg); height:150px;}
	#header h1 {margin: 0 0 0 5px; font-size: 1.5em;}
		#header h1 a {text-decoration: none;}
		
		
		/* MENU STUFF */
	#header ul { list-style-type: none; width: 100%; position: relative; height: 27px; font-family: "Trebuchet MS"; font-weight: bold; margin: 0; padding: 113px 0 0 0; }
		#header ul li { display: block; float: left; margin:0 1px 0 0; height:27px; background-repeat:no-repeat; padding: 0 0 0 5px;}
		#header ul li a { display: block; float: left; color: #fff; /*line-height: 27px;*/ text-decoration: none; padding: 0 17px 0 18px; height:36px; background-color: #CC0099; }
		#header ul li a:hover {color: #FFCCFF; background-color: ;background-image: url(../../img/design/nav/hover.png); background-repeat:no-repeat; color: #333333;}

		body.home #header ul li#nav1 a,
		body.vote #header ul li#nav2 a,
		body.update #header ul li#nav3 a,
		body.hall #header ul li#nav4 a,
		body.featured #header ul li#nav5 a,
		body.comments #header ul li#nav6 a,
		body.forums #header ul li#nav7 a,
		body.jobs #header ul li#nav8 a,
		body.home #header ul li#nav1 a:hover,
		body.vote #header ul li#nav2 a:hover,
		body.update #header ul li#nav3 a:hover,
		body.hall #header ul li#nav4 a:hover,
		body.featured #header ul li#nav5 a:hover,
		body.comments #header ul li#nav6 a:hover,
		body.forums #header ul li#nav7 a:hover,
		body.jobs #header ul li#nav8 a:hover { color: #fff; background: #b5b5b5; text-decoration:underline}

/*main content background */
#page { background: #fff; }

#content { padding: 10px; margin-bottom: 10px; }

#footer { border-top: 1px solid #ccc; padding: 5px 0; background-image: url(../../img/design/bottombg.jpg); }
	#footer p { font-size: 0.7em; line-height: 1.8em; text-align: right; }

/* ------------------------------------------------------








/* ------------------------------------------------------
@3 Content Area Fix
--------------------------------------------------------- */



#country { background-image: url(../../img/design/content_gradient.jpg); background-repeat: no-repeat; background-color:#fff; height:50px; }
#country ul { margin: 0; padding: 0; list-style-type: none; }
#country ul li { float: left; margin: 10px 0 10px 10px; background-image: url(../../img/design/continent_non_selected.png)}
#country ul li a { display: block; padding: 10px; border: 1px solid #ccc;} 
#country ul li.active a { background-image: url(../../img/design/clear_selected.gif);   }
#country ul li.activeuk a { background-image: url(../../img/design/selected_uk.png) ;   }
#country ul li.activeint a { background-image: url(../../img/design/selected_int.png);   }

#countryhome { text-align:center; width:200px; color:#000000; padding-left:50px;}
#countryhome ul { margin: 0; padding: 0; list-style-type: none; text-align:center; }
#countryhome ul li { float: left; margin: 3px 0 3px 3px; background-image: url(../../img/design/continent_non_selected.png)}
#countryhome ul li a { display: block; padding: 10px; border: 1px solid #ccc;} 
#countryhome ul li.active a { background-image: url(../../img/design/clear_selected.gif);   }
#countryhome ul li.activeuk a { background-image: url(../../img/design/selected_uk.png) ;   }
#countryhome ul li.activeint a { background-image: url(../../img/design/selected_int.png);   }

















table#tdetails {}
table#tdetails th {padding: 4px; font-size: .75em; line-height: 1.35em; vertical-align: top; font-weight: bold;}
table#tdetails td {padding: 4px; font-size: .75em; line-height: 1.35em; vertical-align: top;}

form#cform {padding-left: 90px;}
form#cform p label {display: block; width: 100px; padding-top: 4px; float: left;}
form#cform p input.def {width: 220px; padding: 4px; border: 1px solid #C5C3BC; background: #fff; margin-bottom: 1px;}
form#cform p textarea {width: 220px; padding: 4px; border: 1px solid #C5C3BC; background: #fff; margin-bottom: 1px;}
form#cform p.cbut {margin-left: 100px;}
form#cform legend {display: none;}

div#errors {background: #feffbf; padding: 10px; margin-bottom: 1em;}
div#errors ul {margin: 0 1em; padding: 0;}


/* Alerts (Various) */
#content div.alert { padding: 15px 30px 5px 35px; margin-bottom: 10px; }
#content div.alert ul, #content div.alert ol { margin: 0 0 0 0; line-height: 2.4em; }
div.warning { background: #fcfce2; border: 1px solid #e4cb9c; }
div.done { background: #deffef; border: 1px solid #58bf8c; }
div.error { background: #fde6e6; border: 1px solid #e56666; }



#regeasy {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;

}


#regeasy a:link, #regeasy a:visited, #regeasy a:active {position:relative;
 border:1px solid transparent; 
 color:#fff; 
 font-weight: bold; 
 display:block; z-index:100; 
 padding:6px 12px; 
 line-height:18px; 
 text-decoration:none; 
 text-shadow:0 1px 0 #000; font-size:18px}

#regeasy a:hover { color: #ccccff;  text-shadow:1px 1px 0px #000; font-size:18px}

#regeasy ul {
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-top:5px;
}


#regeasy ul li {
	padding:2px;
	float:left; margin: 0 5px; width: auto; 
	border: 1px solid #000;
	border-color: rgba(0,0,0,.15); 
	
	
	
	/* Gradient Background */
	background: #ea128a;
  	background: -moz-linear-gradient(100% 100% 90deg, #b5086b, #ea128a);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea128a), to(#b5086b));

	
	
	/* Border Radius */ 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	

	/* Box Shadow */
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.03);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.03);
	box-shadow: 0 1px 1px rgba(0,0,0,.03);
}