/*
Theme Name: Geoff.Evason
Theme URI: http://wordpress.org/
Description: A modern liquid wordpress them that uses a visually appealing background image, alpha transparencies, and well spaced elements.  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: 3.0
Author: Geoff Evason
Author URI: http://geoff.evason.name/
Tags: blue, liquid, two columns, widgets

	G v3.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;}


body, html{
	background: #081f29 url('images/bg.jpg') top left repeat;
	color:#CEEDFA;
	font-size: 12px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	line-height:1.7em;
	margin: 0;
	padding: 0;
	position: relative;
}

.inner {
	width: 900px;
	margin: 0 auto;
}

#content {
	float: left;
	width: 600px;
}

header, footer {  
  display: block;  
}  


h1, h2, h3, h2 a, h1 a, header, header a, nav, nav a {
	color: #fae298;
	text-shadow: 2px 2px 2px #000;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;	
}

header, header a, nav, nav a {
	font-family: 'Reenie Beanie', arial, serif;
	font-size: 30px;
}

header h1 a {
	font-size: 34px;
}


a {
	outline: none;
  color: #fae298;
	text-shadow: 1px 1px 1px #000;
  text-decoration: none;	
}
a:hover {
	border-bottom: 1px dotted #fae298;
}
.button a:hover {
	border-width: 0px;
}


header {	
	color: rgb(66,108, 120);
  background-color: rgba(4,31,41,0.6);
  padding: 0;
  height: 60px;
  margin: 0;
  border-bottom: 1px solid rgba(19,58,73,0.5);
}

header img {
	padding-top: 10px;
	margin-right: 10px;
	float: left;
}

header h1 {
	height: 60px;
	line-height: 60px;
  display: inline;
  
}


nav {
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
}

nav ul {	
	list-style-type: none;
  float: right;
	margin: 0;
	padding: 0;
}

nav ul li {
	margin: 0 30px 0 0;
	float: left;
	width: 90px;
	height: 80px;
	display: block;
	text-align: center;
}

nav ul li a{
	height: 50px;
	line-height: 50px;
	text-decoration: none;
}

nav ul li a:hover {
	border-bottom: 1px dotted #fae298;
}

nav ul li.current_page_item {
	background: transparent url(./images/nav.png) top center no-repeat;
}


h1, h2, h3 {
	font-weight: normal;
}

h2 {
	margin-bottom: 8px;
}
	

#content-wrapper {
	min-height: 700px;
	margin: 0;
	padding: 50px 0 0 0;	
	clear: both;
	border-top: 1px solid rgba(256,256,256,0.10);
	background-image: -moz-radial-gradient(center top, circle, rgba(256,256,256,0.12) 0, transparent 700px);
	background-image: -webkit-gradient(radial, center top, 0, center top, 700, from(rgba(256,256,256,0.12)), to(transparent)); 
}

footer {
	clear: both;
	margin-top: 50px;
	border-top: 2px solid rgba(256,256,256,0.10);
	background-color: rgba(4,31,41,0.6);
	clear: both;
  text-align: right;
  padding: 20px 0;
}

.clear {
	clear: both;
}



/* Would be nice to just use the gradiant as a border image, but I'm not sure that works yet */
.post-divider {
	color: #0c1f2a; /* wordpress thinks its okay to remove empty divs. Stupid wordpress. */
	height: 2px;
	background-image: -moz-radial-gradient(center top, circle, rgba(256,256,256,0.10) 0, transparent 500px);
	background-image: -webkit-gradient(radial, center top, 0, center top, 500, from(rgba(256,256,256,0.10)), to(transparent)); 
  width: 100%;
  margin: 40px 0;
}

.postmetadata {
	text-align: right;
	color: #96ddf7;
}


article {
  font-size: 1.1em;
  margin: 15px 0;
}

article p {
  padding: 0.6em 0;
}

#sidebar {
	float: right;
	width: 180px;
}

#sidebar .button {
	padding: 0 20px 20px 0;
	float: left;
}

#sidebar .widget {
	clear: both;
	margin-top: 40px;
}

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

#sidebar li {
	list-style-type: none;
	list-style-image: none;
	margin: 3px 0 0;
	padding: 0;
}

#searchform input#s {
	width: 100px;
}



/* CV */
#headshot {
	float: left;
	margin: 0 20px 20px 0;
}

span.fn {
	color: #fae298;
	font-size: 1.6em;
	text-shadow: 2px 2px 1px #000;
}

#geoff .summary {
	color: #96ddf7;
	text-shadow: 1px 1px 1px #000;
}

.vcard {
	font-size: 1.25em;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.vcard a {
	text-shadow: 1px 1px 1px #000;
}

.vcard .org {
	margin-left: 10px;
}

.experience {
	margin: 20px 0;
}

.hresume p.summary {
	margin-bottom: 10px;
}

.hresume .daterange {
	float: right;
	color: #fff;
}

section {
  clear: both;
}

.hresume h3 {
	padding-left: 10px;
	color: #fff;
}

#skills {
	clear: both;
	margin-top: 10px;
}

#comment {
	width: 500px;
}

.navigation {
	margin: 15px 0;
}

.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	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;
}