/*////////////////////////////////////////////////////
//
//                GENERAL STYLES
//
// SITE: READERS AWARDS 2010
// VERSION: 1.0
// CREATED: 06 MAY 10
// LAST UPDATED: 06 MAY 10
//
////////////////////////////////////////////////////*/

html, body {
	height: 100%;
	background-color: #333;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
a:link{
	color: #EE358C;
	text-decoration: none;
}

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

a:hover, a:focus{
	color: #EE358C;
	text-decoration:underline;
}
body {
	text-align: center;
	font-size: 65%;
	background-color: #333;
	font-family: Verdana, Geneva, sans-serif;
}

/* CONTAINER SHELL */
#shell {
	width: 950px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background-color: #e9e4e3;
	background-image: url(../img/shell_bg.jpg);
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
}

/* MASTHEAD/HEADER + ELEMENTS */
#mastHead {
	width: 950px;
	height: 196px;
	overflow: hidden;
}
.logo, .slogan, .magLogo, .magLogovote {
	height: 196px;
	float: left;
	text-align: left;
	text-indent: -999px;
	margin: 0;
	padding: 0;
	display: block;
}
#mastHead .logo {
	width: 330px;
	height: 196px;
	background-image: url(../img/logo.png);
}
#mastHead .slogan {
	width: 367px;
	background-image: url(../img/slogan.png);
}
#mastHead .magLogo {
	width: 253px;
	background-image: url(../img/mag_logo.png);
}
#mastHead .magLogovote {
	width: 253px;
	background-image: url(../img/mag_logo_vote.png);
}

/* MAIN MENU */
#mainMenu {
	width: 944px;
	height: 34px;
	overflow: hidden;
	background-image: url(../img/mainmenu_bg.png);
	margin: 0 6px 0 0;
	padding: 0;
	list-style: none;
}
#mainMenuvote {
	width: 944px;
	height: 34px;
	overflow: hidden;
	background-image: url(../img/mainmenu_bg_vote.png);
	margin: 0 6px 0 0;
	padding: 0;
	list-style: none;
}
#mainMenu li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
	height: 34px;
}
#mainMenu li a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 34px;
	height: 34px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	font-weight: bold;
	border-right: solid 1px #ffffff;
}
#mainMenu li a:hover {
	background-color: #d51c73;
}
#mainMenu .home {
	width: 121px;
}
#mainMenu .vote {
	width: 91px;
}
#mainMenu .categories {
	width: 130px;
}
#mainMenu .about {
	width: 120px;
}
#mainMenu .contact {
	width: 110px;
	border: none !important;
}
#mainMenuvote li {
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
	height: 34px;
}
#mainMenuvote li a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 34px;
	height: 34px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	font-weight: bold;
	border-right: solid 1px #ffffff;
}
#mainMenuvote li a:hover {
	background-color: #d51c73;
}
#mainMenuvote .home {
	width: 121px;
}
#mainMenuvote .vote {
	width: 91px;
}
#mainMenuvote .categories {
	width: 130px;
}
#mainMenuvote .about {
	width: 120px;
}
#mainMenuvote .contact {
	width: 110px;
	border: none !important;
}

/* MAIN BODY (WRAPPER)*/
#mainBody {
	width: 950px;
	overflow: hidden;
}

/* AWARD MENU (LEFT COL) + ELEMENTS */
#awardMenu {
	width: 102px;
	height: 485px;
	padding: 24px 18px 0 28px;
	margin: 0;
	float: left;
	background-image: url(../img/awardmenu_bg.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	list-style: none;
}
/*#awardMenu ul {
	width: 102px;
	height: 335px;
	margin: 0;
	padding: 0;
	list-style: none;
}*/
#awardMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#awardMenu li a {
	width: 102px;
	display: block;
	border-bottom: solid 1px #ffffff;
	background-image: url(../img/awardmenu_sprite.png);
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
}
#awardMenu .winners2006 {
	height: 83px;
	background-position: 0px 0px;
}
#awardMenu .winners2006:hover {
	background-position: -102px 0px;
}
#awardMenu .winners2007 {
	height: 76px;
	background-position: 0px -84px;
}
#awardMenu .winners2007:hover {
	background-position: -102px -84px;

}
#awardMenu .winners2008 {
	height: 77px;
	background-position: 0px -161px;
}
#awardMenu .winners2008:hover {
	background-position: -102px -161px;

}

#awardMenu .winners2009 {
	height: 77px;
	background-position: 0px -239px;
}
#awardMenu .winners2009:hover {
	background-position: -102px -239px;

}

#awardMenu .winners2010 {
	height: 78px;
	background-position: 0px -317px;
}
#awardMenu .winners2010:hover {
	background-position: -102px -317px;

}

#awardMenu .winnerscurrent {
	border: none !important;
	height: 96px;
	background-position: 0px -394px;
}
#awardMenu .winnerscurrent:hover {
	background-position: -102px -394px;

}

/* CONTENT COLUMN (MID COL) + ELEMENTS */
#contentCol {
	width: 549px;
	overflow: hidden;
	float: left;
}
#magBox {
	width: 541px;
	height: 144px;
	overflow: hidden;
	background-image: url(../img/magsbox_bg.png);
	padding: 0 0 0 8px;
	margin: 0;
	display: block;
}
#magBox img {
	float: left;
	margin-top: 31px;
	margin-right: 3px;
}
#content {
	width: 490px;
	overflow: hidden;
	float: left;
	text-align: left;
	background-image: url(../img/content_bg.png);
	background-repeat: repeat-y;	
	padding: 0px 41px 20px 18px;
}
#content h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}
#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

/* ADVERT COLUMN (RIGHT COL) */
#advertCol {
	width: 247px;
	height: 377px;
	float: left;
	background-image: url(../img/advert_bg.png);
}

/* PHOTO BAR (FLASH PHOTO MONTAGE) */
#photoBar {
	width: 950px;
	height: 108px;
	display: block;
	background-color: #333333;
	background-image: url(../img/film.jpg);
	background-repeat: no-repeat;
}
.red {
	color: #F00;
}
.cathead {
	margin-bottom:25px;
	font-weight: normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-style:normal;
	font-variant:small-caps;
	background-color: #EC008D;
	padding: 3px;
	width:250px;

}
#contentvote {
	width: 780px;
	overflow: hidden;
	float: left;
	text-align: left;
	background-image: url(../img/content_bg_vote.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 41px;
	padding-bottom: 20px;
	padding-left: 18px;
}
#contentvote h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}
#contentColvote {
	width: 780px;
	overflow: hidden;
	float: left;
}
.textbox {
	border-top: 1px none #EB2570;
	border-right: 1px none #EB2570;
	border-bottom: 1px dotted #EB2570;
	border-left: 1px none #EB2570;
	width: 380px;
}
.formvotetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: bottom;
}
.textboxvote {
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FBDDEA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #EB2570;
	border-right-color: #EB2570;
	border-bottom-color: #EB2570;
	border-left-color: #EB2570;
}
.formbutton {
	border-top: none #EB2570;
	border-right: none #EB2570;
	border-bottom: none #EB2570;
	border-left: none #EB2570;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FB7E02;
	padding: 10px;
	cursor: pointer;
}
.formheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
}
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-indent: 20px;
}
.closingdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 3px;
	padding-bottom: 3px;
}
.awardtitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFF;
	background-color: #000;
	width: 400px;
	height: 40px;
	text-align: left;
	text-indent: 20px;
}
.awardwinnerbox {
	background-color: #F9EEF4;
	font-size: 14px;
	color: #000;
	text-align: left;
	text-indent: 20px;
}
.awardwhiteborder {
	border: 3px solid #FFF;
	background-color: #F9EEF4;
}
.winnernamecell {
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.winnernamerunner {
	height: 40px;
	font-size: 24px;
	font-weight: 400;
	color: #EB0C8D;
	text-transform: none;
}
.winnernamerunnersmall {
	height: 40px;
	font-size: 20px;
	font-weight: 400;
	color: #EB0C8D;
	text-transform: none;
}
.winnernamecellsmall {
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#bg-a {
	float:left;
	text-align:center;
	background-image:url(../img/bg-a.png);
	background-repeat:no-repeat;
	width: 184px;
	height: 128px;
	margin:4px;
	}
#bg-b {
	float:left;
	text-align:center;
	background-image:url(../img/bg-b.png);
	background-repeat:no-repeat;
	width: 184px;
	height: 128px;
	margin:4px;
	}
.votetitle {
	margin-top:12px;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
	font-size:10px;
	font-weight:600;
	
	}
.votebox {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC008D;
	background-color: transparent;
	background-image:url(../img/name.png);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #EB2570;
	margin-bottom: 14px;
	margin-left:12px;
	padding-left:25px;
	padding-top:2px;
	height:12px;
}
.voteboxtown {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC008D;
	background-color: transparent;
	background-image:url(../img/town.png);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #EB2570;
	margin-bottom: 14px;
	margin-left:12px;
	padding-left:25px;
	padding-top:2px;
	height:12px;
}