body { margin: 0; padding: 0; font-family: "Arial"; font-size: 12px; color: #000000; background: url(/themes/white/images/bg_top.jpg) repeat-x; }

form, img { margin: 0; padding: 0; border: none; }
small { color: #B4B4B4; }

a { color: #666666; }
a:hover { text-decoration: none; }

.inp { padding: 0 3px 0 3px; margin: 0; height: 18px; color: #666666; font-family: "Arial"; font-weight: normal; font-size: 12px; background: url(images/input_bg.jpg) repeat-x; border: #CCCCCC 1px solid; }
.rate-star { cursor: pointer; }

#clear { clear: both; }

/* Message box */
.mes-box { width: 100%; height: 42px; line-height: 41px; font-size: 16px; font-weight: bold; text-align: center; position: relative; }
.mes-box.err { background: url(images/err_box_bg.gif) repeat-x; color: #DF0303; }
.mes-box.ok { background: url(images/ok_box_bg.gif) repeat-x; color: #349934; }
.mes-box .left { position: absolute; left: 0; top: 0; }
.mes-box .right { position: absolute; right: 0; top: 0; }

#container { width: 870px; margin: 0 auto; }

/* Header */
#header { width: 870px; height: 95px; position: relative; }
#header .logo { position: absolute; top: 14px; left: 0; }
#header .top-menu { position: absolute; right: -10px; top: 5px; color: #DBDBDB; }
#header .top-menu a { color: #DBDBDB; }
#header .top-menu .ico { margin: 0 0 0 30px; }
#header .menu { position: absolute; right: 0; top: 55px; line-height: 25px; }
#header .menu .link { padding: 0 15px 0 15px; margin: 0 0 0 1px; text-align: center; font-size: 18px; color: #333333; font-weight: bold; display: block; float: left; text-decoration: none; }
#header .menu .link:hover { background-color: #f4801c; color: #FFFFFF; }
#header .menu .link.sel { background-color: #f4801c; color: #FFFFFF; }
#header .search { position: absolute; top: 27px; right: 0px; }
#header .search input { width: 200px; height: 15px; color: #CCCCCC; border: #F47F1F 1px solid; background: url(images/header_searh_bg.jpg) repeat-x; font-family: "Arial"; font-weight: normal; font-size: 12px;  }


/* Main page */
#main-left { width: 555px; float: left; position: relative; }
#main-right { width: 290px; float: left; }
#main-left .big-photo { width: 500px; height: 340px; margin: 0 0 0 40px; padding: 1px; border: #cccccc 1px solid; }
#main-left .timb { position: absolute; top: 10px; left: 22px; }
#main-left .decor-pic { position: absolute; top: 345px; left: 10px; }
#main-left .small-photos { width: 495px; padding: 5px 0 0 50px; position: relative; }
#main-left .small-photos .photo { width: 70px; height: 55px; padding: 1px; margin: 0 5px 5px 0; border: #cccccc 1px solid; display: block; float: left; }
#main-left .small-photos .photo:hover { border: #666666 1px solid; }
#main-left .small-photos .photo img { width: 100%; height: 100% }
#main-left .small-photos .toggle { position: absolute; top: 5px; right: 1px; }
#main-right .register-box { padding: 0 0 0 7px; }
#main-right .text { width: 240px; margin: 10px 0 10px 10px; }
#main-right .main-tags-box { width: 270px; padding: 20px 5px 15px 5px; line-height: 23px;  }

/* Window box */
.box { width: 260px; position: relative; }
.box .head { height: 23px; padding: 0 0 0 10px; line-height: 22px !important; line-height: 21px; border: #CCCCCC 1px solid; background: url(images/window_head_bg.jpg) repeat-x; color: #E4E4E4; font-size: 14px; font-weight: bold; }
.box .head a { color: #CCCCCC; font-weight: bold; text-decoration: none; }
.box .head a:hover { color: #FFFFFF; }
.box .head a.sel { color: #FFFFFF; }

.box .body { border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; background: url(images/window_body_bg.jpg) repeat-x 0 bottom; color: #666666; font-size: 12px; }
.box .body .inner { padding: 10px; overflow: hidden; position: relative; }

.box .body .inner .err-mes { width: 98%; margin: 5px auto 10px auto; padding: 5px 0 5px 0; border: #DF0303 1px solid; background: #F3F3F3; text-align: center; font-weight: bold; color: #DF0303;  }
.box .body .inner .ok-mes { width: 98%; margin: 5px auto 10px auto; padding: 5px 0 5px 0; border: #349934 1px solid; background: #F3F3F3; text-align: center; font-weight: bold; color: #349934; }

.box .body input { width: 96%; margin: 6px 0 10px 0; }
.box .body .btn-box { padding: 2px 0 5px 0; }
.box .body a { color: #666666; font-weight: normal; }
.box .body .upload-inp-box { width: 236px; height: 55px; background: url(images/upload_bg.gif) no-repeat; }
.box .body .upload-inp-box input { margin: 15px 0 0 10px; width: 210px; }

.box .bot { height: 5px; position: relative; background: url(images/window_bot_bg.png) repeat-x; }
.box .bot .left { position: absolute; left: 0; top: 0; }
.box .bot .right { position: absolute; right: 0; top: 0; }

/* Standart window page */
.inner { padding: 0 50px 10px 40px; }
.inner .head { height: 28px; padding: 0 0 0 15px; line-height: 29px; background-color: #474747; position: relative; font-size: 16px; font-weight: bold; color: #CCCCCC; }
.inner .head .left { position: absolute; left: 0; top: 0; }
.inner .head .right { position: absolute; right: 0; top: 0; }
.inner .body { padding: 20px; color: #666666; border: #E1E1E1 1px solid; background: url(images/page_body_bg.jpg) repeat-x 0 bottom; }
.inner .body .title { padding: 0 5px 0 0; color: #797979; font-size: 13px; font-weight: bold; text-align: right; }
.inner .body .s85 { width: 85%; }
.inner .body .check-login { position: absolute; margin: 0 !important; margin: 1px 0 0 0; }
.inner .body textarea { width: 87% !important; width: 86%; height: 130px; font-family: "Arial"; font-size: 12px; color: #666666; background: url(images/input_bg.jpg) repeat-x; border: #CCCCCC 1px solid; }


/* My account */
#acc-left { width: 530px; padding: 0 0 0 30px; float: left; position: relative; }
#acc-right { width: 304px; float: left; }
#acc-right .preview-box { width: 253px; height: 190px; border: #CCCCCC 1px solid; padding: 1px; margin: 0 0 10px 0; }
#acc-right .preview-box img { width: 100%; height: 100%; }
#acc-right .rating { vertical-align: -4px; }
#acc-right .upload-big-btn { padding: 0 0 5px 35px; }

.thumb { display: block; width: 118px; height: 96px; margin: 0 10px 10px 0; background: url(images/pic_thumb.jpg) no-repeat; position: relative; float: left; }
.thumb:hover { background-position: 0 -96px; }
.thumb.sel { background-position: 0 -96px; }
.thumb img { position: absolute; left: 11px; top: 11px; width: 96px; height: 74px; }

.sort-bar { height: 38px; padding: 15px 30px 0 15px; background: url(images/sort_bar_bg.jpg) repeat-x; position: relative; color: #666666; }
.sort-bar .left { position: absolute; top: 0; left: 0; }
.sort-bar .right { position: absolute; top: 0; right: 0; }
.sort-bar .title { padding: 0 30px 0 0; font-weight: bold; color:#333333; } 
.sort-bar a { color: #5D5D5D; text-decoration: none; font-weight: bold; }
.sort-bar a:hover { color: #999999; }
.sort-bar .divider { vertical-align: -1px; margin: 0 5px 0 5px; }

/* Show photo page */
#show-left { width: 560px; padding: 0 0 0 10px; float: left; position: relative; }
#show-right { width: 280px; float: left; }
#show-left .photo-box { width: 540px; height: 430px; padding: 1px; border: #CCCCCC 1px solid; } 

#full-size-box { position: absolute; top: 0; left: 0; background: #000000; z-index: 100 } 
#full-image { border: #CCCCCC 3px solid; position: absolute; top: 0; left: 0; z-index: 200; display: block; } 
#full-image img { width: 100%; height: 100%; } 

#image-loader { padding: 20px; border: #CCCCCC 2px solid; background:#666666; position: absolute; z-index: 999; color: #FFFFFF; font-size: 14px; font-weight: bold }


/* Comments */
.comments-top { width: 544px; }
.comments-top .head { height: 25px; position: relative; }
.comments-top .head .left { color: #333333; font-size: 14px; font-weight: bold; position: absolute; left: 0; }
.comments-top .head .right { position: absolute; right: 0; }
.comments-top .head .right a { font-size: 14px; color: #333333; font-weight: bold; text-decoration: none; }
.comments-top .head .right a:hover { color: #333333; color: #999999; }
.comments-top .add-comment-box textarea { width: 99%; height: 50px; font-family: "Arial"; font-size: 12px; color: #666666; background: url(images/input_bg.jpg) repeat-x; border: #CCCCCC 1px solid; }
.comments-top #text-length { height: 3px; border-top: #666666 3px solid; width: 1px; font-size: 1px; }

.comment-box { width: 544px; }
.comment-box .head { height: 18px; padding: 0 0 0 10px; line-height: 18px; border: #CCCCCC 1px solid; background: url(images/window_head_bg.jpg) repeat-x; color: #E4E4E4; font-family: "Trebuchet MS"; font-size: 13px; }
.comment-box .body { padding: 5px; border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; background: url(images/window_body_bg.jpg) repeat-x 0 bottom; color: #666666; font-size: 12px; }
.comment-box .bot { height: 5px; position: relative; background: url(images/window_bot_bg.png) repeat-x; }
.comment-box .bot .left { position: absolute; left: 0; top: 0; }
.comment-box .bot .right { position: absolute; right: 0; top: 0; }

/* Related photos list */
#show-right .rel-photo-box { width: 250px; height: 70px; margin: 0 auto; position: relative; font-size: 10px; line-height: 15px; color: #999999; }
#show-right .rel-photo-box b { color: #333333; }
#show-right .rel-photo-box .photo { width: 80px; height: 60px; display: block; border: #CCCCCC 1px solid; padding: 1px; position:absolute; left: 0; }
#show-right .rel-photo-box .photo:hover { border: #666666 1px solid; }
#show-right .rel-photo-box .photo img { width: 100%; height: 100%; }
#show-right .rel-photo-box .info { position: absolute; left: 90px; }

/* Rating */
.rate-tab { border: #CCCCCC 1px solid; border-collapse: collapse; }
.rate-tab td { border: #CCCCCC 1px solid; }
.rate-tab .head { height: 22px; line-height: 21px; text-align: center; background: url(images/window_head_bg.jpg) repeat-x; color: #E4E4E4; font-family: "Trebuchet MS"; font-size: 13px; }
.rate-tab .head td { padding: 0; margin: 0; }
.rate-tab .row { text-align: center; color:#333333; background: #F7F7F7; line-height: 25px; }
.rate-tab .row:hover { background: #FFEEDD; } 
.rate-tab .row .sel { background: #FFEEDD; } 
 
/* Navigation */
.nav { clear:both; padding: 0 0 10px 0; color: #A3A3A3; font-size: 14px; font-weight: bold; text-align: center; }
.nav .box { }
.nav .box.act { }

/* Tags */
.tag { padding: 0 2px 2px 2px; color: #666666; text-decoration: none; }
.tag:hover { background-color: #CCCCCC; }

/* CopyRight */
#copy { margin: 20px 30px 200px 30px; padding: 5px 0 0 0; border-top: #9d9d9d 1px solid; text-align: center; font-family: "Tahoma"; font-size: 11px; color: #9d9d9d; }
#copy a { color: #9d9d9d; text-decoration: none }
#copy a:hover { text-decoration: underline; }