// blue: 33ccff
// yellow: ffff00
// grey: a4a5a5

html, body { background:#000; color:#eee; margin:0 auto; }
body, #ft { background:transparent; color:#a4a5a5; margin:0 auto; }

body { background-image:url("http://jeremytroy.com/bg.gif"); }

/* Grid */

#hd, #bd { margin-top:0; }
	#hd { background:none; clear:none; text-align:left; width:325px; }
#hd ul { margin:0; padding:0; }
#hd ul li { list-style:none; list-style-type:none; float:left; width:240px; height:100px; line-height:100px; background:transparent; color:#fff; }

#bd { clear:none; background:transparent; text-align:left; min-height:500px; }
#yui-main, #bd ul { margin:0; }
	#bd ul li { margin:0; list-style:none; }

#ft { text-align:right; margin-bottom:10px; border:0; border-color:transparent; }


/* Typography */

span.projectCellRole small { display:none; }
span.projectCellClient small { display:none; }
small a, small a:link, small a:visited, small a:active { text-decoration:underline; font-weight:normal; color:#a4a5a5; }
	small a:hover { color:#ffff00; }

p {
	color:#fff;
	font-size:105%;
	}
	p.first { margin-top:10px; }

strong { color:#fff; }

h1 { 
	font-size:2em;
	letter-spacing:0;
	background:#000;
	color:#eee;
	display:inline;
	clear:both;
	padding:5px 20px;
	margin-left:20px;
	}
	h1 span.amp { color:#555; }

h2 { color:#00aeef; }
	.hd h2 { background-color:transparent; }
h3 { letter-spacing:0; font-weight:normal; line-height:1.65; }
	h3 a, h4 a { color:#00aeef; display:block; }
	h3 a, #profileNews h3 { background:#000; display:inline; clear:both; padding:5px 20px; font-weight:normal; }
h4 a { color:#ccc; background:#00aeef; }
h2 a:hover, h3 a:hover, h4 a:hover { color:#36c6f4; background:#000; }

/* Links */

a, a:link, a:visited, a:active { color:#fff; text-decoration:none; border:0; }
a:hover { color:#ffff00; background:transparent; }
.navcontainer .navlist2 .active a { background-color:#000; }
.navcontainer .navlist2 .active a:hover { background-color:#000;; }
a.breadcrumb {
	color:#36c6f4;
	font-weight:normal;
	text-decoration:none;
	}
	
/* Project Cell */
	
.projectCell:hover { background-color:#000; }

/* Content Column */

div#contentColumn { width:635px; float:right; margin:32px 0 0; padding:0; }
div#contentColumn div.gutter { padding:10px 20px 20px; }

div#contentColumn ul { color:#eee; margin-top:20px; margin-bottom:0; }

div#contentColumn div.projectCellDetailsWide { width:440px; }
div#contentColumn div.projectCellDetailsWide div.gutter { padding-top:0; padding-left:10px; }
div#contentColumn div.projectCellDetailsWide p { margin-top:0; padding:0px 0 0; }
div#contentColumn div.projectCellDetailsWide a:hover { background:yellow; color:#000; }

/* Sidebar */

div#sidebar { width:325px; padding:0; margin:0; }
	div#sidebar div.gutter { padding:0; }

div#projectCover { margin-top:0; }

div#projectCoverColumnTitle { background:transparent; }

div#player, div#container {
	background:#000;
	overflow:hidden;
	margin:10px 0 5px 20px;
	width:595px;
	min-height:335px;
	}

div#projectDetails div.metadata {
	border-left:0;
	}

/* Images */

#sidebar img { width:auto; height:auto; float:none; padding-right:0; }
img.favicon { display:none; }

/* Nav */

div.navcontainer, ul.navsublist {
	background:transparent;
	}
	ul.navsublist li {
		background:transparent;
		}
	ul.navsublist li.active {
		background:transparent;
		color:#33ccff;
		}
	ul.navsublist li a, ul.navsublist li span {
		background:transparent;
		font-weight:bold;
		padding:5px 20px;
		}
	ul.navsublist li a {
		background:transparent;
		color:#a4a5a5;
		margin:0;
		}
		ul.navsublist li a:hover { background:#ffff00; color:#000; }

ul#sidebarNav { margin-bottom:0; line-height:1; }
ul#sidebarNav li { margin-bottom:0; line-height:1; }
ul#sidebarNav a { padding:0; }

ul#profileFooter { text-align:right; float:right; }
ul#profileFooter li, ul#profileFooter li a { color:#a4a5a5; }

dl { margin:0; }
dt { font-size:90%; float:left; width:50px; }
dd { font-weight:bold; color:#fff; }

div.workToggle { margin-top:5px; }

/* Specific Pages */

#profileWork strong { color:#36c6f4; }
	#profileWork strong a { color:#36c6f4; text-decoration:underline; }
	#profileWork strong a:hover { color:#ffff00; }
#profileWork a.buttonBack { color:#a4a5a5; text-decoration:underline; }
	#profileWork a.buttonBack:hover { color:#f3ec19; }
	#profileWork h4 a.buttonBack { background:#f3ec19; color:#000; text-decoration:none; }

#profileNews ul li { margin-bottom:1em; }
#profileNews h3 { color:#33ccff; }
#profileNews small { font-size:90%; color:#999; }

/* Forms */

#marginForm input, #marginForm select, #marginForm textarea {
	background:#eee;
	border:0;
	color:#000;
	width:360px;
	margin:0;
	padding:5px;
	}
	#marginForm select, #marginForm input.submit {
		border-bottom:0;
		width:370px;
		}
	#marginForm input.submit {
		background:#000;
		border:0;
		color:#fff;
		text-decoration:none;
		width:auto;
		}
	#marginForm input.submit:hover {
		color:#000;
		background:#ffff00;
		}
#marginForm fieldset { border:0; }
fieldset img.captcha { left:120px; padding:0; bottom:0; }
fieldset legend { display:none; }

#profileLogin #marginForm { margin-top:10px; }
#profileLogin #marginForm input { width:240px; }
	#profileLogin #marginForm input.submit { width:auto; }