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

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

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width: 288px; 
height: 290px; 
background: url(/images/gallery/thumbs/test.gif) no-repeat; /*left and top padding on bg*/
border: 1px solid #c9d787;
margin: 20px auto 0px 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 {
	padding: 1px;
	background-color: #ffffff;
	border: 0px; !important
}

/* 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:#6a9b35; 
text-align:center; 
padding: 2px 4px 3px 4px;  
}

/* 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 {
color: #FFD194;
}

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

.gallery li a.gallink:focus { 
color:#FFD194;
}

/* 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*/
/*-----------------------------------------------*/



/* structural code */

.container1{
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
}

.header{
	width: 100%;
	height: 161px;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

.container2{
	width: 100%;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

.nav{
	width: 135px;  /* * */
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 35px; /* * */
}

.content{
	width: auto;
	min-height: 521px;
	clear: none;
	margin: 0px 0px 20px 170px;  /* * */
	padding: 0px 20px 0px 40px
}

.footer{
	width: 100%;
	height: 50px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

/* stylistic code */

body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

a{
	color: #6a9b35;
	text-decoration: none;
}

a:hover{
	color: #ffd194;
}

a img{
	border: 1px solid #6a9b35;
}

a:hover img{
	border-color: #ffd194;
}

p{
	margin: 0px 0px 10px 0px;
}

p a{
	text-decoration: underline;
}

h1{
	color: #c9d787;
	font-weight: normal;
	margin: 0px 0px 20px 0px; 
	padding: 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	font-size: 2.2em;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFB697;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-size: 1.4em;
}

h3{
	font-weight: bold;
	font-size: 1em;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #ffd194;
	margin: -20px 0px 20px 0px; 
	padding: 0px;
	font-size: 1.4em;
	text-align: center;
	text-transform: capitalize;
}

h5{
	font-weight: bold;
	font-size: 1em;
	padding: 0px;
	text-align: right;
}

.moveup{
	margin: -8px 0px 10px 0px;
}

ul{
	color: #c9d787;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

ul.thumbs{
	text-align: right;
	list-style-type: none;
}

ul.thumbs li{
	display: inline;
}

.listitem{
	color: #000000;
}

.profile{
	float: left;
	width: 164px;
	margin: 6px 20px 20px 0px;
	padding: 10px;
	border: 1px solid #FFDECF;
}

.profile p{
	text-align: left;
}

.me{
	padding: 2px;
}

.linkstable td{
	vertical-align: top;
	width: 50%;
}

.fdbkrate, .fdbkname{
	display: block;
	margin-bottom: 18px;
}
.fdbkcomm{
	display: block;
	margin-bottom: 8px;
}

.fdbksubmit{
	margin: 8px 0px 8px 67px;
}

.fdbkclear{
	margin: 8px 8px 8px 0px;
}

body.portfolio table.freelance{
	clear: both;
	position: relative;
	top: -186px;
}

html:first-child body.portfolio table.freelance{
	top: -172px;
}

body.portfolio table td{
	padding: 0px 25px 10px 0px;
	vertical-align: top;
}

body.portfolio .thumb{
	margin: 10px 0px 0px 0px;
	display: block;
	font-size: .9em;
	text-align: center;
}

body.hobbies .thumb{
	margin: 0px 0px 20px 10px;
}

/* stylistic code - navigation */

.mnav{
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/bullet-closed.gif);	
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.snav{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: .7em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.mnav li{
	margin: 0px 0px 0px 5px;
}

@media all and (min-width:0px) {
head~body .mnav li{
	padding-left: 8px; margin-left: 0px;
	}
}

.snav li{
	margin: 0px 0px 0px 8px;	
}

.vnav{
	padding: 10px 0px 0px 40px;
}

.vnav a{
	margin: 0px 10px 0px 10px;
}

.vnav .vnavhead{
	margin: 0px 10px 0px 12px;
	font-weight: bold;
	color: #ffb697;
}

.porthead{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #ffb697;
}

.cnav{
	width: 100%;
	text-transform: capitalize;
}

.previous{
	width: 50%;
	float: left;
}

.next{
	width: 50%;
	text-align: right;
	float: right;
}

/* behavioral code - navigation */

body.home ul.sresume, body.home ul.sportfolio, body.home ul.shobbies,
body.resume ul.shome, body.resume ul.sportfolio, body.resume ul.shobbies,
body.portfolio ul.shome, body.portfolio ul.sresume, body.portfolio ul.shobbies,
body.hobbies ul.shome, body.hobbies ul.sresume, body.hobbies ul.sportfolio
{
	visibility: hidden;
	height: 0px;
}

body.home .mnav li.home, body.resume .mnav li.resume, body.portfolio .mnav li.portfolio, body.hobbies .mnav li.hobbies{
	list-style-image: url(../images/bullet-open.gif);
}

body.home li.home a, body.home li.home a:hover, 
body.resume li.resume a, body.resume li.resume a:hover, 
body.portfolio li.portfolio a, body.portfolio li.portfolio a:hover, 
body.hobbies li.hobbies a, body.hobbies li.hobbies a:hover, 
body.background li.background a, body.background li.background a:hover,
body.links li.links a, body.links li.links a:hover,
body.feedback li.feedback a, body.feedback li.feedback a:hover,
body.sitemap li.sitemap a, body.sitemap li.sitemap a:hover,
body.resumehtml li.resumehtml a, body.resumehtml li.resumehtml a:hover,
body.recommendations li.recommendations a, body.recommendations li.recommendations a:hover,
body.coursework li.coursework a, body.coursework li.coursework a:hover,
body.references li.references a, body.references li.references a:hover,
body.pbnj li.pbnj a, body.pbnj li.pbnj a:hover,
body.pbi li.pbi a, body.pbi li.pbi a:hover,
body.mitll li.mitll a, body.mitll li.mitll a:hover,
body.nurso li.nurso a, body.nurso li.nurso a:hover,
body.psu li.psu a, body.psu li.psu a:hover,
body.academic li.academic a, body.academic li.academic a:hover,
body.fn li.fn a, body.fn li.fn a:hover,
body.karate li.karate a, body.karate li.karate a:hover,
body.snowboarding li.snowboarding a, body.snowboarding li.snowboarding a:hover,
body.art li.art a, body.art li.art a:hover,
body.photography li.photography a, body.photography li.photography a:hover,
body.guitar li.guitar a, body.guitar li.guitar a:hover,
body.anime li.anime a, body.anime li.anime a:hover,
body.gaming li.gaming a, body.gaming li.gaming a:hover,
body.future li.future a, body.future li.future a:hover,
.vnav .jan-08
{
	color: #ffd194;
	cursor: default;
	outline: none;
}