/*
It's Rigged V2 notes

Light blue: #dae5e3
Medium blue: #9fb1d5
Dark blue: #525c75
Brown: #855850

BG color: #EBE7E0
ffffcc

bamboo is left image behind text
body BG sky is image at top that dissolves
header is box that has search (fresh prince)
sidebar is box on right hand side
main height: 1734px; adjust how far bottom goes (line up to right nav)
iefix width % adjust text block width
*/

* {
	margin: 0;
	padding: 0;
}

body, label, input, select, textarea {
	font: 100%/135% Tahoma, Arial, Helvetica, sans-serif;
	
}

body {
	background: #ffffcc url(../images/bluegrid.jpg) repeat-x;
}

img, fieldset {
	border: 0 none;
}



h1, h2, h3, h4, h5, h6, p, pre, table, blockquote, ul, ol, dl, address {
	margin: 15px 0;
	font-size: 13px;
}

pre {
	background: #ffffcc;
	padding-left: 1em;
	overflow: auto;
}

ol {
	list-style: decimal;
}

a:link {
	color: #525c75;
	text-decoration: underline;
}

a:visited {

	text-decoration: underline;
}



a:hover, a:focus, a:active {

}

#main {
	height: 690px;
	margin-top: 300px;
	position: relative;
	z-index: 1;
	padding-right: 10px;
	padding-left: 275px;
	min-height: 575px;
}

a#skiplink {
	position: absolute;
	top: -340px;
	left: -999px;
	font-size: 80%;
	color: #fff;
	font-weight: bold;
}

a#skiplink:hover, a#skiplink:focus, a#skiplink:active {
	left: 10px;
	background: transparent;
}

/* Extra wrapper div for IE to make the layout work - thanks Paul O'B! */
#iefix {
	width: 120%;

}

#aboutme 
{
    width: 120%;
}

.home #main, .journal #main, .projects #main {
	padding-right: 33%;
}

#main h1 {
	font: 36px "Gill Sans MT Light", "Gill Sans", "Century Gothic", Arial, Helvetica, sans-serif;
	color: #525c75;
}

#main h2, .logobox #main dl dt {
	font: 18px "Gill Sans MT Light", "Gill Sans", "Century Gothic", Arial, Helvetica, sans-serif;
	color: #525c75;
}

#main #first h2, .journal #main h2, .projects #main h2, .about #main h2, .category #main h2 {
	font-size: 24px;
	z-index: 5;
}

.list #main h2 {
	font-size: 18px;
}

#main h3 {
	font-weight: bold;
	color: #525c75;
}

.home #main h3, .journal #main h3, .projects #main h3, .about #main h3 {
	font: 18px "Gill Sans MT Light", "Gill Sans", "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#main p strong, #main p em, .logobox #main dl dt strong, .logobox #main dl dd strong {
	background: #ff9;
	font-weight: normal;
	font-style: normal;
}

ol.code {
	padding-left: 2em;
}

ol.code li, code {
	background: #f7edeb;
	margin-bottom: 5px;
	line-height: 130%;
}

a#lastfm img {
border: 0;
float: none;
margin: 0;
padding: 0;
}

p code {
	background: transparent;
	margin-bottom: 0;
	line-height: 135%;
}

#main img {
	float: right;
	margin: 0 0 33px 33px;

	padding: 3px;
}

#main blockquote {
	padding: 1px 1em;
	border: 1px solid #9fb1d5;
	border-left-width: 0;
	border-right-width: 0;
	background: #eee url(../images/bq-bg.gif) no-repeat right bottom;
}

div.mask {
	float: left;
	clear: left;
	height: 15px;
	position: relative;
}

#footer {
	clear: both;
	height: 150px;
	background: #333;
	color: #fff;
	text-align: center;
	padding-top: 15px;
}

#footer p a {
	color: #ffe;
}

#footer p a acronym {
	border: 0 none;
}

#footer p a:hover, #footer p a:focus {
	background-color: transparent;
	color: #ffc;
	text-decoration: none;
}

#header {
	width: 770px;
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	
	background-image: url(../images/header.gif);
}

div.flare {
	position: absolute;
	top: 350px;
	right: 300px;
	width: 250px;
}

#sideimage {
	position: absolute;
	background-image: url(../images/siderig.jpg);
	right: 0px;
	height: 584px;
	width: 413px;

	/*background: url(../images/siderig.jpg);*/
}


a#logo {
	position: absolute;
	top: -143px;
	right: 74px;
	border: 0 none;
	background: url(../images/logo.png);
	width: 69px;
	height: 123px;
}

a#logo img {
	display: none;
}


/*
= LINKS WITH ICONS */

#main p.cats, #main p.technorati, #main p.delicious, #main p.digg {
	float: right;
	clear: right;
	margin-top: 5px;
	margin-bottom: 0;
}

p.technorati {
	background: url(../images/technorati.gif) no-repeat 0 50%;
	padding-left: 23px;
}

p.delicious a {
	background: url(../images/delicious.gif) no-repeat 0 50%;
	padding-left: 23px;
	text-decoration: none;
}

p.delicious a:hover, p.delicious a:focus {
	background-color: transparent;
	text-decoration: underline;
}

p.digg {
	background: url(../images/digg.gif) no-repeat 0 50%;
	padding-left: 25px;
	text-decoration: none;
}


/*
= SIDEBAR */

#leftbar {
	position: absolute;

	top: 350px;
	width: 250px;
	background: url(../images/leftbarbg.jpg) repeat-y 0 50px;
	z-index: 2;
}

#leftbar h2 {
	height: 100px;
	text-indent: -999em;
	background: url(../images/leftbartop.jpg) no-repeat 0 0;
	margin: 0;
}

#leftbar h3 {
	font: 18px "Gill Sans MT Light", "Gill Sans", "Century Gothic", Arial, Helvetica, sans-serif;
}

#leftbar h3, #leftbar dl {
	margin-left: 33px;
	margin-right: 15px;
	clear: both;
}

#leftbar dl {
	margin-bottom: 50px;
}

#leftbar dl dt {
	font-weight: bold;
	margin-bottom: -15px;
}

#leftbar dl dd.c, #leftbar dl dd.p {
	float: left;
	margin-right: 10px;
}

#leftbar dl dd a:hover, #leftbar dl dd a:focus {
	text-decoration: none;
}

#leftbar img {
margin-top: 2em;
}

#sbb {
	height: 100px;
	background: url(../images/leftbarbottom.jpg);
}


/*
= NAVIGATION */

div#nav {
	list-style-type: none;
	height: 70px;
	margin: 0;
	padding-left: 10px;
	position: absolute;
	top: 165px;

}

div#nav li {
	float: left;
	display: block;
	height: 56px;
	text-indent: -999em;
}

div#nav li a {
	display: block;
	height: 56px;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#nav li a:hover, div#nav li a:focus, .about1 div#nav li.about1 a, .resume div#nav li.resume a, .archive div#nav li.archive a, .resources div#nav li.resources a, .project div#nav li.projects a, .projects div#nav li.projects a, .about div#nav li.about a {
	
}

ul#nav li.about1 a {
	position: absolute;
	left: 10px;
	width: 100px;
	background-image: url(../images/test1.jpg);
}

ul#nav li.resume a {
	position: absolute;
	left: 110px;
	width:100px;
	background-image: url(../images/test2.jpg);
}

ul#nav li.archive a {
	position: absolute;
	left: 210px;
	width:100px;
	background-image: url(../images/test1.jpg);
}

ul#nav li.resources a {
	position: absolute;
	left: 310px;
	width:100px;
	background-image: url(../images/test2.jpg);
}

ul#nav li.projects a {
	position: absolute;
	left: 150px;
	width:100px;
	background-image: url(../images/test1.jpg);
}

ul#nav li.about a {
	width: 83px;
	background-image: url(../images/test2.jpg);
}

/*
= ARCHIVES, RESOURCES */

.archive #main h1, .resources #main h1, .projects #main h1 {
	text-align: left;
	margin-bottom: 36px;
}

.project #main h1 {
	padding-left: 33px;
}

.archive #main h2, .resources #main h2, .list #main h2 {
	margin-bottom: 8px;
	float: left;
	clear: left;
	width: 150px;
	padding-right: 20px;
	margin-top: 7px;
}

.archive #main dl, .resources #main dl, .list #main dl {
	margin-top: 10px;
	float: left;
	padding-left: 0;
	width: 47%;
}

.archive #main dl dt, .resources #main dl dt, .list #main dl dt {
	line-height: 135%;
}

.archive #main dl dt, .list #main dl dt {
	font-weight: bold;
	font-size: 11px;
}

.archive #main dl dd, .resources #main dl dd, .list #main dl dd {
	margin-bottom: 8px;
	line-height: 135%;
}

.archive #main dl dd, .list #main dl dd {
	margin-left: 4em;
	margin-top: -1.3em;
	padding-bottom: 8px;
}

/*
= PROJECTS */

div.p {
	width: 250px;
	float: left;
	background: url(../images/p-bg.gif);
}

#main div.p h2 {
	margin: 0;
	padding: 80px 33px 0;
	text-align: center;
	height: 2em;
}

#main div.p h2.web {
	background: url(../images/p-h2-web-bg.gif) no-repeat;
}

#main div.p h2.film {
	background: url(../images/p-h2-film-bg.gif) no-repeat;
}

#main div.p h2.music {
	background: url(../images/p-h2-music-bg.gif) no-repeat;
}

#main div.p h2.writing {
	background: url(../images/p-h2-writing-bg.gif) no-repeat;
}

#main div.p p {
	margin: 1em 33px;
	padding: 0;
}

#main div.p p.pb {
	background: url(../images/pb-bg.gif);
	text-align: center;
	height: 60px;
	margin: 0;
	padding: 0 33px;
}

/*
= LINK PREVIEWS */

.pdf, .txt, .doc, .ppt, .xls, .zip, .amazon {
	width: 20px;
	padding-right: 20px;
	background: no-repeat right;
}

.pdf {
	background-image: url(/images/pdf.png);
}

.txt {
	background-image: url(/images/txt.png);
}

.doc {
	background-image: url(/images/doc.png);
}

.ppt {
	background-image: url(/images/ppt.png);
}

.xls {
	background-image: url(/images/xls.png);
}

.zip {
	width: 23px;
	padding-right: 23px;
	background-image: url(/images/zip.png);
}

.amazon {
	width:18px;
	padding-right: 18px;
	background-image: url(/images/amazon.gif);
}

/*
= IE7 FIXES */

#main blockquote, div.comment {
	width: 100%;
}

#aboutrundown {
    width: 640px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -70px;
}

/*img, div,
{
    behavior: url(/css/iepngfix.htc) 
}
*/