/*

	weetu
	http://www.goweetu.com

	Blood Orange #E51C17
	Dark Grey/green #0e2428

*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
04 Structure
05 Utility
06 Header
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
nav,
li	{ 		
			position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ 
}



.group:after { 
			display:block; 
			height:0; 
			clear:both; 
			content:"."; 
			visibility:hidden; /* For clearing */ 
}



body {
			font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
			font-size:12px;
			color:#fff;
			margin:0;	
				background: url(/images/citybg.jpg) top center repeat-y #0e2428;
		
}



::-moz-selection 	{ 
			background:#ff0; 
			color:#333; 
}



::selection  { 
			background:#ff0; 
			color:#333; 
}



/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1	{ 
font-size: 28px;	
}


h2	{ 
	font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 16px;
	text-transform: capitalize;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none;
}

h2 a {
	font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size: 16px;
	text-transform: capitalize;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none;
}

h2 a:hover {
	
	color:#E51C17;
	text-decoration:none;
}


h2 a.active {
	background-color:#eee;
	color:#E51C17;
	text-decoration:none;
}

 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

a {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-size:12px;
	color:#fff;
	padding:0px 0px 0px 0px;
	font:1.6em;
	margin:0px 0px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

a:hover {
	
	color:#E51C17;
	text-decoration:none;
}


a.active {
	background-color:#eee;
	color:#E51C17;
	text-decoration:none;
}



/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}






/* ---------------------------------------------------------------------------------------------------------- 
04 Structure ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */



#page-wrap			{ 
						width: 1024px;
						margin: 0px auto -250px;
						min-height: 100%;
						height: auto !important;
						height: 100%
						
						
}

#push				{
						height: 250px;
}





/* ---------------------------------------------------------------------------------------------------------- 
05 Utility ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.floatleft				{ float: left; }
.floatright				{ float: right; }
.clear					{ clear: both }




/* ---------------------------------------------------------------------------------------------------------- 
06 Header ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


h1#logo	{
						width: 465px;
						height: 64px;
						background: url(/images/gd-logo.png) top left no-repeat;
						text-indent: -9999px;
						margin: 20px 0 0 108px;
						float: left;
						
}





/* ---------------------------------------------------------------------------------------------------------- 
07 Menu ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

soc-bar		{
		padding-top: 13px;
		margin-bottom: 20px;
}


#menu-bar		{
		padding-top: 13px;
		margin-bottom: 20px;
}


#sub-bar		{
		padding-left: 4px;
		
}



#main-nav, #sub-nav	{
		width: 370px;		
		float: right;
		margin: 50px 80px 0 0;
		
}	


.current-page-ancestor, .current-page-ancestor a, .current-page-ancestor a span {
		color: #E51C17;}	

#sub-nav	{
		width: 500px;		
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-transform: uppercase;
		
}		

#main-nav li {
		display: inline-block;
}
 

#sub-nav li {
		display: inline-block;
		
}

#main-nav li a {
		text-transform: uppercase;
		color: #505152;
		font-size: 12px;
		padding: 0px 0px 0px 0px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}



#sub-nav li a {
		text-transform: uppercase;
		color: #505152;
		font-size: 12px;
		padding: 0px 30px 0px 4px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

#main-nav li a:hover, ul#sub-nav li a:hover	{
		color: #E51C17;
}

#current 
{
color: #E51C17;
}



/* ---------------------------------------------------------------------------------------------------------- 
08 Content ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#content {
	width: 55000px;
	height: 100%;
	margin: 200px 0 0 200px;
}

#content-wrap {
	width: 600px;
	height: 100%;
	margin: 150px 0 0 190px;
	padding: 20px 30px 0 30px;
	background: #0e2428
}

clock-wrap {
	position: absolute;
	margin: 100px 0 0 100px;
}

#clock {
	font-size: 23px;
	margin: 0px 0 0 0;
	position: absolute;
	text-transform: uppercase;
	
}

#clock-title {
	font-size: 16px;
	
	position: absolute;
	text-transform: uppercase;
	line-height: 1px;
	
}

#clock-note {
	font-size: 14px;
	margin: -100 0 0 0;
	position: absolute;
	
	
	
}


/* ---------------------------------------------------------------------------------------------------------- 
09 Footer ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


#footer	{ 
		margin 300px 0 0 0;

}

#footer-inside {
		width 124px;
		margin 200px 0 0 0; 
		
}





.children
{ display: none; }

.current_page_item .children,
.current_page_ancestor .children,
.current_page_parent .children

{ display: block; }

#cinema	{ 
position:absolute;
left:10px;
top:0px;
z-index:-1;
}