body, html {
	padding: 0;
	margin:0;
	height: 100%;
}
body {
	background: #2B558D url(body_bg.gif) repeat-x top;
	font-family: "Courier New", Monospace;
	font-size: 12px;
	color: black;
}

a {
	color: white;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 18px;
	margin-bottom: 20px;
}
h2 {
	font-size: 15px;
	margin-bottom: 5px;
}
h3 {
	font-size: 12px;
	margin-bottom: 12px;
}

input[type="text"], input[type="search"], textarea {
	border: 1px solid #555555;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding: 2px 3px;
}

.label {
	color: #555555;
}
.required {
	color: #B21414;
}
.structuredForm .error {
	background-color: #B21414;
}
.structuredForm .success {
	background-color: #D6CFBC;
	color: inherit;
}

.noresults {
	font-size: 24px;
	font-weight: bold;
	color: black;
	padding-top: 145px;
	text-align: center;
	opacity: .3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#Header {
	background: url(head_bg.gif) repeat-x left;
	position: absolute;
	top: 35px;
	left: 0;
	height: 25px;
	width: 100%;
}

#Title {
	background: url(title.gif) no-repeat;
	position: absolute;
	top: 15px;
	left: 26px;
	width: 418px;
	height: 45px;
}
#Feedback {
	position: absolute;
	top: 70px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #F8A500;
}

#Nav {
	position: absolute;
	top: 68px;
	right: 30px;
	font-size: 14px;
	font-weight: bold;
}
#Nav li {
	float: left;
	padding: 0 25px 0 0;
}
#Nav li a {
	width: auto;
	display: inline;
}
#Nav li.on a {
	text-decoration: underline;
}



#Description {
	font-size: 12px;
	color: white;
	position: absolute;
	top: 120px;
	left: 25px;
	width: 190px;
	color: black;
	z-index: 2;
}
#Description h1 {
	font-size: 15px;
	margin-bottom: 5px;
}

#Project, #Links, #Tunes, #Photos {
	position: absolute;
	top: 120px;
	left: 255px;
}
#SearchBox {
	position: absolute;
	top: 340px;
	left: 25px;
	z-index: 5;
	font-family: "Courier New", Monospace;
	font-weight: bold;
}
#SearchBox.empty {
	color: #444444;
	font-weight: normal;
}


/* BUTTONS */
.controls {
	position: absolute;
	top: 550px;
	width: 370px;
	height: 20px;
	left: 255px;
}
.next, .prev {
	position: absolute;
	top: 4;
	width: 19px;
	height: 19px;
}
.prev {
	background: url(prev.gif) no-repeat;
	left: 0;
}
.prev:hover {
	background: url(prev_hover.gif) no-repeat;
}
.next  {
	background: url(next.gif) no-repeat;
	right: 0;
}
.next:hover {
	background: url(next_hover.gif) no-repeat;
}


/* PROJECTS */
#Project {
	width: 600px;
}
#Project a.preview {
	float: left;
	border: 4px solid #AFD4F0;
	display: block;
	width: 250px;
	height: 275px;
	margin-right: 20px;
}
#Project a.preview:hover {
	border-color: black;
}
#Project img {
	border: 0;
}

#Project h1 {
	margin-bottom: 5px;
}
#Project .url,
#Project .description, 
#Project .credits,
#Project .date {
	font-size: 12px;
	margin-bottom: 12px;
}
#Project .credits,
#Project .date {
	font-size: 11px;
}
#Project .url {
	font-style: italic;
}
#Project a {
	font-weight: bold;
}
#Portfolio {
	position: absolute;
	top: 420px;
	left: 255px;
	width: 600px;
}
#Portfolio a {
	float: left;
	margin: 0 5px 5px 0;
	width: 75px;
	height: 75px;
	border: 4px solid #AFD4F0;
	margin-right: 10px;
}
#Portfolio a.on {
	border-color: #F8A500;
}
#Portfolio a:hover {
	border-color: black;
}
#Portfolio img {
	border: 0;
}


/* ABOUT ME */
#AboutMe #Description {
	top: 150px;
	left: 50%;
	margin-left: -90px;
	width: 350px;
}
#AboutPic {
	width: 202px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -310px;
	font-size: 10px;
}
#AboutPic img {
	border: 1px solid black;
	margin-bottom: 4px;
}
	

/* LINKS */
#Links {
	width: 680px;
}
#Links a {
	display: block;
	width: 350px;
	padding: 5px 8px;
	color: black;
	background-color: #AFD4F0;
	margin-bottom: 5px;
	border: 4px solid #AFD4F0;
}
#Links a:hover {
	border-color: black;
	text-decoration: none;
}
#Links .title {
	font-size: 14px;
	font-weight: bold;
}
#Comment {
	position: absolute;
	left: 640px;
	width: 220px;
	visibility: hidden;
	margin: 0;
	color: black;
}


/* TUNES */
#Tunes a {
	display: block;
	width: 250px;
	padding: 5px 8px;
	color: black;
	background-color: #AFD4F0;
	margin-bottom: 5px;
	border: 4px solid #AFD4F0;
}
#Tunes a.on {
	background-color: #F8A500;
	border-color: #F8A500;
}
#Tunes a:hover {
	border-color: black;
	text-decoration: none;
}
#Tunes .title {
	font-size: 14px;
	font-weight: bold;
}
#Player {
	position: absolute;
	top: 220px;
	height: 150px;
	left: 600px;
}


/* PHOTOS */
#Photos {
	width: 690px;
}
#Photos td {
	vertical-align: middle;
	text-align: center;
}
#Photos img {
	border: 2px solid transparent;
	padding: 0;
	margin: 0;
}/*
#Photos a img {
	opacity: .4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}*/
#Photos a:hover img {
	border-color: black;
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}



/* POPUP */
#PopUpTitle, #PopUp .closer {
	display: none;
}
#PopUp {
	color: black;
	padding: 0;
}
#PopUp .i3 h1 {
	font-weight: bold;
}
#PopUp img {
	margin-bottom: 8px;
}
#PopUp .i3 {
	padding-bottom: 40px;
}
#PopUp .controls {
	background: url(popup_controls.gif) no-repeat;
	position: absolute;
	top: inherit;
	bottom: -35px;
	margin-top: -42px;
	width: 131px;
	height: 28px;
	left: 265px;
}
#PopUp .prev, #PopUp .next {
	top: 4px;
}
#PopUp .prev {
	left: 11px;
	background: url(popup_prev.gif) no-repeat;
}
#PopUp .prev:hover {
	background: url(popup_prev_hover.gif) no-repeat;
}
#PopUp .next  {
	right: 11px;
	background: url(popup_next.gif) no-repeat;
}
#PopUp .next:hover {
	background: url(popup_next_hover.gif) no-repeat;
}
#PopUp .close {
	font-size: 14px;
	font-weight: bold;
	color: #AAAAAA;
	text-align: center;
	position: absolute;
	top: 5px;
	width: 50px;
	left: 50%;
	margin-left: -25px;
}
#PopUp .close:hover {
	color: #666666;
}
#PopUp .date {
	float: right;
}

#BodyCover {
	background-color: black;
}


/* TOOLTIP */
#ToolTip {
	background-color: black;
	border: 0;
	color: white;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	padding: 1px 3px;
}