@charset "UTF-8";
@import "../../bases/sleeves/sleeves.css";

/*
	"Forest" (using the Sleeves Layout Base)
	Developed by Nate Hart
	http://nejt.net
*/

* {
	margin: 0;
	padding: 0;
}

/**/
	/* Forest Theme for Sleeves */
/**/

::selection {
	background: #dad1ca;
}

::-moz-selection {
	background: #dad1ca;
}

noscript {
	color: #5b504a;
}

.error {
	color: #cc3333;
}

body {
	background: #eee3d9 url('images/background.png');
}

/* Header */

header {
	background: #5b504a;
}

#heading h1 {
	background: transparent url('images/sprites.png') -85px 0 no-repeat;
	color: #acee85;
}

#heading h2 {
	background: #5b504a url('images/header/bubble_tail.png') left bottom no-repeat;
}

#heading h2 span {
	background: #acee85;
	color: #5b504a;
}

header form span {
	color: #7e716a;
}

header form span input {
	background: #7e716a;
	color: #4d443f;
}

header form span input[type=submit]:hover {
	background: #8b7c75;
	color: #5d534d;
}

/* Nav */

nav ul li a:link, nav ul li a:visited {
	background: #6a5f59;
	color: #acee85;
}

nav ul li a:hover {
	color: #ccffaa;
}

/* Content */

#content_area {
	background: transparent url('images/aside.gif') right repeat-y;
}

section {
	background: #ddd;
}

section h1 {
	background: #ccc;
	color: #666;
}

section h1 a:link, section h1 a:visited {
	color: #555;
}

section h1 a:hover {
	color: #333;
}

section h2 {
	color: #666;
}

section h3 {
	color: #666;
}

section .time {
	background: #ccc;
	color: #666;
}

section article {
	background: #ddd;
}

section p {
	background: none;
	color: #666;
}

section a:link, section a:visited {
	color: #4c4c4c;
}

section a:hover {
	color: #7e716a;
}

section a:active {
	color: #6a5f59;
}

aside h1 span {
	background: #7e716a;
	color: #c8c3c1;
}

aside a:link {
	background: #7e716a;
	color: #c7bEb8;
}

aside a:visited {
	background: #7e7570;
	color: #c5c5c5;
}

aside a:hover {
	background: #756660;
	color: #c6b6a6;
}

aside .recent_photo a {
	border-color: #6a5f59;
}

aside .recent_photo a:link {
	background: #7e716a;
}

aside .recent_photo a:visited {
	background: #7e7775;
}

aside .recent_photo a:hover {
	background: #756660;
}

/* Footer */

footer {
	background: #9b877f;
}

footer #footerContainer div a:link, footer #footerContainer div a:visited {
	background: transparent url('images/sprites.png') no-repeat;
}

footer #footerContainer div a img {
	background: #9b877f;
}

footer #footerContainer div .details {
	background: transparent url('images/footer/bubble_tail.png') left center no-repeat;
}

footer #footerContainer div .details span {
	background: #89776f;
	color: #59504c;
}

footer #footerContainer div .details span a:link,
footer #footerContainer div .details span a:visited {
	background: #89776f;
	color: #acef86;
}

footer #footerContainer div .details span a:hover {
	background: #93807b;
	color: #ccffaa;
}

footer a {
	background: #74655f;
	color: #acef86;
}

footer a:hover {
	background: #605049;
	color: #ccffaa;
}

footer .details {
	color: #acef86;
}

/* Photos - Album View */

.portfolio_folder a:link,
.portfolio_folder a:visited {
	color: #666;
}

.portfolio_folder a:hover {
	color: #333;
}

.portfolio_folder .details {
	display: block;
	font-size: 1em;
}

/* Photos - Photo View */

.itemContainer a:link {
	background: #eee;
	border: 1px solid #e5e5e5;
}

.itemContainer a:visited {
	background: #d9d9d9;
	border: 1px solid #d0d0d0;
}

.itemContainer a:link img,
.itemContainer a:visited img {
	opacity: 0.75;
}

.itemContainer a:hover {
	background: #e7e7e7;
	border-color: #bbb;
}

.itemContainer a:hover img {
	opacity: 1.0;
}

.itemContainer a:active {
	background: #d7d7d7;
	border-color: #aaa;
}

.itemContainer h2 {
	color: #666;
}

/* Photos - Large Photo View */

#desktop {
	background: #ddd;
}

#portfolio h1 {
	color: #444;
}

#portfolio #shelf {
	background: #e1e1e1;
}

#portfolio #shelf a {
	background: #d9d9d9;
	border: 1px solid #d0d0d0;
	color: #999;
}

#portfolio #shelf a:hover {
	background: #c9c9c9;
	border: 1px solid #c0c0c0;
	color: #666;
}

#portfolio #shelf a:active {
	background: #b9b9b9;
	border: 1px solid #b0b0b0;
	color: #333;
}

#prevItem:link, #prevItem:visited {
	color: #333;
}

#prevItem:hover {
	color: #000;
}

#nextItem:link, #nextItem:visited {
	color: #333;
}

#nextItem:hover {
	color: #000;
}

#portfolio #author {
	color: #444;
}

#portfolio #date {
	color: #999;
}

#portfolio #details {
	border: 1px solid #999;
	color: #666;
}

#tags {
	background: #ddd;
	border: 1px solid #aaa;
	border-top: none;
	color: #999;
}

#photoReel {
	background: #eee;
}

#photoReel a {
	border: 1px solid #e5e5e5;	
}

#photoReel a img {
	opacity: 0.5;
}

#photoReel #curItem {
	background: #d7d7d7;
	border-color: #aaa;
}

#photoReel #curItem img {
	opacity: 1.0;
}

#photoReel a:hover {
	background: #e7e7e7;
	border-color: #bbb;
}

#photoReel a:hover img {
	opacity: 1.0;
}

/* Photos - Uploader */

#uploader a:link, #uploader a:visited {
	color: #999;
}

#uploader a:hover {
	color: #666;
}

#uploader a:active{
	color: #333;
}

.uploader {
	background: #e9e9e9;
	border: 1px solid #ccc;
}

#uploader input,
.uploader input,
.uploader textarea {
	background: #efefef;
	border: 1px solid #d0d0d0;
	color: #666;
	outline-color: #ccc;
}

.uploader span {
	color: #666;
}

.uploader a:link, .uploader a:visited {
	color: #cc0000;
}

.uploader a:hover {
	background: #ff9999;
	color: #ff0000;
}

#uploader input[type=submit] {
	background: #e9e9e9;
	border: 1px solid #ccc;
}

#uploader input[type=submit]:hover {
	background: #d9d9d9;
	border-color: #bbb;
	color: #555;
}

#uploader input[type=submit]:active {
	background: #ccc;
	border-color: #999;
	color: #333;
}

/* Photos - New Album */

#albumForm span {
	color: #666;
}

#albumForm input {
	background: #eee;
	border: 1px solid #c9c9c9;
	color: #666;
	outline-color: #ccc;
}

#albumForm input[type=submit] {
	background: #d0d0d0;
	border: 1px solid #c9c9c9;
}

#albumForm input[type=submit]:hover {
	background: #c9c9c9;
	border: 1px solid #bbb;
	color: #494949;
}

#albumForm input[type=submit]:active {
	background: #bbb;
	border: 1px solid #999;
	color: #333;
}

#albumForm #iconViewer {
	background: #eee;
	border: 1px solid #c9c9c9;
}

#albumForm #iconViewer .iconThumb label:hover {
	background: #e0e0e0;
	cursor: pointer;
}

/* Photos - Album Options */

#optionsList a:link, #optionsList a:visited {
	background: #eee;
	border: 1px solid #ccc;
	color: #666;
}

#optionsList a:hover {
	background: #e0e0e0;
	border: 1px solid #bbb;
	color: #4c4c4c;
}

#optionsList a:active {
	background: #ccc;
	border: 1px solid #999;
	color: #222;
}

#albumForm a:link, #albumForm a:visited {
	color: #cc0000;
}

#albumForm a:hover {
	background: #ff9999;
	color: #ff0000;
}

/* Photos - File Options */

#fileOptions .fileThumb {
	background: #eee;
	border: 1px solid #c9c9c9;
}

#fileOptions input[type=submit] {
	background: #e9e9e9;
	border: 1px solid #ccc;
	color: #666;
}

#fileOptions input[type=submit]:hover {
	background: #d9d9d9;
	border-color: #bbb;
	color: #555;
}

#fileOptions input[type=submit]:active {
	background: #ccc;
	border-color: #999;
	color: #333;
}

/* Contact Form */

#contactForm label {
	color: #666;
}

#contactForm input, #contact textarea {
	background: #eee;
	border: 1px solid #c9c9c9;
	color: #666;
	outline-color: #ccc;
}

#contactForm #submit {
	background: #e9e9e9;
	border: 1px solid #ccc;
	color: #666;
}

#contactForm #submit:hover {
	background: #d9d9d9;
	border-color: #bbb;
	color: #555;
}

#contactForm #submit:active {
	background: #ccc;
	border-color: #999;
	color: #333;
}