/**
* CSS
* 
* @version 1.0.1
* @author Vaska 
* @author Gregory Cadar
* @author Edited by Ed Nacional (www.ednacional.com)
* @author Edited by Matt Quintanilla (www.blamedesign.com)


*/
	* {
		margin: 0;
		padding: 0;
	}

	body {
		font-size: 16px;
		font-family: "proxima-nova-1","proxima-nova-2","Arial","Helvetica",sans-serif;		
		font-weight: 300;
		color: #555555; 
		background-color: #ffffff; 
		background-image: url(img/whiteground.gif);
	}

	.clear-both { clear: both; }

	body.section-1 { }
	body.section-2 { }
	body.section-3 { }
	


/* LINKS */
	
	
	a:link { 
		text-decoration: none;
		color: #141414; 
	}
	
	a:active { 
		text-decoration: none;
	}
	
	a:visited { 
		text-decoration: none;
		color: #414141;  
	}
	
	a:hover, { 
 		text-decoration: none;
		color: #869b46;
	}

	a img { 
		background: none;
		border: none;
	}

	
	p a, .hazgal ul a {
		border-bottom: 1px dotted #cccccc;
	}
	
	.top-section {
	
	}

	.bottom-section {
		padding: 15px 0 0 0;	
		margin: 30px 30px 0 30px;
		color: #aaaaaa;
		border-top: 1px solid #cccccc;
	}
	
	.bottom-section a{
		font-weight: 700;
		color: #aaaaaa;
	}


/* MENU */

	#menu {
		font-family: "proxima-nova-1","proxima-nova-2","Arial","Helvetica",sans-serif;
		font-size: 12px;
		width: 200px;
		margin: 0 0 0 100px;
		top: 0;
		left: 0;
		display: block; 
		float: left;
		text-align: center;
		position: fixed;
	}
	
	#menu ul {
		list-style: none;
	}

	#menu ul li {
		margin-top: 0px;
		margin-bottom: 3px;
	}
	
	#menu ul li.section-title {
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .2em;
		padding: 10px 0 0 0;
		color: #7a5e2f;
		/*border-top: 1px solid #cccccc;*/

	}
	
	#menu ul li.active {
		font-weight: 600;
		color: #869b46!important;
	}

	
	#copy {
		font-size: 9px;
		color: #bbbbbb;
		font-style: italic;
		margin-top: 5px;
		padding-top: 10px;
		
	}





/* CONTENT AREA */

	#content {
		height: 100%;
		margin: 0 0 0 300px; 
	    top: 0;
		padding: 70px 5px 25px 20px;
	}

	.container {
		width: 600px;
		padding: 0px 20px 0 0;
	}

	#content p { 
		font-family: "proxima-nova-1","proxima-nova-2","Arial","Helvetica",sans-serif;
		width: 575px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px; 
		margin-left: 0px; 	
	    line-height: 24px; 
	}

	#content ul {
		padding: 0 40px;
		list-style: circle;
	}
	

	#content blockquote {
		margin: 0 20px;
		width: 420px;
		font-style: italic;
	}

	#sidebar {
		float: right;
		width: 150px;
		left: 950px;
		top: 130px;
		border-top: 1px solid #cccccc;
		padding: 20px 0 0 0;
		font-family: "proxima-nova-1","proxima-nova-2","Arial","Helvetica",sans-serif;
		font-size: 12px;
		position: fixed;
	}
	
	#sidebar p {
		line-height: 14px;
		width: 150px;
		padding: 0 0 5px 0;
	}
	
	#sidebar strong {
		font-weight: 700;
		text-transform: uppercase;
		}
	
	
/* TWITTER */

	#latest_tweet {
		position: absolute;
		left: 310px;
		padding: 5px 10px;
		color: #aaaaaa;
		font-size: 11px;
		z-index: 100;
		width: 600px;
	}
	
	 .tiny {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 10px;
		padding: 0 0 0 5px;
		color: #cccccc;
		letter-spacing: .3em;
	}

/* HEADINGS */
	
	
	h1 { 
		font-family: "league-gothic-1","league-gothic-2","Arial Narrow","Arial",sans-serif;
		line-height: 48px;
		letter-spacing: 0.025em;
		text-transform: uppercase;
		font-size: 46px;
		color: #468e9b; 
		margin-bottom: -20px; 
		font-weight: normal;
	}
	
	h2 { 
		font-family: "proxima-nova-1","proxima-nova-2","Helvetica","Arial", sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: .2em;
		font-size: 14px;
		color: #999999;
		/*border-bottom: 1px solid #a0a0a0;*/
		padding-bottom: 10px;
		margin-bottom: 6px; 

	}
	
	h3 { 
		font-size: 25px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 3px;
		color: #f0f0f0;
		padding: 10px 0 15px 0;
	}
	
	h4 { 
		font-size: 18px; 
	}

/* IMAGES */

	#img-container	{ 
		padding: 0; 
		left: 320px;
		top: 155px;
		position: absolute;
		
	}
	
	#img-container p	{ 
		width: 600px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	
	#once { clear: left; }
	
	img.left {
		float: left;
		padding: 0 10px 20px 0;
	}
	
	img.right {
		float: right;
		padding: 10px 0 20px 0;
	}
	
/* SLIDE SHOW - Navigation */
	
	nav {
		display: absolute;
	}
	
	nav a {

	}
	
	nav a:hover {
	}
	
	nav span#num {

	}
	
/* SAY HELLO */
	
	#hello {
		position: fixed;
		bottom: 0;
	}
	
	#hello a {  
	 display:block;  
	}  
	
	#hello a img {  
	 z-index:100;  
	 position: fixed;
	 bottom: 0;
	 left: 930px;
	}  
	  
	#hello span {  
	 display:block;   
	 z-index:101;  
	 position: fixed;
	}  
	
	#sayhello {
		display:none;
	}
	
	#simplemodal-overlay {
	  background-color:#414141;
	}
	
	#simplemodal-container {
	  height:400px;
	  width:600px;
	  padding: 10px 0 20px 0;
	  background-color:#fff;
	  background-image: url(http://worksprogress.org/files/wufoo.png) no-repeat ;
	  /* border-radius */
	   -webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	   border-radius: 15px;
	  /* box-shadow */
	   -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	   -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	   box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	}
	
	
	#simplemodal-container a.modalCloseImg {
	  background:url(http://worksprogress.org/files/x.png) no-repeat;
	  width:25px;
	  height:29px;
	  display:inline;
	  z-index:3200;
	  position:absolute;
	  top:4px;
	  right:4px;
	  cursor:pointer;
	}
	
	
/* HAX0R */
	
	.right {
		float: right;
	}
	
	.center {
	text-align: center;
	}
	
	.hazgal
	{
		padding: 490px 0 0 0;
	}