@charset "UTF-8";
/* CSS Document */

a img {
	border: 0;
}

a {
	color: #690912;
	text-decoration: none;
}

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

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 45px 0 0 0;
	color: #121111;
	font-size: 24px;
}

h2,h3,h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #121111;
	font-size: 18px; 
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 15px 0 20px;
	padding: 0;
	color: #bbbbbb;
	font-size: 18px; 
}

span.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #121111;
	font-size: 15px; 
}

.img-right {
	float: right;
}

.img-left {
	float: left;
	margin-right: 20px;
}

.displace {
	position: absolute;
	left: -5000px;
}

.spacer {
	height: 2px;
	background: url(images/spacer-bg.gif);
	margin: 20px 0;
}

body {
	margin: 0;
	font-size:13px;
        -webkit-text-size-adjust:none; 
	/* line-height: 20px; */
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg.gif);
}

.content {
	margin: 0 auto;
	width: 820px;
	background: url(images/content-bg.gif);
	box-shadow: 0px 0px 3px 0px black;
	position: relative;
	padding-bottom: 40px;
}

.header {
	height: 180px;
	padding-top: 30px;
	width: 660px;
	margin: 0 auto;
}

	.logo {
		float: left;
		width: 180px;
		height: 180px;
	}
	
	.social-side {
		float: right;
		width: 120px;
		text-align: right;
		height: 160px;
		position: relative;
		padding-top: 20px;
	}
		
		span.social-title {
			font-size: 15px;
			color: #121111;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 27px;
		}
	
		.social-arrow {
			position: absolute;
			top: 35px;
			right: -20px;
			width: 15px;
			height: 26px;
			background: url(images/social-arrow.gif) no-repeat;
		}
		
		.tweet ul {
			list-style: none;	
		}
	
.sponsor-banner {
		border: 1px solid #aeaeae;
		margin: 20px 0;
}	 	
.page {
	width: 670px;
	margin: 0 auto;
}

.sponsor-logos {
	width: 660px;
	margin: 0 auto;
	padding: 20px 0;
	text-align:center;
}

ul.contest {
	width: 300px;
	height: 80px;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

ul.contest li {
	padding: 0;
	margin: 0;
}

ul.contest li a {
	display: block;
	height: 80px;
	width: 300px;
	background: url(images/compete-button.png);
}

ul.contest li a:hover {
	background-position: -300px 0;
}

form.submission .error{
	border: solid 1px #CC0000;
}

.form-side {
	float: left;
	width: 330px;
}

.category-side {
	float: right;
	width: 305px;
}


.field {
	background: #FAD9D9;
	border: 1px solid white;
	box-shadow: inset 0px 0px 3px #4c4c4c;
	padding: 10px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 280px;
	color: #414141;
	font-style: italic;
}

.submit {
	width: 202px;
	height: 67px;
	border: 0;
	cursor: pointer;
	background:url(images/submit.png);
}

.category-img {
	margin: 20px 0;
}

.category-pointer {
	width: 129px;
	height: 151px;
	background: url(images/category-pointer.png);
	position: relative;
	top: 350px;
	left: 560px;
}

.fantastic-hair-contact {
	position: absolute;
	top: 320px;
	right: -60px;
	background: url(images/incredible-facial-hair.png) no-repeat;
	width: 258px;
	height: 342px;
}

.fantastic-hair {
	position: absolute;
	top: 520px;
	right: -60px;
	background: url(images/incredible-facial-hair.png) no-repeat;
	width: 258px;
	height: 342px;
}

.guest-ticket {
	position: relative;
	top: -80px;
	left: 640px;
	background: url(images/guest-ticketsw.gif) no-repeat;
	width: 237px;
	height: 73px;
}

.charity {
	position: absolute;
	top: 850px;
	right: -25px;
	width: 240px;
	height: 82px;		
}

.sponsors {
	position: absolute;
	top: 932px;
	right: -25px;
	width: 240px;
	height: 82px;
}
.accommodation {
	position: absolute;
	top: 1014px;
	right: -25px;
	width: 240px;
	height: 82px;
}

.content-shadow {
	height: 20px;
	width: 820px;
	margin: 0 auto;
	background: url(images/content-shadow.png) no-repeat top;
	margin-bottom: 10px;
}

.content-bottom {
	width: 780px;
	margin: 0 auto;
	height: 20px;
	font-size: 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #141d0e;
	margin-bottom: 30px;
}

.content-bottom a {
	color: #496433;
}

.category-images-paper img{
	cursor: pointer;
}

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    /* background: url(images/content-bg.gif); */
    background:white;

    width:515px;
    min-height:200px;
    border:10px solid #F0A7A7;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding: 30px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image: url(images/close.png);
    position:absolute;
    right:-20px;
    top:-20px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.desc {
    line-height: 20px;
}
