/*
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:#000000;
        font: 9px/20px verdana, helvetica, arial, sans-serif;
        color:#acacac;
        margin:0px;
        padding:0px;
        background-image:url(../images/bg.jpg);
        background-repeat: repeat-x;
        background-position: center top;
}

#navigation {
        background-color:#666;
        text-align:right;
        vertical-align:bottom;
        padding-right:15px;
}

#navigation a:hover {
        color:white;
        background-color:#333;
}

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

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

a:hover {
        color: orange;
        text-decoration: none;
}

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

p {
        padding: 0px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
}
h2 {
        font-size:18px;
}

h3 {
        font-size:16px;
}

h4 {
        font-size:14px;
}

h2 h3 h4 {
        color:#fff;
}

h5 {
        font-size:12px;
        color:#3F7795;
        color:#9dd5ed;
        padding-top: 0;
        margin:0px 0 10px 0;
}
#styleswitcher {
        top:0px;
        left:0px;
        z-index:100;
        position:absolute;
        width:100%;
        text-align:right;
}

#styleswitcher img {
        margin:8px 8px 8px 0;
}

#header {
        top:0px;
        position:absolute;
        width:100%;
        height:60px;
}
#logo {
        height:60px;
        position:absolute;
        left:0px;
        z-index:500;
}

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

#bottom-nav {
        height:60px;
        position:absolute;
        right:0px;
        z-index:1000;
        margin:0.25px;
        margin-bottom:40px;
}

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

#nav_sub {
        position:absolute;
        bottom:0;
        right:0;
        padding:0px;
        margin:0px;
        color:white;
}

#nav_sub a {
        padding:2px;
        color:white;
}

#nav_sub a:hover {
        background-color:#333;
}

.current {
        color:#cfa456;
        font-weight:bold;
}
/* ========== IMAGE Page Specific ========== */
#image_table {
        width:250px;
        height:200px;
        background:black url(../images/loading_d.gif) no-repeat center;
}

#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;
        top:60px;
        */
        margin-left:-21px;
        position:absolute;
        margin-bottom:20px;
}

#image_footer {
        text-align:center;
        float:none;
        margin-top:4px;
}

#writeComment {
        text-align: left;
}

#comments {
        background-color: #777777;
        text-align: left;
        position: absolute;
        margin-left:-21px;
        border:3px solid #3e3a36;
        top:53px;
        z-index: 1000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;

}
#showexif {
        color:white;
        background-color: #151515;
        text-align: center;
        position: absolute;
        margin-left:1px;
        border:0px solid #3e3a36;
        z-index: 1000;
        border-top:1px solid #ffffff;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
        height:auto;
}
#showInfo {
        background-color: #000000;
        text-align: left;
        position: absolute;
        margin-left:5px;
        border:1px solid #3e3a36;
        z-index: 5000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
        height:auto;
        top:91px;
        /* Use with photoblog awards
        top:103px;
        */
}

#showComments {
        background-color: #000000;
        text-align: left;
        position: absolute;
        margin-left:5px;
        border:1px solid #3e3a36;
        z-index: 5000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
        height:auto;
        top:91px;
        /* Usw with photoblog awards 
        top:103px;
        */
}
#more {
        background-color: #3e3a36;
        text-align: left;
        position: absolute;
        margin-left:-31px;
        border:3px solid #3e3a36;
        top:53px;
        z-index: 1000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#browse-view {
        background-color: #3e3a36;
        text-align: left;
        position: absolute;
        border:3px solid #3e3a36;
        top:53px;
        z-index: 1000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#about_info {
        background-color: #777777;
        text-align: left;
        position: absolute;
        margin-left:21px;
        border:3px solid #3e3a36;
        top:53px;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#main_box {
        /*
        background-color: #000000;
        */
        text-align: left;
        position: absolute;
        /*
        border:3px solid #3e3a36;
        */
        top:10px;
        z-index: 1000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}
#info {
        background-color: #777777;
        text-align: left;
        position: absolute;
        margin-left:-21px;
        border:3px solid #3e3a36;
        /*
        top:53px;
        */
        top:35px;
        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:5px;
        overflow:visible;
}

#title-heading{
        font-size: 11px;
        font-weight: normal;
        color: #9dd5ed;
        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:#151515;
        padding:15px;
}
#mydescription {
        margin-bottom:5px;
        padding:5px;
}
#notes {
        text-align: left;
}

#imageInfo {
        color: #9dd5ed;
}

#copyright {
        color:gray
}

#showImage {
        text-align: left;
        background:black url(../images/loading_d_dark.gif) no-repeat center;
        text-decoration: none;
 /*       border:1px solid white; */
        padding: 0px;
}


#showthumbs {
        text-align: left;
}


#showabout {
        text-align: left;
        width:710px;
}

#image-border {
    position:relative;
        color:white;
        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.gif') no-repeat center center;
        cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
        background: url('../images/nextImage.gif') no-repeat center center;
        cursor: pointer;
}

#bigThumbnail{
        text-align: center;
        width:250px;
        height:200px;
        background:black url(../images/loading_d.gif) no-repeat center;
        text-decoration: none;
        border:3px solid #505050;
}

/*
#thumbnails{
        text-align: center;
        margin:6px 0px 10px 4px;
        width:56px;
        float:left;
        position:absolute;
        top:53px;
        margin-left:5px;
}

.thumbnails {
        border:1px solid #3e3a36;
        margin:0 1px 2px 1px;
        filter:alpha(opacity=25);
        -moz-opacity:.25;
        opacity:.25;
}

.current-thumbnail{
        border:1px solid #3e3a36;
        margin:0 1px 2px 1px;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
}

.thumbnails:hover {
        border:1px solid #3e3a36;
        margin:0 1px 2px 1px;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
}
        */
        
.thumbnails {
        border:1px solid #515151;
        padding:3px;
        margin:3px;
}
        

.exif {
        color: #9dd5ed;
}


/* ========== COMMENTS Specific ========== */

#visitors {
        background-color: #777766;
        text-align: left;
        position: absolute;
        margin-left:0px;
        /*
        border:3px solid #3e3a36;
        */
        border:3px solid #000000;
        top:101px;
        z-index: 5000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}


#recentcomments {
        margin-bottom:15px;
        padding:15px;
        background:#151515;
}

#recentcomments ul {
        padding:0px;
        margin:0px;
        list-style:none;
}

#recentcomments li {
        margin:0px 0px 15px 0px;
        padding-left:16px;
/*      padding-right:45px;*/
        background: url(../images/comment.gif) no-repeat;
}

#thiscomments {
        background-color: #000000;
        text-align: left;
        position: absolute;
        margin-left:0px;
        border:3px solid #3e3a36;
        top:8px;
        z-index: 5000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#recent-comments {
        background-color: #777766;
        text-align: left;
        position: absolute;
        margin-left:0px;
        /*
        border:3px solid #3e3a36;
        */
        border:3px solid #000000;
        top:101px;
        z-index: 5000;
        filter:alpha(opacity=90);
        -moz-opacity:.90;
        opacity:.90;
        font: 10px/12px verdana, helvetica, arial, sans-serif;
}

#recent-comments ul {
        padding:0px;
        margin:0px;
        list-style:none;
}

#recent-comments li {
        margin:0px 0px 15px 0px;
        padding-left:16px;
/*      padding-right:45px;*/
        background: url(../images/comment.gif) no-repeat;
}

#addcomment {
        margin-bottom:15px;
        padding:15px;
        background:#151515;
}
#masthead {
        width:217px;
        height:43px;
        padding:3px;
        margin-top:0px;
        background: url(../images/sharpBokehMastheadDark.gif) no-repeat;
}
#bottom {
        background-color:#3e3a36;
}

/* ========== 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:0px auto;
        font:10px verdana, arial, helvetica, sans-serif;
        color:#444;
        border:1px solid #464646;
        background:#white;
}
.formfield:hover, .formfield:focus{
        border-top:1px solid #3F7795;
        border-bottom:1px solid #3F7795;
        border-left:1px solid #3F7795;
        border-right:1px solid #3F7795;
        background:#464646;
        color:yellow;
}
.formbutton{
        font:10px verdana, arial, helvetica, sans-serif;
        padding:5px;
        margin:0px auto;
        color:#7D7D7D;
        background:#272727;
        border:1px solid #464646;
}
.formbutton:hover{
        color:#2CCBE9;
        background:#272727;
        border-top:1px solid #3F7795;
        border-bottom:1px solid #3F7795;
        border-left:1px solid #3F7795;
        border-right:1px solid #3F7795;
}


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

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

#thumb_area {
        width:660px;
        background:url(../images/ajax-loader.gif) no-repeat left;
}

#browse_box {
        text-align:center;
        position:absolute;
        top:60px;
}
#browse_thumbs {
        width:760px;
        float:left;
        text-align:left;
        margin-right:2px;
}

#browse_thumbs .thumbnails {
        border:none;
        margin:0 2px 4px 2px;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
}
.................................................
#vertical_box {
        width:200px;
        float:right;
        text-align:left;
        padding:10px;
        height:100%;
        border:1px solid white;
}
#browse_thumbs .thumbnails:hover {
        border:none;
        margin:0 2px 4px 2px;
        filter:alpha(opacity=50);

        -moz-opacity:.5;
        opacity:.5;
}
#browse_categories {
        width:200px;
        float:right;
        text-align:left;
        padding:10px;
}

#browse_list {
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
}

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

#about_wrapper {
        position:relative;
        width:712px;
        margin-right:auto;
        margin-left:auto;
}

#about_wrap {
        text-align:left;
        margin-left:51px;
}

.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:0px;
        margin:0px;
        position:absolute;
        top:60px;
}

#about_box h3 {
        color:white;
}
#about_box img {
        margin:0 10px 5px 0;
        border:3px solid #444;
}

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

/* ========== BROWSE ========== */
#browse_list {
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
}
#browse_list_info{
        position:relative;
        text-align:left;
        vertical-align:center;
        padding-left:0px;
        color:white;
        height:50px;
}
#browse_list_all{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:center;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_cat {
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_date{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_medium{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_location{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_popularity{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_camera{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}
#browse_list_lens{
        position:relative;
        background-color:#666;
        text-align:left;
        vertical-align:bottom;
        padding-left:5px;
        font-weight:bold;
        color:white;
        height:15px;
}

/*Rounded Divs */

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #777777 url(../images/botleft.gif) no-repeat bottom left;
  color: #dddddd;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #777777 url(../images/botright.gif) no-repeat bottom right;
  color: #dddddd;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #dddddd;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h4 {
  color: #3e3a36;
  background: #777777 url(../images/topright.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(../images/topleft.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
  font-size: 3.2em;
}
div.rounded h4 {
  font-size: 2em;
}

.tags01 { font-size: 10px !important; }
   .tags02 { font-size: 12px !important; }
   .tags03 { font-size: 14px !important; }
   .tags04 { font-size: 16px !important; }
   .tags05 { font-size: 18px !important; }
   .tags06 { font-size: 20px !important; }
   .tags07 { font-size: 22px !important; }
   .tags08 { font-size: 24px !important; }
   .tags09 { font-size: 26px !important; }
   .tags10 { font-size: 28px !important; }

.boxheader {
	width:300;
	background:#acacac;
	border:1px solid #C4D5E3;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	/*
	color:#CC9900;
	*/
	color:#000000;
	padding:0px;
	text-align: center;
}

.boxbody {
	width:300;
	background:#C4D5E3;
	font-size:9px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	border-left:1px solid #c4dfe3;
	border-right:1px solid #c4dfe3;
	border-bottom:1px solid #c4dfe3;
	padding:10px;
	text-align: center;
	color:#FFFFF;
}


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