/*************************************/

/* AUTHOR - Holly Fortenberry */
/* http://www.hollyfortenberry.com */
/* http://www.saltmarshmedia.com */

/*************************************/


/* css screen - hollyfortenberry.com */
/* last modified - 28 April 2008 */
		

/****************************/

			/* global */

/****************************/

*
	{
	margin: 0;
	padding: 0;
	}
	
html, body
	{
	background: #fff;
	height: 100%;
	width: 100%;
	}

/******************************/
		
		/* Structure IDs */

/******************************/


/* beginning of gallery CSS*/


DIV#wrap {
width: 600px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: auto;
margin-left: auto;
position: relative;
}
DIV#sidebar {
	width: 191px;
	position: absolute;
	top: 0px;
	left: 0px;
}
DIV#viewer {
background-position:center;
background-repeat:no-repeat;
overflow: hidden;
width: 400px;
height: 250px;
border: solid 1px #CCCCCC;
text-align: center;
}

DIV#picker {
margin-top: 10px;
margin-bottom: 10px;
height: 105px;
width: 400px;
overflow: auto;
}
DIV#picker_thumbs {
height: 82px;
width: 400px;
}

DIV#menu {
border-right: dashed 1px #CCCCCC;
padding-right: 15px;
font-size: 18px;
text-align: right;
}
DIV#title {
font-size: 25px;
height: 68px;
margin-bottom: 10px;
overflow: hidden;
}
DIV#titletext {
	margin-top: 20px;
}

IMG.thumbnail {
float: left;
margin-right: 10px;
cursor: pointer;
border: solid 1px #CCCCCC;
}

DIV#notice {
	font-size: 10px;
	color: #999999;
	text-align: center;
}
/*end of gallery css*/





#wrapper
	{
	background: #3b60a6;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width: 100%;	
	font-family: "Trebuchet", "Arial", sans-serif !important;
	}

#header
	{
	background: #fff;
	}
			
#banner
	{
	margin: 0 auto; 
	width: 80%;
	height: 7em;
	color: #2c3953;
	}
	
#banner a
	{
	float: left;
	}
	
#navbar
	{
	background: #fff;
	height: 27px;
	width: 500px;
	margin: 0 auto;
	}

#contentwrap
	{
	background: #3b60a6;
	border-top: 20px solid #1d3d78;
	margin: 0 auto;	
	position: relative;
	}

#maincontent
	{
	margin: 0 auto;
	
	width: 36em;
	background: #3b60a6;
	font-weight: normal;
	}

#footwrap
	{
	background: #fff;
	border-top: 2px solid #000;
	clear: both;
	margin: 0;
	width: 100%;
	height: 4em;
	z-index: 15;
	}

#footer
	{
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 470px;
	}
	

/***************************/

		/* tags */

/***************************/

a:link
	{
	border: none;
	font-size: 10pt;
	color: #89b1c8;
	}	

a:visited
	{
	
	color: #91c9df;
	border: none;
	font-size: 10pt;
	}	

a:hover, a:active, a:focus
	{
	color: inherit;
	border: none;
	font-size: 10pt;
	}

p
	{
	font-family: "Trebuchet", "Arial", "Helvetica", sans-serif !important;
	font-size: 10pt;
	margin: 1em 0 2em 1em;
	color: #fff;
	line-height: 1.3em;
	max-width: 45em;
	}


h1
	{
	color: #fff;
	font-size: 1.5em;
	font-family: "Baghdad", sans-serif;
	font-weight: normal;
	margin: 0; padding: 15px 0 5px 0;
	line-height: 1.3em;
	}


h2
	{
	color: #000;
	font-family: "Baghdad", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0; padding: 10px 0 5px 0;
	}
	
h3
	{
	margin: 0; padding: 20px 0 10px 0;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	}
	
h4
	{
	margin: 0; padding: 5px 0 5px 0;
	font-size: 1em;
	font-weight: normal;	
	color: #fff;
	}


h5
	{
	margin: 0; padding: 3px 0 3px 0;
	font-size: .9em;
	color: #fff;
	font-weight: normal;
	}

h6
	{
	margin: 0; padding: 2px 0 2px 0;
	font-size: .8em;
	color: #fff;
	font-weight: normal;
	}
	
hr
	{
	margin: 15px 0 15px 0;
	}

dt
	{
	margin-left: 50px;
	padding: 10px 0 5px 0;
	font-size: 1em;
	color: #f7f3e8;
	font-weight: normal;
	}

dd
	{
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: .9em;
	margin-left: 50px;
	color: #012;
	}

img
	{
	border: none;
	}

#galveston dt
	{
	font-size: larger;
	}
	
#thesis img
	{
	float: right;
	margin-top: 1em;
	}

#maincontent ul
	{
	margin: 15px 0 15px 0; padding: 0;
	}

#maincontent ul li
	{
	margin-left: 50px;
	padding: 3px;
	font-size: 10pt;
	color: #fff;
	list-style-image: url(http://www.hollyfortenberry.com/images/diamondbullet.gif);
	}

#tagline
	{
	font-size: 1em;
	}
	
#gull
	{
	background: #3b60a6;
	position: absolute;
	bottom: -2px;
	z-index: 20;
	right: 2em;
	}

#mission
	{
	margin: 100px 200px 0 50px;
	}

#mission h2
	{
	color: #fff;
	}
	
#mission p
	{
	font-size: 1em;
	}

	
#sitetitle h1 a
	{
	margin: 1em;
	text-decoration: none;
	font-size: 1.1em;
	color: #000;
	font-family: "Baghdad", sans-serif;
	line-height: 1.2em;
	letter-spacing: .15em;
	}
	
#banner img
	{
	border: 5px solid #eb5;
	float: right;
	margin: .5em;
	}
	
#meetholly
	{
	float: left;
	margin: 1em;
	border: 1px dotted #fc6;
	}

#maincontent #thanks
	{
	color: green;
	width: 30em;
	float: right;
	}

#cv #maincontent ul li
	{
	color: #fff;
	}
		
#videorow
	{
	width: 100%
	}
	
#rogue
	{
	width: 300px;
	}

#skills
	{
	clear: left;	
	}

#siteindex ul li
	{
	list-style-type: none;
	}
 
#page #sidebar ul
 	{
	margin: 0;
	padding: 0;
	}

#footer	a:link
	{
	color: #fff;
	text-decoration: underline;
	border: none;
	font-size: .9em;
	}


#footer a:visited, #footer a:hover
	{
	color: #333;
	text-decoration: underline;
	}
	
#footer p
	{
	color: #333;
	}

#footer a:link,
#footer a:visited
	{
	color: #333;
	}

#portfoliogallery li h2,
#portfoliogallery ul li
	{
  	list-style: none;
	}

#portfoliogallery li img
	{
  	border: .5em solid #111;
	margin: 0;
	}
	
div#featuresite
	{
	width: 100%;
	}

#placeholder
	{
	border: 2px solid #222;
	margin: 0 1em 1em 1em;
	}
		
p#paraholder
	{
	margin: 1em 1em 0 3em;
	margin-left: 450px;
	width: 40%;
	}

button
	{
	background-color: #90c9f3;
	}
	
/* css for the toggleDetails.js */ 
/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF
	{
	padding:0 5px;
	margin: 1em .2em 0 0;
	}
	
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt 
	{
	margin:0;
	padding:0;
	}
	 
/* margin for the DTs (shorthand) */
#TJK_DL dt 
	{
	margin:7px 0;
	}
/* image and left padding for DDs */
#TJK_DL dd 
	{
	background:url(answer.gif) no-repeat;
	padding-left:55px;
	}
	
/* styling all anchors in the DTs */
#TJK_DL dt a 
	{
	background:0 50% no-repeat;
	padding-left:12px;
	color:#fff;
	text-decoration:none;
	}
	
#TJK_DL dt a:visited 
	{
	color:#fff;
	}
	
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus 
	{
	font-style: italic;
	}
	
/* the + and - gif in the anchors */
#TJK_DL .DTplus a 
	{
	background-image:url(toggleDLplus.gif);
	}
	
#TJK_DL .DTminus a 
	{
	background-image:url(toggleDLminus.gif);
	}
	
/**********************************/
/**********************************/

#TJK_DL .showDD 
	{
	position:relative;
	top:0;
	}
	
#TJK_DL dd,.hideDD
	{
	position:absolute;
	top:-9999px;
	}
	
#TJK_ToggleON,#TJK_ToggleOFF 
	{
	display:inline;
	cursor:pointer;
	}
	
/**** begin code for IE5-Mac****/
/*\*//*/
#TJK_DL .showDD {display:block} 
#TJK_DL dd,.hideDD {top:0;position:relative;display:none}
/**/
/**** end code for IE5-Mac****/
/*
#TJK_ToggleON,
#TJK_ToggleOFF 
	{
	display:none
	}
*/	
/******* begin main menu *******/

ul.menu
	{
	margin: 0 auto; padding: 0;
	width: auto;
	height: 24px;
	font-size: 1em !important;
	list-style-type: none;
	font-size: 12px !important;
	background: #fcfcfc;
	background: #fff;
	}

li.navitem
	{
	float: left;
	}

ul.menu li
	{
	display: inline;
	}

ul.menu li a:link,

ul.menu li a:visited
	{
	float: left;		
	height: 21px;
	width: 99px;
/* hack to ignore the next rule in IE mac \*/
	padding-top: 5px;	
/*stop ignoring in IE mac */	
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #fff url(../images/hfnavbutton.png) 0 0 no-repeat;
	border-bottom: 1px solid #cad9c3;
	}


ul.menu li a:hover,

ul.menu li a:active
	{
	float: left;
	width: 99px;				
	height: 20px;
	padding-top: 7px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #fff url(../images/hfnavbuttonpress.png) 0 3px no-repeat;
	border: none;
	}

/* this code makes the link for each page stay pressed while on that page */
#home .home a,
#portfolio .portfolio a,
#cv .cv a,
#contactme .contact a
	{
	float: left;
	width: 99px;				
	height: 20px;
	padding-top: 7px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #fff url(../images/hfnavbuttonpress.png) 0 3px no-repeat;
	border: none;
	}


/******* end main menu *******/

/******* begin sub nav *******/

div.subnav
	{
	position: relative;
	width: 680px;
	font-size: .85em;
	margin-left: -10px;
	padding: 7px;
	}
	
div.subnav a
	{
	text-decoration: underline;
	color: #6abbde;
	text-align: center;
/*	border-left: 1px solid #eee;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	border-top: 1px solid #eee;*/
	padding: 5px;
	margin: 0;
	line-height: 30px;
	}

div.subnav a:hover
	{
	color: #6abbde;
/*	border-left: 1px solid #888;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #888;*/
	padding: 5px;
	margin: 0;
	line-height: 30px;
	}


/******* end sub nav *******/



/*********************************/

	/* intrapage ids */

/*********************************/

#stilllife #maincontent li
	{
	display: inline;
	float: left;
	list-style-position: inside;
	list-style: none;
	}

/*
#home #stilllife
	
	{
	margin: 0 320px 0 0;
	}
*/
#home #stilllife img
	{
	margin: 20px;
	/*background: #fff url(http://www.hollyfortenberry.com/images/photoback.png) no-repeat;*/
	}


#cv #maincontent a
	{
	font-size: inherit !important;
	}

#email, #message, #send
	{
	margin: 0;
	}
	
#linklist
	{
	width: 300px;
	margin-left: 50px;
	}

#sitepages
	{
	width: 300px;
	margin-left: 50px;
	}

/*
a[href^="http:"]
	{
	background: url(../images/externallink.gif) no-repeat right top;
	padding-right: 15px;
	}
	
a[href^="http://www.hollyfortenberry.com"], a[href^="http://hollyfortenberry.com"]
	{
	background-image: none;
	padding-right: 0;
	}

*/	
/*********************************/

	/* classes */

/*********************************/


	
.block
	{
	display: block;
	}

.clear
	{
	clear: both;
	}

.clearfix:after 
	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix
	{
	display:inline-block;
	}
	
/* Hide from IE Mac \*/	
.clearfix
	{
	display:block;
	}
/* End hide from IE Mac */


/* For IE6 and earlier */
.clearfix
	{
	height: 1px;
	}

.floatl
	{
	float: left;
	margin: 0 15px 0 0;
	}

.floatr
	{
	float: right;
	margin: 0 15px 0 0;
	}

.gone
	{
	display: none;
	}

.microad
	{
	margin: 20px 20px 10px 10px;
	padding: 0;
	}
			
.postnav
	{
	color: #999;
	font-size: .7em;
	font-style: italic;
	padding: 1em 0 0 0;
	}
	
.spacer
	{
	clear: both;
	}

.scientific
	{
	font-style: italic;
	}

.sitebutton a
	{
	text-decoration: none;
	position: relative; top: 0; left: 270px;
	padding: 15px;
	margin: 10px;
	color: #0e0e0e;
	background: #fff url(../images/go.png) 5px 10px no-repeat;
	width: 200px;
	}

.sitebutton a:hover
	{
	text-decoration: none;
	position: relative; top: 5px; left: 275px;
	padding: 15px;
	color: #0e0e0e;
	background: #fff url(../images/gopress.png) 5px 10px no-repeat;
	width: 200px;
	}

.sitedescription
	{
	
	}

.sitename
	{
	color: #ddf;
	margin: 1em;
	text-align: left;
	width: 80%;
	}

.stdbutton
	{
	display: inline;
	float: left;
	padding: 10px;
	margin: 0;
	}

div.video
	{
	
	display: inline;
	margin: 2em;
	}

.warning
	{
	font-style: italic;
	color: orange;
	}
	
.thumbs
	{
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 10px;
	border-collapse: collapse;
	background: #7891af;
	border: 1px solid #eee;
	}

.thumbcaption
	{
	font-size: 10px !important;
	}




/*************************************************/

/* PLEASE CITE ME IF YOU USE THIS CSS BY */
/* KEEPING THIS COMMENT IN YOUR CSS FILE */
/* AUTHOR - Holly Fortenberry */
/* http://www.hollyfortenberry.com */
/* http://www.emeraldpixel.com */

/************************************************/