/*
-----------------------------------------------
File: 		master.css
Author:   	Kimberly Lightholder
Date:		2008.03.20
site:		http://www.kimotay.com
----------------------------------------------- */


/*@import url("main.css");
@import url("layout.css");*/

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul li {
	list-style: none;
}
.clearFloat {
	clear:both;
}

.autowidth, #div.autowidth, #footer div.autowidth {
	width: auto;
}

body {
	border-top: 10px solid #113;
	padding-top: 10px;
	background-color: #606B7A;
	color: #ddd;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}
a:link { color: #F7CA73; text-decoration: none; }
a:visited { color: #d5a851; text-decoration: none; }
a:hover { background-color: #b28630; color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: underline; }

h1 {
	font-size: 300%;
	font-family: Garamond;
	color: #9ab;
	text-transform: lowercase;
	letter-spacing: -2px;
	margin-bottom: 10px;
}
h2 {
	font-size: 100%;
	font-family: arial;
	font-weight: normal;
	text-transform: uppercase;
}
h3 {
	font-family: arial;
	font-size: 100%;
	color: #fff;
	font-weight: normal;
}
h4 {
	font-family: arial;
	font-size: 100%;
	color: #8ac;
	font-weight: normal;
	letter-spacing: 1px;
	padding-bottom: 5px;
}
h5 {
	font-family: arial;
	font-size: 100%;
	font-family: arial;
	text-transform: uppercase;
	color: #fff;
}
h6 {
	font-family: arial;
	font-size: 100%;
	font-family: arial;
	text-transform: uppercase;
	color: #fff;
}




/******************* main layout **********************/
#right {
	float: right;
	width: 200px;
}
#left {
	text-align: right;
	float: left;
	width: 300px;
}
#center {
	margin-left: 320px;	
	margin-right: 220px;
}

.about #left {
	width: 400px;
}
.about #center {
	margin-left: 420px;
}
#left>* {
	margin-left: 15px;
}	


/*********** individual elements ***************************/


#header, #topRight {
	height: 170px;
}

#navigation {
	text-transform: uppercase;
}
#search {
	margin-bottom: 20px;
}
#tags {
	font-size: 9px;
	padding-right: 20px;
}




/***************** form elements ***************************/

input, textarea {
	background-color:#778899;
	border:1px solid #556677;
	color:#eee;
	font-size:10px;
	padding:3px;
	margin-bottom: 4px;
}

input.pushbutton, input.btn {
	background-color: #334455;
	font-size: 9px;
	text-transform: uppercase;
	font-family: arial;
	height: 22px;
}
textarea {
	width: 200px;
	font-family: verdana;
}
form img {
	margin-bottom: 4px;
}





/**************** photos *********************/
#photos {
}
#photos ul {
}
#photos li {
	width: auto;
	float: left;
}
#photos li a {
	border: 1px solid #555;
	display: block;
	height: 162px;
	width: 212px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #fff;
}
#photos li a img {
	margin:5px;
	border: 1px solid #999;
}

.gallery #photos li a {
	border: 0;
	display: block;
	height: 96px;
	width: 96px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: transparent;
}
.gallery #photos li a.large {
	height: 175px;
	width: 230px;
}
.gallery #photos li a img {
	margin:0;
	border:1px solid #888;
}
.mainImage {
	margin-right: 3px;
	border:1px solid #888;
}
.gallery #photos li a.largeSearchImage {
	width: 298px;
	height: 197px;
}

#photos p {
	margin-bottom: 10px;
}

.prevLink {
	float: left;
}
.nextLink {
	float: right;
}
#imageDesc {
	display: inline;
	width: auto;
}

#photoFrame {
	background: #fff;
	border: 1px solid #335;
	margin-bottom: 10px;
}
#singlePhoto img {
	margin:6px;
	border: 1px solid #888;
}

#imageInfo {
	text-align:center;
	padding-top: 20px;
}

#galleries h4 {
	padding-top: 30px;
}
.about #galleries p {
	padding-bottom: 5px;
	text-transform: lowercase;
	font-size: 90%;
}











/********************* footer *********************/
#footer{
	clear:both;
	background-color:#334455;
	padding:30px;
	border-top: 5px solid #113;
	border-top: 35px solid #606B7A;
	font-size: 80%;
}
#footerSub {
	clear:both;
	background-color:#113;
	padding:15px 30px 80px 30px;
	font-size: 10px;
}
#footer * {
	text-transform: lowercase;
}
#footer p {
	display:block;
}
#footer p, #footer li {
	line-height: 11px;
	margin-bottom: 3px;
}
#footer div.last {
	margin-left:50%;
	padding-left: 5px;
}
.dataItem {
	display: block;
	width: 70px;
	float: left;
	clear:left;
}
.dataValue {
	display: block;
	width: 20px;
	float: left;
}
.dataRss {
	padding-top:2px;
	float: left;
}
.mini {
	float: left;
	margin-right: 20px;
}
#adminToolbox {
	float: right;
}