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


* {
	padding:0px;
	margin:0px;
	border: 0px;
}

.clearFloat {
	clear:both;
}
body {
	color: #fff;
	font:70% Arial, Verdana, Sans-serif;
	border-top: 5px solid #900;
	background: #000 url(../images/bgBlank.jpg) no-repeat center top;
}
body.index, body.about {
	background: #000 url(../images/bg.jpg) no-repeat center top;
}

a:link { color: #b00; text-decoration: none; }
a:visited { color: #900; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; background-color:#900;}
a:active { color: #fff; text-decoration: none; background-color:#f00; }

ul {
}
ul li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size:90%;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	font-size:150%;
	font-weight: bold;
}
h2 {
	margin-top: 20px;
}
h4 {
	color: #777;
}

input, textarea {
	background-color: #333;
	border: 1px solid #444;
	color: #999;
	padding: 3px;
	font-size:80%;
}
input.btn, #search_submit {
	background-color: #2a2a2a;
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 2px;
	border: 1px solid #500;
	color: #bbb;
}

#center img {
	border: 1px solid #555;
}




#left {
	float: left;
	width: 45%;
	text-align: right;
}
#left>div {
	padding-left:20px;
}
#right {
	float: right;
	width: 20%;
}
#right>div {
	padding-right: 20px
}

#center {
	background-color:#000000;
	margin-left:47%;
	padding-left:3px;
	width:307px;
}

.single #left {
	width:430px;
}
.single #center {
	margin-left: 450px;
}

/************** single divs placement ******************/

/**** first lever ***/
#right, #left {
	padding-top: 10px;
}
#header, #search {
	height: 220px;
}


/*** secnd level ***/
#navigation {
	height: 225px;
	
}


/**** 3rd level ***/
#tags {
}


/************ individual styling *************************/
#header h1 {
	display: block;
	width: 100%;
	height: 68px;
	background: url(../images/logo.gif) no-repeat right top;
}
#header h1 span {
	display: none;
}
#header a:hover, #header a:active {
	background: transparent;
}
.index #header h2, .about #header h2 {
	display: none;
}
#navigation {
	text-transform:uppercase;
	font-size:90%;
}
#galleryList h3 {
	text-transform: none;
	font-size:100%;
	margin-bottom:1px;
}
#galleryList h3 a:link {
	letter-spacing: 1px;
	color: #f00;
}
#galleryList h3 a:visited {
	letter-spacing: 1px;
	color: #f00;
}
#galleryList h3 a:hover {
	letter-spacing: 1px;
	color: #fff;
}
#search form {
	padding-top: 20px;
}
#search input {
	width:100px;
}
#search #search_submit {
	width: auto;
}

#tags a {color:#777;}
#tags a:hover {color: #fff;}


.page #content {
	margin-left: 30%;
}
#photos {
	width: 310px;
	padding-bottom: 30px;
}
#photos #smallList li {
	float: left;
	margin-right: 3px;
}
#content h3 {
	margin-bottom: 0.4em;
	margin-top: 1em;
}
#content p {
	font-size: 90%;
}
.about #content p {
	margin-left: 30%;
}

h3.headerTags {
	font-size: 80%;
	text-transform: lowercase;
}
.headerDate {
}
.headerLocation {
	color:#777;
}

#singlePhoto {
	margin-top: 10px;
}
.single #center {
	padding-left: 10px;
}
#imageInfo {
	background-color:#200;
	border-top:10px solid #000;
	padding:2px 30px;
	clear:both;
}
.prevLink {
	float: left;
}
.nextLink {
	float: right;
}
#center li a:hover img {
	border: 1px solid #fff;
}
#center li.noMatch a:link, #center li.noMatch a:visited {
  opacity: 0.30;
  filter: alpha(opacity = 30);
}
#center li.noMatch a:hover, #center li.noMatch a:active {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}
#center li.noMatch a:link img, #center li.noMatch a:visited img {
	border: 1px solid #555;
}
#center li.noMatch a:hover img, #center li.noMatch a:active img {
	border: 1px solid #555;
}
p.adminMsg {
	color: #666;
	font-size: 90%;
}
/*********** comment form *******************/

#comments { /*comment area*/
}

#commentList { /*comment block */
	background-color: #330000;
	padding: 10px 20px;
	border: #222;
	color: #999;
	margin-bottom: 20px;
	font-size: 90%;
}

.comment { /*individula comment */
	padding: 10px 0px;
}
.commentdate {
	color: #eee;
}
.commentbody {
}
#comments input, #comments textarea {
	background-color:#222222;
	border:1px solid #830000;
	margin-top:5px;
}
#comments textarea {
	font-size: 100%;
	font-family: Arial, Verdana, Sans-serif;
}
#comments .btn {
	background-color: #300;
	border: 1px solid #600;
}






/*************** footer ***************************/
#footer, #footerSub {
	font-size: 90%;
}
#footer{
	clear:both;
	background-color:#222;
	padding:30px;
	border-top: 5px solid #000;
	margin-top: -15px;
}
.single #footer {
	border-top: 0px;
}
#footer div.col {
	float:left;
	width: 122px;
	margin-right: 20px;
}
#footer div.last {
	margin-left:50%;
	padding-left: 5px;
}
#footer p, #footerSub p {
	display:block;
	color: #888;
}
#footer p, #footer li {
	line-height: 11px;
	margin-bottom: 3px;
}
#footer h3 {
	font-size: 90%;
	margin-bottom:0.4em;
}
#admin a:first-child { color: #fff; }
#footerSub {
	clear:both;
	background-color:#300;
	padding:15px 30px 80px 30px;
}
.dataItem {
	display: block;
	width: 70px;
	float: left;
	clear:left;
}
.dataValue {
	display: block;
	width: 20px;
	float: left;
}
.dataRss {
	padding-top:2px;
	float: left;
}


#adminToolbox {
	float: right;
}



























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