/*
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-image:url(../images/bg_white.jpg);
	background-repeat:repeat-x;
	background-position:top center; */
	background-color:white;
	font: 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444444;
	margin:0px;
	padding:0px;
}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: #222;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #666;
}
.archive_active_page_number a {
	font-size:1.2em;
	font-weight:bold;
}
p {
	padding: 0px;
	margin: 0 0 10px 0;
}
h2 {
	color:#AAAAAA;
	font-size:18px;
	padding: 0px;
	margin: 0 0 10px 0;
}
h3 {
	color:#AAAAAA;
	font-size:16px;
	padding: 0px;
	margin: 0 0 10px 0;
}
h4 {
	color:#AAAAAA;
	font-size:14px;
	padding: 0px;
	margin: 0 0 4px 0;
}
h5 {
	font-size:12px;
	color:#1c627a;
	padding-top: 0;
	margin:0px 0 10px 0;
}
td {
	vertical-align:top;
}
#header {
	margin:0 auto;
	width:902px;
	height:50px;
	border-bottom:1px dotted #AAAAAA;
}
#logo {
	float:left;
	width:260px;
	height:50px;
	margin:0;
	padding:5px 0;
	z-index:500;
}

#logo_sub {
	float:left;
	margin:0;
	padding:0;
	font-size:24px;
	letter-spacing: -.05em;
	vertical-align:bottom;
}
#logo_sub h1#logo_img {
	background-image:url(../images/larsmoellerdk_logo_light.png);
	text-indent:-10000px; /*Used to hide the text off screen */
	height:40px;
	width:260px;
	float:left;
	margin:0;
}
#nav {
	float:right;
	display:inline;
	margin:0;
	padding:0;
	z-index:1000;
	font-size:11px;
}
#nav ul {
	list-style-type:none;
	float:left;
	height:20px;
	padding:20px 0 10px 0;
	margin:0;
	text-align:left;
	color:black;
}
#nav li {
	display:inline;
	margin:0 0 0 5px;
}
#nav li a {
	padding:6px;
	font-size:1.2em;
	color:black;
	text-decoration:none;
}
#nav li a:hover {
	background-color:#eee;
}
#nav img {
	margin:10px 0 0 0;
}
#styleswitcher {
	float:right;
	display:inline;
	margin:0;
	padding:0;
	z-index:100;
}
#styleswitcher ul {
	list-style-type:none;
	float:right;
	height:20px;
	padding:20px 0 10px 0;
	margin:0;
	text-align:right;
}
#styleswitcher li {
	display:inline;
	margin:0 0 0 5px;
}

#styleswitcher img {
	margin:8px 0 0 8px;
}
#main {
	margin:0 auto;
	text-align:left;
	width:902px;
}
#content {
	width:902px;
	min-height:615px;
	margin:15px auto 0;
	padding:0;
}

#footer {
	width:902px;
	text-align:center;
	margin:15px auto 10px;
}

.current {
	color:black;
	font-weight:bold;
}

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

#image_wrapper {
}
#image_top {
	width:900px;
	height:20px;
	margin:0 auto 4px;
	padding:0;
}
#image_info {
	float:left;
	width:580px;
	display:inline;
	margin:0;
	padding:0;
	z-index:100;
	line-height:1.2em;
}
#image_nav {
	float:right;
	width:400px;
	display:inline;
	margin:0;
	padding:0;
	z-index:100;
}
#image_nav ul {
	list-style-type:none;
	float:right;
	height:20px;
	padding:0;
	margin:0;
	text-align:right;
}
#image_nav li {
	display:inline;
	margin:0;
}
#photobox_wrapper {
	float:left;
	width:auto;
	margin:0 auto;
	text-align:center;
	border:1px solid #666;	
}
#photobox {
	width:auto;
	text-align:center;
	background:transparent url(../images/loading_d.gif) no-repeat center;
	position:relative;
	margin:0 auto;
	padding:0;
}
#info {
	width:902px;
	top:0;
	left:0;
	background: white none repeat scroll 0 0;
	text-align: left;
	position:absolute;
	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;
}
#col1 {
	float:left;
	width:598px;
}
#col2 {
	float:right;
	width:304px;
}
.title-heading{
	float:left;
	width:580px;
	font-size: 20px;
	font-weight: normal;
	color:#AAAAAA;
	/* color: #9dd5ed; */
	text-align: left;
	letter-spacing: -1px;
	margin:4px 0 0 0;
	padding:0;
}
.title-heading .date {
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
#image_thumb {
	 float:left;
	 background:#EEEEEE;
	 margin:5px 0 0 0;
	 padding:12px;
	 border:0px solid #9DD5ED;
}
#description {
	float:left;
	width:574px;
	min-height:75px;
	*height:77px;
	margin:5px 0 0 0;
	background:#EEEEEE;
	padding:12px;
}
#notes {
	text-align: left;
	line-height:1.2em;
}
#image-border {
	margin:0 auto;
}
#image-border img {
	border:1px solid #666666;
}
#menu_browse{
	position: absolute;
	margin: 0;
	padding: 0px;
	z-index:10;
	top:0;
	left:0;
}
#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;
}
#thumbnails{
	text-align: center;
	margin:0 0px 10px 4px;
	width:104px;
	float:right;
}
.thumbnails {
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
}
.current-thumbnail{
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.thumbnails:hover {
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.exif {
	color: #1C627A;
}
.showPhoto {
	float:right;
	width:258px;
	text-align:right;
	margin:0;
	padding:0 42px 6px 0;
	font-style:italic;
}
a.showPhoto {
	padding:0;
}
#slideshow_info {
	float:left;
	width:480px;
	margin:0 0 10px 0;
	text-align:left;
}
.tooltip {
	background-color:#F5F5B5;
	border:1px solid #DECA7E;
	color:#303030;
	font-family:sans-serif;
	font-size:12px;
	line-height:18px;
	padding:6px 8px;
	position:absolute;
	text-align:left;
	z-index:2;
}

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

#comments {
	margin:auto;
	width:902px;
}
#show_comments {
	padding:0;
}
#exif {
	float:left;
	width:138px;
	height:75px;
	background:#EEEEEE;
	margin:5px 0 0 15px;
	padding:12px;
}
#recentcomments {
	float:left;
	width:574px;
	margin:15px 0;
	padding:12px;
	background:#EEEEEE;
}
#recentcomments ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#recentcomments li {
	color:#666;
	margin:0px 0px 15px 0px;
	padding-left:16px;
/*	padding-right:45px;*/
	background: url(../images/comment.gif) no-repeat;
}
#addcomment {
	float:left;
	width:262px;
	margin:15px 0 15px 15px;
	padding:12px;
	background:#EEEEEE;
}

/* ========== 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:#eee;
	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:712px;
	margin-right:auto;
	margin-left:auto;
}
#browse_box {
	float:left;
	margin: 0;
	width: 600px;
	padding:0;
}
#browse_thumbs {
	width:540px;
	float:left;
	text-align:left;
	margin-right:2px;
}
#browse_thumbs .thumbnails {
	border:none;
	margin:0 2px 4px 2px;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}
#browse_thumbs .thumbnails:hover {
	border:none;
	margin:0 2px 4px 2px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
#browse_categories {
	width:150px;
	float:right;
	text-align:left;
	background:#EEE;
	padding:10px;
	height:100%;
}
.viewing {
	font-size:14px;
	font-weight:bold;
	color:black;
}

/* ========== COLUMN ========== */

#column {
	width:280px;
	float:right;
	margin:0 0 0 20px;
}

/* ========== ABOUT Page Specific ========== */

#about_wrapper {
	position:relative;
	width:900px;
	margin:0 auto;
}
ul.about {
	 list-style-image:none;
	 list-style-type:none;
	 list-style-position:inside;
	 margin:0 0 15px 0;
	 padding:0;
}
ul.about li {
	 margin:0;
	 padding:0;
	 line-height:1.6em;
}
.announce {
	float:left;
	width:880px;
	background-color: #efefef;
	padding: 10px;
	border-top: 0px solid #8dcee4;
	border-bottom: 0px solid #8dcee4;
	color:#1C627A;
	text-align: justify;
	margin:15px auto;
}
#about_box {
	width:900px;
	text-align: justify;
	padding:0px;
	margin:0 auto;
}
#about_box p {
		line-height:1.2em;
}
.about_1 {
	float:left;
	width:455px;
}
.about_2 {
	float:right;
	width:406px;
	height:226px;
	text-align:right;
}
.about_3 {
	 float:right;
	 width:406px;
	 margin:0;
	 padding:20px 0 0 39px;
}
#about_box img {
	margin:0 10px 5px 0;
	border:3px solid #eee;
}

/* ========== ALBUM VIEW ========== */

.albumWrapper {
				
	height:120px;
	text-align:center;
	float:left;
	/*background:#333;
	border:1px solid #666;*/
	margin:3px;
}
.albumWrapper2 {	
	margin:5px;
	width:102px;
}
.albumWrapper a:link, .albumWrapper a:visited {
	border:1px solid #666;
	display:block;
}
.albumWrapper img {
	border:0px solid #FFF;
	}
.albumTitle {
	font-size:100%;
	padding:2px 0;
	line-height:1.2em;
}
.albumTitle a:link, .albumTitle a:visited {
	border:none;
}

/* ========== Warchives ========== */

	.tags01 { font-size: 10px !important; padding:2px;}
	.tags02 { font-size: 11px !important; padding:2px;}
	.tags03 { font-size: 12px !important; padding:2px;}
	.tags04 { font-size: 13px !important; padding:2px;}
	.tags05 { font-size: 14px !important; padding:2px;}
	.tags06 { font-size: 15px !important; padding:2px;}
	.tags07 { font-size: 16px !important; padding:2px;}
	.tags08 { font-size: 17px !important; padding:2px;}
	.tags09 { font-size: 18px !important; padding:2px;}
	.tags10 { font-size: 19px !important; padding:2px;}

/* ========== STAR Rating ========== */

#starRating {
	float:right;
	width:150px;
	margin:6px 1px 0 0;
	text-align:right;
}

/* @group Rating Star */

.ratingblock {
	width: 100%;
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
}
.loading {
	height: 14px;
	background: url('/addons/_ajaxratings/ajax_ratings/images/working.gif') 50% 50% no-repeat;
}
.unit-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 14px; /* ****************************************** Change to new image width */
	position: relative;
	background: url('/addons/_ajaxratings/ajax_ratings/images/blocks/blocks-14px.gif') top left repeat-x; /* Change image name / path */		
}
.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.unit-rating li a {
	outline: none;
	display:block;
	width:14px; /* ******************************************** Change to new image width */
	height: 14px; /* ****************************************** Change to new image width */
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover{
	background: url('/addons/_ajaxratings/ajax_ratings/images/blocks/blocks-14px.gif') left center; /* Change image name / path */
	z-index: 2;
	left: 0px;
}
.unit-rating li.current-rating {
	background: url('/addons/_ajaxratings/ajax_ratings/images/blocks/blocks-14px.gif') left bottom; /* Change image name / path */
	position: relative;
	height: 14px; /* ****************************************** Change to new image width */
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* @end */

/* @group Rating Star Hover */
	
/* ************************************************
If you have used the Ajax Rating CSS Calculator, 
please remove the code BELLOW and replace it with
the dynamically generated CSS calculator output
************************************************* */

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 14px;}
.unit-rating a.r2-unit{left: 14px;}
.unit-rating a.r2-unit:hover{width: 28px;}
.unit-rating a.r3-unit{left: 28px;}
.unit-rating a.r3-unit:hover{width: 42px;}
.unit-rating a.r4-unit{left: 42px;}
.unit-rating a.r4-unit:hover{width: 56px;}
.unit-rating a.r5-unit{left: 56px;}
.unit-rating a.r5-unit:hover{width: 70px;}
.unit-rating a.r6-unit{left: 70px;}
.unit-rating a.r6-unit:hover{width: 84px;}
.unit-rating a.r7-unit{left: 84px;}
.unit-rating a.r7-unit:hover{width: 98px;}
.unit-rating a.r8-unit{left: 98px;}
.unit-rating a.r8-unit:hover{width: 112px;}
.unit-rating a.r9-unit{left: 112px;}
.unit-rating a.r9-unit:hover{width: 126px;}
.unit-rating a.r10-unit{left: 126px;}
.unit-rating a.r10-unit:hover{width: 140px;}

/* ************************************************
If you have used the Ajax Rating CSS Calculator, 
please remove the code ABOVE and replace it with
the dynamically generated CSS calculator output
************************************************* */

/* @end */

/* @group Status Messages */

#voted {
	color:#999;
}
#thanks {
	color:#9dd5ed;
}
#shame {
	color:#CC3333;
}

/* @end */

/* ========== MOST viewed images ========== */

.hits {
	width:20px;
	text-align:right;
	vertical-align:top;
	padding:0 10px 0 0;
}

/* ========== TOP Commenters Advanced ========== */

.topcomTableTop {
   	border-top:1px dotted #ccc;
	line-height:1.2em;
}
.topcomIMG {
   	height:75px;
}
/* ========== END OF FILE ========== */