/* Patrick Hartz 2008
 * based on the 
 * 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 : #222222;
	background-image : url(../images/back.png);
	background-repeat : repeat-x;
	font : 13px/20px verdana, helvetica, arial, sans-serif;
	color : #acacac;
	margin : 0;
	padding : 0;
}
#detail_comment {
	text-align : right;
	color : #555555;
	right : 0;
}
#wrapper {
	position : relative;
	width : 1020px;
	margin-right : auto;
	margin-left : auto;
}
img {
	border : 0;
}
a:link {
	color : #eee;
	text-decoration : none;
}
a:visited {
	text-decoration : none;
	color : #eee;
}
a:hover {
	color : white;
	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 : #3f7795;
	color : #9dd5ed;
	padding-top : 0;
	margin : 0 0 10px 0;
}
#styleswitcher {
	top : 0;
	left : 0;
	z-index : 100;
	position : absolute;
	width : 100%;
	text-align : right;
}
#styleswitcher img {
	margin : 8px 8px 8px 0;
}
#top_wrapper {
	position : relative;
	width : 90%;
	margin-right : auto;
	margin-left : auto;
}
#header {
	top : 0;
	position : absolute;
	width : 100%;
	height : 60px;
	padding-top : 10px;
	padding-bottom : 10px;
}
#logo {
	height : 60px;
	width : 100%;
	position : absolute;
	left : 0;
	z-index : 500;
	background-image : url(../images/logo.png);
	background-repeat : no-repeat;
	background-position : left top;
	padding-top : 10px;
}
#logo_sub {
	width : 100%;
	position : absolute;
	bottom : 0;
	padding-bottom : 7px;
	font-size : 24px;
	letter-spacing : -0.05em;
}
#nav {
	letter-spacing : 1px;
	width : 100%;
	border-top : 1px solid #7a7a7a;
	font-size : 10px;
	height : 20px;
	position : absolute;
	right : 0;
	z-index : 1000;
	margin-top : 45px;
}
#nav_sub {
	position : absolute;
	bottom : 0;
	right : 0;
	padding : 0;
	margin : 0;
	color : white;
}
#nav_sub a {
	padding : 2px;
	color : white;
}
#nav_sub a:hover {
	text-decoration : underline;
}
.current {
	color : white;
	font-weight : bold;
}
#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;
	margin-left : -21px;
	position : absolute;
	top : 60px;
	margin-bottom : 20px;
}
#image_footer {
	text-align : center;
	float : none;
	margin-top : 4px;
}
#image_details a {
	position : relative;
	border : 1px solid #666666;
	padding : 2px 3px;
	text-align : center;
	vertical-align : middle;
	font-size : 80%;
}
#impressum {
	font-size : 12px;
	background-color : black;
	text-align : left;
	position : absolute;
	top : 50px;
	z-index : 1000;
}
#impressum-in {
	margin : 2px;
	position : relative;
	padding : 15px;
	overflow : visible;
}
#impressum-close {
	text-align : right;
}
#info {
	background-color : black;
	text-align : left;
	position : absolute;
	top : 53px;
	z-index : 1000;
}
#info-in {
	position : relative;
	padding : 15px;
	overflow : visible;
}
#info-close {
	text-align : right;
}
#title-heading {
	font-size : 20px;
	font-weight : normal;
	color : #9dd5ed;
	text-align : left;
	letter-spacing : -1px;
	padding-bottom : 15px;
	margin-top : -15px;
}
#title-heading .date {
	font-size : 14px;
	font-weight : normal;
	color : #999;
}
#description {
	margin-bottom : 15px;
	background : #151515;
	padding : 15px;
}
#notes {
	text-align : left;
}
#image-border {
	position : relative;
	margin-right : auto;
	margin-left : auto;
	margin : 0;
	width : 1002px;
}
#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;
	display : block;
}
#menu_browse_next {
	top : 0;
	left : 0;
	float : left;
}
#menu_browse_prev {
	top : 0;
	right : 0;
	float : right;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background : url('../images/next.png') no-repeat center center;
	cursor : pointer;
}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background : url('../images/previous.png') no-repeat center center;
	cursor : pointer;
}
#thumbnails img {
	width : 100px;
	height : 75px;
}
#thumbnails {
	text-align : center;
	margin : 6px 0 10px 4px;
	width : 820px;
	float : left;
	position : absolute;
	margin-left : 0;
}
.thumbnails {
	border : 1px solid black;
	margin : 0 1px 2px 1px;
}
.current-thumbnail {
	border : 1px solid black;
	margin : 0 1px 2px 1px;
}
.thumbnails:hover {
	border : 1px solid black;
	margin : 0 1px 2px 1px;
}
.exif {
	color : #9dd5ed;
}
#recentcomments {
	margin-bottom : 15px;
	padding : 15px;
	background : #151515;
}
#recentcomments ul {
	padding : 0;
	margin : 0;
	list-style : none;
}
#recentcomments li {
	color : #666;
	margin : 0 0 15px 0;
	padding-left : 16px;
	background : url(../images/comment.gif) no-repeat;
}
#addcomment {
	margin-bottom : 15px;
	padding : 15px;
	background : #151515;
}
.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;
}
.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 : 0 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_wrapper {
	position : relative;
	width : 712px;
	margin-right : auto;
	margin-left : auto;
}
#browse-nav-container {
	float : left;
	margin : 0;
	padding : 0;
	text-align : left;
	width : 170px;
}
#browse-nav-container h4 {
	margin : 0;
	padding : 5px 2px;
	letter-spacing : 2px;
	font-style : normal;
}
#browse-nav-container ul {
	list-style : none;
	margin : 0;
	padding : 0 2px 15px 2px;
}
#browse-nav-container li {
	list-style : none;
	margin : 0;
	padding : 0 4px 4px 4px;
	border-bottom : 1px solid #666666;
	font-size : 80%;
	letter-spacing : 2px;
}
#browse_box {
	margin-top : 3px;
}
#browse_thumbs {
	margin-left : 180px;
}
#browse_thumbs .thumbnails {
	border : none;
	margin : 0 2px 4px 2px;
}
#browse_thumbs .thumbnails:hover {
	border : none;
	margin : 0 2px 4px 2px;
}
#browse_thumbs_pagination a {
	border : 1px solid #666666;
	padding : 2px 3px;
	text-align : center;
	vertical-align : middle;
	font-size : 80%;
}
.viewing {
	font-size : 14px;
	font-weight : bold;
	color : white;
}
#about_wrapper {
	position : relative;
	width : 712px;
	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;
}
#content {
	width : 1002px;
	text-align : justify;
	padding : 0;
	position : absolute;
	margin-left : 10px;
	top : 100px;
}
#text_content {
	width : 750px;
	text-align : justify;
	padding : 0;
	position : absolute;
	margin-left : 130px;
	top : 125px;
}
#content h3 {
	color : white;
}
#about_box {
	text-align : justify;
	padding : 0;
	margin : 0;
	position : absolute;
	top : 60px;
}
#about_box h3 {
	color : white;
}
#about_box img {
	margin : 0 10px 5px 0;
	border : 3px solid #444;
}
#footer {
	width : 100%;
	text-align : center;
	font-size : 9px;
	padding-bottom : 30px;
}
#bannerad {
	background-color : #333;
	padding : 1px 10px 1px 10px;
	font : 14px/20px "courier new";
	width : 500px;
}
input.txt {
	color : #acacac;
	background-color : #222222;
	border : 1px solid;
	border-color : #acacac;
}
input.btn {
	color : #acacac;
	letter-spacing : 2px;
	background-color : #222222;
	border : 1px solid;
	border-color : #acacac;
	margin-top : 4px;
	padding-top : 2px;
	padding-bottom : 2px;
}
input.btnhov {
	border-color : #000000;
}
textarea.txt {
	color : #acacac;
	background-color : #222222;
	border : 1px solid;
	border-color : #acacac;
}
/* ========== END OF FILE ========== */