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


/* CSS RESETS */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img, table { border: none; }

a:focus { outline: none; }

/* DEFAULT HTML TAGS */

html, body {
height: 100%;
}

p {
	margin: 0px 0px 20px 0px;
	line-height:20px;
}

a {
	text-decoration: underline;
	color: #aaa;	
}

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

body {
	background: url(/images/bg_grad.jpg) no-repeat #0a0807 center;
	font-family:Tahoma, Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #aaa;
	overflow:hidden;
}

.hr {
	clear:      both;
	display:    block;
	border-style: none;
	background: transparent url(/images/hr.gif) no-repeat center;
	border: none;
	height: 10px;
	margin: 20px 0 30px 0;

}

li {
	margin-left: 15px;
	line-height: 20px;
	
}



#container {
	color: d1d1d1;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#bg_flipp {
	position: fixed;
	z-index: -1;
	bottom: -10px;
	right: -20px;
}

#footer {
	bottom: 0px; /* used to be -50px */
	clear: both;
	z-index: 99;
	width: 100%;
	background: #000;
	position: fixed;
	height: 40px;
	font-size:11px;
	line-height:20px;
}

#footer a {
	text-decoration: none;
	color:#969899;
}

#footer a:hover {
	color:#efefef;
}

#footer_content {
	margin: auto;
	width: 960px;
	padding-top: 11px;

}
#footer_content a.contact {
	background: #201f1e;
	padding: 5px 7px;
	font-weight: bold;
}

a.flickrFoot {
	display: block;
	background: url(/images/icon_flickr.gif) top left no-repeat;
	padding-left: 25px;
	line-height: 20px;
	margin-right: 10px;
	height: 20px;	
}

a.flickrFoot:hover {
	background: url(/images/icon_flickr.gif) bottom left no-repeat;
}

a.twitterFoot {
	display: block;
	height:20px;
	background: url(/images/icon_twitter.gif) top left no-repeat;
	padding-left: 25px;
	line-height: 20px;
	margin-right: 10px;	
	height: 20px;
}

a.twitterFoot:hover {
	background: url(/images/icon_twitter.gif) bottom left no-repeat;
}

a.faceFoot {
	display: block;
	height:20px;
	background: url(/images/icon_facebook.gif) top left no-repeat;
	padding-left: 25px;
	line-height: 20px;
	height: 20px;
}

a.faceFoot:hover {
	background: url(/images/icon_facebook.gif) bottom left no-repeat;
}

.hide {
	display: none;
}
/*
.text {
	position: absolute;
	margin: auto;
	display: none;
	text-indent: -9999px;
	left: 50%;
}

#text1 {
	top: -80px;
	margin-left: -409px;
	background: url(/images/text1.png) top center no-repeat;
	width: 819px;
	height: 179px;
}

#text1b {
	margin-top: 70px;
	background: url(/images/text1b.png) bottom center no-repeat;
	width: 819px;
	height: 42px;	
}

#text2 {
	top: -80px;
	margin-left: -438px;
	background: url(/images/text2.png) top center no-repeat;
	width: 876px;
	height: 179px;
	
}

#text2b {
	margin-top: 70px;
	background: url(/images/text2b.png) bottom center no-repeat;
	width: 819px;
	height: 34px;	
}

#text3 {
	top: -330px;
	margin-left: -396px;
	background: url(/images/contest_text.png) bottom center no-repeat;
	width: 792px;
	height: 450px;
	
}

.glint {
	position: relative;
	background: url(/images/glint.png) top center no-repeat;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	
	-webkit-animation-name: spin,glow;
	-webkit-animation-duration: 10s,2s;
	-webkit-animation-iteration-count: infinite,infinite;
}

#glint1 {
	left: 338px;
	top: 143px;
	-webkit-animation-duration: 15s,5s;
}


#glint2 {
	left: 757px;
	top: 265px;
	-webkit-animation-duration: 6s,3s;	
}

#glint3 {
	left: 43px;
	top: 248px;
}

#glint4 {
	left: 362px;
	top: 305px;
}*/

@-webkit-keyframes spin{
  0%   { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
  50% { -webkit-transform: rotate(180deg) translate(0px, 0px);}
  100% { -webkit-transform: rotate(-180deg) translate(0px, 0px);}  
}

@-webkit-keyframes glow{
  0%   { opacity:0.1;}
  50% { opacity:.8;}
  100%   { opacity:0.1;}  
}



/* NAV */

#nav {
	text-indent: 0;	
	height: 23px;
	margin: 125px auto 70px auto;
	width: 402px;
	text-align: center;	
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}


#nav a {
	text-transform: uppercase;
	color: #777;
	display: block;
	text-indent: -9999px;
	height: 23px;
	margin: 0 4px;
	background-position: top left;
	background-repeat:  no-repeat;	
}

#nav a:hover, #nav a.on {
	background-position: bottom left;	
}

#nav a#how {
	float: left;
	background-image: url(/images/nav_details.gif);
	width: 109px;
}
#nav a#judges {
	float: left;	
	background-image: url(/images/nav_judges.gif);	
	width: 88px;
}
#nav a#registration {
	float: left;	
	background-image: url(/images/nav_registration.gif);	
	width: 89px;
}
#nav a#who {
	float: left;	
	background-image: url(/images/nav_who.gif);	
	width: 84px;
}

#nav a#finalists {
	float: left;	
	background-image: url(/images/nav_finalists.gif);	
	width: 71px;
}

#small_banner {
	display: block;
	margin:0 auto;
	text-indent: -9999px;
	background: url(/images/small_banner.png) top center no-repeat;
	width: 401px;
	height: 204px;
}

#ss500 {
	display: block;
	text-indent: -9999px;
	background: url(/images/ss500.png) top center no-repeat;
	width: 383px;
	height: 119px;
	margin-top:48px;
}

#content {
	margin:0 auto;
	width: 800px;
	font-size: 12px;
}

/*** to center vertically and horizontally the home page ***/
#horizon{
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}


/*** to center vertically and horizontally the home page ***/
.home #content{
	margin-left: -435px;
	margin-right:0px;
	position: absolute;
	top: -102px;
	left: 50%;
	height: 204px;
	width:870px;
}

.home #small_banner {
	margin:0px;
}

.home a#small_banner:hover,a#ss500:hover{
opacity:0.6;
filter:alpha(opacity=60);
}
/*** ***/

.vert_split{
	width:1px;
	height:204px;
	margin:0px 42px;
	border-left:solid 1px #585554;
}


#content_contact {
	margin: auto;
	width: 600px;
	font-size: 12px;
}

.about #content{
	padding-left:20px;
	width:625px;
}

#content p {
	text-align:justify;
}

#content h2 {
	color: #cb9d2b;
	font-size: 14px;
	margin-bottom: 5px;	
}

h3 span.yellow {
	color: #cb9d2b;
}
#content h3{	
	font-size: 14px;
	margin-bottom: 8px;
	line-height:20px;
	color:#dedede;
}

#bubble h3{	
	font-size: 15px;
	margin-bottom: 2px;
	line-height:18px;
	color:#dedede;
}


#content em {
	font-style:italic;
	font-weight:bold;
	color: #fff;
}

p.questions, p.questions em{
	color:#fff;
}

p.addy strong{
	color:#d8d8d8;
}

/*** Layout columns **/

.col1of2 {
	width: 47%;
	float: left;
	padding-right: 5%; 	
}

.about .col1of2 {
	width: 420px;
	float: left;
	padding-right: 25px; 	
}

.col2of2 {
	width: 47%;
	float: left;
}

.about .col2of2 {
	width: 160px;
	float: right;	
}

.col1of3 {
	width: 32%;
	float: left;
}

.col2of3 {
	width: 32%;
	float: left;
}

.col3of3 {
	width: 32%;
	float: left;
}


a.btn_register_here {
	display: block;
	text-indent: -9999px;
	background: url(/images/btn_register_here.png) top left no-repeat;
	width: 377px;
	height: 47px;
	margin: 20px 0;
}

a.btn_fanclub {
	display: block;
	text-indent: -9999px;
	background: url(/images/btn_fanclub.png) top left no-repeat;
	width: 392px;
	height: 40px;
	margin: 20px 0;	
}

a.btn_bigflkr {
	display: block;
	text-indent: -9999px;
	background: url(/images/btn_bigflkr.gif) top left no-repeat;
	width: 402px;
	height: 40px;
	margin: 30px auto;	
}

a.emailLink{
	display: block;
	background: url(/images/ico_env.gif) top left no-repeat;
	width:120px;
	height:18px;
	float:left;
	padding:0 0 0 33px;
	color:#ecaa06;
}
a.emailLink:hover{
	text-decoration:underline;
}

.addy{
	background: url(/images/arrow_gry.gif) top left no-repeat;
	width:195px;
	float:right;
	margin:0px;
	padding:0 0 0 25px;
	line-height:18px;
}

.judge {
	float: left;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 118px;
	height: 68px;
	
}

#judge_craig {
	background-image: url(/images/judges/judge_craig.gif);
}

#judge_em {
	background-image: url(/images/judges/judge_em.gif);
}

#judge_dan {
	background-image: url(/images/judges/judge_dan.gif);
}

#judge_jamie {
	background-image: url(/images/judges/judge_jamie.gif);
}

#judge_greg {
	background-image: url(/images/judges/judge_greg.gif);
}

#judge_bryan {
	background-image: url(/images/judges/judge_bryan.gif);
}

#judge_jim {
	background-image: url(/images/judges/judge_jim.gif);
}

#judge_cam {
	background-image: url(/images/judges/judge_cam.gif);
}

#bubble {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}



#bubble .top {
	background: url(/images/bubble_top.gif) top left;
	width: 472px;
	height: 22px;
}
	
#bubble #bio {
	background-image: url(/images/bubble_bottom.gif);		
	background-position: bottom left;
	background-repeat: none;
	padding: 3px 20px 75px 20px;
	width: 432px;
	font-size: 13px;
	line-height:18px;
}

#bubble #bio a {
	text-decoration: underline;
}

#bubble #bio a:hover {
	color: #fff;
}

/* finalists section */
.finalist_logo {
	display: block;
	height: 76px;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: none;	
}

.finalist_logo:hover {
	background-position: top right;
}

#logo_mobizou {
	background-image: url(/images/logo_mobizou.gif);
	width: 149px;
}
#logo_mobizou:hover {
	background-position: top left;
}

#logo_oseiduro {
	background-image: url(/images/logo_oseiduro.gif);
	width: 156px;
}

#logo_pieceofcake {
	background-image: url(/images/logo_pieceofcake.gif);
	width: 147px;
}

#logo_playeriq {
	background-image: url(/images/logo_playeriq.gif);
	width: 112px;
}

#logo_somacreates {
	background-image: url(/images/logo_somacreates_big.gif);
	width: 221px;
}


#vote_bubble {
	background: url(/images/vote_bubble_bottom.gif) no-repeat bottom left;
	padding-bottom: 28px;
	width: 592px;
	position:absolute;

	margin: 390px auto;
	display: none;
	z-index: 9;
}

.vote_bubble_top p {
	margin-bottom: 0;
}
.vote_bubble_top h3 {
	color: #fff;
	font-size: 17px;
}

.vote_bubble_top {
	background-image: url(/images/novote_bubble_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 512px;
	min-height: 104px;
	padding-top: 73px;
	padding-left: 40px;
	padding-right: 40px;
}

#vote_now {
	position: absolute;
	top: 80px;
	left: 20px;
	width: 110px;
	height: 110px;
	text-indent: -9999px;
}

#register #content {
	width: 710px;
	padding: 0;
	margin: 0 auto;
}
#btnRegister {
	display:block;
	width:159px;
	height:31px;
	background-image: url(/images/btnRegister.gif);
	background-position: top left no-repeat;
	margin:auto;
	text-indent:-9999px;
}
#btnRegister:hover {
	background-position: top right;
}

#frmRegister input.required {
	color:#000;
	height:18px;
	padding:2px 6px 0 6px;
	line-height:20px;
	width:199px;
	border:1px solid #CCC;
	margin:12px 0 3px 0;
}
#frmRegister input.invalid {
	color:#F00;
	border:1px solid #FFE0E0;
}
#login #content {
	width: 450px;
	padding: 0;
	margin: 0 auto;
	text-align:center;
}
#login #content strong {
	display:block;
	width:100%;
	text-align:left;
}
#btnLogin {
	display:block;
	width:142px;
	height:31px;
	background:url(/images/btnLogin.gif) top left no-repeat;
	margin:auto;
	text-indent:-9999px;
	border: none;
}
#btnLogin:hover {
	background-position:top right;
}
#btnSignup {
	display:block;
	width:142px;
	height:31px;
	background:url(/images/btnSignup.gif) top left no-repeat;
	margin:auto;
	text-indent:-9999px;
	border: none;
}
#btnSignup:hover {
	background-position:top right;
}

input.required {
	color:#000;
	height:17px;
	padding:5px;
	line-height:20px;
	border:1px solid #CCC;
	margin:12px 0 3px 0;	
}

input.invalid {
	color:#F00;
	border:1px solid #FFE0E0;
}


#frmClientLogin input.required {
	width:223px;
}

#dummy {
	height: 400px;
	width: 800px;
}

/*** General classes ***/
.bigText{
font-weight:bold;
font-size:14px;
}


.left {
	float: left;
	display:inline;
}
.right {
	float: right;
	display:inline;
}

.clear {
	clear: both;
}

#MouseTrail {
	width:140px;
	height:33px;
	background:url(/images/tt_both.gif) top left no-repeat;
	position:absolute;
	z-index:100;
	text-indent:-9999px;
	display:none;
}