/*
Theme Name:     The Dark Mod - Twentyeleven Child
Theme URI:      http: //example.com/
Description:    Child theme for the Twentyeleven theme 
Author:         greebo
Author URI:     http: //thedarkmod.com/
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");
@import url("./scripts/jd.gallery.css");

body
{
	background-color: black;
        background-image: url("images/background1.jpg"); background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 1;
	top: 0px;
	
	height: 100%;
	background-size: 100%;
}

body, footer, p, article, section, div
{
	color: #959595; /*set default text colour*/
	font-family: Arial, Helvetica, sans-serif;
}

img
{
	border: 0px;
}

img[class*="align"], 
img[class*="wp-image-"],
#content .gallery .gallery-icon img
{
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #444444;
	padding: 6px;
}

div#most-recent-news img[class*="align"], 
div#most-recent-news img[class*="wp-image-"]
{
	width: 45%;                 /* affects size of news thumbnail */

}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img 
{
	/* Add some useful style to those fancy borders for linked images ... */
	background: #444444;
	border-color: #555555;
}

#tdm-background   /*controls overall width of the page*/
{
	position: absolute;  /*setting this to fixed means you can't move any of the child divs*/
	z-index: 1;
	top: 0px;
	
	height: 100%;
	background-size: 100%;
	
}


#tdm-clock
{
	width: 161px;
	height: 181px;
	background-image: url("images/tdm_clock.png");
	background-repeat: no-repeat;
	position: fixed;
	top: -10px;
	left: -5px;
	z-index: 20;
}



#tdm-title
{
	position: absolute;
	z-index: 11;
	top: 34px;
	left: 157px;
}


#tdm-pcgamer-logo
{
	
	background-size: cover;
	background-image: url("images/pcgamerlogo.png");
	background-repeat: no-repeat;
	height: 150px;
	width: 149px;
	z-index: 15;
	margin-top: 54px;
	margin-right: 54px;
	float: right;
	
}


#tdm-title img
{
	border: 0px;
}


#tdm-usable-area
{

	margin: 0px;
	align-self: center;
	/*max-width: 1200px;*/   /*if this goes here it limits width of everything, including background and menu*/
	/*margin-left: 70px;*/  /*no longer need to start away from left edge*/
       
	margin-top: 255px;      /*distance down the page the content begins*/
	width: auto;
	/*text-align: center;*/
}


#tdm-fancy-trim
{	
	
	height: 12px;
	background-image: url("images/fancy_trim.jpg");
	background-repeat: repeat-x; 
	width: 100%;
	border: 0px;
	margin-top: 255px;
	z-index: 12;   /*indicates the stack order of an object*/
}

#tdm-main-menu  
{
	
	height: 28px;
	background-color: black;
	position: fixed;
	width: 100%;   /*needed to stretch black bar across page*/
	text-align: right;  /*moves options to the right*/
	top: 0px;  /*successfully moves menu up*/
	z-index: 11;   /*indicates the stack order of an object*/
	 
	border-bottom: 1px solid grey;
}

#tdm-main-menu ul
{
	margin-left: 24px;
	padding-top: 0px;
}

#tdm-main-menu li
{
	display: inline;
	list-style-type: none;
	margin-right: 30px;
}

#tdm-main-menu li img
{
	border: 0px;
}



#tdm-main-content-container  /*This is the main area of content surrounded by grey lines--image is probably semi-opaque black*/
{
	text-align: center;  /*does nothing*/
	width: auto;
	background-image: url("images/opacity5.png");
	
	border: 0px;
	padding: 0px;
}



#tdm-main-content  /*child of content-container, adds buffer to the sides for text*/
{
	/*max-width: 1200px;*/  /*this works but affects everything! menu as well*/
	padding-top: 10px;
	padding-bottom: 40px;
	/*padding-left: 27px;*/
	/*padding-right: 38px;*/
	margin: auto;
    width: 80%;

	font-size: 13px;
	
}

#tdm-main-content .post, #tdm-main-content table.main td
{
	text-align: justify;
}

#tdm-main-content h2, #tdm-main-content h3, #tdm-main-content h2 a, #tdm-main-content h3 a
{
	color: #b88048;
}

#tdm-main-content h2
{
	font-weight: normal;
	font-size: 22px;

	margin-top: 5px;
	margin-bottom: 14px;
}

#tdm-main-content h3
{
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 18px;

	margin-top: 10px;
	margin-bottom: 10px;
}

#tdm-main-content p
{
	
	margin-bottom: 8px;
}

#tdm-left-column  /* used to break up the main page into columns; replaces old table */
{
width: 40%;

text-align: left;
margin: 10px; 
padding-right: 50px;
vertical-align: top;
	float: left;
}

#tdm-right-column  /* used to break up the main page into columns; replaces old table */
{
width: 50%;
padding-top: 8px;  /* needed to align with the left column for some reason */
text-align: left;
margin: 10px; 
vertical-align: top;
	float: right;
}

#tdm-news-block
{

background-image: url("images/opacity5.png");

width: 80%;
border-top:    1px solid  grey;
border-right: none;
border-bottom:  1px solid  grey;
border-left: none;
min-height: 220px;
text-align: left;
margin: auto; 
	margin-bottom: 30px;
padding: 0px 20px 5px 0px;  /* top, right, bottom, left */
}

#tdm-news-block .title
{
	font-weight: normal;
	font-size: 22px;
	color: #b88048;

	margin-top: 5px;
	margin-bottom: 0px;
}

#tdm-news-block .details
{
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 18px;
text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
}



#tdm-news-thumbnail  /* the preview image in the news section */
{
margin-left: 0;
margin: auto;
margin-top: 0;
height: 150px;
width: 200px;
padding-right: 20px;
	float: left;
}



#tdm-video-block
{

background-image: url("images/opacity5.png");

width: 100%;
border-top:    1px solid  grey;
border-right: none;
border-bottom:  1px solid  grey;
border-left: none;

text-align: left;

padding: 0px 20px 5px 0px;  /* top, right, bottom, left */

}

#tdm-footer-links li
{
display: inline;
 padding: 38px;	
}

#tdm-footer-links ul
{
list-style-type: none;	
	
}



a, a:link, a:visited, a:active, a:hover
p a, p a:link, p a:visited, p a:hover,
footer a, footer a:link, footer a:visited, footer a:hover,
.widget a, .widget a:link, .widget a:visited, .widget a:hover
{
	color: #b88048;
	text-decoration: none;
}

a:hover, p a:hover, footer a:hover, .widget a:hover
{
	text-decoration: underline;
}

p.team-desc
{
	margin-left: 20px;
}

p.team-name
{
	font-weight: bold;
}

div.post
{
	margin-bottom: 30px;
}

p.postmetadata
{
	margin-left: 15px;
	font-style: italic;
}

p.postmetadata, .entry-meta
{
	color: #555555;
}

p.postmetadata a, p.postmetadata a:link, p.postmetadata a:visited,
.entry-meta a, .entry-meta a:link, .entry-meta a:visited
{
	color: #555555;
	font-weight: normal;
	text-decoration: underline;
}

p.postmetadata a:hover, .entry-meta a:hover
{
	color: #b88048;
}

p.postmetadata a
{
	text-decoration: underline;
}

.team-job
{
	font-weight: normal;
}



#site-title a {
    color: #009900;
}

input#s
{
	background-color: #EEEEEE;
}

#primary
{
}

#secondary
{
	background-color: #090909;
	padding: 5px;
	margin-right: 0;
	width: 25%;
}

.widget ul
{
	list-style-type: none;
}

#content
{
	margin: 0px;
}

.entry
{
	margin-left: 15px;
}

.entry-title
{
	color: #b88048;
	font-weight: normal;
}

.entry-summary, .entry-title
{
	text-align: left;
}

.entry-title a, .entry-title a:hover, .entry-title a:link
{
	color: #b88048;
}

.entry-title a:hover
{
	text-decoration: underline;
}

div.clear
{
	clear: both;
}

.widget
{
	margin-bottom: 1em;
}

.widget-title
{
	color: #333333 !important;
	margin-top: 0px !important;
}

#respond
{
	margin-left: 25px;
	width: 80%;
	background-color: #333333;
	padding: 0.7em;
	padding-right: 2.7em;
	padding-bottom: 2.7em;
	border-color: #444444;
}

#respond textarea
{
	width: 100%;
}

#reply-title
{
	margin-top: 0px !important;
}

#comments-title
{
	font-size: 18px !important;
	line-height: 1em;
}

article.comment
{
	text-align: left;
}

.commentlist
{
	width: 90%;
}

.commentlist > li.comment
{
	margin-left: 65px;
}

.commentlist .avatar
{
	left: -90px;
}

.commentlist > li.bypostauthor, .commentlist .children > li.bypostauthor, .commentlist > li.comment
{
	background-color: #222222;
	border-color: #444444;
}

ul.footer-meta
{
	margin: 0px;
}

ul.footer-meta li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.fmtable td, .fmtable th
{
	padding: 4px;
}

.fmtable tr.even
{
	background-color: #111111;
}

.fmtable tr td
{
	border-bottom: 1px dashed #444444;
}

#mission-details h3    /* specific definitions for mission page */
{
	text-align: left;
}

.fm-details th, .fm-details td
{
	padding-left: 15px;
	vertical-align: top;
}

.fm-details th
{
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}

.fmdownloadlocations td
{
	padding-left: 8px;
}

.fm-download-links th, .fm-download-links td
{
	padding-left: 15px;
}

.edit-links
{
	width: 100%;
	text-align: center;
}

.fmedittable td, .fmedittable th
{
	padding-bottom: 4px;
}

.fmedittable th
{
	font-weight: bold;
	width: 20%;
}

.fmedittable input, input.fm-upload, input.submitbutton, .fmedittable textarea
{
	background: #333333;
	color: #EFEFEF;
	border: 1px solid #555555;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fmedittable input:focus, .fmedittable textarea:focus
{
	color: #FFFFFF !important;
}

.fmedittable input.fm-input, input.fm-upload, .fmedittable textarea
{
	width: 90%;
}

.fmedittable textarea
{
	height: 50px;
	font-size: small;
}

.fmedittable input.fm-year
{
	width: 60px;
}

.fmedittable input.fm-month, .fmedittable input.fm-day
{
	width: 30px;
}

.fm-screenshots td
{
	padding: 5px;
	padding-left: 20px;
	text-align: center;
}

div.screenshot-uploadarea input.submitbutton
{
	margin-left: 60px;
}

.error
{
	color: #EE0000;
}

/* Comments link */
.entry-header .comments-link a
{
	background-image: none;
	background-color: #222222;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active
{
	background-color: #444444;
}

.entry-meta .edit-link a, .commentlist .edit-link a
{
	background-color: #222222;
}

.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover
{
	background-color: #444444;
}

.ngg-gallery-thumbnail img
 {
	background-color:#000000 !important;
	border:1px solid #333333 !important;
}

.ngg-gallery-thumbnail img:hover
{
	background-color: #444444 !important;
} 

ol.commentlist
{
	margin-left: 2.5em;
}

ol.commentlist .pingback
{
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}

#comments-title
{
	text-transform: none;
}