html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	margin:0;
	padding:0;
	background-color:#333;
	font-family:helvetica, arial, sans-serif;
	font-size:.9em;
	color:#ccc;
}
p, ul, ol {padding-bottom:.8em;}
ul {margin-left:1em;}
#container {
	/*background-image:url('/media/header.jpg');*/
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#333;
	max-width:870px;
	padding:0 16px;
	margin:auto;
}
#head {
	max-width:870px;
	margin:auto;
    padding: 6em 0 4em;
}
#body {
	/*width:902px; *//* 10px L/R padding */
	/*max-width:870px*/; /* is this right? */
	/*padding:0 16px;*/
	margin:auto;
	padding-bottom:60px;
	clear:both;
}
#body_left {
	float:left;
	max-width:500px;
	line-height:1.5em;
}
#body_right {
	float:right;
	max-width:328px;
}
@media only screen
and (max-device-width: 640px) {
	#body_left, #body_right {
		width:100%;
		max-width:none;
	}
}

.section {
	margin-bottom:1em;
}

#nav {
	list-style-type:none;
	display:block;
	max-width:680px;
	margin-left:auto;
}
#nav li {
	display:block;
	float:left;
}
#nav li a {
	background-color:transparent;
	background-image:url('/media/nav.gif');
	text-indent: -9999px; 
	display:block;
	height:22px;
	margin-left:18px;
	margin-right:7px;
	margin-bottom:4px;
}

#nav_blog a            {background-position:0px    -22px;width:36px;}
#nav_about a           {background-position:-42px  -22px;width:48px;}
#nav_portfolio a       {background-position:-95px  -22px;width:67px;}
#nav_presence a        {background-position:-167px -22px;width:105px;}
#nav_contact a         {background-position:-280px -22px;width:57px;}

#nav_blog a:hover, #nav_blog.active a           {background-position:0px    0px;}
#nav_about a:hover, #nav_about.active a         {background-position:-42px  0px;}
#nav_portfolio a:hover, #nav_portfolio.active a {background-position:-95px  0px;}
#nav_presence a:hover, #nav_presence.active a   {background-position:-167px 0px;}
#nav_contact a:hover, #nav_contact.active a     {background-position:-280px 0px;}

#sidebar {
	width:190px;
	float:left;
}
/*#microbio {
	background-image:url('/media/callout.png');
	background-position:right top;
	background-repeat:no-repeat;
	width:300px;
	height:31px;
	padding:8px 4px 0 11px;
	color:#332;
	font-size:.9em;
	text-align:center;
	float:left;
	margin-top:5px;
	margin-left:14px;
}
*/
#microbio {
	font-size: .9em;
	color:#999;
}
#microbio a {
	color:inherit;
}

#content {
	width:680px;
	float:right;
	font-size: 0.9em;
	clear:both;
}
.contentwrap {
	padding:14px;
}
#contentbody {
	background-color:#bbb;
	background-image:url('/media/content-foot.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	color:#444;
	min-height:620px;
	}
#contenthead {
	width:640px;
	height:74px;
	background-image:url('/media/content-head.png');
	padding:12px 20px 0px;
}

#contenthead a:link, #contenthead a:visited {
	text-decoration:none;
}

/* FOOT */
#foot {
	clear:both;
	background-image:url('/media/foot-bg.gif');
	background-repeat:repeat-x;
	background-color:#665;
	color:#2f2f2f;
	padding-top:30px;
}
#footcontainer{
	width:870px;
	margin:auto;
	height:200px;
	}
#footleft {
	float:left;
	width:380px;
}	
#footright {
	float:right;	
	width:460px;		
}	
#copyright {
	font-size:.9em;
	margin-top:2em;
}
#foot h4 {
	margin-bottom:.5em;	
}
#foot a {
	color:inherit;
	}
#footright small {
	color:#383b30;
	}

/* SIDEBAR */
#bio {
	color:#888;
	font-size:.75em;
	height:76px;
	padding-top:10px;
	padding-right:10px;
}
#bio a {
	color:#999;
}
.module {
	background-color:#4f4f4f;
	border:1px solid #5c5c5c;
	border-right-width:0;
	font-size:.8em;
	margin-bottom:20px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.module a:link, .module a:visited {
	color:#889977;
	text-decoration:none;
}
.module h4 {
	font-size:1.4em;
	color:#999;
	font-weight:normal;
	border-bottom:1px solid #5c5c5c;
}
.modulesect {
	padding:10px;
	border-bottom:1px solid #5c5c5c;
}
.modulewrap, .modulesect {
	padding:7px 9px;
}
.module h4 {
	padding:12px 9px;
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:48px;
}
.module ul {padding-bottom:0;}

#twitter h4 {
	background-image:url('/media/twitter.gif');
	}

#twitter {
	color:#999;
}
#twitter a:link, #twitter a:visited {
	color:#777;
	text-decoration:none;
}
.twitterstatus a:link, .twitterstatus a:visited  {
	color:inherit !important;
	}
#twitter a:hover {
	text-decoration:underline;
}
#twitter #twitterfoot {
	text-align:right;
	}
#tag h4 {
	background-image:none;
	}
#tag h4 span {
	background-image:url('/media/tags.gif');
	width:46px;
	height:33px;
	display:block;
	position:absolute;
	margin-left:-54px;
	margin-top:-7px;
}
/* TAGS */
h1 {
	/*float:left;
	width:240px;
	height:54px;*/
}
h1 a {
	/*text-indent: -9999px;
	display:block;
	width:240px;
	height:54px;
	background-image:url('/media/dan-leveille.png');
	background-position:right bottom;
	background-repeat:no-repeat;*/
	font-size:4em;
	color:#fff;
	text-decoration:none;
	font-weight:100;
}
h2 {
    font-size: 1.5em;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 3px #222;
    margin: 2em 0 .5em;
    text-transform: uppercase;
}
h3 {margin-top:1em;}
a {color:#eee;}		
p {padding-bottom:.7em;}
hr {visibility:hidden;}
#contentbody ul li {
	list-style-image:url('/media/bullet.gif');
	}

#contenthead h2 {
	font-size:2.1em;
	margin-top:12px;
}
#contenthead h3 {
	margin-top:3px;
}
#contenthead h3 a {
	color:#cca;
	font-weight:normal;
}
#contenthead h3 a:hover {
	text-decoration:underline;
}
#contenthead h2.subpage {
	margin-top:0px;
}
#contentbody h2 {
	height:24px;
	width:638px;
	padding:5px 7px;
	background-image:url('/media/head.gif');
	background-position:left 0px;
	background-repeat:no-repeat;
	margin-bottom:.8em;
}


#contentbody h2 a {
	text-decoration:none;
	display:block;
	color:inherit; /*if links arent colored right, set this to cca */
}

#contentbody ul, #contentbody ol {
	list-style-position:outside;
	margin-left:2em;
	}

.module ul, #foot ul {
	list-style-type:none;
	}


/* GENERICS */
.clear {clear:both;}
.small {font-size:.9em;}
.smaller, small {font-size:.8em;}



/* BLOG (seperate this into seperate file? */
#tags {
	background-image:url('/media/tag.gif');
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
	padding-top:5px;
	padding-left:42px;
	margin-bottom:1em;
	}
#tags a:link, #tags a:visited {
	background-color:#9a9;
	text-decoration:none;
	padding:1px 3px;
	color:#454;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
#tags a:hover {
	background-color:#999;
	color:#444;
	}
.post {
	margin-bottom:1em;
	}
#commentbox  {
	background-color:#aaa;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	width:400px;
	margin:auto;
	margin-top:1em;
	}
#commentboxw  {
	padding:6px;
	}
#commentbox h3  {
	background-color:#999;
	border-bottom:1px solid #909090;
	padding:5px 6px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	}
.cancel-comment-reply {
	float:right;
	margin-right:6px;
	margin-top:6px;
}
.cancel-comment-reply a {
	color:#755
}
#commentbox td small {
	color:#666;
	}
#commentbox .inputsimple {
	border:1px solid #969696;
	background-color:#eee;
	}
#commentbox td {
	vertical-align:top;	
	}

ol#comments {
	list-style-type:none;
	margin-left:0;
	}
ol#comments ul {
	list-style-type:none;
	margin-left:.6em;
	}
#comments li {
	background-image:url('/media/rule-gray.gif');
	background-position:left bottom;
	background-repeat:repeat-x;
	padding:.6em 0 .6em .6em;
	}
#comments li li {
	background-image:none;
	padding-top:0;
	padding-bottom:0;
	}
#comments ul {
	padding-top:.5em;
	background-color:#c9c9c9;
	border-left:2px solid #888;
	}
#comments ul ul {
	padding-top:0;
	}
#comments cite {
	font-weight:bold;
	}
a.comment-date:link, a.comment-date:visited {
	color:#666;
	text-decoration:none;
	}
a.comment-reply-link:link, a.comment-reply-link:visited {
	background-color:#999;
	text-decoration:none;
	padding:1px 3px;
	color:#ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
a.comment-reply-link:hover {
	background-color:#777;
	color:#aaa;
	}





.l50 {float:left;width:49%;}
.r50 {float:right;width:49%;}
.col33 {float:left;width:32%;}


ul.projects {
	margin:0;
	list-style-type: none;
	padding-bottom:0;
}
.project {
	margin: .7em 0;
/*	box-shadow: 0 0 3px #555;
	border: 1px solid #292929;*/
	padding: .8em .8em;
	border-radius: 3px;
	background-color: #2f2f2f;
}
.project_sub {
	font-size:.85em;
	margin-top:.5em;
	color:#666;
}
.project_sub a {
	color:inherit;
}
.project_wrap {
	/*border: 1px solid #292929;
	padding:1em;
	border-radius: 3px;*/
}


/* ------ PRES ------ */

.pres {
	padding-left:22px;
	font-size:16px;
	margin-top:6px;
	width:138px;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	}
.pres a:link, .pres a:visited {
	text-decoration:none;
	}
.pres a {
	font-size:12px;
	text-shadow: 1px 1px 0px #000;
}
.pres_tight .pres {
	width: 83px;
}
.pres img {
	vertical-align:middle;
	margin-left:-22px;
	margin-right:5px;
	}
.pres_url {
	color:#555;
	font-size:11px;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	/* this is for the link? color:#444444;
font-family:arial;
font-weight:bold;
text-decoration:none;*/

/* Based off of #commentbox */
.box  {
	background-color:#aaa;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0 auto 1em;
	}
.box .boxw  {
	padding:6px;
	}
.box h3  {
	padding:5px 6px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	}
	
.boxe  {
	background-color:#a88;
	color:#544;
	}
.boxe h3  {
	background-color:#977;
	border-bottom:1px solid #907070;
	color:#544;
	}

.boxs  {
	background-color:#898;
	color:#454;
	}
.boxs h3  {
	background-color:#787;
	border-bottom:1px solid #708070;
	color:#454;
	}
	
	
/* PORTFOLIO */
.portfolio_thumb {
	width: 638px;
	height:100px;
	border:6px solid #aaa;
	display:block;
	text-decoration:none;
	margin-top:1em;
	}
.portfolio_thumb .portfolio_url {
	display:none;
	background-color:#aaa;
	color:#333 !important;
	float:left;
	padding-bottom:4px;
	padding-right:5px;
	}
.portfolio_thumb:hover .portfolio_url {
	display:block;
	}
#portfolio h3 {
	margin-top:4px;
	}
.portfolio_right {
	float:right;
	font-size:.87em;
	padding:3px 2px;
}
.portfolio_right a:link, .portfolio_right a:visited {
	background-color:#aaa;
	color:#555;
	text-decoration:none;
	padding:0px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.portfolio_right a:hover {
	background-color:#9a9;
	color:#454;
	}