/*
Styles for Default Scheme (Steam Flat Theme)

COLOR GLOSSARY
# Light Grey (Text): #D8DED3
# White (Links): #FFFFFF
# Dark Yellow (Headings): #C4B550
# Grey (Border): #797E79
# Light Green (Sub Text): #717662
# Light Grey (Image Border): #686A65
# Light Grey (Description): #A3A3A3
*/

/* 
TABLE OF CONTENTS
# HTML Elements
# Page Structure
# Global
# Header
# Top Navigation
# Infobar
# Post Content
# Entry
# Comments
# Sidebar Content
# Footer
*/

/*---------- HTML Elements ----------*/
body { 
	background: #232323;
}

/*---------- Page Structure ----------*/
#wrapper {
	width: 990px;
	margin: 20px auto;
	
	font-size: 11px;
	color: #D8DED3;
}
#canvas {
	background: url(../images/body.jpg) repeat-y;
	padding: 0 5px;
}
#canvas-top {
	background: url(../images/body_top.jpg) no-repeat;
	height: 10px;
	font-size: 0; /* IE6 Small Height Fix */
}
	

/*---------- Global ----------*/
a:link, a:visited {
	color: #C4B550;
}
a:hover {
	color: #FFF;
}

input, textarea {
	background: #464646;
	border: 1px solid #000;
	color: #FFF;
	
	outline: none !important; /* Hide Safari input glow */

	padding: 4px 4px 3px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#infobar #searchsubmit, #commentform #submit {
	background: #7D8078;
	color: #FFF;
	margin: 0 10px 0 0;
	padding: 0 5px 3px;
	min-width: inherit !important;
	height: 22px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#infobar #searchsubmit:hover, #commentform #submit:hover {
	color: #C4B550;
}

.sub {
	font-size: 10px;
	color: #717662;
}
.sub a:link, .sub a:visited {
	color: #717662;
	text-decoration: none;
}
.sub a:hover {
	text-decoration: underline;
}

.square-btn {
	background: #1C1C1C;
	float: left;
	border: 2px solid #686A65;
	width: 125px;
	height: 125px;
	margin-right: 5px;
}

#sidebar ul li h2, #content .tab {
	margin: 0;
	padding: 0 15px;
	cursor: pointer;
	
	background: url(../images/collapse.gif) no-repeat;
	background-position: 0 3px;
	
	color: #C4B550;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#sidebar ul li h2.expand, #content .expandedtab {
	background: url(../images/expand.gif) no-repeat;
	background-position: 0 3px;
}
#sidebar ul li .border, #content .border {
	margin: 2px 0 3px 15px;
	border-bottom: 1px solid #797E79;	
}

#respond, .page-navigation, .commentlist {
	background: #2F312D;
	border: 1px solid #686A65;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

/*---------- Header ----------*/
#header {
	background: url(../images/header.jpg) no-repeat;
	padding: 0 5px;
	height: 105px;
}
#header #window-title {
	padding: 5px 10px;
}
#header h1 {
	margin: 12px 20px 0;
	
	font-weight: normal;
	font-size: 18px;
}
#header p {
	margin: 0 20px;
	
	color: #A3A3A3;
	font-size: 12px;
}
#header h1, #header h1 a {
	color: #FFF;
	text-decoration: none;
}
#header #feed-links {
	float: right;
}
#header #feed-links a, #header #feed-links a:visited {
	display: block;
	background: url(../images/rss.gif) no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 19px;
	margin: 20px 15px 0 0;
	float: left;
	
	text-decoration: none;
	font-weight: bold;
	color: #D8DED3;
}

/*---------- Top Navigation ----------*/
#header ul {
	float: right;
	list-style: none;
	margin: 0px 0 0;
	padding: 0;
}
#header li {
	float: left;
	padding: 0;
	margin: 0 3px 0 0;
	
	background: url(../images/nav_l.gif) no-repeat top left;
	height: 22px;
}
#header li a, #header li a:visited {
	display: block;	
	float: left;
	clear: left;
	
	margin: 0 0 0 3px;
	padding: 4px 10px 0;
	
	background: url(../images/nav_r.gif) no-repeat top right;
	min-width: 44px;
	height: 18px;
	
	text-decoration: none;
	color: #D8DED3;
}
#header li a:hover, #header li.selected a, #header li.selected a:visited,
#header li.current_page_item a, #header li.current_page_item a:visited,
#header #feed-links a:hover {
	color: #C4B550;
}
#header li.selected, #header li.current_page_item {
	background: url(../images/nav_selected_l.gif) no-repeat top left;
}
#header li.selected a, #header li.selected a:visited,
#header li.current_page_item a, #header li.current_page_item a:visited {
	background: url(../images/nav_selected_r.gif) no-repeat top right;
}

/*---------- Infobar ----------*/
#infobar {
	background: url(../images/sidebar.jpg) repeat-y;
	padding: 0 5px;
	width: 100%;
	min-height: 30px;
	overflow: hidden;
	
	font-size: 10px;
}
#infobar form {
	float: right;
	margin: 4px 14px 0 0;
	font-size: 11px;
}
#infobar label {
	display: none;
}
#infobar #s {
	float: left;
}
#infobar #searchsubmit {
	float: left;
	margin: 0 0 0 3px;
}

/*---------- Post Content ----------*/
#content {
	float: left;
	width: 530px;
	padding-left: 10px;
	margin-right: 10px;
}
#content h2 {
	margin: 0;
	
	font-size: 14px;
	font-weight: normal;
	color: #C4B550;
}
#content h2 a:link, #content h2 a:visited {
	color: #C4B550;
	text-decoration: none;
}
#content h2 a:hover {
	text-decoration: underline;	
}
#content .tab {
	margin: -3px 0 0 0;
	height: 17px;
	
	background-position: 0 6px;
}
#content .sub {
	padding: 0;
	margin: 0;
	
	text-transform: uppercase;
}
#content .postmeta {
	margin-top: 15px;	
}
#content .postHeading {
	float: left;	
}
#content .postAvatar {
	float: left;
	margin: 5px 5px 0 0;
}
#content .postAvatar img {
	border: 2px solid #686A65;	
}

.tabContent {
	padding-left: 15px;
}

/*---------- Entry ----------*/
.entry p {
	line-height: 1.5em;
}
.entry li {
	padding: 0 0 1.25em;	
}
.entry blockquote, .commentlist blockquote, 
.entry code, .commentlist code {
	border: 1px solid #686A65;
	margin: 0 0.5em;
	padding: 0 8px;
	background: #464646;
}
.entry code, .commentlist code {
	background: #6b7e4f;
	margin: 1em 0.5em;
}
.entry .page-navigation {
	margin-bottom: 15px;	
}
.page-navigation {
	padding: 5px 10px;
	margin: 5px 0;
}
.page-navigation a:link, .page-navigation a:visited {
	text-transform: capitalize;
	font-weight: bold;
	text-decoration: none;
}

/*---------- Comments ----------*/
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	margin: 5px;
	padding: 5px 5px;
	border-bottom: 1px solid #717662;
}
.commentlist li:last-child {
	border-bottom: none;
}
.commentlist .children {
	list-style: none;
	margin: 10px;
	border-left: 2px solid #717662;
	padding-left: 10px;
}
.commentlist .children li {
	border-bottom: none;	
}
.comment-author img {
	border: 2px solid #342E22;
	float: left;
	margin: 5px 5px 0 0;
}
.fn {
	font-style: normal;	
	font-weight: bold;
}
.fn a:link, .fn a:visited {
	text-decoration: none;
	color: #FFF;
}

.reply a:link, .reply a:visited, .reply a:hover {
	padding: 1px 8px 0 !important;	
}

#respond {
	background: #686A65;
	border: 1px solid #464646;
	padding: 0 10px;	
}

#commentform label {
	display: block;
}
#commentform input, #commentform textarea {
	margin: 3px 0;
	padding: 4px;
}
#commentform textarea {
	width: 350px;
	height: 75px;	
}

/*---------- Sidebar Content ----------*/
#sidebar {
	float: left;
	width: 430px;
}
#sidebar ul {
	list-style: none;
	margin: 0;	
}
#sidebar ul#bottom-1 {
	float: left;
	width: 210px;
}
#sidebar ul#bottom-2 {
	float: left;
	width: 210px;
}
#sidebar ul li {
}

.widget-content {
	margin: 10px 0 10px 15px;
	overflow: hidden;
}
.widget-content ul {
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
.widget-content ul li {
	padding: 2px 0;
	margin: 0;
}
.widget-content ul li a:link, .widget-content ul li a:visited {
	display: block;
	background: url(../images/fav.gif) no-repeat;
	background-position: 0 1px;
	min-height: 16px;
	padding: 0 0 0 23px;
	
	font-weight: bold;
	color: #FFF;
}
.widget-content ul li a:hover {
	background: url(../images/fav_selected.gif) no-repeat;
	background-position: 0 1px;
}

#recent-entries li a:link, #recent-entries li a:visited {
	background: none;
	padding: 0;
}
#recent-entries .sub {
	display: block;
	margin: 3px 0 6px;	
}

/*---------- Footer ----------*/
#canvas-bottom {
	background: url(../images/body_bottom.jpg) no-repeat;
	height: 10px;
	font-size: 0; /* IE6 Small Height Fix */
}
#footer {
	background: url(../images/footer.jpg) repeat-y;
	height: 22px;
	
	padding: 8px 15px;
}
#footer a:link, #footer a:visited {
	color: #FFF;	
}
#footer .floatRight {
	padding-top: 1px;	
}

.navigation a:link, .navigation a:visited,
.reply a:link, .reply a:visited {
	display: block;
	float: left;
	
	background: #7D8078;
	color: #FFF;
	border: 1px solid #000;
	
	padding: 1px 8px;
	height: 20px;
	
	margin-right: 8px;
	
	text-align: center;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.navigation a:hover, .reply a:hover {
	color: #C4B550 !important;
}

#footer-close {
	background: url(../images/bottom.jpg) no-repeat;
	height: 35px;
}