/**********************************************************/
/* Common CSS
/* Started: 2007-07-17
/* Autor: Cyrill <cyrill@mail.ru>
/**********************************************************/
/*
/*   PLEASE! DO NOT MODIFY THIS FILE
/*
/**********************************************************/
html,body {font-size: 100%; font-family: Tahoma,Arial; font-weight: normal; width: 100%; height: 100%; background: url('/media/img/bg.gif') #C9C1A3;}
#wrapper {width: 100%; height: 100%; margin: auto; display: block; font-size: 0.8em; }

/**********************************************************/

#header {width: 596px; height:110px; margin-left: 320px; padding: 40px 112px 0 112px; background: url('/media/img/bg-header.gif'); }
#header #logo {float: right;padding-top: 25px; position: relative;}
#header #mmenu {float: left; padding: 69px 0 0 40px; width:50%; height: 41px; position: absolute;}
#content {width: 820px; height: 551px; padding:10px 0; margin-left: 320px; background: url('/media/img/bg-main.jpg'); }
#content #output {width: 600px; height: 551px; margin: 0 110px; overflow: auto;}
#footer {width: 596px; height: 59px; text-align: center; padding:10px 112px; margin-left: 320px; background: url('/media/img/bg-footer.jpg'); }
a:link, a:visited {color: black; text-decoration: underline;}
a: hover {color: maroon; text-decoration: u}
a.flash:link, a.flash:visited {color: black; text-decoration: underline;  margin : 5px 0;}
a.flash:hover {color: maroon; text-decoration: underline; background-color: #cdcdcd;}
.album-picker {width: 520px; height: 103px; background-color: gray; overflow: hidden; padding: 14px 40px 14px 40px; background: url('/media/img/album-panel-bg.gif') no-repeat;}
.album-buffer {width: 100%; height: 100%; overflow: hidden;}
.album-holder {width: 2000px; overflow: hidden;}
.album-picker .album-holder .album {width: 100px; height: 115px; float: left; display:block; position:relative;  margin: 1px;}

#adminwrapper {width: 100%; height: 100%; margin: auto; display: block; font-size: 0.8em; }
ol.admin-photoalbums {padding: 0 0 0 25px; font-size: 1.1em; color: gray;}
ol.admin-photoalbums li a:link,ol.admin-photoalbums li a:visited {color: #000; text-decoration: underline;}
ol.admin-photoalbums li a:hover {color: maroon; text-decoration: underline;}
#adminwrapper .left-menu {float: left; width: 200px; height: 100%; background-color: #ccc;  padding: 10px; }
#adminwrapper .left-menu .cntnt {opacity: 1;}
#adminwrapper .right-content {padding: 10px; margin-left: 220px; position: relative; height: 100%;}
.admin-album {overflow: auto; height: 90%; padding-left: 20px;}
#adminwrapper h2 {font-size: 1.3em; font-family: Trebuchet MS,Verdana,Helvetica,sans-serif; text-decoration: underline; padding: 0 0 5px 0;}
#addAlbumForm {display: inline;}
#addAlbumForm input[type=text] {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 120px; height: 16px;}
#addAlbumForm input[type=text]:focus {border: 1px solid black; background-color: white;}
#addAlbumForm input[type=submit] {border: 1px solid #7B734A; margin: 0 3px;}
.admin-photo {width: 100%; height:70px; padding: 5px 0; border-bottom: 1px solid #CCC; margin: 0px; clear: both;}
.admin-photo .img {width: 105px; float: left;}
.admin-photo .photo-actions {width: 13px; float: left;}
.admin-photo .photo-actions a img {padding: 1px;}
.photo-al {text-align: center; padding: 10px 2px; float:left; width: 100px; height: 100px;}
.photo-al a:link,.photo-al a:visited {text-decoration: none; color: maroon; font-size: 0.7em;}
.photo-al a:hover {color: black;}
.photo {text-align: center; padding: 2px; max-height: 345px; height:345px; overflow: auto;}
.clear{ clear:both; font-size:0; line-height:0; height:0; }
.pagination {padding: 10px;}
ul.pager {text-align: center;}
ul.pager li {display: inline; width: 20px; height: 20px; padding: 0; margin: 2px;}
ul.pager li a:link,ul.pager li a:visited {font-weight: bold; text-decoration: none; color: maroon; padding: 3px;}
ul.pager li a:hover {color: #000; border: 1px solid; padding: 2px;}
.photo-comment {margin: auto; font-size: 0.9em; width: 100%; text-align: center; height: 14px;}

.addform input[type=text] {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 250px; height: 16px;}
.addform input[type=text]:focus {border: 1px solid black; background-color: white;}
.addform textarea {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 250px; height: 200px;}
.addform textarea:focus {border: 1px solid black; background-color: white;}
.addform input[type=submit] {border: 3px double maroon; background-color: #EFEDE4; font-size: 1.2em; font-weight:bold; width: 100px; height: 40px;}
#addmsg { display: block; padding: 2px }
#addmsg form input.txt {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 98%; height: 16px;}
#addmsg form input.txt:focus,#addmsg form input.sffocus {border: 1px solid black; background-color: white;}
#addmsg form input.captcha {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.8em; width: 100%; height: 16px;}
#addmsg form input.captcha:focus,#addmsg form input.sffocus {border: 1px solid black; background-color: white;}

#addmsg form select {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.7em; width: 100%; height: 16px;}
#addmsg form textarea {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 98%; height: 200px;}
#addmsg form textarea:focus, #addmsg form textarea.sffocus {border: 1px solid black; background-color: white;}
#addmsg form label {width: 170px; display: block; }
#addmsg form label.wide {width: auto; display: block;}
#addmsg form input[type=submit]{border: 3px double #7B734A; padding: 1px 5px; margin: 4px; font-weight: bold;}
.gpager {text-align: center;}
.current {color: maroon; font-weight: bold;}
#loginForm {display: none; padding: 10px; width:150px; border: 1px double #FFF; position: absolute; top: 680px; left: 50%; background-color: #7B734A; font-size: 0.7em;}
#loginForm form {display: inline; padding: 2px; }
#loginForm form input {width: 70px; border: 1px solid; height: 16px}
#loginForm form input.submit {width: 30px; height: 16px}
.comment {margin-left: 60px; color: maroon; border-left: 1px solid maroon; padding: 0 5px; }
#guest-container {width: 100%; height: 494px; overflow: auto;}
textarea.st {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 300px; height: 200px;}
textarea.st:focus, textarea.sffocus {border: 1px solid black; background-color: white;}
input.st {border: 1px solid #CCC; background-color: #EFEDE4; font-size: 0.9em; width: 296px; height: 16px;}
input.st:focus,input.sffocus {border: 1px solid black; background-color: white;}

input.st-button {height: 35px; width: 90px; border: 3px double #5F5638; font-weight: bold; text-decoration: underline; margin : 5px 0 5px 0;}
#loadForm form input[type=Submit]  {border: 1px solid #5F5638; font-weight: bold; text-decoration: underline; margin : 0 3px; color: maroon;}
ul.tracks li {list-style: circle; padding: 3px 0;}
h2 {font-size: 1.6em; font-family: Trebuchet MS,Verdana,Helvetica,sans-serif; text-decoration: underline; padding: 0 0 5px 0;}
h3 {
	font-size: 1.2em;
	font-family: Trebuchet MS,Verdana,Helvetica,sans-serif;
}