/* CSS Document */

/* Navigation and page layout */

/* Topbar navigation */
div.top {
	background-image: url(web-images/logo.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color: #8abdf7;
	position:fixed;
	margin:0px;
	padding:5px;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
}

/* Sidebar navigation */
div.navi {
	text-align:right;
	position:fixed;
	width:10%;
	margin:0px;
	padding:10px;
	left:87%;
	top:125px;
}

/* main.html master formatting */
div.main {
	margin:0px;
	position:fixed;
	width: 83%;
	height:auto;
	top:125px;
	right:14%;
	bottom:50px;	
	overflow:auto;
	padding:10px;
}

/* generic page formatting */
div.normal {
	float:left;
	text-align:left;
	position:fixed;
	width:100%;
	height:90%;
	left: 0%;
	top:125px;
	margin:0;
	overflow: auto;
	padding:0px;
}

/* Spans for resume.html */
span.resume-title {
	font-style:italic;
	margin-right:15px;
	color:#000099;
}
span.resume-dates {
	margin-right:15px;
	color:#000099;
}

span.resume-job {
	margin-right:15px;
	font-weight:bold;
	color:#000099;
}

span.resume-desc {
	margin:25px;
	padding-bottom:15px;
	color:#888899;
}

/* General Link handler */
a:link {color:#0033CC}
/* a:visited {color:#003333;} */
a:visited {color:#00ccff;}
a:hover {color:#6699FF; opacity:0.8;}
a:active {color:#0099FF}

/* Main Link handlers */

a.home_link {
	font-size:larger;
/*	background-image:url(web-images/home_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.gallery_link {
	font-size:larger;
/*	background-image:url(web-images/gallery_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.resume_link {
	font-size:larger;
/*	background-image:url(web-images/resume_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.trips_link {
	font-size:larger;
/*	background-image:url(web-images/adventures_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.contact_link {
	font-size:larger;
/*	background-image:url(web-images/contact_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.technical_link {
	font-size:larger;
/*	background-image:url(web-images/technical_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}
a.photography_link {
	font-size:larger;
	letter-spacing: 2px;
	padding-left:25px;
	}

a.past_updates_link {
	font-size:larger;
/*	background-image:url(web-images/past_updates_link.png); */
	background-repeat:no-repeat;
	background-position:left;
	letter-spacing: 2px;
	padding-left:25px;
	}


/* Paragraph Date handler */
p.date {
	font-size:larger;
	color:#000099;
}

/* Paragraph standards */
p {
	padding-left:10px;
}

/* In development statement */
p.dev {
	text-align:center;
	color:#FF0000;
	font-weight:bold;
	}


table {
	padding: 5px;
	text-align: left;
	width: 800px;
}


body {
	padding:5px;
}

body.bg {
	background-image: url(web-images/bg.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
}

/* Header handlers */

h1.title {text-align:center;}
h2.title {text-align:center;}
h3.title {text-align:center;}
h4.title {text-align:center;}

h2.tutorial {
	color:#000099;
	text-align:center;
	}
	
h3.tutorial {
	color:#000099;
	text-align:center;
	}

h2.gallery {
	color:#000099;
	text-align:center;
}

h2.photography {
	color:#000099;
	text-align:center;
}

h2.resume {
	color:#000099;
	text-align:center;
}

h2.contact {
	color:#000099;
	text-align:center;
}

/* Image float handlers */

img.float_left {
	float:left;
	padding: 5px;
	}

img.float_right {
	float:right;
	padding: 5px;
	}
	
/* Photography handlers */
.photo_link_light {
	background:#e6f0fc;
/*	text-indent:15px;
	padding:5px; */
}

table.photo_table {
	width:600px;
}
tr.photo_row_normal {
	background:#ffffff;
	border-bottom-color:#000066;
	border-bottom:groove;
	margin-bottom:25px;
	vertical-align:middle;
}
tr.photo_row_tint {
	background:#e6f0fc;
	text-indent:15px;
	margin-bottom:25px;
	vertical-align:middle;
}
td.photo_cell_thumb {
	text-indent:15px;
	width:110px;
	padding-bottom:5px;
	padding-top:10px;
}

td.photo_cell_desc {
	text-indent:15px;
	width:450px;
	padding:5px;
}
img.photo_link {
	border:none;
}

/* Watermark */

#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
top: 10px;
right: 10px;
}