﻿/*  
Theme Name: The Steam Review
Theme URI: http://www.steamreview.org/
Description: ALL NEW AND IMPROVED
Version: 3.0b
Author: Tom Edwards
Author URI: http://www.steamreview.org/
*/

/* ELEMENT STYLES */
html { background:#3e4637; }

body { width:47em; margin:15px; margin:1em auto; font-family:Tahoma,Sans-Serif; color:#CFCFCF;
	font-size:.85em; }

a[href] { color:inherit; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:none; }

acronym[title], abbr[title], dfn[title] { border-bottom: 1px dashed; cursor:help; font-style:inherit; }
cite, ins { font-style:italic; }
cite { font-variant:small-caps; }
ins { text-decoration:inherit; }

blockquote { color:#8F8F8F; margin:1em; padding-left:.2em; border-left:.4em solid; }

img { border:0; }

h1, h2, h3 { font-family: Cambria,Garamond,Serif; margin:0; }
h2 { font-size: 1.7em; }
h2 a:hover { text-decoration: none; }
h3 {color: #999955; font-size: 1.5em; letter-spacing: -.05em; }
h4 { font-size: 1em; }

/* CLASS STYLES */

/* Header */

.header { -moz-border-radius:.8em; background:#4F4F4F url(steamlogo_bg.png) left center no-repeat;
	text-align:center; }
.header h1 a, .header h1 a:hover { font-variant:small-caps; font-size: 2.3em; text-decoration: none;
	letter-spacing: -.01em; display:block; padding: .1em 0; 
	background:url(header_bg.png) repeat-x bottom;  }
.header h1 a { color:#BF810B; }
.header h1 a:hover { color:#EDA312; }
.header p { margin-bottom: 1em; padding: .3em 0; font-weight:bold; -moz-border-radius:0 0 .8em .8em;
	background:#1E1E1E; margin-top:0; font-family:Calibri,Tahoma,Sans-Serif; }

/* Containers */
.page, .sidebar { margin:0; }
.page { margin-top:0; background-color:#4F4F4F; padding:.5em; margin-bottom:0; }

.navigation { background-color:#1E1E1E; padding:.3em; -moz-border-radius-bottomright:.8em;
		-moz-border-radius-bottomleft:.8em; }
.navigation :hover { text-decoration:none; color:#ED8F19; }

.tabs { color:#BF810B; font-weight:bold; font-size:1.5em; margin:0; padding:0; }
.tabs li { display:inline; margin:0; padding:0; }
.tabs a { background:#1E1E1E; padding:0 .8em; -moz-border-radius:.8em .8em 0 0;
	font-family:Cambria,Garamond,serif; }
.tabs a:hover { color:#EDA312; background:#2F2F2F; }
.tabs form { display:inline; background:#1E1E1E; padding:0 .8em; width:1em; -moz-border-radius:.8em .8em 0 0; }
.tabs .active { background-color:#4F4F4F; color:#EDA312; }
.tabs .active:hover { background-color:#4F4F4F; }

/* Sidebar */

.sidebar { position:absolute; top:0; right:0; font-size:.8em; list-style-type:none; margin:0; padding:.5em;
	background:#4F4F4F; }

/* .sidebar-outer { background:#4F4F4F; padding:.5em 1.5em; -moz-border-radius:.8em; color:#DFDFDF;
		font-size:.9em; text-align:center; margin-bottom:1em; }
.sidebar-outer ul { padding:0; }
.sidebar a:hover { color:#EF9A2C; text-decoration:none; }
.sidebar li { float:left; list-style-type:none; margin:0 .1em; background:#393939; -moz-border-radius:1em;
	padding:0; }
.sidebar li:hover ul { display:block; }
.sidebar h3 { background:#1E1E1E; color:#EDA312; -moz-border-radius:1em; -moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0; padding:.1em .5em;}
.sidebar li ul { margin:0; padding:0 .4em; overflow:hidden; margin-bottom:.7em; }
.sidebar li ul li { float:none; } */

/* Search form */

#searchform { background:#4F4F4F; padding:.4em; margin:0; float:right; font-size:.8em; text-align:right; 
		-moz-border-radius:.6em .6em 0 0; }
#searchform fieldset { border:0; margin:0; padding:0; }
#searchform fieldset legend { display:none; }
#searchinput { width:9em; background:#cFcFcF; border:2px solid #1E1E1E; font-family:Calibri,Tahoma,sans-serif;
	padding:.1em; color:#393939; }
#searchinput:focus, #searchinput:hover { background-color:#FFF; color:#000; }
#searchsubmit { height:2.05em; font-size:.8em; vertical-align:top; }

/* Posts */
.post { background:#393939; -moz-border-radius:.9em; padding-bottom:.5em; margin-bottom:1em; clear:both; }

.postmeta { font-size: .8em; padding-bottom:.2em; background:#1E1E1E; color:#8F8F8F; text-align:center;
	-moz-border-radius-topleft:1em; -moz-border-radius-topright:1em; }
.postmeta a:hover { color:#EDA312 !important; }
.postmeta h2 a { color:#EDA312; font-variant:small-caps; padding-bottom:92px; font-size:150%; display:block;
	background:no-repeat bottom center; }
.postmeta h2 a.no-image { padding-bottom:0; }
.strap, .commentslink, .authorlink { color:#DFDFDF !important; font-weight:bold; }

.entry { font-family:Calibri,Tahoma,Sans-Serif; color:#CFCFCF; }
.entry p { text-align:justify; margin:.5em; }
.entry p [href] { text-decoration:underline; font-weight:bold; }
.entry p [href]:hover { color:#EDA312; }
.entry h2 { color:#000; }
.entry li { padding-bottom: .2em; }

/*
.figure { color:#DFDFDF; background:#4F4F4F; float:right; margin:.3em .7em; border:1px solid #1E1E1E;
	width:200px; padding:.45em; font-weight:bold; line-height:1.1em; font-size:.8em;
	-moz-border-radius:.6em; }
.figure a { text-decoration:underline; }
.figure a:hover { color:#EDA312; }
.figure img { padding-bottom: .1em; display:block; }
.left { float: left !important; margin: 4px 6px 0 8px !important; }
*/

.figure { color:#DFDFDF; width:200px; float:right; margin:.5em 1.5em 0 .7em; font-weight:bold; line-height:1.1em; font-size:.8em; }
.figure img { background:#4F4F4F; border:.45em solid #4F4F4F; margin:0; display:inline;
	-moz-border-radius:.6em .6em 0 0; }
.figure span { background:#1E1E1E; padding:.2em .45em; display:block; width:100%; 
	-moz-border-radius:0 0 .6em .6em; }
.figure a { text-decoration:underline; }
.figure a:hover { color:#EDA312; }

.interview { font-weight:bold; }
.interview blockquote { color:inherit; border-left:none; font-weight:normal; }

.more { font-size:120%; font-style:italic; }

.footnote, .footnote h3 { font-size:.9em; color:#8F8F8F; }
.footnote h3 { letter-spacing:-.01em; margin-bottom:1em; }
.footnote .resources-list { display:none; }

.page-footer { text-align:center; font-size:.8em; color:#8F8F8F; }
.page-footer [href]:hover { color:#EDA312; }
.page-footer ul { float:left; list-style-type:none; margin:1.8em; }


.boxout { padding:.5em; width:13em; color:#2C2707; background-color:#CFCDB5; float:right;
	-moz-border-radius:.3em; line-height:1.1em; margin:4px 0 0 8px; font-weight:bold; }
.boxout h3 { font-size:1.2em; color:#5F540C; margin:0; padding:0; }

/* CUSTOM SYSTEMS */

.hiddenquotes blockquote { display:none; padding-left:.6em; }
a.toggler { font-style:italic; color:#8F8F8F; }
a.toggler:after { content: ' »'; }
a.toggler:hover { color:#EDA312; }

/* MISC */

.hidden { display:none; }