/*
Theme Name: ProjectDoomFist v4.0
Theme URI: http://www.projectdoomfist.com
Description: Brand new redesign of ProjectDoomFist introducing my portfolio to WordPress.
Version: 1.0
Author: Andy Wilkinson
Author URI: http://www.projectdoomfist.com
Tags: gray, custom layout, clean, simple

	ProjectDoomFist v4.0
	 http://www.projectdoomfist.com

*/

/* Begin Typography & Colors */
body {
	margin: 0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 1.6em;
	color: #fffefe;
	background: #1b1919 url('images/BG.jpg') top center no-repeat;
	text-align: center;
	}

.noborder {
	border: none;
	}

/*Centers main content and imagery, sets width based on the width of the header*/
#page {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-align: center;
	}

/*Pushes the header image (and all subsequent content) down to align with background image, and hides the site information*/
#header {
	margin-top: 22px;
	}
	
#header img, img a, img a:hover, img a:visited {
	border: none;
	}
	
#header h1 {
	display: none;
	}
	
/*Styles the Sidebar*/
#sidebar {
	margin-top: 0px;
	width: 142px;
	float: left;
	text-align: right;
	vetical-align: top;
	}
	
#sidebar h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #747373;
	margin-bottom: 0px;
	}

#sidebar ul {
	list-style-type: none;
	line-height: 1.8em;
	padding-right: 2px;
	}
	
#sidebar ul a{
	line-height: 1.8em;
	color: #ff8a00;
	text-decoration: none;
	font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: none;
	}

#sidebar ul a:hover {
	color: #ffb12d;
	text-decoration: underline;
	}

#sidebar ul li ul {
	padding: 0px;
}

#sidebar ul li ul a {
	font: .9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: lighter;
}

#sidebar ul li ul li {
	line-height: .6em;
	padding: 0px;
	margin-bottom: 15px;
}

/*Creates the Central column for the content*/
#contentarea {
	float: left;
	width: 660px;
	margin: 7px;
	text-align: left;
	}

/*Styles for the actual posted content*/
#content {
	float: left;
	width: 660px;
	text-align: left;
	background: url('images/BG_Content.png');
	}

#content h2 {
	margin-top: 8px;
	font-size: 2.5em;
	line-height: 2.5px;
	}

#content a, #content a:visited {
	color: #ff8a00;
	text-decoration: none;
	}
	
#content a:hover {
	color: #ffb12d;
	text-decoration: underline;
	}

/*Indents all of the "posted" content in the gray box*/
#post {
	font-size: 1.2em;
	margin: 12px;
	}
	
#gallerypost {
	margin: 12px;
	text-align: center;
	}

/*Styles the date of the Update Post*/
small {
	font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

/*Push down the thumbnail updates AND the Demo Reel Player on the front page*/
#gallery_section {
	margin-top: 20px;
	}
	
/*Center the Demo Reel Player that is always featured on the front page*/
#demoplayer {
	width: 472px;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	}

/*Resume Stlyes*/
.subtext h1 {
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 0em;
	letter-spacing: 0em;
	color: #d5d5d5;
	}
	
#content .subtext p {
	color: #c6c6c6;
	font-size: .8em;
	margin-left: 100px;
	line-height: 1.5em;
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding: 8px;
	}
	
#content .subtext strong {
	font-size: 1.2em;
	/*text-transform: uppercase;*/
	color: #fffefe;
	font-weight: bold;
	}

/*Layout for the thumbnails in the galleries*/
.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 0px;
	padding: 0px;
	width: 100%;
	clear: both; 
	display:block !important;
	}
	
.ngg-gallery-thumbnail-box {
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.ngg-gallery-thumbnail {
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: center;
	}
	
.ngg-gallery-thumbnail img {
	float: left;
	/*background-color: #c17822;*/
	border: 1px solid #c17822;
	display: block;  
	margin: 1px;
	position: relative;
}

.ngg-gallery-thumbnail img:hover {
	/*background-color: #ffb12d;*/
	border:1px solid #ffb12d;
} 

/*Layout the Footer within the content box*/
#footer {
	margin-top: 3px;
	font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	color: #747373;
	}
	
#footer h3 {
	font-weight: normal;
	font-style: normal;
	line-height: .1em;
	}
	
#footer a, #footer a:visited {
	color: #747373;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #afadad;
	text-decoration: underline;
	}
	
#fLeft {
	float: left;
	}
	
#fRight {
	float: right;
	}
	
/*--------------NEXTGEN GALLERY STYLE EDITS-----------------------*/
/* ----------- Gallery style -------------*/

.ngg-galleryoverview .desc {
/* required for description */
	margin:0px 10px 10px 0px;
	padding: 5px;
}

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
	}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	/*text-align: center;*/	
	}

.ngg-imagebrowser h3 {
	/*text-align: center;*/
	}
	
/* Encapsulates the image(pic) or video, and image browser navigation/description to give it all a consistent width based on the image or video */
.browse {
	margin-left: auto;
	margin-right: auto;
	}

.pic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.ngg-imagebrowser img {
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding: 8px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	/*width: 100%;*/
	display: block !important;
	}

.ngg-imagebrowser .video {
	width: 480px;
	height: 379px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding: 8px;
	}

.ngg-imagebrowser-nav {
	width: 400px;
	padding:5px;
	margin-left: auto;
	margin-right: auto;
	}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding:3px 7px;
	}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding:3px 7px;
	}

.return {
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #1b1919;
	background-color: #302d2a;
	text-align: center;
	padding:3px;
	}


.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
	}

.ngg-imagebrowser-desc {
	color: #c6c6c6;
	line-height: 1.5em;
	border:1px solid #1b1919;
	background-color: #302d2a;
	padding: 8px;
	margin-top: 10px;
	}

.ngg-imagebrowser embed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}