/* @override http://localhost/quarkseaworld/css/layout.css */

/*///////// INITIALIZATION STARTS //////// */
* {
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 100%;
}

a {
	color: #E99A23;
	outline: 0 none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background: url(../img/gradient-bg.jpg) repeat-x 0 bottom;
}

div.flash_error {
	color: #E54C10;
}

h1 {
	/*line-height: 43px;*/
	letter-spacing: -0.03em;
	font-weight: lighter;
	/*font-size: 39px;*/
	font-size: 24px;
	color: #0080C2;
}

h2 {
	line-height: 24px;
	font-weight: normal;
	font-size: 19px;
	color: #0080C2;
}

form div.input.checkbox input[type="checkbox"] {
	margin: 5px 5px 10px 0;
}

form div.input.checkbox label {
	display: inline;
}

form label {
	display: block;
	margin: 10px 0 3px 5px;
}

select {
	padding: 3px 6px 3px 3px;
}

select option {
	padding: 0 3px;
}

/*///////// INITIALIZATION ENDS //////// */


/*///////// COMMON LAYOUT BEGINS //////// */

input.templateLoginBox {
	margin: 0px 0px 10px 0px;
	padding: 7px 5px;
	border: 0;
	background: url(../img/login-text-box.jpg) no-repeat left center;
	width: 322px; 
	font-size: 10px;
	color: #666666;
}

div.endColumns {
	clear: both;
}

div.error-message {
    color: #E54C10;
	margin-bottom: 27px;
}

div.layout {
	width: 1100px;
	margin: 0px auto 0px auto;
}

div.templateBodyBackground {
	width: 1100px;
	margin: 0px auto 0px auto;
	background: url(../img/body-bg-repeat.jpg) repeat-y;
}

div.templateBodyForeground {
	background: url(../img/body-bg-top.jpg) no-repeat;
}

div.templateBodyForegroundBottom {
		background: url(../img/body-bg-bottom.jpg) no-repeat 0 bottom;
		padding: 0px 0px 75px;
}

div.templateFooter {
	height: 245px;
}

div.templateFooter a {
	color: #666666;
}

div.templateFooter_Links {
	float: left;
	position: relative;
	top: 25px;
	left: 99px;
}

div.templateFooter_Links p {
	font-size: 11px;
	padding: 0px 0px 10px 0px;
}

span.templateFooter_Links_Category {
	font-size: 12px;
	font-weight: bold;
	color: #E99A23;
}

div.templateFooter_Logo {
	float: left;
	position: relative;
	top: 35px;
	left: 285px;
}

div.templateHeader {
	position: relative;	
	height: 246px;
	background: url(../img/header-bg2.jpg) no-repeat center top;
}

div.templateHeader_Logos {
    position: absolute;
    z-index: 99;
    left: 655px;
}

div.templateHeader_Text {
	position: absolute;
	left: 655px;
	top: 105px;
	letter-spacing: 0.043em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 41px;
	color: #333;
}


/*///////// COMMON LAYOUT ENDS //////// */


/*///////// ENTRANTS THUMBNAILS STARTS //////// */
div.templateEntrantsThumb {
	float: left;
	margin: 0px 5px 0px 19px;
}

div.templateEntrantsThumb.first {
    margin-left: 0px;
}

div.templateEntrantsThumb.uploaded {
    margin-left: 0px;
    margin-right: 0px;
}

div.templateEntrantsThumb.uploaded img {
    padding: 12px;
	background: url(../img/border-shadow-blue.jpg) no-repeat center center;
}

div.templateEntrantsThumb img {
	padding: 12px;
	background: url(../img/border-shadow-small.jpg) no-repeat center center;
}

div.templateEntrantsThumb_Info {
	margin: 10px 0px 0px 22px;
	line-height: 15px;
}
/*///////// ENTRANTS THUMBNAILS ENDS //////// */



/*///////// MAIN NAV AREA STARTS //////// */
div.templateMainNav {
    margin: 0px 0px 1px 345px;
}

div.templateMainNav a {
    font-size: 16px;
    color: #4D4D4D;
}

div.templateMainNav_Home {
    float: left;
    padding: 16px 5px 20px 0px;
    margin: 0px 5px 0px 0px;
	background: url(../img/nav-separator.jpg) no-repeat right center;
}

div.templateMainNav_Home a {
    padding: 16px 15px 21px 15px;
}

div.templateMainNav_Home_Active a {
	background: url(../img/nav-tab-home.jpg) no-repeat center top;
	color: #ffffff;
}

div.templateMainNav_Entries {
    float: left;
    padding: 16px 5px 20px 0px;
    margin: 0px 5px 0px 0px;
    background: url(../img/nav-separator.jpg) no-repeat right center;
}

div.templateMainNav_Entries a {
    padding: 16px 15px 21px 15px;
}

div.templateMainNav_Entries_Active a {
	background: url(../img/nav-tab-entries.jpg) no-repeat center top;
	color: #ffffff;
}

div.templateMainNav_Enter {
    float: left;
    padding: 16px 5px 20px 0px;
    margin: 0px 5px 0px 0px;
    background: url(../img/nav-separator.jpg) no-repeat right center;
}

div.templateMainNav_Enter a {
    padding: 16px 15px 21px 15px;
}

div.templateMainNav_Enter_Active a {
	background: url(../img/nav-tab-enter.jpg) no-repeat center top;
	color: #ffffff;
}

div.templateMainNav_Vote {
    float: left;
    padding: 16px 5px 20px 0px;
    margin: 0px 5px 0px 0px;
    background: url(../img/nav-separator.jpg) no-repeat right center;
}

div.templateMainNav_Vote a {
    padding: 16px 22px 21px 22px;
}

div.templateMainNav_Vote_Active a {
	background: url(../img/nav-tab-vote.jpg) no-repeat center top;
	color: #ffffff;
}

div.templateMainNav_Login {
    float: left;
    padding: 16px 6px 20px 0px;
    margin: 0px 5px 0px 0px;
    background: url(../img/nav-separator.jpg) no-repeat right center;
}

div.templateMainNav_Login a {
    padding: 16px 15px 21px 15px;
}

div.templateMainNav_Login_Active a {
	background: url(../img/nav-tab-login.jpg) no-repeat center top;
	color: #ffffff;
}

div.templateMainNav_Rules {
    float: left;
    margin: 0px 0px 0px 0px;
	padding: 16px 0 20px 0px;
}

div.templateMainNav_Rules a {
    padding: 16px 15px 21px 15px;
}

div.templateMainNav_Rules_Active a {
	background: url(../img/nav-tab-rules.jpg) no-repeat center top;
	color: #ffffff;
}
/*///////// MAIN NAV AREA ENDS //////// */



/*//// NARROW LOGIN BOX AREA STARTS /// */
div.templateLoginNarrow {
	width: 387px;
}

div.templateLoginNarrow h2 {
	margin-bottom: 22px;
	letter-spacing: normal;
}

div.templateLoginNarrow img {
	margin: 15px 0px 19px;
}

div.templateLoginNarrow_Content {
	background-color: #f5f5f5;
	padding: 0px 20px 0px 20px;
}

div.templateLoginNarrow_BottomCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/login-narrow-bottom.jpg) no-repeat center bottom;
}

div.templateLoginNarrow_TopCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/login-narrow-top.jpg) no-repeat center top;

}
/*//// NARROW LOGIN BOX AREA ENDS //// */




/*///////// REGISTER SIDEBOX AREA STARTS //////// */

div.templateRegister {
	width: 387px;
	background-color: #dfeef1;
}

div.templateRegister_BottomCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/bluebox-narrow-bottom.jpg) no-repeat center bottom;
}

div.templateRegister_Content {
	width: 331px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 17px;
}

div.templateRegister_TopCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/bluebox-narrow-top.jpg) no-repeat center top;
}

div.templateRegister_Heading {
	padding: 0px 0px 22px;
}

div.templateRegister_Heading_Left {
	float: left;
	width: 174px;
}

div.templateRegister_Heading_Right {
	float: right;
	padding: 8px 0px 0px 0;
	font-size: 11px;
}

div.templateRegister_Captcha {
	padding: 21px 0px 16px;
}

form input.templateRegisterBox {
	margin: 0px 0px 10px 0px;
	padding: 7px 5px;
	border: 0;
	background: url(../img/register-text-box.jpg) no-repeat left center;
	width: 322px; 
	font-size: 10px;
	color: #666666;
}

form select.templateRegisterBox {
	width: 330px; 
	margin: 0px 0px 10px 0px;
	padding: 3px 0px;
	font-size: 10px;	
	color: #666666;
}


/*///////// REGISTER SIDEBOX AREA ENDS //////// */




/*///////// SEARCH BOX AREA STARTS //////// */
div.templateSearch {
    float: right;
	position: absolute;
	z-index: 99;
	right: 30px;
	top: 70px;
}

div.templateSearch img {
	margin: 1px 0px 0px 0px;
}

div.templateSearch_Input {
	float: left;
	margin: 0px 7px 0px 0px;
}

div.templateSearch_Button {
	float: left;
}

input.templateSearchBox {
	padding: 7px 5px;
	border: 0;
	background: url(../img/search-box-bg.png) no-repeat left center;
	width: 122px; 
	font-size: 10px;
	color: #666666;
}
/*///////// SEARCH BOX AREA ENDS //////// */



/*///////// SIDEBAR AREA STARTS //////// */
div.templateSidebar {
	width: 205px;
	margin: 0px 23px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(../img/shadow-vertical.jpg) no-repeat left top;
}

div.templateSidebar h2 {
	margin: 0px 0px 10px 0px;
}

div.templateSidebar p {
	width: 170px;
	margin: 0px 0px 15px 0px;
	line-height: 16px;
}

img.templateSidebar_ShadowShort {
	margin: 25px 0px 20px 20px;
}
/*///////// SIDEBAR AREA ENDS //////// */


/*//// WIDE LOGIN BOX AREA STARTS /// */
div.templateLoginWide {
	width: 469px;
}

div.templateLoginWide h1 {
	margin-bottom: 22px;
	font-size: 24px;
	letter-spacing: normal;
	line-height: 30px;
}

div.templateLoginWide_Content img {
	margin: 15px 0px 10px;
}

div.templateLoginWide_Content {
	background-color: #f5f5f5;
	padding: 10px 20px;
	margin-bottom: 0;
}

div.templateLoginWide_BottomCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/login-wide-bottom.jpg) no-repeat center bottom;
}

div.templateLoginWide_TopCorners {
	height: 11px;
	font-size: 0px;
	background: url(../img/login-wide-top.jpg) no-repeat center top;

}
/*//// WIDE LOGIN BOX AREA ENDS //// */


