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:#665;
	font-family:helvetica, arial, sans-serif;
	font-size:.9em;
}
p, ul, ol {padding-bottom:.8em;}
#container {
	background-image:url('/media/header.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#333;
}
#head {
	width:870px;
	margin:auto;
	height:106px;
	padding-top:48px;
}
#body {
	width:902px; /* 10px L/R padding */
	width:870px; /* is this right? */
	padding:0 16px;
	margin:auto;
	background-image:url('/media/content-bottom.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-bottom:60px;
	clear:both;
}
#nav {
	list-style-type:none;
	display:block;
	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 a {
	color:#332;
}



#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;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
}
h3 {margin-top:1em;}
a {color:#574;}		
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;
}
#blog      #contentbody h2 {background-color:#868573;background-position:left    0px;}
#about     #contentbody h2 {background-color:#7F876F;background-position:left  -34px;}
#portfolio #contentbody h2 {background-color:#000000;background-position:left  -68px;}
#presence  #contentbody h2 {background-color:#7F7980;background-position:left -102px;}
#contact   #contentbody h2 {background-color:#000000;background-position:left -136px;}

#blog      h2 {color:#cca;}
#about     h2 {color:#bca;}
#portfolio h2 {color:#cfc;}
#presence  h2 {color:#dcd;}
#contact   h2 {color:#bcf;}

#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%;}





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

.pres {
	padding-left:22px;
	font-size:16px;
	margin-top:6px
	}
.pres a:link, .pres a:visited {
	text-decoration:none;
	}
.pres img {
	vertical-align:middle;
	margin-left:-22px;
	margin-right:5px;
	}
.pres_url {
	color:#888;
	font-size:12px;
	}
	/* 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;
	}