/* RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #333 url("../images/headerbg.png") repeat-x;
	color:#8A8A8A;
	font-family: Verdana, Arial, Tahoma;
	margin: 0px;
	padding: 0px;
}


.clear {clear: both}

h4.nav {text-align: center}

/* Links */

a {color: #fff; text-decoration: none}
a:hover {color: #89b2c2;}
a:visited {color: #999999;}

/* Headings */

h1, h2, h3, h4, h5 {font-family: georgia; line-height: 200%}
h1 {color: #FFF; font-size: 200%;}
h2 {color: #fff; font-size: 180%;}
h3 {color: #6C5635; font-size: 160%;}
h4 {color: #E9DECA; font-size: 120%; font-weight: 900}
h5 {font-weight: 900}

#main h4 {color: #ABCF38; font-style: italic;  background: url("../images/lf.png") no-repeat center left; padding-left: 20px; text-transform: capitalize; line-height: 300%}

#main h4 span {color: #fff}

/* Horizontal Rule */

.hr hr {display: none}
.hr {width: 100%; height: 30px; margin-top: 5px; background: url("../images/hr2.png") no-repeat 50% 50%; clear: both}

/* P */

p {margin: 5px 0 5px 0}

#container {
	font-size:small; clear: both
}
#header {
	width:960px;
	margin:0 auto;
	height:190px;
	position:relative;
}

#siteTitle { text-indent: -9000px; float: left
	}
#siteTitle a{
display: block;
	background: url("../images/logo.png") no-repeat top right; width: 190px; height: 190px; margin: 0 0 0 20px;
}

#navigation ul {list-style-type:none; float: right; position: relative; top: 10px;}
#navigation ul  li {display: inline; float: left}
#navigation ul  li a {display: block; text-indent: -9000px; height: 28px; margin: 0 10px 0 10px}
#navigation #nav1 a {background: url("../images/nav1.png") no-repeat 0 0; width: 50px}
#navigation #nav1 a:hover {background: url("../images/nav1.png") no-repeat 0 -26px;}
#navigation #nav2 a {background: url("../images/nav2.png") no-repeat 0 0; width: 35px}
#navigation #nav2 a:hover {background: url("../images/nav2.png") no-repeat 0 -27px;}
#navigation #nav3 a {background: url("../images/nav3.png") no-repeat 0 0; width: 70px}
#navigation #nav3 a:hover {background: url("../images/nav3.png") no-repeat 0 -27px;}
#navigation #nav4 a {background: url("../images/nav4.png") no-repeat 0 0; width: 110px}
#navigation #nav4 a:hover {background: url("../images/nav4.png") no-repeat 0 -27px;}

#header blockquote {font-weight: bold; font-size: 12px; color: #6e6e6f; font-family: georgia; font-style: italic; display: block; width: 260px; position: absolute; top: 15px; left: 250px; }
#header blockquote:before, #navigation blockquote:after { display: block; font-size: 18px; width: 50px}
#header blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; font-size: 18px;}
#header blockquote:after { content: close-quote; height: 0; margin-top: -100px; margin-left: 255px; font-size: 18px; line-height: 60%}
#header p {text-transform: lowercase;  text-align: center}
#header p span {font-size: 140%}

#menu {
	position:absolute;
	right:0px;
	bottom:10px;
}


/* NAV MENU */


ul#nav {
	list-style:none;
	margin:0;
	padding:0;
}
ul#nav li {
	margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: auto;
  color: #5F5F5F;
  font-weight: bold; 
  text-transform: uppercase;
	}
	
ul#nav li a:link, ul#nav li a:visited {
	display:block;
	float:left;
	color:#CCC;
	margin:0 10px 0 10px;
	text-decoration:none;
	line-height:20px;
}
ul#nav li a:hover {
	color:#ABCF38;
	background:none;
}

/* SUB MENU */
ul#nav li:hover ul {
	display:block;
}
ul#nav  ul {
	display:none;
	position:absolute;
	z-index:10;
	top:18px;
	right:-11px;
	width:150px;
	background-color:#957348;
	margin:0;
	padding:0;
	list-style:none;
}
ul#nav ul li {
	width:150px;
	float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
	padding:0;
	margin:0;
}
ul#nav ul li a:link, ul#nav ul li a:visited {
	display:block;
	background-color:#111;
	margin:0;
	padding:3px 10px;
	float:none;
	text-align:right;
	}
ul#nav ul li a:hover {
	background-color:#ABCF38;
	color:#000;
	
}

/* PHOTO AREA */

#wrap {
	background-color:#333;
	padding:10px 0;
}
#mainBody {
	width:960px;
	margin:0px auto;
	overflow:auto;
}
#photoWrapper {
	width:600px;
	float:left;
	overflow:auto;
}

#photoWrapper img {padding: 0; margin: 0; border:20px solid #161616;}

a.zoom:link, a.zoom:visited, a.zoom:hover {
	display:block;
	position:relative;
	border:0;
	background:none;
	float:right;
	margin-right:30px;
	padding: 0;
}
a.zoom span {
	width:110px;
	height:26px;
	background-image:url(../images/zoom.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:28px;
	right:28px;
}
#details {
	width:345px;
	margin-left:600px;
	clear: right
}

#details h1 {color: #89B2C2; font-family: georgia; font-style: italic; font-weight: bold; line-height: 110% }

#imgdesc {font-family: georgia; font-style: italic; font-size: 130%; margin: 25px 0}

#detbox {border: 2px dashed #161616; padding: 10px;}

#detbox p {margin-bottom: 10px}

#detbox p b, #photocategories {color: #6B868F}

#detbox #share {float: right}

#photocategories {font-weight: bold}

#photocategories a, #phototags  a {font-weight: normal}

#exif {background: url("../images/lf2.png") no-repeat center left; padding-left: 15px}

.prevnext p  {clear: both; margin: 40px 0}

#closecomments  {background: #ABCF38; padding: 5px 8px; margin: 10px 0 20px 0; color: #161616}
#closecomments:hover {background: #D7D7D7}
.prevnext a {padding: 5px 8px; background: #161616; width: 60px; display: block; margin-right:20px; float: left}
.prevnext a:hover {background: #ABCF38; color: #161616}

#footerWrapper {
	background: #151415 url("../images/footerbg.png") repeat-x; padding-top: 20px; clear: both;}

#footer {
	width:960px; overflow: auto; width: 100%; margin: 0 auto}

#footermsg {display: block; text-align: center; clear: both; margin-top: 30px; font-weight: bold; text-transform: uppercase; color: #333}

.curbracket {font-size: 300%; color: #ABCF38; position: relative; top: -22px}

#photos {
	width:700px; margin: 0 auto; padding: 20px 0 70px 0; clear: both}

#photos .navphoto img {border: 10px solid #333; padding: 0; margin:0; background-color: transparent; width: 50px}

#photos img.currentimg {border: 10px solid #ABCF38; padding: 0; margin:0; background-color: transparent; width: 50px}

#photos img:hover {border-color: #ABCF38}

#photos h3 {	color:#333; font-family: georgia; font-style: italic; font-weight: bolder; font-size: 150%}
#photos a:link, #photos a:visited {
	display:block;
	float:left;
    text-align: center;
	border: 0; 
	text-decoration: none; 
	padding: 0;
	background-color: transparent;
	margin:10px;}

#browse {
	font-size:small;
	color:#BBB;
}

#browse img {border: 10px solid #161616; margin:3px;}
#browse img:hover {border-color: #ABCF38}

#catbrowse {
	font-size:90%;
	font-weight:normal;
	float:right;
}
#browseTitle {
	color:#BBB;
	padding:4px;
	font-size:120%;
	font-weight:bold;
	overflow:auto;
}
#browsePages {
	color:#555;
	background-color:#111;
	overflow:auto;
	line-height:20px;
	padding-left:3px;
	margin-bottom:10px;
}
#browsePages a:link, #browsePages a:visited {
	color:#666;
	padding:0 3px;
	font-size:90%;
}
#browsePages a:hover, #browsePages span.archive_active_page_number a:link, #browsePages span.archive_active_page_number a:visited {
	color:#AAA;
	background-color:#111;
}
#thumbnails {
	clear:both;
}
#thumbnails a:link, #thumbnails a:visited {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
/* COMMENTS */

#comments fieldset {border: none}

#commentList {
	float:left;
	width:570px;
}
#commentForm {
	float:left;
	width:320px;
}
#commentList ul {
	list-style:none;
	margin:0;
	padding:0;
}
#commentList ul li {
	padding:3px 0 8px 0;
	margin-bottom:3px;
	border-bottom:1px solid #333;
}

#comments {
background: #161616;
	padding:0 10px;
	font-size:small;
	overflow:auto;
	color:#B5B5BB;
	display:none;
}

#commentForm {
	float:left;
	width:320px;
}

.com  {display: block;}

.cmes {width: 330px; display: block; float: left; background: #333; padding: 10px}

.grav {float: left; margin-right: 5px}
.grav img {border: 5px solid #333}

.comauth span {font-family: georgia; font-style: italic; font-size: 120%; font-weight: bold}
.comauth span, .comauth span a, .comauth span a:visited {color: #957348}
.comauth span a:hover {border-bottom: 2px solid #ADCD3C}

input.formfield, textarea {
	background-color:#333;
	border:1px solid #35353A;
	width:240px;
	padding:5px;
	color:#666;
}
textarea {
	height:120px;
}
input.formfield:focus, textarea:focus {
	color:#FFF;
}

.content {
	padding:20px;
}

/* BROWSE */

#main {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
    overflow: auto
}

#thumbs div {width: 930px; margin: 0 auto}

#thumbs img {border: 5px solid #5F5F5F; padding: 0; margin:3px; background-color: transparent;}

#thumbs img:hover {border-color: #ABCF38}

#thumbs p {background: #151415; padding: 8px}

#thumbs p b {color: #fff; font-family: georgia; font-style: italic; font-size: 130%; float: right}

#cat .albumWrapper2 {width: 160px; height: 160px; display: block; float: left; text-align: center}

#cat .albumTitle {text-transform: uppercase; font-size: 80%}

.albumWrapper2:hover .albumTitle a {color: #89B2C2}

#cat img {border: 5px solid #fff; padding: 0; margin:3px; background-color: transparent;}

#cat img:hover {border-color: #89B2C2}

#date li, #tags a, #cat #taglist li {display: inline; margin-right: 15px; line-height: 180%}

#date ul, #tags #tag_cloud {text-align: center}