/*
Theme Name: Ironworks
Theme URI:
Description: Theme for the Ironworks Games website
Author: Nick London
Author URI: http://www.nick-london.com
Version: 0.1
Tags: ironworks

This theme is property of Nick London and is not available for public use.
 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #1f2124;
	margin: 0;
	padding-top: 84px;
	padding-bottom: 40px;
}
body, input, textarea
{
	color: #000000;    
	font-family: Arial, sans-serif;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 4px 0 12px 0;
}
a
{
	color: #ccc;
	text-decoration: none;
}
a:hover
{
	color: #fff;
}
a:visited
{
	color: #888;
}
img
{
	border-style: none;
}


/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container
{

}
div#content
{
	
}


/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.menu ul
{
    list-style: none;
    margin: 0;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: inline;
    float: left;
	padding: 0 8px 0 4px;
}
.menu-item
{
	
}
.menu-item a
{
	font-size: 30px;
	text-decoration: none;
	color: #3eaf00;
}
.menu-item a:hover
{
	color: #5d8a05;
}

/*** SCRIPTING HELPERS ***/
.show
{
	opacity: 1.0;
}

.hide
{
	opacity: 0.0;
	pointer-events: none;
	cursor: default;
}

.disabled
{
	opacity: 0.0;
	pointer-events: none;
	cursor: default;
}

.transition 
{
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/*** HEADER : OTHER ***/
.top-menu
{
	background-repeat: repeat-x;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 84px;
	padding-top: 10px;
	z-index: 100;
}

.top-menu-right
{
	position: absolute;
	top: 10px;
	right: 10px;
}

.logo-header-bg
{
	position:relative;
	background-repeat: repeat-x;
	width:100%;
	height: 200px;
}

.logo-header-img
{
	display: block;
	top: 0px;
	width: 640px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	margin-top: -84px;
	z-index: 150;
}

.logo-header-img-scrolled
{
}

.quickbar {
	position:relative;
	background: #151619;
	height: 76px;
}

/*** CONTENT : POSTS AND PAGES ***/

table.post
{
	width: 816px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
	border: 0px;
	padding: 0px;
}

td.post
{
	border: 0px;
	padding: 0px;
}

div.post
{
}

.header-img
{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -15px;
	margin-right: -15px;
}

/* Entry and Page Titles */
h1.entry-title, h2.entry-title
{
	background: #30343d;
	font-family: Tahoma, Geneva, sans-serif;
	padding-left: 40px;
	font-size: 2em;
	font-weight: bolder;
	color: #8a8e99;
	text-shadow: 2px 2px 2px #000000;
	margin: 0px;
}
h2.entry-title a
{
	color: #8a8e99;
	text-decoration: none;
}
h1.page-title
{
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	font-weight: bolder;
	color: #8a8e99;
	text-shadow: 2px 2px 2px #000000;
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}
.aligncenter
{
	padding: 8px 8px 8px 8px;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption-text
{
    text-align: center;
	font-size: 12px;
}

/* Entry Content */
.entry-content
{
	/* Style that affects actual entry/post content */
	background: #7D828F;
	padding: 15px;
	font-family: Tahoma, Geneva, sans-serif;
}
.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5 {
	font-size: 1.5em;
	padding-left: 30px;
	background: #A7ABB6;
	color: #3A3C44;
	font-weight: bolder;
	margin-bottom: 20px;
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
}

.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
	padding-left: 20px;
	background: #4a4e59;
	color: #222;
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
	padding-left: 20px;
	background: #4a4e59;
	color: #222;
}
.entry-meta a
{
	color: #ccc;
}
.entry-meta a:visited
{
	color: #888
}

.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	/* Style for the navigation links (next/previous post) on a given post */
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


/*** CONTENT : SIDEBAR ***/
div#primary
{
	/* Primary Widget Area DIV */
}
div#secondary
{
	/* Secondary Widget Area DIV */
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	/* Class that applies to each item in each widget area (an unordered list class) */
}


/*** FOOTER ***/
div#footer
{
	float: left;
	clear: both;
}


/*** YOUR CSS ***/