/*gallery  - Credit: cssplay.co.uk is the original source of this gallery code before modifications*/
/*Note: make image thumbnails with width:286 and height:198*/

/* default link style - needed to make the :active work correctly in IE */
a.gallink, a.gallink:visited, a.gallink:hover, a.gallink:active {
color: #ffffff;
outline: none;
}

/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
width: 288px; 
height: 290px; 
background: #D6DEDF url(/images/gallery/thumbs/test.gif) 1px 1px no-repeat; /*left and top padding on bg*/
border: 1px solid #D6DEDF;
margin: 0 auto;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding: 0; 
margin: 200px 0 0 0; 
list-style-type: none; 
position: relative; 
width: 288px;
}

/* remove the default image border */
.gallery img {
border: 1px solid #D6DEDF;
}

/* make the list horizontal */
.gallery li {
display: inline;
}

/* style the link text to be central in a surrounding box */
.gallery li a.gallink, .gallery li a.gallink:visited {
font-size:11px;
font-weight: bold;
float:left; 
text-decoration:none; 
color:#ffffff; 
background:#000066; 
text-align:center; 
padding: 1px 3px 2px 3px;  
border: 1px solid #D6DEDF;
}

/* position the images using an absolute position and hide them from view */
.gallery li a.gallink img {
visibility: hidden; 
position: absolute;
top: -200px;
left: 0px;
}

/* style the hover background color for the text boxes */
.gallery li a.gallink:hover {
background:#990000;
color: #ffffff;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a.gallink:active {
background:#990000; 
color:#ffffff;
}

.gallery li a.gallink:focus {
background:#000066; 
color:#ffffff;
}

/* make the images visible on active/focus */
.gallery li a.gallink:active img, .gallery li a.gallink:focus img, .gallery li a.gallink:hover img {
visibility: visible;
}

/*End Gallery Code*/
/*-----------------------------------------------*/


body{
	background-image: url(/nov-07/images/background.jpg);
	background-attachment: fixed;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container{
	width: 766px;
	padding: 0px 162px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}

.header{
	width: 604px;
	height: 74px;
	background-image: url(/nov-07/images/header.png);
	background-repeat: no-repeat;
	margin-left: auto;
}

.main{
	width: 604px;
	margin-left: auto;
	*position: relative;
	*top: -152px;
}

.content{
	background-image: url(/nov-07/images/mbg.png);
	background-repeat: repeat-y;
	padding: 5px 40px 1px 44px;
}

.footer{
	width: 766px;
	height: 54px;
	background-image: url(/nov-07/images/footer.png);
	background-repeat: no-repeat;
	margin-left: auto;
	*position: relative;
	*top: -152px;
}

h1{
	font-size: 1.8em;
	color: #70bf45;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* main navigation styles */

.mnav{
	z-index: 1;
	width: 166px;
	height: 152px;
	float: left;
	position: relative;
	left: 34px;
	text-align: left;
	overflow: hidden;
}

a.mnavlink{
	margin: 0px;
	margin-bottom: 6px;
	padding: 0px;
	height: 28px;
	width: 166px;
	display: block;
	outline: none;
	background-repeat: no-repeat; 
	text-decoration: none;
	border: 0px;
	cursor: pointer;
	background-position: left;
}

a.home{
	background-image: url(/nov-07/images/nav/home.png);
}

a.resume{
	background-image: url(/nov-07/images/nav/resume.png);
}

a.portfolio{
	background-image: url(/nov-07/images/nav/portfolio.png);
}

a.hobbies{
	background-image: url(/nov-07/images/nav/hobbies.png);
}

a.mnavlink:hover{
	background-position: center;
}

body.home a.home, body.resume a.resume, body.portfolio a.portfolio, body.hobbies a.hobbies{
	background-position: right;
	cursor: default;
}

/* version nav styles */

.vnav{
	z-index: 1;
	width: 766px;
	height: 54px;
	text-align: left;
	overflow: hidden;
}

a.vnavlink{
	margin: 0px 0px 0px 28px;
	padding: 0px;
	height: 54px;
	width: 83px;
	outline: none;
	background-repeat: no-repeat; 
	text-decoration: none;
	border: 0px;
	cursor: pointer;
	background-position: left;
	float: left;
}

a.jan06{
	background-image: url(/nov-07/images/nav/jan-06.png);
	margin-left: 204px;
}

a.jul06{
	background-image: url(/nov-07/images/nav/jul-06.png);
}

a.feb07{
	background-image: url(/nov-07/images/nav/feb-07.png);
}

a.apr07{
	background-image: url(/nov-07/images/nav/apr-07.png);
}

a.nov07{
	background-image: url(/nov-07/images/nav/nov-07.png);
	background-position: right;
}

a.vnavlink:hover{
	background-position: center;
}

a.nov07:hover{
	background-position: right;
	cursor: default;
}

/* Sub-Nav Styles */

.snav{
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 10px 0px 15px 0px;
}

.snavlink{
	display: inline;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	border-left: #c11201 1px solid;
	border-right: #c11201 1px solid;
	outline: none;
}

.snav .background{
	border-left: none;
}

.snav .sitemap{
	border-right: none;
}

body.home .snav .background{
	color: #70bf45;
	cursor: default;
}

/* Content Styles */

.content a{
	color: #c11201;
	text-decoration: none;
}

.content a:hover{
	color: #f8bc1f;
}



.profile{
	float: left;
	width: 162px;
	margin: 4px 17px 10px 0px;
	border: #70bf45 1px solid;
	text-align: center;
	padding: 5px 5px 0px 5px;
	font-size: .85em;
	* padding-bottom: 5px;
}

.profile p{
	text-align: left;
	margin-left: 2px;
}

.me{
	border: #70bf45 1px solid;
}