body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#020202;
}
#outside_container {
	background-color: #020202;
	background-image: url(img/core/bground_slice.jpg);
	background-repeat: repeat-x;
}
#container {
	min-height:400px;
	width:975px;
	margin: 0px auto;
	position:relative;
	background-image: url(img/core/bground2.jpg);
	background-repeat: no-repeat;
	padding-bottom:30px;
}


/*
	Logo / Menu / Panel Positioning
*/

#logo {
	position:absolute;
	top:24px;
	left:59px;
}

#tagline { position:absolute; top:178px; left:67px; }

ul#menu {
	margin:0px;
	position:absolute;
	top:141px;
	left:67px;
	background-image:url(img/core/nav_box.jpg);
	width:820px;
	height:39px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
ul#right_menu {
	margin:0px;
	padding:10px;
	position:absolute;
	top:141px;
	right:87px;
}
ul#menu li, ul#right_menu li {
	padding:0px;
	list-style:none;
	margin-left:5px;
	margin-right:10px;
	font-size:17px;
	text-transform:uppercase;
	display:inline;
}
ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#ba9981;
}
ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#f9d4b9;
}


/*
	Content
*/

#content {
	width:975px;
	margin: 0px auto;
	padding-left:85px;
	font-size:13px;
	line-height:20px;
	color:#ba9981;
}

#main_content {
	padding: 30px;
	background-image: url(img/core/dark_85_pshop.png);
	background-repeat: repeat;
	margin:0px;
	width: 775px;
	position:relative;
	left:-17px;
}

#content.home {	
	padding-top:435px;
}

#content.normal {
	padding-top:178px;
}

.column1 { float:left; width:220px; margin-right:50px; }
.column2 { float:left; width:220px; margin-right:50px; }
.column3 { float:left; width:230px; }

#content h1, h2{font-family:Georgia, "Times New Roman", Times, serif;
	color:#f7cbab; 	font-weight:normal;}

#content h1 {	
	margin:0px 0px 20px 0px;
	font-size:24px;
}

#content h2 {	margin:0px 0px 20px 0px;	font-size:20px;}

ul.work {	margin:0px; padding:0px;}
ul.work li {	list-style:none;	margin:0px; padding:0px;	clear:both;}
ul.work li a {	color:#e0b882;	display:block;	padding:5px 10px 5px 5px;	text-decoration:none;	font-size:10px;}
ul.work li a img {	float:left;	margin-right:20px;	margin-bottom:20px;	}
ul.work li a h4 {	color:#B75034; margin-top:20px;	font-weight:normal;	font-size:16px;}

/* (Main) Menu Nav - active page highlight. This is triggered when the body class and the menu nav li class are the same. */
body.home #menu li.home a {color:#febfae;}
body.design #menu li.design a {color:#febfae;}
body.interactive #menu li.interactive a {color:#febfae;}
body.experimental #menu li.experimental a {color:#febfae;}
body.resume #right_menu li.resume a {color:#febfae;}
body.contact #right_menu li.contact a {color:#febfae;}


/* left_content_column */
.left_content_column {float: left; width: 538px; padding:4px 0px 5px; margin:0px 0px 10px 0px; font-size:125%;}
body.oneCol .left_content_column {float: none; width: 600px; margin: 60px 10px 75px 85px;}
.left_content_column h1 {padding:6px 0px 6px; margin: 0px 0px 20px; font-weight:normal; font-size:20px; border-color: #251000; border-width: thin; border-bottom-style: solid; border-top-style: solid;}
.left_content_column p {font-size:120%;}
.left_content_column img.thumb_edge {margin-top:10px; margin-bottom:0px; height:96px; width:96px; border: 1px solid #251000;}
.left_content_column img.thumb_middle {margin-top:10px; margin-right:8px; margin-bottom:0px; height:96px; width:96px; border: 1px solid #251000;}

#project_explanation {margin-top: 30px;	background-image: url(img/core/yellow_7.png);	background-repeat: repeat;	border: 1px solid #251000;	padding:20px;}
#project_explanation p {	font-size:13px;	line-height:20px; padding-top:10px; margin:0px;}
#project_explanation p:first-child {padding-top:0px;}
#project_explanation td {font-size:13px; vertical-align:top;}
td.uni { font-style:italic; padding-bottom:10px;}

#portfolio_section_summary {clear:both; height: 80px; border-top: 1px solid #251000; border-bottom: 1px solid #251000; margin: 10px 0px 10px 0px; background-color:#E5E5E5; padding:10px;}
#portfolio_section_summary p {float:left;}
#portfolio_section_summary h2 {float:left; padding:0px; margin:28px 0px 0px 10px; font-size:125%; border: none;}
#portfolio_section_summary img {float:left;}

/* Image Space */
#image_space {background-image: url(img/core/yellow_7.png); background-repeat: repeat; border: 1px solid #251000;}
#image_space.portrait  {padding: 20px 74px 15px 74px;}
#image_space.landscape  {padding: 20px 20px 5px 20px; }
#image_space.landscape_448  {padding: 20px 20px 15px 16px; }
#image_space img {border: 2px solid #251000;}
#image_space p {font-size:80%; margin:0px; padding:5px 0px 5px;}

/* Section Nav */
#section_nav {margin: 4px 5px 15px 0px; float: right; width: 200px; height: 1%; /* Holly hack for Peekaboo Bug */	border-color: #1b0c00; border-width: thin; border-style: solid;}
#section_nav ul {margin:0; padding:0; list-style:none; }
#section_nav li {background-image: url(img/core/cream_3.png); background-repeat: repeat; border-color: #1b0c00; border-top-width: thin; border-top-style: solid; padding:7px 20px 7px 15px;}
#section_nav h2 {padding:7px 7px 7px 12px; margin:0px; border-color: #1b0c00; border-bottom-width: thin; border-bottom-style: solid; 	font-size:18px;}

/* Section Nav - active page highlight. This is triggered when the body class and the section nav li class are the same. */
body.bean #section_nav li.bean a {color:#febfae;}
body.training #section_nav li.training a {color:#febfae;}
body.soundpad #section_nav li.soundpad a {color:#febfae;}
body.fmm #section_nav li.fmm a {color:#febfae;}
body.death_row #section_nav li.death_row a {color:#febfae;}
body.hello_english #section_nav li.hello_english a {color:#febfae;}
body.tourism #section_nav li.tourism a {color:#febfae;}
body.2plus2 #section_nav li.2plus2 a {color:#febfae;}
body.pentwyn #section_nav li.pentwyn a {color:#febfae;}

body.va #section_nav li.va a {color:#febfae;}
body.backing #section_nav li.backing a {color:#febfae;}
body.live_mech #section_nav li.live_mech a {color:#febfae;}
body.emap #section_nav li.emap a {color:#febfae;}
body.d_davidson #section_nav li.d_davidson a {color:#febfae;}
body.the30s #section_nav li.the30s a {color:#febfae;}

body.about_face #section_nav li.about_face a {color:#febfae;}
body.html_time #section_nav li.html_time a {color:#febfae;}

/* technologies_used */
#technologies_used {margin: 10px 5px 10px 0px; float: right; width: 200px; height: 1%; /* Holly hack for Peekaboo Bug */	border-color: #1b0c00; border-width: thin; border-style: solid;}
#technologies_used ul {background-image: url(img/core/cream_3.png); background-repeat: repeat; margin:0; padding:0; list-style:none; }
#technologies_used li { border-color: #1b0c00; border-top-width: thin; border-top-style: solid; padding:25px 20px 25px 75px;background-repeat: no-repeat; background-position: 15px; }
#technologies_used h2 {padding:7px 7px 7px 12px; margin:0px; border-color: #1b0c00; border-bottom-width: thin; border-bottom-style: solid; font-size:18px;}

/* technical skills */
#technical_skills {margin: 3px 5px 10px 0px; float: right; width: 200px; height: 1%; /* Holly hack for Peekaboo Bug */	border-color: #1b0c00; border-width: thin; border-style: solid;}
#technical_skills ul {background-image: url(img/core/cream_3.png); background-repeat: repeat; margin:0; padding:0; list-style:none; }
#technical_skills li { border-color: #1b0c00; border-top-width: thin; border-top-style: solid; padding:25px 20px 25px 75px;background-repeat: no-repeat; background-position: 15px; }
#technical_skills h2 {padding:7px 7px 7px 12px; margin:0px; border-color: #1b0c00; border-bottom-width: thin; border-bottom-style: solid; font-size:18px;}

.icon_3dsm {background-image: url(img/icons/icon_3dsm.gif);}
.icon_access {background-image: url(img/icons/icon_access.gif);}
.icon_ai {background-image: url(img/icons/icon_ai.gif);}
.icon_as {background-image: url(img/icons/icon_as.gif);}
.icon_br {background-image: url(img/icons/icon_br.gif);}
.icon_cam {background-image: url(img/icons/icon_cam.gif);}
.icon_cf {background-image: url(img/icons/icon_cf.gif);}
.icon_di {background-image: url(img/icons/icon_di.gif);}
.icon_dw {background-image: url(img/icons/icon_dw.gif);}
.icon_fl {background-image: url(img/icons/icon_fl.gif);}
.icon_fx {background-image: url(img/icons/icon_fx.gif);}
.icon_html {background-image: url(img/icons/icon_html.gif);}
.icon_html_time {background-image: url(img/icons/html_time.gif);}
.icon_id {background-image: url(img/icons/icon_id.gif);}
.icon_mysql {background-image: url(img/icons/icon_mysql.gif);}
.icon_pr {background-image: url(img/icons/icon_pr.gif);}
.icon_ps {background-image: url(img/icons/icon_ps.gif);}
.icon_php {background-image: url(img/icons/icon_php2.gif);}
.icon_wacom {background-image: url(img/icons/icon_wacom.gif);}


/* forms */

form {margin-bottom:10px; position:relative; margin-left:-10px; margin-bottom:-20px; margin-top:-10px;}
form ol {  padding: 1px 1px 0 1px;  list-style: none;}
form li {  padding-bottom: 10px;}
label {display: block;}
textarea {width: 475px; height:100px; }
fieldset {border: 0px solid;}
input { width: 200px;}
input.submit {
	cursor:pointer;
	border: 1px solid #351600;
	color:#febfae;
	padding: 2px 2px;
	background-color: #B39F8E;
	background-image: url(img/core/btn_bground5.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100px;
}
fieldset label:before {content:"* ";color:#FF0000;font-weight: bold;} /* red asterisks before field labels, non IE only */

.formstyle {
	border: 1px solid #251000;
	font-family: Arial, Helvetica, sans-serif;
	padding:8px;
	background-color:#0C0707;
	margin-top:5px;
	color:#ba9981;
}


/*
	Footer
*/
#footer {
	border-top:1px solid #251000;
	border-bottom:1px solid #251000;
	padding-top:5px;
	color:#674f5d;
	font-size:9px;
	line-height:14px;
	background-color:#000000;
	margin-bottom:30px;
}
#footer img {
	margin:10px;
}
#footer span {
	display:block;
	width:250px;
	margin: 0px auto;
	
}


/*
	General Styles
*/
a img { border:0px }

a {	text-decoration:none; outline:none;}
a:hover { color:#febfae; }
a img { border:0px }

a:link {color:#b75034; }      /* unvisited link */
a:visited {color:#b75034; }  /* visited link */
a:hover { color:#febfae; }
a:active {color:#fffff;}  /* selected link */