/*-----------------------------------------------------------------------------------------------
  Reset
-----------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*-----------------------------------------------------------------------------------------------
  Font Faces
-----------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'TitilliumMaps26L';
	src: url('fonts/TitilliumMaps26L.eot');
	src: local('TitilliumMaps26L 999 wt'), local('TitilliumMaps26L-999wt'), url('fonts/TitilliumMaps26L.woff') format('woff'), url('fonts/TitilliumMaps26L.otf') format('opentype'), url('fonts/TitilliumMaps26L.svg#TitilliumMaps26L-999wt') format('svg');
}

@font-face {
	font-family: 'TitilliumMaps26L001';
	src: url('fonts/TitilliumMaps26L001.eot');
	src: local('TitilliumMaps26L 750 wt'), local('TitilliumMaps26L-750wt'), url('fonts/TitilliumMaps26L001.woff') format('woff'), url('fonts/TitilliumMaps26L001.otf') format('opentype'), url('fonts/TitilliumMaps26L001.svg#TitilliumMaps26L-750wt') format('svg');
}

@font-face {
	font-family: 'TitilliumMaps26L002';
	src: url('fonts/TitilliumMaps26L002.eot');
	src: local('TitilliumMaps26L 500 wt'), local('TitilliumMaps26L-500wt'), url('fonts/TitilliumMaps26L002.woff') format('woff'), url('fonts/TitilliumMaps26L002.otf') format('opentype'), url('fonts/TitilliumMaps26L002.svg#TitilliumMaps26L-500wt') format('svg');
}

@font-face {
	font-family: 'TitilliumMaps26L003';
	src: url('fonts/TitilliumMaps26L003.eot');
	src: local('TitilliumMaps26L 250 wt'), local('TitilliumMaps26L-250wt'), url('fonts/TitilliumMaps26L003.woff') format('woff'), url('fonts/TitilliumMaps26L003.otf') format('opentype'), url('fonts/TitilliumMaps26L003.svg#TitilliumMaps26L-250wt') format('svg');
}

@font-face {
	font-family: 'TitilliumMaps26L004';
	src: url('fonts/TitilliumMaps26L004.eot');
	src: local('TitilliumMaps26L 1 wt'), local('TitilliumMaps26L-1wt'), url('fonts/TitilliumMaps26L004.woff') format('woff'), url('fonts/TitilliumMaps26L004.otf') format('opentype'), url('fonts/TitilliumMaps26L004.svg#TitilliumMaps26L-1wt') format('svg');
}

/*-----------------------------------------------------------------------------------------------
  Layout and Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
	background: #000 url("../images/bg_menu.jpg") repeat-x;
	color: #ccc;
	font-size: 14px;
	font-family: 'TitilliumMaps26L002', sans-serif;
	-webkit-text-size-adjust: none;
}

a {
	color: #fff;
	text-decoration: none;
}

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

h1,h2,h3,h4,h5,h6 { 
	color: #fff;
	margin: 10px 0;
}

h1 {
	font-size: 100px;
	font-family: 'TitilliumMaps26L001', sans-serif;
}

h2 {
	display: inline;
	font-size: 40px;
	font-family: 'TitilliumMaps26L004', sans-serif;
}

h3 {
	margin-bottom: 10px;
	font-size: 24px;
	font-family: 'TitilliumMaps26L003', sans-serif;
}

h4 {
	font-size: 20px;
	font-family: 'TitilliumMaps26L003', sans-serif;
}

p {
	margin: 10px 0;
}

ol { 
	padding-left: 20px;
	list-style: decimal; 
}

td {
	padding: 5px;
}

pre {
	color: #C3D9FF;
	font-size: 13px;
	text-decoration:none;
	background: #3F4443;
	border-left: 2px solid #858585;
	padding:15px;	
	margin:15px 0 30px 0;
	white-space: pre;
	overflow: auto;
}

textarea {
	width: 480px; 
	height: 120px;
}

textarea.content {
	height: 500px;
	width: 580px;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.small_text {
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------------------
  Colours
-----------------------------------------------------------------------------------------------*/

.blue {
	color: #018dd0;
}

.yellow {
	color: #fff200;
}

.pink {
	color: #f02080;
}

.orange {
	color: #ff9000;
}

.green {
	color: #5cfc00;
}

/*-----------------------------------------------------------------------------------------------
  Main Styling
-----------------------------------------------------------------------------------------------*/

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header_home {
	margin-top: 35px;
	text-align: center;
	/*background: url("../images/arrow.png") no-repeat 601px 176px;*/
}

#header_home h2 {
	font-size: 48px;
}

#header {
	margin-top: 10px;
}

#logo {
	float: left;
	margin-left: 30px;
	color: #fff;
	font-size: 40px;
	font-family: 'TitilliumMaps26L001', sans-serif;
}

#logo a:hover {
	text-decoration: none;
}

#nav {
	float: left;
	margin: 20px 0 0 30px;
	color: #fff;
	font-size: 18px;
}

#nav li {
	display: inline;
	padding: 0 20px 10px;
}

#nav #menu span {
	cursor: default;
}

#nav #menu ul {
	position: absolute;
	margin: 5px 0 0 100px;
	border: 1px solid #555;
	background: #333;
}

#nav #menu li {
	display: block;
	padding: 0 10px;
	font-size: 14px;
	margin: 4px 0;
}

#projects, #about {	
	width: 680px;
	margin: 40px auto;
	font-size: 16px;
}

#projects li {
	margin: 9px 0;
}

#projects a.title {
	display: block;
	float: left;
	width: 220px;
	font-size: 18px;
}

#projects .ee1, #projects .ee2 {
	padding: 1px 2px 0 2px;
	background: #ffee22;
	color: #000;
	font-family: 'TitilliumMaps26L001', sans-serif;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#projects .ee2 {
	background: #ff9000;
}

#sidenav {
	float: right;
	min-width: 145px;
	margin-right: 50px;
	background: #222;
}

#sidenav a {
	display: block;
	padding: 6px 12px;
}

#main {
	margin-top: 40px;
}

#content {
	width: 600px;
	padding: 20px 30px;
	background: #222;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#content .section {
	margin-bottom: 40px;
}

#content ul {
	margin-bottom: 10px;
	padding-left: 15px;
	list-style-type: disc;
}

#content .date{
	font-size:12px;
	color:#FFF;
}

#content .photo{
	float: left;
	width: 150px;
	height: 140px;
	font-size: 12px;
}	

#content .photo a{
	text-decoration: none;
}	

#content .thumbnail{
	float: left;
	padding: 3px 3px 5px;
	background-color: #2a2a2a;
	border: 1px solid #2a2a2a;
	margin-top: 5px;
}	

#content .license {
	font-size: 12px;
}

/*-----------------------------------------------------------------------------------------------
  Comments
-----------------------------------------------------------------------------------------------*/

#comments .comment{
	margin:20px 0;
	border:1px dashed #4F5554;
	background:#3F4443;
	text-align:left;
}

#comments .admin_comment{
	margin:20px 0;
	border:1px dashed #3F4443;
	background:#4F5554;
	color:#FFFFFF;
	text-align:left;
}

#comments .left{
	float:left;
	width:100px;
	padding:15px;
	text-align:right;
}

#comments .right{
	float: none;
	margin:0 20px 10px 140px;
	vertical-align:top;
}

#comments a{
	text-decoration:none;
}

#comments .author{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#comments .date{
	font-size:11px;
}

#comments img{	
	padding:5px;
	background:#FFF;
	border:5px solid #1D2128;
}

#comments #comment_indicator img{	
	padding:5px;
	background:transparent;
	border:0px;
}

#comments #leave{
	margin:15px;
}

#comments #leave .field{
	margin-bottom:12px;
}

#comments #leave .field input{
	width:200px;
	color:#FFF;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	background:#4F5554;
	border:1px solid #3D3D3D;
	padding-left:4px;
}

#comments #leave textarea{
	width:90%;
	height:120px;
	margin-bottom:12px;
	color:#FFF;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	background:#4F5554;
	border:1px solid #3D3D3D;
	padding-left:4px;
}

#comments #leave .submit input{
	width:120px;
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	margin: 45px 0 20px 0;
	font-family: verdana, sans-serif;
	font-size: 10px;
}