/*************/
/* CSS RESET */
/*************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}

ol,ul {list-style:none;}

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


/*********************/
/***** Main CSS ******/
/*********************/

/********/
/* Body */
/********/

body {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	font-size: 12px;
	text-align: left;
	color: #373f42;
	margin-bottom:20px;
}

body, th, td, input, textarea, select, option {font-family:Arial, Helvetica, sans-serif}

body a{
	border:none;
	border-style:none;
	color:#bb5a1a;
	background:none;
	text-decoration:underline;
	outline:none;
}

body img{border:none; background:none;}

body a:hover {color: #9e3f00}
body a:active {color: #999999}


/**************/
/* Navigation */
/**************/

div#container {
	height: 72px;
	background-position: 0;
	margin: 0 auto;
	padding: 0;
}

div#navigation {
	width:100%;
	top:0;
	height:34px;
	padding: 0;
	background: url(images/img03.png) repeat-x left top;
	background-position:center;
	position:fixed;
	z-index: 50;
}

div.navwrap { 
	width: 800px;
	margin: 0 auto;
	padding: 8px 0 0 0 ;
}

/*************/
/* Nav Links */
/*************/

a.nav {color: white; text-decoration: none; font-size:15px; padding-bottom: 7px; margin-right: 40px;}
a.nav:visited {color: white}
a.nav:hover {color: #bfbfbf; background:url(images/img06.jpg) bottom left repeat-x;}
a.nav:active {color: #999999}

div.logo {width:36px; float:right; margin-right:2px;}


/******************/
/* Sub Navigation */
/******************/

div#m1 {
	width:auto;
	position: absolute;
	/*visibility: hidden;*/
	margin: 0 auto;
	margin-left: 25px;
	padding: 12px 0 4px 0;
	border-bottom: 1px solid #373f42;
	background: url(images/img04.png) repeat-x left top;
	background-position:bottom;
}

div#m1 a {
	margin: 0;
	padding: 0 19px 0 0;
	width: auto;
	text-align: left;
	text-decoration: none;
	color: #666666;
	font-size:11px;
}

div#m1 a:hover {color: #373f42}
div#m1 a:active {color: #999999}

div#m1 a.all {color:#bb5a1a}
div#m1 a.all:hover {color:#9e3f00}
div#m1 a.all:active {color:#999999}

div#m1 a.last {padding: 0}


/*********************/
/* Portfolio Content */
/*********************/

div#content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	margin-top:80px;
	margin-bottom:40px;
	overflow:auto;
	position:relative;
}

div.post-interactive, div.post-graphic, div.post-video, div.post-design {
	margin: 10px 0 25px 25px;
	border-bottom:thin solid #000000;
	overflow:auto;
}

div.post-interactive {height:340px}
div.post-graphic {height:310px}
div.post-video {height:330px}
div.post-design {height:325px}

div.title {
	width:310px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin-bottom:2px;
}

div.subtitle {
	width:300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#bb5a1a;
	margin-bottom:17px;
}

div.body {width:270px}

div.img {
	z-index:1;
	float:right;
}

div.line {
	width:767px;
	margin: 10px 0 15px 43px;
	border-bottom:thin solid #000000;
}


/****************/
/* Home Content */
/****************/

div#home-content {
	width: 835px;
	margin: 0 auto;
	padding: 0;
	margin-top:55px;
	margin-bottom:25px;
	overflow:auto;
	position:relative;
}

div.collage {
	width:533px;
	float:right;
	margin-top:4px;
	z-index:1;
}

div.home-post {
	width:775px;
	margin: 8px 0 25px 43px;
	overflow:auto;
}

div.home-title {
	width:255px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin:5px 0 3px 0;
}

div.home-body {width:300px; margin-bottom:3px;}
div.home-img {margin-right:30px}

div.intro-text {width:255px}

/***********/
/* Updates */
/***********/

div.update-title {
	width:255px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin-top:5px;
	margin-bottom:12px;
}

div.update-left {
	float:left;
	width:360px;
}

div.update-right {
	float:right;
	width:360px;
}

div.update-subtitle {
	width:360px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#bb5a1a;
	margin-bottom:3px;
}

div.update-text {
	width:360px;
	margin-bottom:10px;
}


/***************/
/* Bio Content */
/***************/

div#bio-content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	margin-top:55px;
	margin-bottom:25px;
	overflow:auto;
	position:relative;
}

div.bio-post {
	width:700px;
	margin: 8px 0 15px 25px;
	border-bottom:thin solid #000000;
	overflow:auto;
}

div.bio-title {
	width:450px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	margin-bottom:6px;
}

div.bio-subtitle {
	width:450px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#bb5a1a;
	margin-bottom:3px;
}

div.bio-body {
	width:450px;
	margin-bottom:25px;
}

div.bio-img {
	width:144px;
	float:right;
	border:1px #000000 solid;
}