html, body {background-color: white; padding: 0; margin: 0; font-family: Trebuchet MS, Arial, Helvetica; color: #333333;}

div, p {margin: 0; padding: 0;}
img {border: none;}

/* structure */

div.head {height: 110px; background-image: url('/images/hbg.gif'); background-repeat: repeat; background-position: top center;}

div.logo {position: absolute; top: 55px; left: 7%;}
html>body div.logo {background-image: url('/images/leto.png'); overflow: visible;}
div.logo img {font-family: Trebuchet MS, Arial, Helvetica; font-size: 33px; width: 135px; height: 56px; color: #F681C0; font-weight: bold;}
div.logo a {text-decoration: none;}
div.linked {cursor: pointer;}
div.message {position: absolute; top: 20px; right: 55px; background-color: white;}
div.message p {margin: 2px 10px;}

@import url("ie_style.css");

ul.menu {margin: 25px 0 0; width: 90%; position: relative; top: 0; left: 7%; padding: 0;}
ul.menu li {display: block; float: left; margin: 0 4% 10px 0; padding: 2px 10px;}
ul.menu li.here {background-color: #FFCF20;}
ul.menu li img {border: none; margin: 0 11px 0 0; width: 11px; height: 11px;}

div.foot {position: relative; clear: both; top: 0; left: 0; width: 100%; height: 40px; visibility: hidden;
	background-image: url('/images/hbg.gif'); background-repeat: repeat; background-position: top center; margin-top: 150px;}

div.foot p.copys {position: absolute; top: 10px; right: 20px; background-color: white; padding: 2px 5px;}

div.add {float: right; width: 28%; position: relative; right: 6%; top: 60px; }

div.main {width: 78%; position: relative; top: 25px; left: 7%; clear: left; margin: 0;}
html>body div.main {width: 59%;}
div.mainwide {width: 85%; position: relative; top: 25px; left: 7%; clear: left; margin: 0;}

h1,h2 {position: relative; top: 0; left: -1px;}

div.adm, div.admin_place {float: left; background-color: #eeeeee; margin: 25px 0; padding: 15px; z-index:1;}

.fototail {background-color: #eeeeee; width: 82%; margin: 0 0 .5em 0; float: left; padding: 9px; left: -9px; clear: none; /*width: 650px;*/}
.fototail a {margin: 0; padding: 0;}
.fototail img {margin: 0 1px 0 0;}
.fototail span {margin: 0 15px 0 10px;}

.fotoalbum {float: none; margin: 1em 10% .7em 0; width: auto; padding: 0;}
.fotoalbum div {float: left; width: 190px; height: 150px; margin: 0; padding: 0;}
.fotoalbum div img {border: 5px solid #e9e9e9; margin: 0;}
.fotoalbum div p {margin: 0;}

.fotobig {border: #e9e9e9 solid 9px; margin: 0;}

.fotocol {border-collapse: collapse; position: relative; left: -2em; margin: 0;}
.fotocol td {padding: 0 1px 0 0;}
.fotocol td.fotoarr {vertical-align: middle; text-align: center; width: 2em; color: #999999;}
.fotocol img {margin: 10px 0 5px;}
.fotocol img.selected {border: solid #cccccc; border-width: 10px; margin: 0 0 0;}
.fotocol a {margin: 0; padding: 0;}
.fotocol p {margin: 5px 10px 5px 0;}

/* styles */

a, a:visited, a:hover, a:active {color: #6378B1; text-decoration: underline;}
ul.menu li a, ul.menu li a:visited, ul.menu li a:hover, ul.menu li a:active {color: black;}
ul.menu li.here a {text-decoration: underline;}

p {font-size: 95%; margin: 0 0 15px;}

h1,h2,h3 {font-family: Trebuchet MS, Arial, Helvetica; font-weight: normal; margin: 20px 0 5px;}
h1,h2 {color: #F681C0;}
h1 {font-size: 210%; letter-spacing: -1px;}
h2 {font-size: 130%;}
h3 {font-size: 120%; color: #929CB9;}

div.add {font-size: 95%;}

div.adm, div.admin_place {font-size: 75%;}

.fototail span {font-size: 75%;}
.fotoalbum div p {font-size: 75%;}
.fotocol p {font-size: 75%;}

div.foot p.copys {font-size: 72%; color: #666666;}

/* comments */

div.mainwide div.comment1, div.mainwide div.comment2, div.mainwide div.comment_text, div.mainwide div.comment_form {width: 65%;}

div.comment1, div.comment2 {font-size: 82%;}
div.comment2 { background: #eeeeee; }
div.comment1 { background: white; }

.comment_info { padding: 9px 0 0 15px;}

.comment_text { padding: 5px 25px 10px 15px;}

.comm_actions { padding: 4px 10px 4px 0; text-align: right;}
.comm_actions a {text-decoration: none;}
.comm_actions a:hover {text-decoration: underline;}

div.comment_form {padding-top: 10px; }
div.comment_form textarea {width: 450px; height: 100px; border-width: 1px; background-color: #f5f5f5; font-family: Trebuchet MS, Arial, Helvetica;}
div.comment_form input.submit {margin: 10px 0; border-width: 1px; font-family: Trebuchet MS, Arial, Helvetica;}
div.comment_form input.txt {background-color: #f5f5f5; font-family: Trebuchet MS, Arial, Helvetica;}