/*******************
----HTML5----------
*******************/
section, header, footer, aside, article, nav {
	display: block;
}

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

body {
	background: #1a1100 url(../img/bg2.jpg) no-repeat center top;
}

a {
	text-decoration: none;
	color: black;
}



@font-face {
    font-family: 'MEgalopolisExtraRegular';
    src: url('megalopolisextra-webfont.eot');
    src: url('megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'),
         url('megalopolisextra-webfont.woff') format('woff'),
         url('megalopolisextra-webfont.ttf') format('truetype'),
         url('megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



::selection {
        background: #d26101; /* Safari */
        }
::-moz-selection {
        background: #d26101; /* Firefox */
}





a:hover {
	text-decoration: underline;
}

p {
	font-size: 12px;
	color: #e8e8e8;
	text-align: justify;
	line-height: 18px;
	font-family: MEgalopolisExtraRegular, Verdana, helvetica, arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: MEgalopolisExtraRegular, myriad-pro, helvetica, arial, sans-serif;

	font-weight: normal;
}

h3 {
	color: #ffffff;
	text-shadow: 0 -1px 0 #231914;
	font-size: 20px;
	line-height: 20px;
}

ul {
	overflow: hidden;
}

li {
	margin-left: 0;
	list-style: none;
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}


.container_24 {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

/*******************
----HEADER----------
*******************/
header {

	overflow: hidden;
	color: white;
}

	header h1 {
		padding-top: 6px;
		text-shadow: 0 1px 0 #215c66;
		font-size: 2px;
		color: white;
		
	}
	
		header h1 a {
			color: white;
		}
		
	/*******************
	----NAV----------
	*******************/
	header nav {
		overflow: hidden;
		float: right;
		margin-top: 1px;
		height: 99px;
		line-height: 99px;
	}
	
	header nav li {
		float:  right;
		margin-right: 25px;
	}
	
		header nav a {
			font-size:  16px;
			color: #hhhhhh;
			padding: 4px;
			font-family: MEgalopolisExtraRegular, myriad-pro, helvetica, arial, sans-serif;
		}
		
		header nav a:hover, nav .selected {
			text-decoration: none;
			color: white;
			font-family: MEgalopolisExtraRegular, myriad-pro, helvetica, arial, sans-serif;
		}


/*******************
----MAIN------------
*******************/
#main {
	
	padding-top: 50px;
padding-bottom: 50px;
	
		
	overflow: hidden;
}

	#main projects {
		padding-right: 50px;
	}
	
		#main projects section img {
					margin: 50;
				}

	#main article {
		padding-right: 50px;

	}
	
		#main article img {
			margin: 0 0 10px;
			border: 2px solid #2a1a06;
		}
		
		
		article h2 {
			color: #ffffff;
			margin-bottom: 0;
			font-weight: normal;
			font-size: MEgalopolisExtraRegular, Verdana, helvetica, arial, sans-serif;
		}
		
		article h2 a:hover {
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
		}
		
		#main p a {
			color: #f58220;
			font-weight: bold;
				
		}
		
		article h6 a, article h6 {
			color:  #d6a75d;
			font-style: italic;
			text-transform: none;
		}
		

	/* SIDEBAR */
	#secondary section {
		clear: both;
		margin-bottom: 40px;
	}
	
		#secondary section img {
			float: left;
margin-bottom: 20px;
		}
		
		/* TABS */
		.tabs {
			overflow: hidden;
			
			background: #2a1a06;
			background:  -webkit-gradient(linear, left top, left bottom, from(#2a1a06), to(#644c1f));
			background: -moz-linear-gradient(top, #2a1a06, #644c1f);
			background: linear-gradient(top, #2a1a06, #644c1f);			
			
			overflow: hidden;
			
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			
			padding-bottom: 10px;
		}
		
			.js .tabs h4 {
				display: none;
			}

			/* Initially hide all the uls, except for the first one */
			.js .tabs > ul:not(:first-child) {
				display: none;
				
			}
			.tabs ul {
				padding: 20px 10px 0;
				margin-bottom:  0;
				border-top: 1px solid #2a1a06;
			}
		
		#tabHeadings {
			display:  block;
			margin-bottom: 0;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			overflow: hidden;
			border-bottom: 1px solid #644c1f;
			background: #644c1f;				
		}
		
			#tabHeadings li {
				float: left;
				width:  83px;
				text-align: center;
				cursor: pointer;
				padding:  10px;
			}
			
				#tabHeadings a {
					color:  white;
				}
		
			#tabHeadings li.selected, #tabHeadings li:hover {
				background: #2a1a06;
				position: relative;
				top: 2px;
			}
			
	/* COMMENTS */
	
		#comments li:last-child {
			border-bottom:  none;
		}
		
		#comments li:first-child {
			border-top:  none;
			padding-top:  0;
		}
		
		#comments h6 {
			margin-bottom:  0;
			color: #ededed;
			font-weight: normal;
			font-size: 10px;
			margin-top:  -13px;
		}
		
			h6 a {
				font-weight: bold;
			}
		
		.tabs > ul li {
			display: block;
			border-bottom:  1px solid #2a1a06;
			border-top: 1px solid #2a1a06;
			padding: 10px;
			color: white;
		}
		
			.tabs a {
				color: white;
			}
			
			.tabs a:hover {
				text-decoration: none;
			}
		
		.tabs li:hover {
			background: #2a1a06;
		}
	
			.tabs > ul li:hover {
				cursor: pointer;
			}
			
			.tabs > ul li:first-child {
				border-top: none;
			}
			.tabs > ul li:last-child {
				border-bottom: none;
			}
			
			#categories, #archives {
				padding-left: 0;
				padding-right: 0;
			}
			
	/* SPONSORS */
	#sponsors li:nth-child(even) {
		float:  right;
	}
	
		#secondary img {
			border: 5px solid #febf5d;
			-moz-box-shadow: 0 0 0 1px #fdb84d;
		}


/* FOOTER */
#footer-wrap {
 background: url(../img/bannerInnerBg.jpg);
 overflow: hidden;
 border-top: 1px solid #d26101;
}

#footer-wrap::before {
  content: '';

 width: 100%;
 position: absolute;
}


#footer-wrap footer {
 padding: 50px 0;
 color: white;
overflow: hidden;
}

footer button {
 float: right;
} 

/* Recent Projects */
#recentProjects li {
 float: left;
 margin-right:  20px;
 margin-bottom: 20px;
 padding: 3px 3px 0 3px;
 background: #febf5d;
} 

#recentProjects li:hover {
 background: #edad4e;
 outline: 1px solid #fccc85;
}	

#recentProjects button {
 margin-right: 40px;
}


/* Twitter */
footer p span, #twitter a {
 display: block;
 color: #2e91a0;
 font-style: italic;
}

#twitter a { display: inline; }


/* Site Info */
#siteInfo {
 background: url(../img/footerSmallBg.jpg);
 height: 50px;
 line-height: 50px;
 color: white;
 overflow: hidden;
 text-shadow: 0 1px 0 #165665;
}

#siteInfo p {
 float: left;
 line-height: 50px;
 font-size: MEgalopolisExtraRegular, Verdana, helvetica, arial, sans-serif;
}

footer nav {
 float: right;
}

footer nav li {
 float: left;
}

footer nav a {
 color: white;
 font-family: MEgalopolisExtraRegular, Verdana, helvetica, arial, sans-serif;
}

footer nav li:before {
 content: '|';
 padding: 5px;

}

footer nav li:first-child::before {
 content: ' ';
}


/*******************
----FORM ELEMENTS---
*******************/

button, input, textarea {
  -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
 cursor: pointer;
 text-transform: uppercase;
}


input[type=text] { width: 117px; margin-right: 10px; }

button, .button {
 border: none;
 color: white;
 font-weight: bold;
 font-size: 16px;
 background: #f6bc60 url(../img/buttonBg.png) repeat;
 text-shadow: 0 -1px 0 #d09944;
 padding: 10px 20px;
 margin-right: 20px;
}



input, textarea {
 background: #f8eedf;
 border: 1px solid #d9d9d9;
 padding: 10px;
 color: #247184;
 margin-bottom: 15px;
}

textarea, #timeScale {
 width: 270px;
}

textarea {
 height: 130px;
}

input:hover, textarea:hover, button:hover,
input:focus, textarea:focus, button:focus {
 -webkit-box-shadow: 0 0 2px #061b20;
 -moz-box-shadow: 0 0 5px #061b20;
 box-shadow: 0 0 2px #061b20;
background: #eddbc0;
}

button:hover, .button:hover {
 background: #d89d42 url(../img/buttonBg.png) repeat;
}