/*	CSS for lizalittlehawk.com
	Cathie Toshach 2007-2008
*/

@import "scaffold.css"/**/;
@import "yui-fonts.css"/**/;
@import "yui-reset.css"/**/;
@import "transitions.css"/**/;


/* Global Styling */
body {
	height: 100%;
	background-color: #dfdcd8;
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
}

div.copyright {
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #aba099;
	text-align: right;
	clear: both;
	padding: 0 25px 0 0;
	position: relative;
	/* border: solid 1px red; */
}

div#topDiv {
	margin: 2% auto 0 auto;
	background-image: url(../siteimages/frameTop.jpg);
	background-position: center/center;
	background-repeat: no-repeat;
	width: 968px;
	padding: 15px 0 15px 0;
	/* border: solid 1px green; */
}

div#middleDiv {
	margin: 0 auto;
	background-image: url(../siteimages/frameMiddle.jpg);
	background-position: center/center;
	background-repeat: repeat-y;
	width: 968px;
	/* border: solid 1px yellow; */
}

div#bottomDiv {
	margin: 0 auto;
	background-image: url(../siteimages/frameBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 968px;
	padding-bottom: 30px;
	padding-top: 30px;
	/* border: solid 1px blue; */
}

/* Index Styling */
div#liza {
	background-image: url(../siteimages/liza.gif);
	background-repeat: no-repeat;
	background-position: center/center;
	float: left;
	margin-left: 30px;
	margin-top: 208px;
	width: 95px;
	/* border: solid 1px red; */
}

div#indexRotate {
	position: static;
	margin-left: 0;
	/* border: solid 1px blue; */
}

ul#indexNav {
	list-style-position: inside;
	list-style: none;
	padding-top: 60px;
	font-size: 110%;
	/* border: solid 1px red; */
}

ul#indexNav li {
	padding-bottom: 6px;
	text-align: right;
	padding-right: 8px;
}

ul#indexNav li.navSeparation {
	padding-top: 30px;
}

ul#indexNav li a {
	color: #4e3227;
	text-decoration: none;
}

ul#indexNav li a:hover {
	color: #8d622a;
	text-decoration: none;
}

/* Portfolio Styling */
div#logo {
	padding-top: 60px;
	padding-left: 30px;
	/* For debugging */
	/* border: solid 1px red; */
}

ul#portfolioNav {
	list-style-position: inside;
	list-style: none;
	padding-left: 50px;
	float: left;
	margin-right: 15px;
	/* For debugging */
	/* border: solid 1px red; */
}

ul#portfolioNav li {
	padding-bottom: 6px;
	text-align: right;
	font-size: 110%;
	padding-right: 18px;
}

ul#portfolioNav li.active {
	color: #4e3227;
	background-image: url('../siteimages/squareSolidNav.jpg');
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 18px;
}

ul#portfolioNav li.navSeparation {
	padding-top: 30px;
}

ul#portfolioNav li a, ul#portfolioNavBottom li a {
	color: #4e3227;
	text-decoration: none;
}

ul#portfolioNav li a:hover, ul#portfolioNavBottom li a:hover {
	color: #8d622a;
	text-decoration: none;
}

#portfolioImage {
	/* margin-top: 15px; */
	margin-bottom: 15px;
}

#portfolioImage-beta {
	width: 740px;
	height: 510px;
	margin-left: 135px;
	padding: 0;
	margin-bottom: 15px;
	background-color: #000;
}

#portfolioImage-beta img {
	margin-top: -147px;
}

ul#portfolioNavBottom {
	list-style: none inside;
	display: inline;
}

ul#portfolioNavBottom li {
	display: inline;
	padding-right: 15px;
}

ul#portfolioNavBottom li#prevNext {
	color: #4e3227;
	padding-left: 62px;
}

/* Accessibility Styling */
.access {
	display: none;
}


/* Hold Page Styling */

img.holdpage {
	padding: 70px 0 0 33px;
	border: 0;
}

/* Contact Page */

#contact h1, #about h1 {
	color: #4e3227;
	font-size: 130%;
	padding-bottom: 10px;
}

#contact a, #about a {
	color: #4e3227;
	text-decoration: underline;
}

#contact a:hover, #about a:hover {
	color: #8d622a;
	text-decoration: none;
}

#contact p, #about p {
	line-height: 150%;
	padding-bottom: 20px;
	padding-left: 20px;
}

ul#portfolioNav li.navSeparationActive {
	margin-top: 30px;
	color: #4e3227;
	background-image: url('../siteimages/squareSolidNav.jpg');
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 18px;
}

/* About Page */
#about, #contact, #jointhelist {
	display: block;
	margin-left: 150px;
	margin-right: 100px;
}