/*
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 {
	font: 9px/20px verdana, helvetica, arial, sans-serif;
	color:#000;
	margin:0px;
	padding:0px;
	background: white url(../images/bg_white.jpg) no-repeat center top;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #ea92c2;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: #ff63ca;
}

p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h3 {
	font-size:16px;
	color: #000;
}

#header {
	top:0px;
	position:absolute;
	width:100%;
	height:60px;
	text-align: right;
}

#logo {
	height:60px;
	position:absolute;
	right:0px;
	z-index:500;
}

#logo_sub {
	width:100%;
	position:absolute;
	bottom:0;
	padding-bottom:7px;
	font-size: 18px;
	letter-spacing: -.05em;
	color: #666;
}

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

a:hover span{
	color: #ea92c2;
}

#nav {
	height:60px;
	position:absolute;
	left: 0;
	z-index:1000;
}

#nav_sub {
	position:absolute;
	bottom:0;
	left:0;
	margin:0px;
	padding: 0;
}

/* ========== IMAGE Page Specific ========== */

#image_wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#photobox {
	text-align:center;
	background:#eee url(../images/loading_d.gif) no-repeat center;
	position:absolute;
	top:60px;
	margin-bottom:24px;
}

#image_footer {
	text-align: right;
	padding-bottom: 4px;
	background: white;
}

#info {
	background-color: white;
	text-align: left;
	position: absolute;
	top:53px;
	z-index: 1000;
	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: normal;
	color: #ea92c2;
	text-align: left;
	letter-spacing: -1px;
	padding-bottom:15px;
}

#title-heading .date {
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

#description {
	margin-bottom:15px;
	background: #eee;
	padding:15px;
}
#notes {
	text-align: left;
}

#image-border {
    position:relative;
	margin:0;
}

#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	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: 0px;
	left:0px;
	float: left;	
}
#menu_browse_next {
	top: 0px;
	right:0px;
	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;
}
.exif {
	color: #ea92c2;
}

/* ========== BROWSE Page Specific ========== */

#browse_wrapper {
	position:relative;
	width: 750px;
	margin-right:auto;
	margin-left:auto;
}

#browse_box {
	text-align:center;
	position:absolute;
	top:60px;
}

#browse_thumbs {
	width:578px;
	float:left;
	text-align:left;
	margin-right:2px;
	margin-bottom: 20px;
}

#browse_thumbs .thumbnails {
	border: 1px solid #FFFFFF;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
}

#browse-thumbs .thumbnails:visited {
	border-color: #000000;
}

#browse_thumbs .thumbnails:hover {
	border: 1px solid #ff63ca;
	background: #ea92c2;
}

#browse_thumbs .thumbnails:active {
	border: 1px solid #ea92c2;
	background: #ff63ca;
}

#browse_categories {
	width:150px;
	float:right;
	text-align: right;
	background: #eee;
	padding: 10px;
	height:100%;
	color: #000;
}

.viewing {
	font-size:14px;
	font-weight:bold;
	color:#666;
}
/* ========== ABOUT Page Specific ========== */

#about_wrapper {
	position:relative;
	width:750px;
	margin-right:auto;
	margin-left:auto;
	text-align: justify;
}

#about_box {
	width: 100%;
	padding:0px;
	margin:0px;
	position:absolute;
	top:60px;	
}

#about_box img {
	border: 3px solid #dbdbdb;
	margin: 0 50px 5px 0;
}

#about_links {
	clear: both;
	margin-top: 30px;
	padding-bottom: 20px;
}

#footer {
	width:100%;
	margin-top:12px;
	text-align:right;
}

/* ========== END OF FILE ========== */