/*
Theme Name: WordPress JatStudious
Theme URI: http://wordpress.org/
Description: WordPress theme based on the default WordPress theme.
Version: 0.9.9(a)
Author: SimpleArt
Author URI: http://simpleart.com.ua/
Tags: JatStudious, gallery, blog, contact form, widgets
*/
body { margin: 0; padding: 0; font-family: Arial; font-size: 14px; color: #000000; background: #000000; }
html, body { height: 100%; }
a { color: #000000; }
a:hover { text-decoration: none; }
img { border: none; }
.clear { clear: both; }

.outer { min-width: 980px; min-height: 100%; height: auto !important; height: 100%; background: url(images/bg-bogy-main.jpg) no-repeat center 20px; }
.container { height: 555px; position: relative; padding: 85px 0px 30px 0px; text-align: center; }

.top_menu { display: block; margin: 0px; padding: 5px 30px 0px 30px; height: 23px; background: url(images/bg-menu-top.png) repeat-x; position: absolute; top: 20px; right: 100px; font-size: 12px; text-align: center; z-index: 10; }
.top_menu li { display: inline; padding: 0px 17px; background: #ffffff; position: relative; }
.top_menu li span { color: #ff4040; }
.top_menu li a:hover { color: #ffa600; text-decoration: underline; }
.top_menu li.top_menu_left { display: block; width: 15px; height: 37px; background: none; background: url(images/bg-menu-top-left.png) no-repeat; position: absolute; top: -7px; left: -1px; padding: 0px; }
.top_menu li.top_menu_right { display: block; width: 18px; height: 44px; background: none; background: url(images/bg-menu-top-right.png) no-repeat; position: absolute; top: -10px; right: 2px; padding: 0px; }
.top_menu ul { display: none; width: 140px; margin: 0px; position: absolute; top: 12px; left: 7px; padding: 13px 0px 0px 0px; background: #ffffff; text-align: left; list-style-type: none; }
.top_menu ul li { display: block; padding: 3px 10px; margin: 0px; background: none; list-style-type: none; border-bottom:#e0e0e0 1px solid; position: static; }

h1 { background: #ffffff; font-family: Arial; font-size: 15px; font-weight: bold; color: #ff4040; padding: 10px 40px 30px 40px; display: inline; margin: 0px; }
.description { width: 296px; background: #ffffff; margin: 440px auto 0px auto; text-align: left; font-size: 11px; padding: 20px 25px 10px 25px; }
.big_photo { width: 682px; height: 477px; position: absolute; top: 93px; left: 50%; margin-left: -341px; }
.big_photo_border { width: 682px; height: 477px; background: url(images/bg-photo-border.png) no-repeat 0px 0px; position: relative; z-index: 2; }
.big_photo_bg { width: 625px; height: 416px; background: url(images/bg-photo.jpg) no-repeat 0px 0px; margin: -448px 0px 0px 23px; *margin: -448px 0px 0px 0px; padding: 5px 5px 0px 5px; position: relative; z-index: 2; }
.big_photo_container { background: #000000; position: relative; overflow: hidden; }
.big_photo_img { display: block; }
.big_photo_prev, .big_photo_next, .big_photo_prev.hover .bg_prev, .big_photo_next.hover .bg_next, .click { width: 60px; height: 170px; }
.big_photo_prev { position: absolute; top: 50%; left: 0px; margin-top: -85px; cursor: pointer; display: none; }
.big_photo_next { position: absolute; top: 50%; right: 0px; margin-top: -85px; cursor: pointer; display: none; }
.big_photo_prev.hover .bg_prev { background: url(images/arrow-big-photo-prev.png) no-repeat; }
.big_photo_next.hover .bg_next { background: url(images/arrow-big-photo-next.png) no-repeat; }
.click { position: absolute; top: 0px; left: 0px; }


.left_menu { position: absolute; top: 140px; left: -105px; text-align: left; font-size: 11px; }
.left_menu_top { width: 199px; height: 35px; background: url(images/bg-menu-left-top.png) no-repeat 0px 0px; }
.left_menu_body { width: 199px; background: url(images/bg-menu-left-repeat.png) repeat-y; }
.left_menu_content { padding: 0px 0px 10px 10px; background: url(images/bg-menu-left.png) no-repeat 0px 0px; }
.left_item { background: #ffffff url(images/marker-left-menu.gif) no-repeat 18px 3px; padding: 0px 0px 10px 30px; }
.left_item.sel { color: #ff4040; background: #ffffff url(images/marker-left-menu-sel.png) no-repeat 18px 3px; }
.left_menu_content a { text-decoration: none; color: #000000; }
.left_menu_content a:hover { color: #ffa600; }

.recent_posts { display: block; width: 181px; height: 343px; background: url(images/bg-recent-posts.png) no-repeat 0px 0px; position: absolute; top: 155px; right: 0px; z-index: 3; margin: 0px; text-align: left; font-size: 11px; padding: 0px; margin: 0px; }
.recent_posts li { display: block; width: 120px; position: absolute; left: 20px; background: #ffffff; }
.recent_posts li .date { display: block; font-size: 10px; color: #7e7d7d; padding: 4px 0px 0px 12px; background: url(images/marker-date.gif) no-repeat 0px 7px; }
.recent_post_1 { top: 35px; }
.recent_post_2 { top: 125px; }
.recent_post_3 { top: 225px; }

.photos_list_outer { width: 976px; height: 127px; margin: -45px auto 0px auto; overflow: hidden; position: relative; background: url(images/bg-photos-list.gif) repeat-x 0px 0px; }
.shadow_left { width: 62px; height: 95px; background: url(images/bg-photos-shadow-left.png) repeat-y 0px 0px; position: absolute; top: 32px; left: 0px; }
.shadow_right { width: 62px; height: 95px; background: url(images/bg-photos-shadow-right.png) repeat-y 0px 0px; position: absolute; top: 32px; right: 0px; }
.photos_list { width: 9000px; }
.photo_item { float: left; width: 124px; height: 92px; padding-right: 18px; padding-top: 35px; position: relative; }
.photo_item a { display: block; width: 124px; height: 92px; background: #000000; }
.photo_item img { display: block; width: 120px; height: 88px; border: #ffffff 2px solid; opacity: 0.4; }
.photo_item a.sel img { opacity: 1; }
.photo_item .effects { width: 12px; height: 43px; background: url(images/bg-photo-item-effect.png) no-repeat 0px 0px; position: absolute; top: 0px; left: 56px; }
.prev_next_photos { text-align: center; padding-top: 20px; }
.arrow_prev { margin-right: 10px; }
.arrow_center { margin: 0px 10px; }
.arrow_next { margin-left: 10px; }

.footer_container { height: 151px; }
.pre_footer { height: 56px; background: url(images/bg-page-shadow.png) repeat-x; margin-top: -171px; position: relative; z-index: 5; }
.footer { min-width: 980px; height: 40px; background: url(images/bg-footer-main.jpg) no-repeat center bottom; text-align: center; position: relative; font-size: 10px; color: #7d7d7d; padding-top: 75px; }

.social { position: absolute; right: 50px; bottom: 25px; }
.social a { width: 20px; height: 20px; background: url(images/links-social.png) no-repeat; float: left; margin-right: 10px; }
.social a.myspace { background-position: 0px 0px; }
.social a.myspace:hover { background-position: 0px -20px; }
.social a.facebook { background-position: -20px 0px; }
.social a.facebook:hover { background-position: -20px -20px; }
.social a.stumbleupon { background-position: -40px 0px; }
.social a.stumbleupon:hover { background-position: -40px -20px; }
.social a.twitter { background-position: -60px 0px; width: 21px; }
.social a.twitter:hover { background-position: -60px -20px; }
.social a.digg { background-position: -81px 0px; }
.social a.digg:hover { background-position: -81px -20px; }
.social a.delicious { background-position: -101px 0px; }
.social a.delicious:hover { background-position: -101px -20px; }
.social a.yelp { background-position: -121px 0px; }
.social a.yelp:hover { background-position: -121px -20px; }


.outer_page { min-width: 980px; min-height: 100%; height: auto !important; height: 100%; }
.container_page { position: relative; padding: 85px 0px 30px 0px; text-align: center; }

.center_page { background: url(images/bg-page-body.jpg) repeat-y center 229px; }
.center_page_top { height: 229px; background: url(images/bg-page-body-top.jpg) no-repeat center 0px; }
.center_page_shadow { height: 56px; background: url(images/bg-page-shadow.png) repeat-x; margin-top: -156px; }
.center_page_bottom { height: 219px; background: url(images/bg-page-body-bottom.jpg) no-repeat center 0px; }

.content_page { text-align: left; width: 569px; margin: -190px auto 0px auto; position: relative; z-index: 2; }

.content_inner { background: #ffffff url(images/bg-page-content.jpg) repeat-y; padding: 13px 0px 30px 7px; position: relative; z-index: 3; min-height: 500px; height: auto  !important; height: 500px; }
.content_text { padding: 0px 30px 0px 23px; }
.content_inner h1 { margin: 0px 0px 0px 5px; padding: 23px 0px 0px 35px; width: 510px; height: 43px; background: url(images/bg-h1.png) no-repeat; font-family: Arial; font-size: 18px; font-weight: normal; color: #926e41; display: block; }
.content_inner h2 { margin: 0px; padding: 13px 0px 0px 30px; width: 524px; height: 32px; background: url(images/bg-page-h2.png) no-repeat; font-family: Arial; font-size: 15px; font-weight: bold; color: #000000; display: block; }
.content_inner h2.post { height: 61px; background: url(images/bg-post-h2.png) no-repeat; }
.content_inner table { margin: 10px 0px; }
.post_date { font-size: 10px; color: #7e7d7d; margin: -28px 0px 30px 42px; display: block; }

.left_menus { position: absolute; top: 110px; left: -167px; text-align: left; font-size: 11px; }

.left_menus_top { width: 127px; height: 15px; background: url(images/bg-menus-left-top.png) no-repeat 0px 0px; font-weight: bold; padding: 20px 0px 0px 40px; font-size: 12px; }
.left_menus_top span { background: #ffffff; }
.left_menus_body { width: 167px; background: url(images/bg-menus-left-repeat.png) repeat-y; margin-bottom: 30px; }
.left_menus_body .left_item { width: 100px; }
.left_menus_content { padding: 10px 0px 10px 10px; background: url(images/bg-menus-left.png) no-repeat 0px 0px; }
.left_menus_content a { text-decoration: none; color: #000000; }
.left_menus_content a:hover { color: #ffa600; }

.prev_next_pages { text-align: center; width: 569px; margin: -100px auto 0px auto; }
.arrow_center_pages { width: 176px; height: 47px; background: url(images/arrow-pages.png) no-repeat 0px 0px; margin: 0px auto; }
.arrow_prev_post { display: block; width: 169px; height: 47px; background: url(images/arrow-prev-post.png) no-repeat 0px 0px; float: left; }
.arrow_next_post { display: block; width: 167px; height: 47px; background: url(images/arrow-next-post.png) no-repeat 0px 0px; float: right; }

.logo { position: absolute; top: 20px; left: 35px; z-index: 10; }
.logo a { display: block; width: 200px; height: 96px; background: url(images/logo.gif) no-repeat 0px 0px; }