/*  
	Theme Name: Wired! Zune
	Theme URI: http://www.wiredzune.com
	Description: Static needed a sexy coder to do this, so here I did it
	Version: 1.0
	Author: Lyth (or Alan)
	Author URI: http://www.eventidal.net

	Some other notes:
	
	Jeez, it's just a theme, there aren't any other notes!
	
/*

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Wired! Zune

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	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
	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 Formatting
	- Colors

	Another Note:  Selectors containing 2 or less properties will not be wrapped to optimize rendering speed (not by much, but screw it).
*/

/*-----------------------------------------
	1.	=Basics
-----------------------------------------*/
body {
	background: #FFFFFF url('images/bg2.png') repeat-y 50%;
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #57565a;
}

/* Obligatory center-er device of doom */
.center { text-align: center; }

h2 {
	font: 22px Garamond, Georgia, "Times New Roman", Times, serif;
	padding: 5px 0;
	color: #57565a;
}

p { margin: 10px 0; padding: 0; }
/*-----------------------------------------
	2.	=Links
-----------------------------------------*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #ff8000;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #da1387;
}

a img {
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #ff8000;
}

a:hover img { background: #ff8000; }

h1, h1 a {
	margin: 0;
	padding: 0;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #a1a5a9;
}

h1 a:hover { font-weight: normal; color: #da1387; }

/*-----------------------------------------
	3.	=Navigation
-----------------------------------------*/
.navigation {
	margin: 30px 0;
	padding: 5px;
	border-top: 5px solid #f1f2f2;
}

.navigation .alignleft a { background: url('images/left.gif') no-repeat 0%; padding-left: 20px; }
.navigation .alignright a { background: url('images/right.gif') no-repeat 100%; padding-right: 20px; }
.navigation a, .navigation a:hover { text-decoration: underline; font-weight: normal; }

#menu {
	margin: 0 0 20px 0;
	padding: 2px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li { display: inline; }

#menu li a {
	background: #ff8000;
	padding: 5px;
	color: #FFFFFF;
} 

#menu li a:hover { background: #da1387; color: #FFFFFF; text-decoration: none; }

/*-----------------------------------------
	4.	=Layout
-----------------------------------------*/
#comments { margin: 0 0 15px 0; }
.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li { 
	background: #fff2e5;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 5px;
}

.comment-popup-link { margin: 25px 0; padding: 0; }

.comment-popup-link a {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #a1a5a9;
}

.comment-popup-link a:hover { color: #a1a5a9; text-decoration: underline; }

#content {
	background: #FFFFFF;
	width: 519px;
	float: left;
	margin: 0;
	padding: 3px;
	border-right: 1px solid #e1e1e1;
}

#footer { 
	clear: both; 
	float: none; 
	margin: 0;
	padding: 5px;
	border-top: 3px solid #f1f2f2;
}

#footer p { margin: 0; padding: 0; }

#header {
	background: #FFFFFF url('images/teh-header.png') no-repeat;
	height: 164px;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #ff8000;
}

#header a img, #header a:hover img { background: #FFFFFF; padding: 0; border: none; }

.post {
	margin: 0 0 25px 0;
	padding: 0;
	border-bottom: 2px solid #f1f2f2;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.post-date {
	background: #da1387;
	float: right;
	margin: 10px 0 0 5px;
	padding: 4px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.post-date-year { padding: 0; font-size: 10px; }
.post-date-month { padding: 0 0 5px 0; border-bottom: 1px solid #ed89c3; }
.post-date-day { padding: 5px 0 0 0; }

.post-meta-data { 
	background: #ff8000;
	margin: 0;
	padding: 2px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.post-meta-data a { color: #FFFFFF; font-weight: bold; }
.post-meta-data a:hover { text-decoration: underline; color: #FFFFFF; }

#sidebar {
	background: #FFFFFF;
	float: right;
	width: 207px;
	margin: 0 5px 0 0;
	padding: 5px;
	border-right: 1px solid #e1e1e1;
}

#sidebar h2 { margin: 0; padding: 0 0 5px; }

#sidebar ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #ff8000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

#sidebar li {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-image: url('images/bullet.gif');
}

#sidebar li a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #57565a;
}

#sidebar li a:hover {
	text-decoration: underline;
	color: #da1387;
}

#wrap {
	background: #FFFFFF;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #a1a0a5;
	border-right: 1px solid #a1a0a5;
}

/*-----------------------------------------
	5.	=Miscellaneous
-----------------------------------------*/
.alignleft { float: left; }
.alignright { float: right; }
.alt { background: #fbe7f3 !important; }
#buttons-list, #buttons-list li, #donate, #donate li { margin: 0; padding: 0; list-style: none; }
#buttons-list a img, #buttons-list a:hover img, #donate a img, #donate a:hover img { background: transparent; border: none; }
#commentform textarea { width: 511px; }

input, textarea { 
	background: #FFFFFF; 
	border: 1px solid #e1e1e1; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #a1a5a9; 
}

input:focus, textarea:focus { 
	border: 1px solid #999999; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #a1a5a9; 
}

#searchform, #searchform p { margin: 0; padding: 0; text-align: center; }

#searchform input { 
	background: url('images/glass.gif') no-repeat 2% 50%;
 	width: 177px; 
	margin: 5px 0; 
 	padding-left: 25px; 
}