/* --------------------------------------------------------
Title:    Master styles and layout for jwalshphoto.com V.2
Author:   Aaron Hawley (aaron@sugarfixdesign.com)
Created:  03/04/08
Updated:  05/30/08 
-------------------------------------------------------- */

/* Blanket styles
-------------------------------------------------------- */
html body img {
	padding: 0;
  border: 0;
  }

body {
	background-color: #edece9;
	font: 70% helvetica,verdana,arial,sans-serif;
	line-height: 1.5em;
	padding: 0;
	margin: 0; 
	}

#accessaid {
	position: absolute;
	height: 0;
	overflow: hidden;
	}

/* Mast
-------------------------------------------------------- */
#mast {
  background: url(../img/logo.gif) 0 0 no-repeat;
  margin: 0;
  padding: 0;
  }
  
#mainnav {
  font-family: helvetica,verdana,arial,sans-serif;
  text-transform: uppercase;
  line-height: 1.3em;
  }

ul#mainnav {
  margin: 5px 0 0 240px;
  padding: 4px 0 0 0;
  }

#mainnav li {
	margin: 0;
	padding: 2px 0 0 30px;
	font-size: .8em; 
	list-style: none;
	letter-spacing: .22em;
	height: 15px;
	}
	
.a {
  background-color: #900;
  }
	
.b {
  background-color: #600;
  }
	
.c {
  background-color: #300;
  }
	
.d {
  background-color: #000;
  }
	
/* Main Body
-------------------------------------------------------- */
#body {
  margin-left: 25px;
  }

#profile #body, #contact #body {
  margin-left: 25px;
  width: 470px;
  }

h1 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2.2em;
  color: #4a4a49;
  margin: 35px 0 15px 5px;
  }

h2 {
  font-size: 1.3em;
  color: #4a4a49;
  margin: 15px 0 10px 5px;
  }

.caps {
  text-transform: uppercase;
  }

#home #photoimg {
  margin: 0 20px 5px 5px;
/*  height: 450px;*/
  float: left;
  }

#home p {
  width: 450px;
  }

/* "New Works" Slideshow
------------------------------------------------------- */
.fade {
	float: left;
}
  
/* Portfolio
-------------------------------------------------------- */
#portfolio-nav {
  width: 175px;
  float: left;
  margin: 0 0 0 5px;
  }

#portfolio-img, #portfolio-indeximg {
  text-align: center;
  margin-left: 15px;
  }

#portfolio-img img {
  border: 5px solid #000;
  }

#portfolio-indeximg img {
  margin: 15px 0 0 0;
  border: 5px solid #000;
  }

#portfolio-indexnav, #portfolio-indexsubnav {
  float: left;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 10px 3px;
  letter-spacing: .1em;
  }
  
#portfolio-indexnav {
  width: 200px;  
  }

#portfolio-mainnav {
  text-transform: uppercase;
  font-size: .9em;
  margin: 0 0 10px 5px;
  letter-spacing: .1em;
  }

#portfolio-subnav {
  text-transform: uppercase;
  font-size: .9em;
  margin: 10px 10px 0 0;
  letter-spacing: .1em;
  text-align: right;
  clear: left;
  }

.thumb {
  width: 50px;
  height: 50px;
  margin: 0 5px 5px 0;
  border: 1px solid #000;
  float: left;
  }
  
.logo {
  width: 75px;
  margin: 10px 5px 5px 10px;
  }
  
.logo-sm {
  width: 125px;
  margin: 10px 5px 5px 10px;
  }
  
.nav-thumb {
  width: 50px;
  height: 50px;
  margin: 0 3px 3px 0;
  border: none;
  }
  
ul#portfolio-indexnav {
  list-style: none;
  margin-top: 15px;
  padding: 0;
  }
  
#portfolio-indexnav li {
  margin-bottom: 10px;
  }
  
ul#portfolio-indexsubnav {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0 15px 0 0;
  font-size: .9em;
  letter-spacing: 0;
  line-height: 1.1em;
  }
  
#portfolio-indexsubnav li {
  margin: 10px 0;
  }
  
/* Footer
-------------------------------------------------------- */
#footer {
  margin-left: 28px;
  }

#copyright {
  text-transform: uppercase;
  margin: 40px 0 15px 0;
  }

/* Links
-------------------------------------------------------- */
a, a:link, a:visited {
	color: #900;
	text-decoration: none;
  }
									
a:hover {
	color: #600;
	text-decoration: underline;
  }
	
#mainnav a, #mainnav a:link, #mainnav a:visited  {
	color: #edece9; 
	text-decoration: none;
  }

#mainnav a:hover {
	color: #aaaaaa;
	text-decoration: none;
  }

#portfolio-subnav a, #portfolio-mainnav a, #portfolio-indexnav a, 
#portfolio-subnav a:link, #portfolio-mainnav a:link, #portfolio-indexnav a:link, 
#portfolio-subnav a:visited, #portfolio-mainnav a:visited, #portfolio-indexnav a:visited  {
  
	color: #900; 
	text-decoration: none;
  }

#portfolio-subnav a:hover, #portfolio-mainnav a:hover, #portfolio-indexnav a:hover  {
	color: #600;
	text-decoration: underline;
  }

a:hover .thumb  {
	border: 1px solid #900;
  }

/* Float Clearing
-------------------------------------------------------- */
.clear { 
	clear: both; 
	height: 1px; 
	overflow: hidden; 
	margin-bottom: -1px; 
  } 

* html .clear {
	display: none;
  }