/*  
	Theme Name: The Secret Fire 2
	Theme URI: http://www.thesecretfire.net.ru
	Description: Commissioned theme for The Secret Fire group.  Sorry for doing this so late -- school sucks
	Version: 2.0
	Author: Lyth
	Author URI: http://www.eventidal.net
	Some other notes:
	
	Jeez, it's just a theme, there aren't any other notes!
	
/*
	
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	The Secret Fire
	
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Table of Contents
	-- You can quickly navigate to these sections by appending a = in front of the title --
	1.  Basics
	2.  Links
	3.  Navigation
	4.  Layout
		a.  Top
		b.  Main
		c.  Sidebar
		d.  Comments
	5.  Miscellaneous
	Note:  Properties are declared in this order to organize cascading rules:   
	- Backgrounds
	- Layout (Positioning, Displays, etc)
	- Size (Width and Height, etc.)
	- Margin/Paddings/Borders
	- Text Formattings
	- Colors
	Another Note:  Selectors containing 3 or less properties will not be wrapped to optimize rendering speed (not by much, but screw it).	
*/

/*-----------------------------------------
	1.	=Basics
-----------------------------------------*/
body {
	background: #04172a url('images/tile2.png') 50% repeat-y;
	margin: 0;
	padding: 0;
	font: 14px Tahoma, Verdana, Arial, Georgia, 'Times New Roman', sans-serif;
	color: #BBBBBB;
}

blockquote {
	background: #04172a;
	margin: 25px;
	padding: 10px;
	border-left: 3px solid #111111;
}
	
/*-----------------------------------------
	2.	=Links
-----------------------------------------*/
a {
	border-bottom: 1px dashed #B35D00;
	text-decoration: none;
	color: #B35D00;
}

a:hover { border-bottom: 1px solid #B35D00; text-decoration: none; color: #FFFFFF; }

h2 {
	padding: 3px;
	margin: 10px 0 0 0;
	border-bottom: 4px solid #B35D00;
	font: 20px Georgia, 'Times New Roman', Times, serif;
	color: #FFFFFF;
}

input, textarea {
	background: #04172a;
	border: 1px solid #09325b;
	font: 12px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}

input:focus, textarea:focus { background: #1A1A1A; }
/*-----------------------------------------
	3.	=Navigation
-----------------------------------------*/
#menu {
	background: #111111 url('images/bar.png') repeat-x;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

#menu li, #metalist li { display: inline; white-space: nowrap; list-style-type: none; }

#metalist li a, .navigation a {
	background: #222222;
	border: 1px solid #333333;
	padding: 3px;
	margin: 0;
	font-size: 12px;
	color: #AAAAAA;
}

#metalist li a:hover, .navigation a:hover { background: #222222; border: 1px solid #333333; color: #FFFFFF; }

.navigation { text-align: center; }

#menu li a {
	background: #111111 url('images/bar.png') repeat-x;
	border: none;
	padding: 10px;
	margin: 0;
	color: #999999;
}
	
#sidebar li { list-style-type: none; margin: 0; padding: 2px 0; }
	
#menu li a:hover {
	background: #111111 url('images/bar2.png')
	repeat-x;
	border: none;
	color: #BBBBBB;
}

/*-----------------------------------------
	4.	=Layout
-----------------------------------------*/
/* Layout:  a.  Top */
#header {
	background: #000000;
	height: 150px;
	margin: 0;
	padding: 0;}#header a, #header img {
	border: none;
	margin: 0;
	padding: 0;
}

/* Layout:  b.  Main */
#footer {
	background: #111111;
	float: none;
	clear: both;
	padding: 5px;
	margin: 0;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

h2 a { border-bottom: none; color: #FFFFFF; }

h2 a:hover { border-bottom: none; color: #AAAAAA; }

#main h2 { padding: 3px 0; }

#main {
	background: #062340 url('images/main.png') repeat-y;
	float: left;
	width: 500px;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
}
	
.post { margin: 0 0 20px 0; padding: 10px; }

.postmetadata {
	background: #111111;
	padding: 9px 0;
	border: 1px solid #111111;
	font-size: 12px;
	color: #AAAAAA;
}
	
.postmetadata a { background: #111111; padding: 9px; border: 1px solid #111111; }
	
.postmetadata a:hover { background: #222222; border: 1px solid #333333; }

#wrap {
	background: transparent;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}
	
/* Layout:  c.  Sidebar */
#sidebar {
	background: transparent;
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
	font: 10px Verdana, Arial, sans;
}
	
#sidebar ul {background: #222222; margin: 0 0 10px 0; padding: 0; }
	
#sidebar #linkslist { background: transparent; margin: 0; padding: 0; }

#sidebar form { padding: 10px; }

#sidebar input { margin: 5px 0; }

#sidebar li a:hover { background: #000000 url('images/arrow.gif') no-repeat 95% 50%; color: #FFFFFF; }

#sidebar h2 {
	background: #111111 url('images/h2.gif') no-repeat 95%;
	border-bottom: none;
	padding: 5px;
	margin: 15px 0 0 0;
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
}
	
#sidebar li a {
	background: #1C1C1C url('images/arrow.gif') no-repeat 95% 50%;
	border: none; 
	display: block;
	padding: 6px;
	margin: 0;
	color: #AAAAAA;
}
	
#sidebar ul { padding: 5px; }

/* Layout:  d.  Comments */
.commentlist li, .topmessage {
	background: #202020;
	margin: 10px;
	padding: 5px 10px;
	border-top: 3px solid #1A1A1A;
	border-bottom: 3px solid #1A1A1A;}
	
.feedback { padding: 10px; }

.commentlist .alt { background: #292929; }

/*-----------------------------------------
	5.	=Miscellaneous
-----------------------------------------*/
	
.author {
	background: #B35D00;
	padding: 6px;
	margin: 0 10px 0 0;
	font: 14px bold small-caps 'Trebuchet MS', Tahoma, Verdana, Arial, serif;
	color: #FFFFFF;
}
	
#bar {
	background: #111111;
	margin: 0;
	padding: 5px;
	text-align: right;
}
	
#scrobbler_alloyd {
	color: #808080;
	font-size: 11px;
	list-style-type: none;
}

li.scrobbler_alloyd { list-style-type: none; }
	
#scrobbler_ithilion {
	color: #808080;
	font-size: 11px;
	list-style-type: none;
}

li.scrobbler_ithilion { list-style-type: none; }