/* Globe and TM Per Second Panalo Promo
   Updated: Mon.06.02.08 @ 9:17 a.m.
   Author: Mon Geslani
   Site: xxx
   ----------------------------------------------------*/

/* =GENERAL
   ----------------------------------------------------*/

body {
	text-align:center;
	background:#E8F6FA url(../images/bkg-body.jpg) repeat-x left 21px;
	border-top:24px solid #0F9FCF;
}

	#wrap {
		margin:0 auto;
		position:relative;
		text-align:left;
		background:url(../images/bkg-center.jpg) no-repeat left 197px;
		width:860px;
		padding:0 65px;
	}
	
	h1, h2, h3, h4, h5, h6, strong { font-weight:normal; }

/* =TYPOGRAPHY
   ----------------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.4;
}

	#wrap {
		font-size:1.2em;
		margin:0 auto;
	}
	
/* =HEADER
   ----------------------------------------------------*/

#header {
	margin-bottom:2em;
}

	#header h1 {
		/*padding-top:21px;*/
	}

		#header h1 a {
			display:block;
			/*width:447px;*/
			height:122px;
			background:url(../images/logo.jpg) no-repeat left top;
			text-indent:-9999px;
			/*margin:0 auto;	*/
		}
	
	#header p {
		position:absolute;
		top:0;
		left:2em;
		color:#FFF;
		font-size:.95em;
		margin-top:-21px;
		text-align:center;
		width:990px;
	}	

/* =TEASER
   ----------------------------------------------------*/

	#teaser {
		position:absolute;
		right:5.3em;
		top:233px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		color:#333;
		width:340px;
	}
	
		#teaser ul { margin-bottom:20px; }
	
		#teaser strong {
			background:url(../images/txt-12.jpg) no-repeat top left;
			color:#FFF;
			display:none;
			font-family:Arial,Helvetica,sans-serif;
			font-size:2.2em;
			font-weight:bold;
			margin:0.2em 0;
			text-indent:-9999px;
		}
		
	
		#teaser a {
			display:none;
			width:194px;
			height:45px;
			background:url(../images/bkg-join.jpg) no-repeat top left;
			text-indent:-9999px;
			margin-top:4em;
		}


/* =NAVIGATION
   ----------------------------------------------------*/

#navigation {
	text-align:center;
	padding-left:144px;
	padding-top:1em;
}	

	#navigation li {
		display:inline;
	}
	
		#navigation li a {
			display:block;
			float:left;
			height:40px;
			font-size:1.6em;
			text-transform:lowercase;
			padding:0 .5em;
			margin-right:.5em;
			letter-spacing:-1px;
			text-decoration:none;
			color:#06C;
		}
		
		.home #nav-home,
		.join #nav-join,
		.prizes #nav-prizes,
		.picture-messages #nav-picture-messages,
		.winners #nav-winners,
		.mechanics #nav-mechanics,
		.faq #nav-faq {
			background:#FFF;
		}
		
		#navigation #nav-join { display:none }
	
/* =CONTENT
   ----------------------------------------------------*/

#content {	
	clear:both;
	background:#FFF url(../images/bkg-content.gif) no-repeat left bottom;
	padding:1.5em 1.5em 2.5em;
	margin-top:390px;
}

/* =SUBCONTENT
   ----------------------------------------------------*/
	
#main-content {}

/* =SUBCONTENT
   ----------------------------------------------------*/
	
#sub-content {}

/* =FOOTER
   ----------------------------------------------------*/
	
#footer {
	margin-top:2em;
	background:#FFF url(../images/bkg-footer.jpg) repeat-x left top;
	padding:1.5em;
	color:#999;
	font-size:1.2em;
}

/* =PICTURE-MESSAGES
   ----------------------------------------------------*/

	.picture-messages { }
	
		.picture-messages .content-item h2 {
			font-size:1.6em;
			color:#333;
			font-family:Georgia, "Times New Roman", Times, serif;
			display:none;
		}
		
		.picture-messages .content-item fieldset {
			background:#E8F6FA;
			padding:1em;
			color:#333;
		}
			
			.picture-messages .content-item fieldset label {
				font-size:1.4em;
				font-family:Georgia, "Times New Roman", Times, serif;			
				padding-right:.5em;
			}
			
			.picture-messages .content-item div ol {
				border:1px solid #E8F6FA;
				border-top:none;
				position:relative;
				background:#0F9FCF;
			}
			
				.picture-messages .content-item div ol li a {
					display:block;
					padding:.5em;
					width:140px;
					border-top:1px solid #EEE;
					border-bottom:1px solid #FFF;
					border-right:1px solid #EEE;
					color:#06C;
					font-size:1.2em;
					text-decoration:none;
					background:#F7F7F7;
				}
				
					.picture-messages .content-item div ol li a:hover {
						background:#FFC;
					}
				
					.picture-messages .content-item div ol li a.active {
						background:#0F9FCF;
						border-right:1px solid #0F9FCF;
						border-top:1px solid #0F9FCF;
						color:#FFF;
						font-weight:bold;
					}
					
					.picture-messages .content-item div ol li table {
						position:absolute;
						top:2em;
						right:2em;
						width:620px;
						margin-right:7em;
						background:#FFF;
						border:1px solid #EEE;
						height:830px;
					}
					
						html>body.picture-messages .content-item div ol li table { margin:0; }

						.picture-messages .content-item div ol li table td,
						.picture-messages .content-item div ol li table th {
							text-align:center;
							padding:.3em 0;
						}
						
							.picture-messages .content-item div ol li table span {
								font-size:1.2em;
								color:#999;
							}
						
							.picture-messages .content-item div ol li table img {
								margin-bottom:.5em;
							}

						.picture-messages .content-item div ol li table span {
							display:block;
						}
						
/* =WINNERS
   ----------------------------------------------------*/

	.winners { }
	
		.winners .content-item h2 {
			font-size:1.6em;
			color:#333;
			font-family:Georgia, "Times New Roman", Times, serif;
			display:none;
		}
		
		.winners .content-item ul {
		
		}
		
			.winners .content-item ul li {
				display:inline;
			}	
			
				.winners .content-item ul li a {
					display:block;
					float:left;
					padding:.5em;
					font-size:1.4em;
					text-decoration:none;
					text-transform:lowercase;
					color:#06C;
				}	
		
				.winners .content-item ul li.active a {
					background:#E8F6FA;					
				}
		
		.winners .content-item fieldset {
			background:#E8F6FA;
			padding:1em;
			color:#333;
		}
			
			.winners .content-item fieldset label {
				font-size:1.4em;
				font-family:Georgia, "Times New Roman", Times, serif;			
				padding-right:.5em;
			}
			
			.winners .content-item div ol {
				border:1px solid #E8F6FA;
				border-top:none;
				position:relative;
				background:#0F9FCF;
			}
			
				.winners .content-item #winners-minute div ol li a {
					display:block;
					padding:.5em;
					width:140px;
					border-top:1px solid #EEE;
					border-bottom:1px solid #FFF;
					border-right:1px solid #EEE;
					color:#06C;
					font-size:1.2em;
					text-decoration:none;
					background:#F7F7F7;
				}
				
					.winners .content-item #winners-minute div ol li a:hover {
						background:#FFC;
					}
				
					.winners .content-item #winners-minute div ol li.active a {
						background:#0F9FCF;
						border-right:none;
						border-top:none;
						border-bottom:1px solid #0F9FCF;
						color:#FFF;
						font-weight:bold;
					}
					
					.winners .content-item #winners-minute div ol li div {
						position:absolute;
						top:20px;
						right:20px;
						width:626px;
						overflow:auto;
						margin-right:7em;
						height:398px;
						border:1px solid #EEE;
						background:#FFF;
					}
					
						html>body.winners .content-item #winners-minute div ol li div { margin:0; }
					
					.winners .content-item table {
						width:100%;
					}
					
						.winners .content-item #winners-weekly table {
							border:5px solid #E8F6FA;
						}
					
						.winners .content-item table thead th {
							background:#F7F7F7;
							font-weight:bold;
						}
					
						.winners .content-item table td,
						.winners .content-item table th {
							text-align:center;
							padding:.3em 0;
							border-bottom:1px solid #EEE;
							border-right:1px solid #EEE;
						}
						
							.winners .content-item table span {
								font-size:1.2em;
								color:#999;
							}
						
							.winners .content-item table img {
								margin-bottom:.5em;
							}

						.winners .content-item table span {
							display:block;
						}
						
							.winners .content-item #legend {
								margin:2em 0 0 2em;
							}			

							.winners .content-item #legend ul {								
							
							}
							
							.winners .content-item #legend ul li {								
								display:block;
								margin:.2em 0 1em 0;
								line-height:1.3;
								font-size:1em;
								color:#666;
							}
							
							
/* =MECHANICS
   ----------------------------------------------------*/

/*MECHANICS*/

.mechanics #mechanics,
.faq #faq {
	font-size:1.2em;
	color:#333;
}

	.mechanics #mechanics table,
	.faq #faq table { color:#333; }

	.mechanics #mechanics p,
	.faq #faq p {
		margin:0 1.5em;
		color:#666;
		font-size:1em;
	}

		.mechanics #mechanics p a,
		.faq #faq p a {
			border-bottom:1px dotted #06C;
		}

		.mechanics #mechanics .code { display:block; padding:1em }
		.mechanics #mechanics code {font-family:"Courier New", Courier, monospace; }


	.mechanics #mechanics h4 {
		color:#333;
		font-family:"Georgia",Times,serif;
		font-size:1.6em;
		margin:0 0 .5em;
		border-bottom:1px solid #EEE;
		padding-bottom:.5em;
	}
	
	.faq #faq h4 {
		color:#333;
		font-family:"Georgia",Times,serif;
		font-size:1.5em;
		margin:0 0 .5em;
		border-bottom:1px solid #EEE;
		padding-bottom:.5em;
	}
	
	.mechanics #mechanics ul li, .faq #faq ul li {
		margin-left:1em;
		margin-bottom:1em;
		padding:.3em 0;
		line-height:1.4;
	}
	
	.faq #faq ol li {
		margin-left:1em;
		margin-bottom:1em;
		padding:.3em 0;
		line-height:1.4;
	}

	.mechanics #mechanics ul li ol, .faq #faq ul li ol {
		margin:1em 3em;
		border-left:5px solid #E8F6FA;
		padding-left:1em;
		color:#333;
	}

		.mechanics #mechanics ul li ol li, .faq #faq ul li ol li {
			list-style:decimal;
			margin:0 0 0 1em;
			padding:.2em 0;
		}	
		
		.mechanics #mechanics ul li ul li, .faq #faq ul li ul li {
			list-style:disc;
			margin:0 0 0 1em;
			padding:.2em 0;
		}		
		
		.mechanics #mechanics ul li ol li p {
			color:#333;
			margin:0;
			padding:.2em 0;
		}				
		
			.mechanics #mechanics strong {
				font-weight:bold;
			}
			
			.mechanics #mechanics em {
				color:#900;
			}

			.mechanics #mechanics span {
				color:#666;
				display:block;
				border:1px dashed #CCC;
				padding:.3em .5em; 
				margin:1em;
			}
			
			.mechanics #mechanics code {
				display:block;
				color:#063;
			}

	.mechanics #mechanics ul li table, .faq #faq ol li table {
		border-top:1px solid #EEE;
		border-left:1px solid #EEE;		
		font-size:.85em;
		margin:1em 0;
	}

	.mechanics #mechanics ul li table th,
	.mechanics #mechanics ul li table td, .faq #faq ol li table th, .faq #faq ol li table td {
		border-bottom:1px solid #EEE;
		border-right:1px solid #EEE;
		padding:0.3em .5em;
	}
			
	.mechanics #mechanics ul li table thead th, .faq #faq ol li table thead th {
		font-weight:bold;
		color:#000;
		text-transform:capitalize;
		background:#F7F7F7;
		text-align:center;
		padding:.3em 1.5em;
	}


/* =GLOBAL
   ----------------------------------------------------*/

/* clearing float ninjutsu */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	.clearfix {display:inline-block;}

	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */


/* SEO friendly hide */

.hidden {
	background:none;
	font-size:1px;
	display:none;
	height:0;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
	width:0;
	z-index:0;
	line-height:0px;
}