/*
Delicious Template for Pixelpost
CSS file for "Light" theme

Author: JaySoto
Site: http://www.sotolicious.com/delicious
E-mail: jason.m.soto@gmail.com

This template was a lot of work... feel free to modify it to your hearts content, but please leave my name in here... thanks!

*/

/* ========== Universal Elements ========== */

body {
	background-color:#000;
	font:9px/20px verdana, helvetica, arial, sans-serif;
	color:#acacac;
	margin:0;
	padding:0;
}
a:link {
	color:#eee;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#eee;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
a:active {
	text-decoration:none;
	color:#eee;
}
p {
	padding:0;
	margin-top:10px;
	margin-right:0;
	margin-bottom:10px;
	margin-left:0;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
}
h2 h3 h4 {
	color:#fff;
}
h5 {
	font-size:12px;
	color:#fc0;
	padding-top:0;
	margin:0 0 10px;
}
hr {
	border:none;
	background:#fc0;
	height:1px;
}
#header {
	top:0;
	position:absolute;
	width:100%;
	height:60px;
}
#logo {
	height:60px;
	position:absolute;
	left:0;
	z-index:500;
}
#logo_sub {
	width:100%;
	position:absolute;
	bottom:0;
	padding-bottom:7px;
	font-size:24px;
	letter-spacing:-0.05em;
}
#nav {
	top:0;
	right:1em;
	position:absolute;
	text-align:right;
	z-index:1000;
}
#nav a {
	padding:2px;
	color:#fff;
}
#nav a:hover {
	background-color:#333;
}
#nav img {
	border:0;
	vertical-align:text-bottom;
}
.current {
	color:#fff;
	font-weight:bold;
}
/* ========== IMAGE Page Specific ========== */

#image_wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#photobox {
	text-align:center;
	background:#151515 url(../images/loading_d_dark.gif) no-repeat center;
	position:absolute;
	top:80px;
	margin-bottom:20px;
}
#image_footer {
	text-align:center;
	float:none;
	padding:10px 0;
	clear:both;
}
#image_footer img {
	border: none;
}
#info {
	background-color:#000;
	text-align:left;
	z-index: 1000;
	margin: 40px 0 0 0;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	font:10px/12px verdana, helvetica, arial, sans-serif;
}
#info-in {
	position:relative;
	padding:15px;
	overflow:visible;
}
#title-heading {
	font-size:18px;
	font-weight:bold;
	color:#fc0;
	text-align:left;
	line-height:1em;
}
#title-heading .date {
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}
#description {
	margin-bottom:15px;
	background:#151515;
	padding:15px;
}
#notes {
	text-align: left;
	line-height: 140%;
}
#image-border {
	position:relative;
	margin:0;
}
#menu_browse {
	position:absolute;
	margin:0;
	margin-right:-10px;
	padding:0;
	top:0;
	left:0;
	z-index:10;
}
#menu_browse a {
	outline:none;
}
#menu_browse_prev, #menu_browse_next {
	width:49.9%;
	height:100%;
	background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;
}
#menu_browse_prev {
	top:0;
	left:0;
	float:left;
}
#menu_browse_next {
	top:0;
	right:0;
	float:right;
}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background:url('../images/prevImage.png') no-repeat center center;
	cursor:pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background:url('../images/nextImage.png') no-repeat center center;
	cursor:pointer;
}
#thumbnails {
	text-align:center;
	margin:6px 0 10px 4px;
	width:52px;
	float:left;
	position:absolute;
	top:73px;
	margin-left:-17px;
}
.thumbnails {
	border:1px solid #000;
	margin:0 1px 2px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
.current-thumbnail {
	border:1px solid #000;
	margin:0 1px 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.thumbnails:hover {
	border:1px solid #000;
	margin:0 1px 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.exif {
	color:#fff;
}
/* ========== COMMENTS Specific ========== */

#recentcomments {
	margin-bottom:15px;
	padding:15px;
	background:#151515;
	line-height:140%;
}
#recentcomments ul {
	padding:0;
	margin:0;
	list-style:none;
}
#recentcomments li {
	color:#acacac;
	margin:0 0 15px;
	padding-left:16px;
	/*	padding-right:45px;*/
	background:url(../images/comment.gif) no-repeat;
}
#addcomment {
	margin-bottom:15px;
	padding:15px;
	background:#151515;
}
/* ========== COMMENTS FORM Specific ========== */

.comment-button {
	border:1px solid #ccc;
}
.input {
	border:1px solid #ccc;
	width:90%;
}
.textarea {
	border:1px solid #ccc;
	width:100%;
}
.formfield {
	width:250px;
	padding:2px;
	margin:0 auto;
	font:10px verdana, arial, helvetica, sans-serif;
	color:#444;
	border:1px solid #464646;
	background:#fff;
}
.formfield:hover, .formfield:focus {
	border:1px solid #fc0;
	background:#464646;
	color:#fff;
}
.formbutton {
	font:10px verdana, arial, helvetica, sans-serif;
	padding:5px;
	margin:0 auto;
	color:#fff;
	background:#272727;
	border:1px solid #464646;
}
.formbutton:hover {
	color:#fff;
	background:#272727;
	border:1px solid #fc0;
}
/* ========== BROWSE Page Specific ========== */

#browse_wrapper {
	position:relative;
	width:712px;
	margin-right:auto;
	margin-left:auto;
}
#browse_box {
	text-align:center;
	position:absolute;
	top:60px;
}
#browse_thumbs {
	width:540px;
	float:left;
	text-align:left;
	margin-right:2px;
}
#browse_thumbs .thumbnails {
	border:none;
	margin:0 2px 4px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#browse_thumbs .thumbnails:hover {
	border:none;
	margin:0 2px 4px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
#browse_categories {
	width:150px;
	float:right;
	text-align:left;
	background:#222;
	padding:10px;
	height:100%;
}
.viewing {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
/* ========== ABOUT Page Specific ========== */

#about_wrapper {
	position:relative;
	width:600px;
	margin-right:auto;
	margin-left:auto;
}
.announce {
	background-color:#333;
	padding:8px;
	border-top:1px solid #8dcee4;
	border-bottom:1px solid #8dcee4;
	color:#999;
	text-align:justify;
	margin-bottom:10px;
}
#about_box {
	text-align:justify;
	padding:0;
	margin:0;
	position:absolute;
	top:80px;
	width:600px;
}
#about_info {
	margin-left:210px;
	line-height:140%;
}
#about_info img {
	border:none;
}
#about_box h3 {
	color:#fff;
}
#about_box li {
	list-style:circle;
}
#footer {
	width:100%;
	padding:10px 0;
	text-align:center;
	clear:both;
}
/* ========== END OF FILE ========== */
#details {
	text-align:right;
	float:right;
}
#taglist li {
	list-style:none;
	margin-left:-40px;
}
#monthlist li {
	list-style:none;
	margin-left:-40px;
}
.archive_active_page_number {
	font-weight:bold;
}
.archive_page_number a {
	color:#999;
}
#archive_pages {
	text-align:right;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
#titlebox {
}
#title {
	text-align:left;
	float:left;
}
.title-top {
	color:#fc0;
	font-weight:bold;
}
.divider {
	font-weight:bold;
	color:#fc0;
}