/*  
Theme Name: Flux
Theme URI: http://flux.io/
Description: 
Version: 0.1
Author: 
Author URI: 
Tags: 

Adapted from 

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

*/

/* search for this and replace postmetadata */
body 				{ font-size: 62.5%; /* Resets 1em to 10px */
				  font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
				  background-color: #000;
				  color: #fff;
				  margin: 0.5em 1em 0.5em 1em; }

a, a:hover, a:visited 		{ color: #3E8FFD; text-decoration: none; }
a img 				{ border: none; }

a.more-link			{ font-size: 1.2em; font-weight: bold; }


#page 				{ background-color: #000; }

#header 			{ background: #000 url('images/logo.jpg') no-repeat scroll center right;
				  border-top: 1px dotted #999;
				  border-bottom: 1px dotted #999;
				  height: 150px;
				  padding: 0 4em 0 4em;	}
#header h1 			{ font-size: 4em; }
#header .description 		{ font-size: 1.2em; }
#header a, #header a:hover, #header a:visited { color: #fff; }


#breadcrumb 			{ padding: 0.2em 1em 0.2em 1em; }
.seperator			{ color: #666; padding-left: 0.8em; padding-right: 0.8em; }


#content 			{ font-size: 1.2em }
#content .entry p 		{ font-size: 1.05em; }


#mainsection			{ width: 100% }
#mainsection .sectionone	{ vertical-align: top; }
#mainsection .sectiontwo	{ vertical-align: top; width: 18em; }


#searchnotwidget 		{ text-align: right; margin: 0.5em; }
#searchnotwidget input[type="text"] { background-color: #333;
				  color: #fff;
				  border: none;
				  height: 1.0em; }


#content 			{ margin: 2em 0 1em 2em;
				  line-height: 1.6em; }
#content .post 			{ margin: 0; }
#content .smallattachment 	{ text-align: center;
				  float: left;
				  width: 128px;
				  margin: 5px 5px 5px 0px; }
#content .attachment 		{ text-align: center; margin: 5px 0px; }
#content h2			{ margin: 2em 0 1em 0; }

#content p			{ margin-left: 2em; } 	
#content h4			{ margin-left: 1.6em; } 	

.post 				{ margin-top: 4em; margin-bottom: 4em; }
.post .metainfobefore 		{ font-size: 0.5em; color: #666; }
.post .metainfoafter		{ color: #666; text-align: center; clear: both;}
/* need to kill postmetadata class */
.postmetadata 			{ clear: both; }
.post hr 			{ display: block; }
.post .aside			{ background-color: #111; padding: 1em; width:30%;}
.post .entry 			{ line-height: 1.4em; margin-left: 3em;	}


.post table			{ border-collapse: collapse; border-top: 1px dotted #999; border-bottom: 1px dotted #999; clear: both; margin: 2em;}
.post table caption 		{ caption-side:bottom; }
.post table tr:first-child	{ padding: 0.5em 0.5em 0.5em 0.5em; background-color: #111; text-align: center; border-bottom: 1px dotted #999; }
.post table th			{ padding: 0.5em 0.5em 0.5em 0.5em; background-color: #111; text-align: center; border-bottom: 1px dotted #999; }
.post table td			{ padding: 0.2em 0.5em 0.2em 0.5em; }
.post .odd			{ background-color: #111; }
.post .even			{  }
.post .rowgroup			{ border-bottom: 1px dotted #999; }


/* .post .entry ul, .post .entry .ol { list-style: none; } */

	
#footer 			{ background: #000; 
				  clear: both;
				  text-align: center;
				  color: #666; }

small 				{ font-family: Arial, Helvetica, Sans-Serif;
				  font-size: 0.9em;
				  line-height: 1.5em; }

h1, h2, h3, h4 			{ font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
				  font-weight: bold; }

h1 				{ font-size: 2em; }
h2				{ font-size: 1.6em; }
h3 				{ font-size: 1.3em; }
h4 				{ font-size: 1.1em; }

#sidebar 			{ font: 1em Arial, 'Lucida Grande', Verdana, Sans-Serif;
				  margin: 2em 0.5em 1em 0.5em;
				  width: 18em; }
#sidebar .widget li 		{ border-left: 1px dotted #999;
				  padding-left: 0.5em;
				  margin-bottom: 0.1em; }
#sidebar ul, #sidebar ol 	{ font-size: 1.4em;
				  margin-left: 0.5em;
				  padding: 0;
				  list-style: none; }
#sidebar > ul > li, #sidebar > ol > li { margin-bottom: 2em; }
#sidebar form 			{ margin: 0; }
#sidebar h2 			{ margin: 0;
				  padding: 0;
				  font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;
				  font-size: 1.2em; }
/*#sidebar .textwidget 		{ margin-left: 0.5em; padding: 0.5em; border: 1px dotted #999; }*/
#text-2 .textwidget		{ margin-left: 0.5em; padding: 0.5em; border: 1px dotted #999; }
#sidebar .widgettitle		{ text-align: center; }

small, .nocomments, strike 	{ color: #777; }
code 				{ margin-left: 1em; width:30%; display: block; background-color: #333; font: 1.1em 'Courier New', Courier, Fixed; }
code.long			{ width:90% }
acronym, abbr, span.caps	{ font-size: 0.9em; letter-spacing: .07em; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar caption 		{ font: bold 1.3em Arial, 'Lucida Grande', Verdana, Sans-Serif;
				  text-align: center; }
#wp-calendar th 		{ font-style: normal; text-transform: capitalize; }


/* ----------- Images ----------- */
p img 				{ padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered 			{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 			{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 			{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 			{ float: right; clear: both;}
.alignleft 			{ float: left; clear: both; }



/* ----------- Form Elements ----------- */
#searchform 			{ margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s 	{ width: 108px; padding: 2px; }
#sidebar #searchsubmit 		{ padding: 1px; }
/* This is mainly for password protected posts, makes them look better. */
.entry form 			{ text-align:center; }
select 				{ width: 130px; }
#commentform input 		{ color: #fff; background-color: #333; border: none; width: 15em; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea 		{ color: #fff; background-color: #333; border: none; width: 100%; padding: 2px; scrollbar-base-color: #666;}
#commentform #submit 		{ color: #3E8FFD; background-color: #333; margin: 0; float: right; }



/* ----------- Comments ----------- */
/*.accentline			{ width: 20%; border-bottom: 1px dotted #666; }*/
.alt 				{ margin: 0; padding: 10px; background-color: #111; }
.commentlist 			{ margin-left: 2em; padding: 0; text-align: justify; }
.commentlist li 		{ border-left: 1px dotted #666;
				  margin: 1em 0 0.5em 0;
				  padding: 0 0 0 1em;
				  list-style: none; 
				  font-weight: bold; }
/* untested */
.commentlist li .avatar { 
	padding: 2px;
	background: #000;
	margin-right: 1em;
	}

.nocomments 			{ text-align: center; margin: 0; padding: 0; }
.commentmetadata 		{ margin: 0;
				  display: block;
				  font-weight: normal; }
h3.comments 			{ padding: 0; margin: 40px auto 20px ; }
.commentlist li, #commentform input, #commentform textarea {
				  font: 0.9em Arial, 'Lucida Grande', Verdana, Sans-Serif; }
.commentlist cite, .commentlist cite a { 
				  font-weight: bold;
				  font-style: normal;
				  font-size: 1.1em; }
.commentlist p 			{ margin-left: 1em;
				  font-weight: normal;
				  line-height: 1.5em;
				  text-transform: none; }
#commentform p 			{ margin: 0.5em 0 0.5em 2em; font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; }



/* ----------- Calendar ----------- */
#wp-calendar 			{ empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a 		{ padding-right: 10px; text-align: right; }
#wp-calendar #prev a 		{ padding-left: 10px; text-align: left; }
#wp-calendar a 			{ display: block; }
#wp-calendar caption 		{ text-align: center; width: 100%; }
#wp-calendar td 		{ padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }


/* ----------- Various Tags & Classes ----------- */
acronym, abbr, span.caps 	{ cursor: help; }
acronym, abbr 			{ border-bottom: 1px dashed #999; }
blockquote 			{ background-color: #111; margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #666; }
blockquote cite 		{ margin: 5px 0 0; display: block; }
.center 			{ text-align: center; }
.navigation 			{ font-size: 1.2em; font-weight: bold; padding-left: 5em; padding-right: 5em; margin: 2em 0 1em 0; }
hr				{ display: none; }
.wowuncommon			{ color: #1EFF00; }
.wowrare			{ color: #0070DD; }
.wowepic			{ color: #A335EE; }
.wowlegendary			{ color: #FF8000; }
.wowartifact			{ color: #E5CC80; }