/*
Theme Name: Blue-Dot-Oh
Theme URI: http://wordpress.org/
Description: A modern liquid wordpress them that uses a visually appealing background image, alpha transparencies, and well spaced elements.  Three colors to choose from via a simple css edit.  Built in code syntax highlighting.  Use any abstract background like described <a href="http://psdtuts.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/">here</a>.  
Version: 1.0
Author: Geoff Evason
Author URI: http://geoff.evason.name/
Tags: liquid, two columns, widgets, right sidebar, blue, green, red, code highlighting, developer

	Blue-Dot-Oh v1.0
	
	This theme was designed and built by Geoff Evason http://geoff.evason.name/
	The background iamges are from thanx http://www.sxc.hu/profile/thanx
	To use this image/theme you must abide by the terms of the creator (see above link) and sxc.hu:

	This theme uses Michael Heilemann's kubrick as a starting point http://binarybonsai.com/

	The CSS and XHTML are released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


  # Please note - I've only tested the features that I use.  I'm not sure how teh style on things like the calendar look.  
  Please notify the author of any changes made to improvie the theme for your own personal use.

*/



/* RESETS */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


#header, #nav, #nav ul li, #wrapper, #content_wrapper, #content, .post, #sidebar {
border: 0px dashed #fff;
}

/* Blue */
body{
  color: #eeeeff;
	background: #000 url('images/bg_blue_hi.jpg') top left no-repeat;
}
#blog_description, a:hover {
  color: #6bf;
}
#header h1 a, h1, h2, h3, a {
    color: #09f;
}
#nav ul li a:hover,
#nav ul li.current_page_item a {
	background: transparent url('images/alpha_blue.png');
	color: #6bf;
	border-bottom: 1px solid #6bf;
}
#sidebar .widget {
  border-bottom: 1px solid #6bf;
}
/* End Blue*/


/* Green 
body{
  color: #eeffee;
	background: #000 url('images/bg_green.jpg') top left no-repeat;
}
#blog_description, a:hover {
  color: #0e5;
}
#header h1 a, h1, h2, h3, a {
    color: #0c1;
}
#nav ul li a:hover,
#nav ul li.current_page_item a {
	background: transparent url('images/alpha_green.png');
	color: #fff;
	border-bottom: 1px solid #0e5;
}
#sidebar .widget {
  border-bottom: 1px solid #0e5;
}
/* End Green*/

/* Red 
body{
  color: #ffeeee;
	background: #000 url('images/bg_red.jpg') top left no-repeat;
}
#header h1 a, h1, h2, h3, a {
    color: #e11;
}
#blog_description, a:hover {
  color: #f44;
}
#nav ul li a:hover,
#nav ul li.current_page_item a {
	background: transparent url('images/alpha_red.png');
	color: #f44;
	border-bottom: 1px solid #f44;
}
#sidebar .widget {
  border-bottom: 1px solid #f44;
}
/* End Red */



/**/
/* Begin Typography & Colors */
body {
  background-color: #000;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#page {
	text-align: left;
	margin: 81px 50px 50px 51px;
	padding: 0;
}

#header {
	background: transparent url('images/alpha.png');
	height: 70px;
}
#header h1 {
	padding: 12px 0 0 40px;
}
#header h1 a {
  text-decoration: none;
}

#blog_description {
  padding: 0 0 0 40px;
  font-weight: bold;
}

h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

h1, h2, h3 {
	font-weight: bold;
}
	
#nav {
  clear: both;
	height: 30px;
	margin-bottom: 50px;
	background: transparent url('images/nav_alpha.png');
}

#nav ul {
	list-style-type: none;
	margin: 0 20px;
	padding: 0;
}

#nav ul li {
	float: left;
}

#nav ul li a{
	height: 30px;
	line-height: 30px;
	float: left;
	width: 90px;
	display: block;
	text-align: center;
	text-decoration: none;
}

#nav ul li a:hover,
#nav ul li.current_page_item a {
	height: 29px;
}

#content_wrapper {	
  padding: 40px;
  background: transparent url('images/alpha.png');
}

#sidebar {
	padding: 0 0 10px 0;
	float: right;
	width: 220px;
}

#content {
	margin-right: 280px;
}

.post {
	margin: 0 0 50px 0;
}

.post h2 {
	font-size: 1.4em;
	margin: 5px 0;
}

.entry {
  font-size: 1.1em;
  margin-top: 15px;
}

.entry p {
  padding: 0.5em 0;
  text-indent: 0.5em;
}

#sidebar {
  font-size: 0.95em;
}

#sidebar h2 {
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 5px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

#sidebar .widget {
  padding: 10px 0 20px 0;	
}

.rss_link a {
  color: #E71; 
}

#footer {
	font-size: 0.8em;
  padding-top: 40px;
	clear: both;
  text-align: right;
}



/*
	Code highlighting
    VibrantInk colours from Justin Palmer @ http://encytemedia.com
*/

 pre {
   margin: 0.5em 0;
   padding: 10px;
   overflow: auto;
   width: 100%;
 }
 pre, code {
   background-color: #111;
 }

 /** RUBY / JAVASCRIPT **/
 code span.comment {
 	color: #609;
 }

 code span.string {
 	color: #5c2;
 }

 code span.brackets {

 }

 code span.symbol {
 	color: #59d;
 }

 code span.keywords {
 	color: #d72;
 }

 code span.instance_var {
  color: #f00;
 }

 /** HTML **/
 code.html span.tag {
 	color: #bbb;
 }

 code.html span.attribute {
 	color: #d72;
 }

 code.html span.string {
 	color: #5c2;
 }

 code.html span.comment {
 	color: #609;
 }

 code.html span.doctype {
 	color: #D7FF80;
 }

/** CSS **/
code.css .selectors {
  color: #d72;
}

code.css .properties {
  color: #59d;
}