w/*---------- 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; 
}

div.break {
	display:block;
	clear:both;
	height:1px;
}

/*---------- END RESET ----------*/


body {
	background:#F4F4F4 url('../img/bg.gif') repeat 0 0;
	text-align: center;
	font:10px/18px Verdana, Arial, sans-serif;
	color:#636363;
}



/*
	NAVIGATION
	+ HEADER
*/			

#navigation {
	margin:20px auto 0 auto;
	width:800px;
	height:92px;
}
	#navigation h1#logo {
		float:left;
		width:435px;
		height:78px;
		background:transparent url('../img/logo.png') no-repeat;
		overflow:hidden;
		text-indent: -1000px;
	}
	#navigation h1#logo a {
		float:left;
		width:435px;
		height:78px;
	}
	
/*
	NAV UL
*/			
#main-nav {
	float:right;
	text-align:center; 
	width:345px;
}
h2#title {
	margin:12px auto 10px auto;
	width:328px;
	height:18px;
	background:#F4F4F4 url('../img/title.png') no-repeat;
	overflow:hidden;
	text-indent: -1000px;
}

#nav-ul {
	position:relative;
	margin:0 auto;
	background:#F4F4F4 url('../img/nav.png') no-repeat 0 0;
	width:280px; 
	height:13px;
	overflow:hidden;
}

#nav-ul li {
	position:absolute;
	top:0; 
	overflow:hidden;
	text-indent: -1000px;
}

#nav-ul li, #nav-ul a {
	top:0; 
	height:13px; 
	display:block;
}

	#li-projects {
		left:0; 
		width:74px;
	}
	#li-info {
		left:74px; 
		width:92px;
	}
	#li-updates {
		left:166px; 
		width:63px;
	}
	#li-store {
		left:229px; 
		width:51px;
	}
	#li-links {
		left:420px; 
		width:70px;
	}

	body#b-projects #li-projects,
	#li-projects a:hover {
		background:transparent url('../img/nav.png') no-repeat 0 -13px;
	}
	body#b-info #li-info,
	#li-info a:hover {
		background:transparent url('../img/nav.png') no-repeat -74px -13px;
	}
	body#b-updates #li-updates,	
	#li-updates a:hover {
		background:transparent url('../img/nav.png') no-repeat -166px -13px;
	}
	body#b-store #li-store,		
	#li-store a:hover {
		background:transparent url('../img/nav.png') no-repeat -229px -13px;
	}


/*
	LINK STYLES
*/

#content a:link, #content a:visited {
	padding:0 0 1px 0;
	text-decoration:none;
	color:#b5555e;
	border-bottom:1px solid #b5555e;
} 		
#content a:hover {
	padding:0 0 1px 0;
	text-decoration:none;
	color:#636363;
	border-bottom:none;
} 		

#footer a:link, #footer a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#b5555e;
} 		
#footer a:hover {
	text-decoration:none;
	color:#636363;
} 		


/*
	CONTENT 
	STRUCTURE
*/

#content {
	margin:0 auto;
	padding:15px;
	width:720px;
	background:#FFF;
	text-align: left;
}

#featured {
	width:720px;
}

#video-player {
	margin:0 0 10px 0;
	width:720px;
	height:405px;
	overflow:hidden;
}

#recent-work, #home-about {
	margin:10px 0;
	width:440px;
	float:left;
}

#home-news {
	margin:10px 0;
	width:270px;
	float:right;
}

#footer {
	position:relative;
	margin:0 auto 40px auto;
	background:#d5d5d5;
	padding:4px 15px;
	width:720px;
	text-align:left;
}


/*
	MISC STRUCTURE / TYPE / IMGs
*/

#home-about img {
	margin:10px 10px 10px 0;
	float:left;
	vertical-align: top;
}

#home-about p {margin:0 10px 10px 0;}

#page-content h2, strong {font-weight:bold;}
em, i {font-style:italic;}

p.archive { 
	display:block; 
	text-align:right;	
	font:normal 10px "Andale Mono", Monaco, Courier, monospace;
}		

#content #left-col h2.lined {
	margin:15px 0 8px 0; 
	padding:0 0 1px 0;
	font-weight:bold; 
	border-bottom:1px solid #CCC;
}
/*
	NEWS
*/

div.news-entry {
	margin:0 0 18px 4px;
	text-align:left;
}
div.news-entry p.date {
	margin:0;
	font:normal 10px "Andale Mono", Monaco, Courier, monospace;
	color:#b5555e;
	text-transform:uppercase;
}
div.news-entry h2.news-title {
	margin:0;
	font-weight:bold; 
	font-size:12px;
	color:#636363;
}
div.news-entry p {margin:2px 3px 10px 0;}
div.news-entry img {
	margin:10px 10px 10px 0;
	float:left; 
	vertical-align: top;
}


/*
	TYPOGRAPHY
*/

h1,h2,h3,h4, #footer {
	font:10px "Trebuchet MS", Trebuchet, Verdana,sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h3#video-title {
	margin:0;
	padding:0;
	display:inline;
	font-size: 24px;
}

#recent-work h3,
#home-about h3,
#home-news h3 {
	margin:0;
	padding:3px;
	height:18px;
	color:#FFF;
	font-size:12px;
	overflow:hidden;
	text-indent:-1000px;
	text-transform: uppercase;
}
	#recent-work h3 {
		width:429px;
		background:#b5555e url('../img/recent.gif') no-repeat 0 3px;
	}
	#home-about h3 {
		width:429px;
		background:#9e9fa2 url('../img/about.gif') no-repeat -1px 3px;
	}
	#home-news h3 {
		margin:0 0 10px 0;
		background:#9e9fa2 url('../img/news.gif') no-repeat 0 3px;
	}


/*
	PROJECTS
*/
div.project-group {
	margin:0 0 20px 0;
}

h1.project-title {
	font-size:20px;
}

div.project-tn {
	margin:5px 5px 0 0;
	background:#EBEBEB;
	width:105px;
	height:70px;
	overflow:hidden;
	float:left;
}

body#b-projects div.project-tn {
	margin:0 5px 5px 0;
}
body#b-projects #page-content {
	margin-top:5px;
}

/*
	INFORMATION 
	PERMALINK PAGES
*/

body#b-info #featured {
	background:#F1F1F1 url('/uploads/info-page/rotate.php') no-repeat center center;
	height:405px;
	border:none;
	overflow:hidden;
}

#page-content {
	margin:43px 0 15px 0;
	width:370px;
	float:right;
}
	#left-col p,
	#page-content p {margin:0 0 12px 0;}

	#page-content h2 {
		margin:1px 0 0 0;
		font-size:11px;
		display:block;
	}

#left-col {
	margin-top:17px;
	width:320px;
}
	#left-col h1 {
		margin-bottom:-1px;
		font-size:26px;
		display:block;
	}
	#left-col h2 {
		margin:0 0 3px 1px;
		font-size:11px;
		display:block;
	}

#left-col #resume-link {
	margin:12px 0 20px 0;
	background:#F1F1F1 url('../img/pdf-icon.gif') no-repeat 5px 7px;
}

#left-col #resume-link a {
	margin:0 0 0 34px;
	padding:14px 0 12px 0;
	display:block;
	font:11px "Andale Mono", Monaco, Courier, monospace;
	text-transform: uppercase;
}

#left-col #press-mentions h2 {
	margin:5px 0 8px 0;
	border:none;
}
#press-mentions p {
	margin:3px 0;
	padding:3px;
	background:#F1F1F1;
	line-height:14px;
}


#left-col a:link, #left-col a:visited {
	border:none;
	color:#1faccf;
} 	
#left-col a:hover {
	color:#217488;
} 	


div.notes p {
	font-size:10px;
}

div.prev, div.next {
	display:inline;
	font:bold 11px "Trebuchet MS", Trebuchet, Verdana,sans-serif;
	text-transform: uppercase;
}
div.prev {float:left;}
div.next {float:right;margin-right:10px;}

#content div.prev a, #content div.next a {border:none;text-decoration:none;color:#1faccf;}





/*
	UPDATES
*/
body#b-updates #featured {
	background:#F1F1F1 url('/uploads/updates-page/rotate.php') no-repeat center center;
	height:250px;
	border:none;
	overflow:hidden;
}
body#b-updates #page-content p.date {margin:0;}
body#b-updates #news-entry p {margin:0 0 18px 0;}
		

body#b-updates #left-col h2 {font-weight:normal;}

body#b-updates #left-col ul {
	margin:0 0 12px 0;
}

#left-col ul.xoxo li img {
	padding:1px;
	border:1px solid #CCC;
	max-width:40px;
	max-height:30px;
	vertical-align: middle;
}

#left-col ul.xoxo li {
	margin:0 0 4px 0;
	padding:1px;
	background:#F1F1F1;
	text-indent:3px;
}

div.navigate {
	background:#F1F1F1;
	text-align: right;
}

#page-content div.navigate p a {
	color:#1faccf;
	text-decoration: none;
	border:none;
	margin-right: 7px;
	text-transform: uppercase;
}


/*
	STORE
*/

div.store-group {
	margin:0 0 25px 0;
}

div.store-item p {
	margin:0 0 10px 0;
}

div.store-player {
	margin:0 10px 10px 0;
	width:352px;
	height:198px;
	overflow:hidden;
	float:left;
	border:none;
}
div.store-tn {
	margin:0 15px 0 0;
	width:141px;
	overflow-x:hidden;
	float:left;
}
div.store-tn form {
	margin-top:12px;
	text-align: center;
	width:141px;
}	
div.store-group h2 {
	margin:2px 0 0 1px;
	font-size:11px;
	font-weight:bold;
}
div.store-group h2.price {
	margin:0 0 5px 1px;
}






#footer a.electric {
	position:absolute;
	right:7px;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
	font:11px "Courier New",Courier, monospace;
	color:#878787;
}


