html, body {height: 100%; margin: 0; padding: 0;}
body {background: #fff; font: normal 100% arial, sans-serif; color: #000; text-align: center;}
textarea, input, select {font-family: arial;}
img {border: 0;}
a {color: #000; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
form, h1, h2, h3, h4 {margin: 0;}
h1.title {position: absolute; left: 180px; top: 360px; font-size: 130%; font-weight: normal; color: #A55039;}
h3.title {margin-bottom: 10px; font-size: 110%; color: #A55039;}
h3.title a {color: #A55039;}
h3.title a:hover {color: #A55039; text-decoration: none;}
.mb20 {margin-bottom: 20px;}
.title_green {color: #50887A;}
.title_brown {color: #A55039;}
.spacer {min-height: 50%; margin-bottom: -384px; font-size: 1px; line-height: 1px; color: #fff;}
* html .spacer {height: 50%;}
.spacer div {height: 384px;}
.spacer_internal {min-height: 50%; margin-bottom: -545px; font-size: 1px; line-height: 1px; color: #fff;}
* html .spacer_internal {height: 50%;}
.spacer_internal div {height: 545px;}
.clear {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.main_block {position: relative; width: 780px; height: 768px; margin: 0 auto; text-align: center; background: url(/img/bg_main.jpg) no-repeat;}
/* bumfest2009 */
.main_block_bf2009 {position: relative; width: 598px; height: 500px; margin: 0 auto; text-align: center; background: url(/img/bumfest_2009.jpg) no-repeat;}
.main_block_bf2009 a {display: block; width: 598px; height: 500px;}
.spacer_bf2009 {min-height: 50%; margin-bottom: -250px; font-size: 1px; line-height: 1px; color: #fff;}
* html .spacer_bf2009 {height: 50%;}
.spacer_bf2009 div {height: 250px;}
/* //bumfest2009 */
.internal_block {position: relative; width: 780px; height: 1090px; margin: 0 auto; text-align: center; background: url(/img/bg_internal.jpg) no-repeat;}
.copyright_block {position: relative; width: 780px; height: 50px; margin: 0 auto;}
.header {position: absolute; left: 86px; top: 0;}
.menu {list-style-type: none; margin: 0; padding: 0;}
.menu_animation {position: absolute; z-index: 1; left: 43px; top: 283px; width: 112px; height: 283px;}
.menu_images {position: absolute; z-index: 2; left: 163px; top: 256px; width: 123px; height: 75px;}
.menu_comics {position: absolute; z-index: 3; left: 298px; top: 221px; width: 158px; height: 107px;}
.menu_info {position: absolute; z-index: 4; left: 488px; top: 257px; width: 123px; height: 73px;}
.menu_contacts {position: absolute; z-index: 4; left: 604px; top: 313px; width: 107px; height: 66px;}
.menu_guestbook {position: absolute; z-index: 4; left: 644px; top: 378px; width: 95px; height: 67px;}
.content_block {position: absolute; left: 140px; top: 410px; width: 500px; height: 620px; overflow: auto; text-align: left;}
.content_block p {margin-bottom: 25px;}
.content {padding-right: 15px; font-size: 75%;}
.preview_foto_dasha {float: right; margin: 0 0 20px 20px;}
.preview_foto_masha {float: left; margin: 0 20px 20px 0;}
.form div {position: relative; padding: 5px 0 10px 0;}
.form input {position: absolute; left: 100px; top: 0; width: 200px;}
.form textarea {display: block; margin: 5px 0 0 0; width: 400px; height: 100px; font-size: 100%;}
.form .button {width: auto; left: 0; top: 0;}
.images_page {background: url(/img/menu_images.gif) no-repeat;}
.images_page .menu {list-style-type: none; margin: 0; padding: 0;}
.images_page .menu span {display: none;}
.images_page .sketches {position: absolute; left: 1px; top: 43px; z-index: 1;}
.images_page .sketches a {display: block; width: 144px; height: 145px;}
.images_page .beautiful_pictures {position: absolute; left: 158px; top: 43px; z-index: 2;}
.images_page .beautiful_pictures a {display: block; width: 150px; height: 160px;}
.images_page .gifts {position: absolute; left: 304px; top: 0px; z-index: 3;}
.images_page .gifts a {display: block; width: 154px; height: 149px;}
.images_page .characters {position: absolute; left: 0; top: 181px; z-index: 4;}
.images_page .characters a {display: block; width: 152px; height: 143px;}
.images_page .miscellaneous {position: absolute; left: 174px; top: 187px; z-index: 5;}
.images_page .miscellaneous a {display: block; width: 148px; height: 138px;}
.images_page .studies {position: absolute; left: 348px; top: 153px; z-index: 6;}
.images_page .studies a {display: block; width: 152px; height: 148px;}
.images_page .fanart {position: absolute; left: 12px; top: 336px; z-index: 6;}
.images_page .fanart a {display: block; width: 146px; height: 129px;}
.images_page .section_text {position: absolute; left: 0; top: 500px;}
.comics_page {background: url(/img/menu_comics.gif) right top no-repeat;}
.comics_page .menu {list-style-type: none; margin: 0; padding: 0;}
.comics_page .menu span {display: none;}
.comics_page .competitive_works {position: absolute; right: 32px; top: 0; z-index: 1;}
.comics_page .competitive_works a {display: block; width: 166px; height: 178px;}
.comics_page .strips {position: absolute; right: 0; top: 178px; z-index: 2;}
.comics_page .strips a {display: block; width: 159px; height: 136px;}
.comics_page .komiks-fights {position: absolute; right: 0; top: 310px; z-index: 3;}
.comics_page .komiks-fights a {display: block; width: 166px; height: 140px;}
.comics_page .old_projects {position: absolute; right: 27px; top: 450px; z-index: 4;}
.comics_page .old_projects a {display: block; width: 144px; height: 151px;}
.comics_page .section_text {margin-bottom: 10px;}
.comics_list_preview {position: absolute; left: 0; top: 0;}
.comics_list_preview img {display: block; margin-bottom: 10px;}
.images_preview img, .comics_preview img {float: left; margin: 0 25px 25px 0;}
.copyright {float: left; width: 70%; text-align: left;}
.copyright div {padding: 0 0 0 105px; font-size: 70%; font-family: tahoma;}
.counters {float: left; width: 30%; margin-right: -3px; text-align: right;}
.counters div {padding: 0 107px 0 0; font-size: 70%; font-family: tahoma;}
.counters_index {position: absolute; left: -1000px; top: -1000px;}
/* lightbox */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none;}	 	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}