@import "reset.css";


/* >Structure
-----------------------------------------------------------*/

body {
	font-family: arial, sans-serif;
}
body#home {
	background: #3B154A url("/images/detail/bg.png") repeat-x;
	color: #F8C4D3;
}
#wrapper {
	width: 990px;
	margin: 0 auto;
	padding-top: 80px;
	min-height: 680px;
}


/* >Home
-----------------------------------------------------------*/

#outer {
	background: url("/images/detail/stars.gif") no-repeat 50% 20px;
}
#home #wrapper {
	background: url("/images/detail/colump-stars.gif") 50% 120% no-repeat;
	border-bottom: 8px solid #34103F;
}
#navigate {
	padding: 0;
}
#navigate a:link, #navigate a:visited,
#galleryExplain a:link, #galleryExplain a:visited {
	color: #DC1978;
	text-decoration: none;
}
#navigate a:hover, #navigate a:active,
#galleryExplain a:hover, #galleryExplain a:active {
	color: #fff;
}


/* >Gallery
-----------------------------------------------------------*/

body#gallery {
	background: #27092D;
	color: #F8C4D3;
}
#gallery #wrapper {
	padding-top: 30px;
}
#galleryContainer {
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
}
#home #janSale {
	visibility: hidden;
	position: absolute;
}
#gallery #janSale a {
	position: absolute;
	top: -10px;
	right: 20px;
	width: 180px;
	height: 166px;
	background: url("/images/sale-logo.jpg") no-repeat 50% 50%;
	text-indent: -9999px;
	display: block;
}
#galleryExplain {
	font-family: "Lucida Grande", "lucida sans unicode", Verdana, Arial, helvetica, sans-serif;
	font-size: 14px;
	width: 725px;
	margin: 25px auto 10px auto;
}
.photoEntry {
	width: 170px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}		
.photoEntry .thumbnail {
	padding: 10px 10px 8px 10px;
	background-color: #FFEAEF;
	margin-bottom: 10px;
	display: block;
}
.photoEntry .thumbnail a {
	font-size: 12px;
	text-align: center;
	font-family: "Lucida Grande", "lucida sans unicode", Verdana, Arial, helvetica, sans-serif;
	padding: 2px 2px;
}
.photoEntry .thumbnail a:link, .photoEntry .thumbnail a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.photoEntry .thumbnail a:hover, .photoEntry .thumbnail a:active {
	color: #E61F8A;
}
.photoEntry .thumbnail img {
	padding: 0px;
	margin-bottom: 3px;
	border: 1px solid #C593A8;
}
#pagination {
	text-align: center;
	margin-top: 50px;
	font-size: 20px;
	color: #3C0E46;
}
#pagination a {
	margin: 0 20px;
	text-decoration: none;
}
#pagination a:link, #pagination a:visited {
	color: #E54495;
	background: #2F0E39;
	padding: 8px 20px;
}
#pagination a:hover, #pagination a:active {
	color: #fff;
}


/* >Winners
-----------------------------------------------------------*/

.winner h2 {
	font-size: 35px;
	color: #D7408F;
	margin-bottom: 10px;
}
.winner h3 {
	font-size: 25px;
}
.winner img {
	position: absolute;
	left: 0;
	top: 0;
}
.winner {
	padding-left: 540px;
	height: 500px;
	position: relative;
}
.winner p {
	margin-top: 15px;
}
.winner strong {
	color: #fff;
	font-size: 18px;
}
.winner img {
	border: 7px solid #F8C4D3;
}
.p1 {
	margin-top: 55px;
}
.p1, .p2 {
	height: 420px;
}
.p3 {
	height: 600px;
}


/* >Pitch
-----------------------------------------------------------*/

#content {
	position: relative;
	padding-bottom: 150px;
}
#content #pitch {
	width: 640px;
	position: absolute !important;
	right: 40px;
	bottom: 65px;
}
#pitch {
	font-family: helvetica, arial, sans-serif;
	font-size: 22px;
	text-shadow: #000 1px 1px 1px;
}
#pitch #lead {
	margin-bottom: 30px;
}
h1 a span {
	text-indent: -9999px;
	width: 696px;
	height: 242px;
	background: url("/images/logo.gif");
	display: block;
}


/* >Inline
-----------------------------------------------------------*/

p {
	line-height: 1.6em;
}
strong {
	font-weight: bold;
}


/* >'Vote' Modal Window
-----------------------------------------------------------*/

#gallery #modal {
	background: #F7DCE5;
	position: fixed;
	top: 30%;
	left: 46%;
	margin-left: -200px;
	width: 400px;
	color: #777;
	border: 10px solid #fff;
	padding: 30px 40px;
}

.votingWindow h2 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
	color: #D0007C;
}
.votingWindow #votedErrorContent h2 {
	color: #D70000;
}
.votingWindow #votedContent h2 {
	color: #679B2D;
}
.votingWindow p {
	color: #333;
	font-family: "Lucida Grande", "lucida sans unicode", Verdana, Arial, helvetica, sans-serif;
}


/* >'How To Enter' Modal Window
-----------------------------------------------------------*/

#home #modal {
	position: fixed;
	top: 14%;
	left: 48%;
	margin-left: -400px;
	width: 800px;
	color: #777;
	border: 10px solid #fff;
	padding: 45px 25px;
}
.jqmWindow {
	background: #F9E8ED url("/images/detail/enter.jpg") 55px 100% no-repeat;
}
.jqmOverlay {
	background-color: #110112;
}
p.jqmNav {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 13px;
	color: #777;
}
p.jqmNav a {
	padding: 4px;
}
p.jqmNav a:link, p.jqmNav a:visited {
	color: #555;
}
p.jqmNav a:hover, p.jqmNav a:active {
	color: #000;
}
#howToEnter {
	font-family: "Lucida Grande", "lucida sans unicode", Verdana, Arial, helvetica, sans-serif;
}
#howToEnter a:link, #howToEnter a:visited {
	color: #E61F8A;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
}
#howToEnter a:hover, #howToEnter a:active {
	text-decoration: none;
	color: #fff;
	background-color: #E61F8A;
}
#howToEnter {
	padding-left: 300px;
}
#howToEnter h2 {
	margin-left: 40px;
	font-size: 22px;
	margin-bottom: 20px;
}
#howToEnter ul {
	width: 88%;
	margin-left: 40px;
}
#howToEnter ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 12px;
}
#howToEnter ul li strong {
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #D0007C;
	padding-right: 5px;
	font-weight: bold;
}
#howToEnter ul li em {
	font-weight: bold;
	color: #555;
	font-style: normal;
}