/*
Theme Name: gavinanderson
Theme URI: http://wordpress.org/
Description: Created specifically for http://www.gavintullyanderson.com
Author: hk works
Author URI: http://roosarts.com
Tags: custom header, fixed width, one column


	This theme was designed and built by hk works

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

@charset "UTF-8";
html, body {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

body {
	background: #FFF no-repeat center top;
	font-family: "Times New Roman", Times, serif;
}

body, table, tr, td, th, input, textarea {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 12px;
	color: #837b7d;
	line-height: 18px;
}

div#page {
	width: 860px;
	height: 550px;
	margin-top: 40px;
	overflow: visible;
	position: absolute;
	margin-left: 160px;
}
.details {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	padding-left: 3px;
	text-align: left;
	margin-right: 280px;
	margin-top: 0px;
	vertical-align: bottom;
}
div#header {
	width: 630px;
	height: 30px;
	margin-bottom: 2px;
}

div#header h1 {
	width: 160px;
	font-size: 24px;
	font-weight: normal;
	color: #837b7d;
	text-align: left;
	margin-left: 4px;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
}

ul#menu {
	width: 290px;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	font-size: 12px;
}


ul#menu li {
	display: block;
	float: right;
	margin-right: 40px;
	margin-top: 0px;
}

div#footer {
	width: 620px;
	font-size: 10px;
	border-top: 1px solid #CCC;
	display: block;
	clear: both;
	margin-top: 20px;
	padding-top: 0px;
}

a,
a:focus, 
a:link, 
a:active { 
	outline: none; 
	color: #837b7d;
}

a {
	color: #837b7d; text-decoration: none;
}

a:visited {
	color: #837b7d; text-decoration: none;
}

a:hover {
	color: #000; text-decoration: dots;
}


.photos {
	overflow: hidden;
	border: 0px solid #f0f0f0;
	width: 100%;
	background-color: #fff;
	float: left;
        margin: 0px;
        padding: 0px;
}
#maincontent {
	width: 100%;
	height: 470px;
        margin: 0px;
        padding: 0px;
}
.maincontent {
	width: 800px;
	height: 500px;
	float: left;      
}
img {
	border: none;
	float: left;
	clear: right;
	padding-top: 0px;
	padding-bottom: 2px;
}

.photos div img {
	margin: 0;
	border-bottom: 0px solid #ddd;
	padding-bottom: 2px;
	float: left;
	vertical-align: middle;
	clear:right;
	padding-top: 0px;
}

.photos ul.thumbs {
	padding: 0 0 0 0px;
	list-style: none;
	margin-top: 0px;
	position: absolute;
	top: 50px;
	height: 398px;
	left: 661px;
}
.photos ul.thumbs li{
	width: 120px;
	height: 80px;
	margin: 0 10px 0 0;
	padding: 10px 0 7px 0;
	overflow: hidden;
	border: 1px solid #fff;
	border: 0px solid #fff;
	-moz-opacity: .75;
	filter: alpha(opacity=75);
	opacity: .75;
}
.photos ul.thumbs li:hover {
	border: 0px solid #fff;
    -moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	
}
.photos ul.thumbs li img {
	left: 1px;
	padding-bottom: 3px;
}
.photos {
        width: 70%;
}


.buttons  {
	background-color: #fff;
	width: 100%;
	text-align: right;
}
#buttons {
	background-color: #fff;
	height: 20px;
	width: 120px;
	position: absolute;
	left: 648px;
	top: 456px;
}
#buttons img {
        -moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: .50;
        border: 2px solid #fff;
        margin-left: 12px;
}

#buttons img a:hover {
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	
}
.prev {
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 0px;
	text-align: right;
	vertical-align: bottom;
	padding-right: 0px;
	float: right;
}
#navbar {
        padding-right: 20px;
}
#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	text-align: left;
	padding-left: 3px;
	padding-right: 10px;
}
#navbar a {
	display: block;
	
}
#navbar li {
	float: right;
        padding-left: 27px;
        padding-right: 10px;
	
}
#navbar  li ul {
	display: none;
	font-size: 12px;
}
#navbar li:hover ul {
	display: block;
	position: absolute;
	background-color: #fff;
	opacity: .75;
	color: #666666;
	border-left: #fff 5px;
}
.paddingright {
	padding-right: 3px;
}
.text {
        padding-top: 15px;
        padding-bottom: 20px;
        vertical-align: top;
}