html, body { margin:0; border-width: 0; padding: 0;}

html {
	border-width: 20px 0 20px 30px;
	border-color: black;
	border-style: solid;
	background-color: black;
	font-size: 12pt;
}

body {
	/*padding-bottom: 30px;*/
	background-color: #898989/*backgroundgray*/;
	color: #d3d3d3/*lightgray*/;
	width: 760px;
}

/*
	seda #898989
	oranzova #f66222 headerorange
	tmave oranzova #b54919 textorange
	#f8f8ff;
	#ff4500 orangered
	#999999 navlinksgray
	#202020 darkergray (albumtree)
*/

img.logo { position: absolute; top:/*27px;*/15px; left: 551px; }
img.signature { float: right; margin-right: 50px; position:relative; top: 15px; }
img.rightimage { position: absolute; top:100px; left: 761px; }

h1, h2, h3 { font-family: Helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; color: #f66222/*headerorange*/; }
div.header h1, div.header h2, div.header h3 { padding-left: 0px; }

a:link, a:visited, a:hover { text-decoration: none; color: #d3d3d3/*lightgray*/; }

div, p { padding-left: 20px; padding-right: 20px; color: #f0f0f0;/*gray94*/ }
div.header { padding:4px; padding-left: 15px; margin: 0px; margin-bottom: 30px; background-color: #D3D3D3/*lightgray*/; border-width: 1px 0; border-color: white/*#e0e0e0*/; border-style: solid; }
div.header img, div.footer img { border: none; }

div.footer { margin-top: 30px; padding-top: 5px; padding-bottom: 5px; color: #999999 /*navlinksgray*/; background-color: #303030/*darkergray++*/; border-top: 2px solid black; clear:both; }
div.footer img { float: left; margin-top: 5px; margin-right: 10px; }
div.footer span { float: right; position: relative; left:10px; }
div.footer a.pi { color: #303030/*darkergray++*/; cursor: default; }
div.footer a.pi:hover { color: #505050/*darkergray++++*/; }
div.about { margin-top: 40px; margin-bottom: 40px; }
div.footer { clear:both; }

div.header a { color: black; }
div.navlinks { padding-top: 5px; padding-bottom:5px; min-height: 20px; background-color: #999999/*navlinksgray*/; text-align: center;}

p.contact { padding-top: 80px; }

form table th, form table td { padding: 3px 5px 3px 5px; text-align: left; background-color: #d3d3d3/*lightgray*/; }
form table th { text-align: right; color: #b54919/*textorange*/; }
form table td#button { text-align: right; background-color: transparent; }
form label { width: 1em; font-weight: bold; }

form input#name { width: 15em; }
form input#email { width: 15em; }
form input#url { width: 30em; }
form input#title { width: 20em; }

table { border-spacing: 2px; }

table a:link, table a:hover, table a:visited { color: black; /*text-decoration: underline;*/ }
table a:hover { font-weight: bold; }

table.photolist, table.wallpaperlist, table.albumlist { margin-left: 27px; margin-top: 10px; margin-bottom: 10px; }

table.albumlist td { margin: 0; padding: 11px; vertical-align: top; }
table.albumlist a:hover { font-weight: normal; }
table.albumlist img { display: block; width: 306px; height: 140px; text-align: left; margin:0; padding:0; border: 1px solid black; }
table.albumlist span { display: block; font-family: Helvetica, sans-serif; color: black; max-width: 302px; text-align: left; margin:0; margin-top: 1px; padding:0; }

table.photolist td { margin: 0; padding: 11px; /*width: 160px;*/ vertical-align: top;}
table.photolist a:hover { font-weight: normal; }
table.photolist img { display: block; width: 140px; height: 140px; text-align: left; margin:0; padding:0; border: 1px solid black; }
table.photolist span { display: block; max-width: 140px; text-align: left; margin:0; margin-top: 1px; padding:0; }

table.wallpaperlist td { margin: 0; padding: 11px; /*width: 160px;*/ vertical-align: top;}
table.wallpaperlist a:hover { font-weight: normal; }
table.wallpaperlist img { display: block; width: 306px; height: 230px; text-align: left; margin:0; padding:0; border: 1px solid black; }
table.wallpaperlist td span.wallpapertitle { display: block; max-width: 306px; text-align: left; margin:0; margin-top: 1px; padding:0; }
table.wallpaperlist td span.wallpaperdownloads { float:right; padding-left: 10px; position: relative; left:3px; margin:0; margin-top: 1px; padding:0; }

div.clearer { clear:both; }

ul.bigalbumtree { margin:20px; border-width:0; padding: 40px; list-style-type: none; background-color: #202020/*darkergray*/; }
ul.bigalbumtree ul { padding-left: 40px; padding-top: 20px; list-style-type: none; }
ul.bigalbumtree li { padding-top: 20px; }
ul.bigalbumtree li.toplevel { border-top: 1px solid #d3d3d3/*lightgray*/; padding-bottom: 50px; padding-top: 10px;}
ul.bigalbumtree img { float:left; width: 306px; height: 140px; margin-right:15px; padding:0; border: 1px solid black; }
ul.bigalbumtree span.title { display:block; font-family: Helvetica, sans-serif; color: #f66222/*headerorange*/; margin-bottom: 10px; font-size:larger; }
ul.bigalbumtree span.desc { display:block; color:white; }
ul.bigalbumtree li.toplevel a.toplevel span.title { font-weight: bold; }

ul.albumtree { margin:0; border-width:0; padding: 10px; list-style-type: none; position: absolute; top: 100px; left: 775px; width:100px; /*min-width: 100px; max-width: 140px;*/ background-color: #202020/*darkergray*/; }
ul.albumtree ul { padding-left: 10px; margin-left: 5px; list-style-type: none; }
ul.albumtree li.topalbum { font-family: Helvetica, sans-serif; /*font-size:larger;*/ padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #d3d3d3/*lightgray*/; }
ul.albumtree a.selected { color: #f66222/*headerorange*/; }

div.news { margin:30px; border-width:0; padding: 40px; list-style-type: none; background-color: #202020/*darkergray*/; }
ul.news { padding: 0; margin: 0; }
ul.news li { margin: 0; padding: 0; padding-bottom: 40px; list-style: none; border-top: 1px solid #909090/*lightgray--*/; }
/*ul.news div { padding: 0 10px; margin: 0; }*/
ul.news div.newsheader { margin: 0 10px; padding: 5px 0; border-bottom: 1px solid #404040/*darkergray++*/; }
ul.news div.text { margin: 0; padding: 10px 10px 0 10px; padding-top: 10px; }
ul.news li span.time { float:right; padding-left:5px; font-style: italic; color: #d3d3d3/*lightgray*/; }
ul.news li span.header { font-weight: bold; color: #f66222/*headerorange*/; }
ul.news li a { color: #f66222/*headerorange*/; }
ul.news p { padding:0; margin:0; padding-bottom: 10px; }

div.guestbook { clear: right; padding: 15px 20px; margin:20px; }
ul.guestbook { border-width:0; margin:0; padding:0; list-style-type: none; }
ul.guestbook li { margin-bottom:10px; padding: 0; background-color: #202020/*darkergray*/; border: 1px solid #d3d3d3/*lightgray*/; }
ul.guestbook li div.commentheader { padding: 5px 10px; border-bottom: 1px solid #d3d3d3/*lightgray*/; background-color: #404040/*darkergray++*/; }
ul.guestbook li div.text { padding: 10px; }
ul.guestbook li span.title { display: block; font-weight: bold; /*font-style: italic;*/ color: #f66222/*headerorange*/; }
ul.guestbook li span.time { float: right; padding-left:5px; font-style: italic; color: #d3d3d3/*lightgray*/; }
ul.guestbook li span.name { font-weight: bold; }
ul.guestbook li span.anonymous { font-style: italic; }
ul.guestbook li a { font-style: italic; }