html {
	overflow: auto;
}

* {
margin: 0;
padding: 0;
}

body {
background: #f9f5f8;
color: #444;
text-align: center;
/* font: 13px/1.4 Helvetica Verdana, Arial, sans-serif; */
font: 14px/1.4 "Segoe UI", Segoe, Tahoma, Geneva, sans-serif;;
margin-top: 10px;
}

a {
color: #4d4d4f;
text-decoration: none;
outline: none;
}

a:hover {
background: #475d75;
padding: 0;
color: #f9f5f8;
border: none;
outline: none;
}

p, ul, ol, li {
margin-bottom: 18px;
color: #4d4d4f;
}

blockquote {
margin: 0 18px 18px;
font-size: 12px;
}

ul {
list-style-type: square;
margin-left: 2em;
}

ol {
margin-left: 2em;
}

h1 {
font-size: 24px;
line-height: 36px;
margin-bottom: 18px;
}

h2 {
font-size: 22px;
line-height: 36px;
margin-bottom: 18px;
}

h3 {
font-size: 18px;
line-height: 18px;
margin-bottom: 20px;
}

abbr {
	color: #9caaba;
}

code {
	background: #d7d7d7;
}

.color2 {
	background: #ffffff;
}

.author {
	background: #dce4f1;
}

/* Main wrapper */

#container {
margin: 0 auto;
padding: 0;
width: 980px;
background: #f9f5f8;
}

/* Header */

#header h1 {
	width: 980px; 
	height: 201px;
	text-indent: -9999px;
	display: block;

}

#header h1 a {
	display: block; 
	width: 100%; 
	height: 100%; 
	outline: none;
	background: url(images/superfancy-logo.jpg) no-repeat;
}

/* Purpose of site; experimental navigation block right below twitter updates */

#purpose {
padding: 0;
width: 450px;
margin: -57px 0 0 460px;
float: left;
/* background: #ccc; */
position: relative;
}

ul#nav {
	background: url(images/navbar12.jpg);
}

ul#nav li {
	float:left;
	list-style-type: none;
}

ul#nav li a {
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	outline: none;
}

li#navMe a, li#navPortfolio a, li#navCv a, li#navContact a, li#navHome a {
	background: url(images/navbar12.jpg);
	outline: none;
}

li#navMe a { 
	background-position: 0 0; 
	width: 36px; 
	left: 0; 
}

li#navMe a:hover { 
	background-position: 0 -51px; 
}

body#pageMe li#navMe a {
	background-position: 0 -51px;
}

li#navPortfolio a {
	background-position: -36px 0;
	width: 111px;
	left: 36px;
}

li#navPortfolio a:hover {
	background-position: -36px -51px;
}

body#pagePortfolio li#navPortfolio a {
	background-position: -36px -51px;
}

li#navCv a {
	background-position: -147px 0;
	width: 182px;
	left: 147px;
}

li#navCv a:hover {
	background-position: -147px -51px;
}

body#pageCv li#navCv a {
	background-position: -147px -51px;
}

li#navContact a {
	background-position: -329px 0;
	width: 96px;
	left: 329px;
}

li#navContact a:hover {
	background-position: -329px -51px;
}

body#pageContact li#navContact a {
	background-position: -329px -51px;
} 

li#navHome a {
	background-position: -425px 0;
	width: 70px;
	left: 425px;
}

li#navHome a:hover {
	background-position: -425px -51px;
}

body#pageHome li#navHome a {
	background-position: -425px -51px;
}

/* body#pageNews li#navNews a { background-position: 0 -82px; } */

/* Search box */

#search {
padding: 12px 0 0 20px;
background: url(images/search.gif) no-repeat 0 14px;
float: left;
}

#search input {
width: 200px;
height: 20px;
border: 1px solid #d9d9d9;
background: #dce4f1;
}


/* Sidebar */

#sidebar {
	width: 273px;
	float: right;
	background: url(images/sidbar-full.jpg) repeat;
	font-size: 13px;
	height: 950px;
}

#sidebar ul li {
	list-style-type: none;	
}

#sidebar-inner {
	width: 273px;
	/* background: url(images/sidebar-bottom.jpg) no-repeat bottom; */
}

/* Main content area */

.content h2 {
font-size: 18px;
line-height: 18px;
margin-bottom: 2px;
}

.firstpost {
text-align: left;
width: 950px;
padding: 28px 0 18px;
}

.post {
text-align: left;
width: 650px;
padding: 27px 10px 7px;
border-bottom: 1px solid #ccc;
float: left;
/*
background: #c1c9d6;
margin: 5px 0;
*/

}

.postnoline {
text-align: left;
width: 650px;
padding: 5px 10px;
float: left;
}

.posttopline {
border-top: 1px solid #ccc;
text-align: left;
width: 685px;
padding: 5px 10px;
margin: 0 0 10px;
}

p.tags {
font-size: 10px;
color: #666;
padding: 3px 0;
}

p.meta {
font-size: 11px;
color: #666;
padding: 0;
}

p.previous {
padding: 0 20px 0 0;
float: left;

}

p.next {
float: right;
}

span.edit a {
float: right;
font-weight: 400;
font-size: 11px;
color: #666;
border: 1px solid #ccc;
padding: 0 4px;
}

.content {
margin-left: 30px;
width: 630px;
text-align: left;
/*
background: #c1c9d6;
margin: 5px 0;
*/
}

.contentpage {
margin-left: 10px;
width: 650px;
text-align: left;
}

.previously {
text-align: left;
width: 710px;
padding: 20px 0 3px;
border-top: 1px solid #ccc;
font-size: 12px;
}

.previously a, .contentpage a, .content a {
font-weight: 700;
}

.text_area {
width: 480px !important ;
}

/* Page styles (differeing from post styles) */

h2.spacedout {
	letter-spacing: 10px;
	font-size: 15px;
	text-transform: uppercase;
}

#skillssummary {
	margin: 40px 0;
	background: #e8e8e8;
	padding: 10px;
}

#workhistory {
	margin: 40px 0;
	padding: 10px;
	background: #f0f0f0;
}

#relatedexperience {
	margin: 40px 0;
	background: #e8e8e8;
	padding: 10px;
}

#education {
	margin: 40px 0;
	padding: 10px;
	background: #f0f0f0;
}

#otheremployment {
	margin: 40px 0;
	background: #e8e8e8;
	padding: 10px;
}

h3.marginal {
	margin: 20px 0;
	font-size: 13px;
	color: #3b6aa0;
}

#workportfolio {
	width: 900px;
	margin: 0 auto;
}

#workportfolio img {
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: 5px 35px;
	
}

a:hover.nobg {
	background: transparent;
}

#workportfolio p {
	text-align: center;
}

.worky {
	float: left;
	margin: 2px;
	width: 225px;
	height: 225px;
	/* background: #f9f9f9; */
		
}

.contactform {
		float: left;
		margin: 0;
}

.contactform input, textarea {
	background: #dce4f1;
	border: 1px solid #d9d9d9;
	width: 450px;
	overflow: auto;
	

}

.contactleft {
	/* width: 25%; */
	/* text-align: right; */
	/* clear: both; */
	/* float: left; */
	/* display: inline; */
	padding: 4px;
	margin: 5px 0 5px 50px;
    font-weight: bold;
}

.contactright {
	/* width: 70%; */
	/* text-align: left; */
	/* float: right; */
	/* display: inline; */
	padding: 4px;
	margin: 5px 0 5px 50px;
	
}

#contactsubmit {
	background: #666;
	height: 30px;
	width: 100px;
	color: #eee;	
}

#carbon_copy input {
	/* background: #B4CDCD; */
	border: 1px solid #999;
	width: 20px;
}

#wpcf_your_name,
#wpcf_email,
#wpcf_subject, input {
	height: 20px;
}

#know {
	float: left;
}

#otherplaces {
	float: right;
	margin: 0;
	width: 300px;
}

/*
.pageborder {
	border: 1px solid #ccc; 
}
*/


#feed {
	background: url(images/feed2.gif) 30px no-repeat;
}

/* Navigation? I guess? */

/*
.nav {
display: none;
}

.nav {
padding: 22px 0 120px 5px;
border-bottom: 1px solid #666;
text-align: left;
font-size: 12px;
}

.nav div {
width: 160px;
margin: 0 10px;
float: left;
}

.nav img {
border: 0;
}

.nav div.last, .postform {
width: 150px;
margin: 0;
}

ul.nav li {
margin: 0;
}
*/

/* Actual footer */

#copyright {
margin: 5px 0 0;
padding: 15px 0 0;
border-top: 1px solid #bbb;
text-align: right;
font-size: 12px;
color: #666;
}

/* last.fm cover flow */

div#lastfmrecords {
width: 200px;
height: 175px;
padding: 0;
float: right;
margin: 2px 30px 0 0;
}

ol#lastfmrecords li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}

#lastfmrecords img {
height: 45px;
margin: 1px;
width: 45px;
border: 0;
padding: 3px;
float: left;
background: #f9f5f8;
border: 1px solid #d7d7d7;
display: inline;
}

#lastfmrecords ol {
	/* margin-right: 5px; */
}



div#lastfmrecords h3 {
	text-align: right;
	margin: 0 10px 3px 0;
	padding: 0;
	font-size: 13px;
	/*
background: url(images/lastfm_32.png) no-repeat 0 0;
	height: 32px;
*/
}

/*
.lastfm a:hover {
background: #fff;
padding: 0;
color: #3b6aa0;
border: none;
}
*/

/* Twitter Updates */

#status ul {
list-style: disc;
}

#status {
text-align: right;
width: 180px;
height: 115px;
padding: 2px;
float: right;
margin: 25px 37px 30px 0;

/*
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
*/
}

#status p {
	color: #888;
	font-style: italic
}

#twitter_update_list {
	font-style: italic;
}

div#status h3 {
	padding: 0;
	margin: 0;
	font-size:13px;
	/* background: url(images/twitter.png) no-repeat 55px 0; */
	height: 18px;
}

h3.rss {
	background: url(images/RSS.png) no-repeat 95px -7px;
	height: 28px;
	text-align: right;
	font-size: 13px;
	width: 200px;
	margin: 0 43px 0 0;
	float: right;
}

#cats {
	float: right;
	width: 200px;
	margin: 5px 43px 0 0;
}

#cats h3 {
	font-size: 13px;
	text-align: right;
	margin: 0 0 10px 0;
}

#cats ul li {
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
	
}

#cats li {
	color: #888;
}

#popular {
	float: right;
	width: 200px;
	margin: 30px 43px 0 0;
}

#popular h2 {
	font-size: 13px;
	text-align: right;
	margin: 0 0 2px 0;
	text-transform: uppercase;
}

#popular ul li {
	list-style-type: none;
	text-align: right;
	margin: 0 0 20px 0;
	padding: 0;
	
}

#popular li {
	color: #888;
}

small.fey {
color: #ccc;
font-size: 14px;
}

/* Other junk */

.archive {
text-align : left;
padding: 10px;
}

.small {
font-size: 10px;
}

.linklove {
	display: none;
}

.clearfix {
	height: 1px;
	clear: both;
}

#comments {
	margin-bottom: 20px;
	background: #dce4f1;
	
}

.com-ind p {
	font-size: 12px;
}


#archiveform select {
	background: #c1c9d6;
	border: 1px solid #999;
	width: 180px;
}