/* =========================================================================

   Anne Penniman Site Styles

   Default Styles

   Modified:3/09/10 - Randel
   
   ========================================================================= */

body {
	color:#f5f5f5;
	font-size:12px;
	font-family:Arial, Helvetica, Geneva;
	background-color:#36412c;
	text-align:center;
	}

div.page {
	position:relative;
	background-image:url(../images/half_light_spiral.gif);
	text-align:left;
	margin:40px auto;
	width:980px;
	height:694px;
	}

/* ===========================
   Photo Credit
   =========================== */

div.photocredit {
	text-align:center;
	margin:0;
	padding:0;
	position:absolute;
	top:470px;
	left:60px;
	}
	
/* ===========================
   IMAGE
   =========================== */

div.image {
	position:absolute;
	margin:0;
	padding:0;
	top:100px;
	left:0;
	width:373px;
	height:428px;
	text-align:center;
	}
	
div.images {
	position:absolute;
	margin:0;
	padding:0;
	top:267px;
	}
		
img.horizontal {
	margin-top:78px;
	margin-left:5px;
	}



img.vertical {
	margin-top:42px;
	margin-left:74px;
	}

/* ===========================
   DETAIL
   =========================== */

div.detail {
	padding:15px;
	position:absolute;
	top:0;
	left:490px;
	width:460px;
	height:317px;
	}

div.detail a:active, div.detail a:link, div.detail a:visited  {
	color:#d3d3d3;
	text-decoration:none;
	}

div.detail a:hover {
	color:#FFF;
	}

div.detailcontact {
	padding:15px;
	position:absolute;
	top:125px;
	left:490px;
	width:460px;
	height:317px;
	}

div.detailcontact a:active,
div.detailcontact a:link,
div.detailcontact a:visited  {
	color:#d3d3d3;
	text-decoration:none;
	}

div.detailcontact a:hover {
	color:#FFF;
	}


div.detailphilo {
	padding:15px;
	position:absolute;
	top:0;
	left:490px;
	width:460px;
	height:317px;
	}

div.detailphilo a:active,
div.detailphilo a:link,
div.detailphilo a:visited {
	color:#d3d3d3;
	text-decoration:none;
	}

div.detailphilo a:hover {
	color:#FFF;
	}
    
div.detailphilo h1 {
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Georgia, Times;
	margin:0;
	}

div.detailbio {
	padding:15px;
	position:absolute;
	top:155;
	left:60px;
	width:360px;
	height:500px;
	}

div.detailbio h1 {
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Georgia, Times;
	margin:0;
	}


div.detail h1 {
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Georgia, Times;
	margin:0;
	}

div.detail p  {
	color:#d3d3d3;
	line-height:14px;
	text-align:left;
	}


/* ===========================
   THUMBNAILS
   =========================== */

div.portrait {
	position:absolute;
	padding:0;
	top:15px;
	left:400px;
	width:490px;
	height:100px;
	text-align:left;
	}

div.thumbnails {
	padding:0;
	position:absolute;
	top:282px;
	left:505px;
	width:490px;
	height:100px;
	text-align:left;
	}

div.thumbnail {
	float:left;
	width:55px;
	}


/* ===========================
   LOGO
   =========================== */

div.logo {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:100px;
	background-image:url(../images/apLogoLeft.gif);
	background-repeat:no-repeat;
	}

/* ===========================
   SECTIONS
   =========================== */

div.sections {
	padding:15px; 
	position:absolute;
	top:347px;
	left:490px;
	width:490px;
	height:317px;
	text-align:left;
	}

div.sections h1 {
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	font-family:"Times New Roman", Georgia, Times;
	margin:0;
	}

div.sections a:active,
div.sections a:link,
div.sections a:visited {
	color:#d3d3d3;
	text-decoration:none;
	}

div.sections a:hover {
	color:#FFF;
	}

div.sections a.current:active, div.sections a.current:link, div.sections a.current:visited {
	color:#FFF;
	}

div.sections p {
	margin:0;
	}

div.list ul {
	/* outline:1px dotted #FFF; */
	}

div.list ul li a {
	padding-left:7px;
	}

div.list ul li a:hover,
div.list ul li a.current {
	background:url("../images/bullet.gif") left 5px no-repeat;
	}

div.profile {
	float:left;
	margin-top:0;
	padding-top:0;
	width:122px;
	}
  
div.profile ul,
div.projects ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	text-align:left;
	}

div.contact {
	float:left;
	padding-top:0;
	width:122px;
	}

div.projects {
	float:left;
	padding-top:0;
	width:221px;
	}

li {
	list-style:none;
	line-height:14px;
	padding-bottom:6px;
	}