/* Created by Brian Manning on 8/22/2008 for brimanning.com */

/* Layout */
body {
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Sans-serif;;
	text-align:center;
	line-height:1.5em;
	color:#336b45;
	background:#f4f7f6;
}
#main {
	width:800px;
	text-align:left;
	margin:25px auto 0;
}
.section {
	width:800px;
	padding-bottom:40px;
}
.section h1 {
	float:left;
	text-indent:-9999px;
	height:35px;
}
.section .content {
	margin-left:300px;
}
.section .content p {
	text-indent:2em;
}

/* Head */
#head h1 {
	text-indent:-9999px;
	background:transparent url(../img/head.png) no-repeat;
	height:55px;
	width:250px;
}
#head .content h2 {
	text-indent:-9999px;
	background:transparent url(../img/head2.png) no-repeat 0 50%;
	height:51px;
}

/* About */
#about img {
	margin:8px 0 5px 5px;
	padding:1px;
	border:solid 1px #ddd;
}
#about h1 {
	background:transparent url(../img/about.png) no-repeat 0 50%;
	width:125px;
}

/* Contact */
#contact {
	padding-bottom:0;
}
#contact h1 {
	background:transparent url(../img/contact.png) no-repeat 0 50%;
	width:150px;
}
form .instruct {
	visibility:hidden;
	position:absolute;
	top:0;
	right:0;
	padding:0 8px;
	border:solid 1px #bbb;
	display:block;
}
form li.focused .instruct, form li:hover .instruct {
	visibility:visible;
}
form li {
	width:400px;
	float:left;
	position:relative;
}
div#contact p.instruct {
	text-indent:0;
}

/* Portfolio */
#portfolio h1 {
	background:transparent url(../img/portfolio.png) no-repeat 0 50%;
	width:161px;
}
#portfolio a#left-nav {
	background:transparent url(../img/left-arrow.png) no-repeat;
	height:44px;
	width:30px;
	text-indent:-9999px;
}
#portfolio a#right-nav {
	background:transparent url(../img/right-arrow.png) no-repeat;
	height:44px;
	width:30px;
	text-indent:-9999px;
}
#portfolio h2 {
	font-weight:normal;
	margin:0 40px;
	padding-top:11px;
	font-size:1.3em;
}
#portfolio div.sample p {
	clear:both;
}
#portfolio div.sample ul {
	padding-top:20px;
}
#portfolio div.sample ul li {
	float:left;
}
#portfolio div.sample ul li img {
	width:154px;
	margin:4px;
	padding:1px;
	border:solid 1px #ddd;
}
#portfolio div.sample ul li a:hover img {
	border:solid 1px #228a45;
}
#portfolio div.sample h2 a span {
	visibility:hidden;
}
#portfolio div.sample h2 a:hover span {
	visibility:visible;
}

/* General */
h1 { font-size:2em; font-weight:normal; }
p { line-height:2em; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clear-right { clear:right; }
.clear-left { clear:left; }
p a { color:#444; }
p a:hover { text-decoration:underline; }
p a:visited { color:#aaa; }
p a:active { color:#336b45; text-decoration:underline; }
a { color:inherit; text-decoration:none; }
em { font-style:italic; }