/*	
		========COLORS========
		
		Dark grey - #262626
		Light grey - #343434
		Teal - #8dafb3
		Pink - #EE9DC4
		
		========STRUCTURE========
		
		Page width: 			960 px
		Number of columns:		12
		Column width:			60 px
		Margin width:			20 px
		
*/

/* CLEAR FLOAT */

.group:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;}
.group { display: inline-block; }
/* Hides from IE-mac \*/
* html .group { height: 1%; }
.group { display: block; }
/* End hide from IE-mac */

/* LAYOUT */

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

/* UTILITY */

.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}

/* STRUCTURE */

html, body 	{
			height:100%;
			background-color: black;
			}

body 		{ 
			font-size: 62.5%; 
			font-family: Helvetica;
			color:#000;
			overflow-y: scroll;
			}
			
#container 	{
			width:940px;
			height: auto !important; 
			height: 100%;
			margin: 0 auto 0 auto; 
			padding-left: 10px;
			padding-right: 10px;
			}
			
/* HEADER */

#top_bar	{
			width: 100%;
			height: 130px;
			background-color: #141414;
			}

#header 	{
			height: 30px;
			width: 960px;
			}

#logo		{
			position: relative;
			top: -115px;
			}

/* NAVIGATION */

#navigation {
			width: 360px;
			position: relative;
			top: -105px;
			}

#navigation .links {
			list-style-type: none;
			padding: 0;
			float: left;
			display: inline;	
			margin-right: 10px;
			}

#navigation .links li{
			display: block;
			float: left;
			margin: 1px 15px 0 2px;	
			}

#navigation .links li a {
			font-family: Helvetica;
			font-size: 1.1em;
			color: #949999;
			line-height: 20px;
			padding: 1px 5px 0 5px;
			text-decoration: none;
			display: block;
			}
		
#navigation .links a:hover	{
			color: white;
			text-decoration: none;
			}
			
/* LANDING PAGE */	

#feature	{
			text-align: center;
			}
			
/* ABOUT */

.overview	{
			width: 800px;
			padding: 10px;
			overflow: hidden;
			}

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

.bio		{
			font-family: Helvetica;
			font-size: 1.2em;
			color: white;						
			}

.about_extras	{
			width: 580px;
			height: 200px;
			position: relative;
			left: 230px;
			bottom: 105px;
			}

.about_extras p		{			
			font-family: Helvetica;
			font-size: 1.2em;
			color: white;
			}
			
/* WORK */
			
.content 	{
			padding: 10px;
			overflow: hidden;
			}

.thumbnail	{
			float: left;		
			}

.thumbnail img { 
			width: 190px; height: 140px;
			margin: 0 20px 20px 0;
			border: 1px solid #949999;
			}	
			
ul#content_nav	{
				list-style-type: none;
				margin: 0;
				padding: 0 0 6px 0;
				border-bottom: 1px solid #949999;
				}

ul#content_nav li a	{
				font-family: Helvetica;
				font-size: 1.1em;
				color: #949999;
				padding: .2em 0;
				text-align: center;
				text-decoration: none;
				}
				
ul#content_nav li a:hover	{
				color: white;
				text-decoration: none;
				}
				
#work_col1		{
				width: 550px;
				margin: 10px 20px 0 0;
				float: left;
				}
				
#work_col2		{
				width: 350px;
				margin: 4px 0 0 0;
				float: left;
				}

/* EVENTS */

.events_col1	{
				width: 450px;
				margin-right: 40px;
				float: left;
				background-color: green;
				}

.events_col2	{
				width: 450px;
				float: left;
				background-color: green;
				}

.overview p		{			
				font-family: Helvetica;
				font-size: 1.2em;
				color: white;
				}
				
#overview_pink p	{
					font-family: Helvetica;
					font-size: 1.2em;
					color: #F238A6;
					}
		
/* TYPOGRAPHY */

h1			{
			font-family: Helvetica;
			font-size: 2em;
			color: white;
			margin-bottom: 20px;
			width: 940px;
			}
			
p			{
			font-family: Helvetica;
			font-size: 1.4em;
			color: white;
			}
			
focus		{
			color: white;
			}
			
#detail		{
			font-family: Helvetica;
			font-size: 1.4em;
			color: white;
			padding-top: 10px;
			padding-left: 452px;
			}
			
#work_col2	h2	{
			font-family: Helvetica;
			font-size: 1.8em;
			color: white;
			font-weight: 600; 
			}			
			
#work_col2 	h3	{
			font-family: Helvetica;
			font-size: 1.2em;
			color: white;			
			}

/* FOOTER */

#footer 	{
			width:100%;
			margin: 80px auto 0;
			}		

#footer p	{
			font-family: Helvetica;
			font-size: 1em;
			color: #949999;
			text-align: left;
			}