/**
    // base.css

    Written by LandRover
    Last modified 28th February, 2009.
**/

/***************************************************/
/***************** GENERAL OBJECTS *****************/
/***************************************************/

#header, #nav, #nav_user, #container, #profile, #photo, #footer { width: 970px; margin: 0 auto; }

#header { height: 120px; background: #a9e3ee url('../header_bg.ru.gif') no-repeat; }
#header a { display: block; }
#header a span { display: none; }
#header a.logo { width: 185px; height: 68px; margin: 20px 20px 0 20px; float: left; }
#header a.cellcom { width: 105px; height: 46px; margin: 0 20px; float: right; }

#header #languages_top { width: 50px; color: #7a1d87; font-weight: bold; float: right; }
#header #languages_top a { display: inline; width: 50px; height: 15px; font-weight: bold; color: #7a1d87; text-decoration: none; }
#header #languages_top a:hover { text-decoration: underline; }
#header #languages_top a.cur { color: #de0683; }

#header ul { width: 550px; list-style-type: none; margin: 10px 8px 0 8px; float: left; }
#header ul li { float: left; }
#header ul li a { height: 19px; padding-top: 3px; margin: 0 10px; color: white; background-color: #791E87; text-align: center; font-weight: bold; text-decoration: none; }
#header ul li a:hover, #header ul li a.cur { /*color: #791E87;*/ color: white; background-color: #E10686; }
#header ul li a.art { width: 110px; }
#header ul li a.music { width: 90px; }
#header ul li a.israeli { width: 130px; }

/*#header ul li a.literature { width: 130px; text-align: left; padding-left: 10px; background-image: url('../new_channel_gfx-rus.gif'); background-repeat: no-repeat; background-position: 90px top;}*/
#header ul li a.literature { width: 74px; text-align: left; padding-left: 10px;}

#header div#search { float: right; }
#header div#search form { margin: 10px 11px 0; }
#header div#search form a { width: 56px; height: 18px; padding: 2px 12px 0 0; margin: 0 8px; background: #791E87 url('../header_btn_search_go-bg.gif') no-repeat 53px 5px; color: white; text-decoration: none; font-weight: bold; text-align: center; float: right; }
#header div#search form a:hover { color: #791E87; background-color: #e10686; }
#header div#search form input { width: 220px; height: 20px; #height: 17px; font-size: 16px; border: none; float: right; }

.mini .jumbo { float: left; margin-top: 10px; }

#nav { background-color: #d1f6fd; margin: 10px auto; height: 22px; padding-top: 4px; }
#nav ul { list-style-type: none; margin: 0 9px; } 
#nav ul li { float: left; }
#nav ul li a { display: block; margin: 0 9px; color: #791E87; text-decoration: none; font-weight: bold; }
#nav ul li a:hover, #nav ul li a.cur { color: #e10686; }
#nav ul li a.arrow { padding-right: 18px; background: transparent url('../nav_btn_generes-bg.gif') no-repeat right 3px; }

#nav_user { background-color: #d1f6fd; margin: 10px auto; height: 65px; padding-top: 4px; }
#nav_user h2 {font-size: 24px; padding: 12px 20px 0 20px;}
#nav_user #nav_avatar { width: 50px; height: 50px; margin: 5px 10px 10px 10px; float: left; }
#nav_user #nav_info { width: 300px; float: left; }
#nav_user #nav_info h3 { text-decoration: underline; font-size: 16px; margin: 10px 0 8px; text-align: left; }
#nav_user #nav_info ul { list-style-type: none; } 
#nav_user #nav_info ul li { float: left; margin-right: 10px; }
#nav_user #nav_info ul li a { display: block; background-color: #3f8593; padding: 6px; text-align: center; color: white; text-decoration: none; font-weight: bold; }
#nav_user #nav_info ul li a:hover, #nav_user #nav_info ul#profile_opts li a.cur { background-color: white; color: black; }

#nav_user #nav_my { margin-top: 38px; float: right; }
#nav_user #nav_my ul { list-style-type: none; } 
#nav_user #nav_my ul li { float: right; margin-right: 10px; }
#nav_user #nav_my ul li a { display: block; background-color: #3f8593; padding: 6px; text-align: center; color: white; text-decoration: none; font-weight: bold; }
#nav_user #nav_my ul li a:hover, #nav_user #nav_info ul#profile_opts li a.cur { background-color: white; color: black; }

#container { }
#container #menu { width: 310px; float: right; }
#container #content { width: 650px; float: left; }

#footer { clear: both; padding-top: 10px; }
#footer div { float: right; width: 670px; text-align: center; }
#footer span { display: block; }
#footer span a { display: inline; width: 50px; height: 15px; font-weight: bold; color: #7a1d87; text-decoration: none; }
#footer span a:hover { text-decoration: underline; }
#footer a { display: block; background: transparent url('../gfx_footer.gif') no-repeat left 45px; }
#footer a span { display: none; }
#footer a.cellcom { width: 106px; height: 44px; background-position: left top; margin-right: 20px; float: right; }
#footer a.zahavru { width: 102px; height: 43px; background-position: left -73px; margin-left: 15px; float: left; }

.btn_large { text-align: center; }
.btn_large a, .btn_large input { line-height: 24px; color: white; background-color: #E80040; text-align: center; padding: 5px; text-decoration: none; border: 0; }
.btn_large a:hover, .btn_large input:hover { color: white; background-color: #fd3064; }

.box { border: 1px solid #791E87; }
/*.box h2, .box h3, .box h4 { height: 18px; padding: 5px 10px; display: block; background-color: #791E87; color: white; font-size: 15px; line-height: 15px; font-weight: bold; }*/
.box h2 { height: 18px; padding: 5px 10px; display: block; background-color: #791E87; color: white; font-size: 15px; line-height: 15px; font-weight: bold; }
.box .body { padding: 10px; }

.about {}
.about .body .more { padding: 0; }

/*
.login .body .login_wraper { height: 120px; padding: 10px; background-color: #791E87; }
.login .body .login_wraper form div { float: left; }
.login .body .login_wraper form div.title { width: 70px; height: 20px; color: white; font-weight: bold; }
.login .body .login_wraper form div.input { width: 198px; height: 20px; }
.login .body .login_wraper form div.input input { width: 198px; height: 20px; #width: 193px; #height: 18px; border: none; font-size: 16px; }
.login .body .login_wraper form div.spacer { width: 270px; height: 15px; display: block; }
.login .body .login_wraper form a { width: 128px; height: 24px; padding-top: 5px; margin-top: 15px; display: block; background-color: #e10686; color: white; font-weight: bold; text-align: center; text-decoration: none; float: left; }
.login .body .login_wraper form a:hover { background-color: white; color: #e10686; }
.login .body .login_wraper form a.first { margin-right: 12px; }
.login .body .login_wraper a.pwd { clear: both; padding-top: 6px; #margin-top: 7px; #padding-top: 0; display: block; color: white; font-weight: bold; text-decoration: none; text-align: right; }
.login .body .login_wraper a.pwd:hover { text-decoration: underline; }
*/
.login .body .login_wraper { height: 120px; padding: 10px; background-color: #d6ecf4; }
.login .body .login_wraper form div { float: left; }
.login .body .login_wraper form div.title { width: 70px; height: 20px; color: #7f1f83; font-weight: bold; }
.login .body .login_wraper form div.input { width: 198px; height: 20px; }
.login .body .login_wraper form div.input input { width: 198px; height: 20px; #width: 193px; #height: 18px; border: none; font-size: 16px; }
.login .body .login_wraper form div.spacer { width: 270px; height: 15px; display: block; }
.login .body .login_wraper form a { width: 128px; height: 24px; padding-top: 5px; margin-top: 15px; display: block; background-color: #bbdeeb; color: #7f1f83; font-weight: bold; text-align: center; text-decoration: none; float: left; }
.login .body .login_wraper form a:hover { background-color: #7f1f83; color: #bbdeeb; }
.login .body .login_wraper form a.first { margin-right: 12px; #margin-right: 9px; }
.login .body .login_wraper a.pwd { clear: both; padding-top: 6px; #margin-top: 7px; #padding-top: 0; display: block; color: #7f1f83; font-weight: bold; text-decoration: none; text-align: right; }
.login .body .login_wraper a.pwd:hover { text-decoration: underline; }


.users {}
.users .body { text-align: center; }
.users .body .more { width: 220px; #width: 180px; }

.users .links .more { width: 280px; #width: 280px; text-align: left; }

.video {}
.video .body { padding: 5px; background-color: #791E87; }
.video .body p { margin: 0; text-align: center; }

.staff {}
.staff .body {}
.staff .body ul { list-style-type: none; }
.staff .body ul li {}
.staff .body ul li a { color: black; text-decoration: none; }
.staff .body ul li a strong { font-size: 18px; text-decoration: underline; }
.staff .body ul li a strong em { font-size: 14px; color: #6b6b6b; text-decoration: none; }
.staff .body ul li a img { width: 50px; height: 50px; margin-right: 5px; vertical-align: text-top; float: left; }
.staff .body ul li a span { display: block; clear: both; margin: 10px 0; }

.works { }
.works ul { width: 645px; list-style-type: none; }
.works ul li { width: 185px; height: 123px; margin-right: 30px; display: table; #position: relative;  float: left; overflow: hidden; }
.works ul li a.work { width: 150px; display: table-cell; #position: absolute; #top: 40%; vertical-align: middle; }
.works ul li a.work img { /*border: 5px solid #6E6E6E;*/ #position: relative; #top: -39%; }
.works ul li a.cat { width: 24px; height: 24px; margin-top: 99px; display: block; background: transparent url('../gfx_genres.gif') no-repeat left 30px; float: right; }
.works ul li a.cat span { display: none; }

.works ul li a.art { background-position: left -0px; }
.works ul li a.music { background-position: left -42px; }
.works ul li a.literature { background-position: left -83px; }
.works ul li a.video { background-position: left -126px; }

.works_profile { }
.works_profile table { width: 100%; }
.works_profile table tr td { width: 33%; text-align: center; vertical-align: middle; }
.works_profile table tr td img { /*border: 5px solid #6E6E6E;*/ }
.works_profile table tr td a { text-decoration: none; color: #791E87; /*float: left;*/ }
.works_profile table tr td a:hover { text-decoration: none; }
/*
.works_profile table tr td a.cat { width: 24px; height: 24px; display: block; margin-top: 99px; background: transparent url('../gfx_genres.gif') no-repeat left 30px; }
.works_profile table tr td a.cat span { display: none; }
.works_profile table tr td a.art { background-position: left -0px; }
.works_profile table tr td a.music { background-position: left -42px; }
.works_profile table tr td a.literature { background-position: left -83px; }
.works_profile table tr td a.video { background-position: left -126px; }
*/

/*.static .img_hl { float: left; padding: 0 5px 0 0; }*/

.more { clear: both; text-align: right; padding: 3px 0 8px; }
.more a { height: 14px; padding: 0 15px; display: block; color: #791E87; font-weight: bold; text-decoration: none; background: transparent url('../gfx_anchor_arrow-bg.gif') no-repeat right 3px; }
.more a:hover { text-decoration: underline; }
/*
.content { width: 320px; float: right; }
.content .body { height: 240px; padding: 0; background-color: #ea8da7; }
*/
/*.celebs { width: 320px; float: left; }*/
.celebs .body { text-align: left; }
.celebs .body strong { font-size: 16px; }
.celebs .body img { width: 125px; height: 145px; margin: 0 10px 5px 0; /*border: 5px solid #6E6E6E;*/ float: left; }

.trivia { /*width: 320px; float: right;*/ direction: ltr; }
.trivia .body { height: 180px; }
.trivia .body strong { font-size: 14px; font-weight: bold; }
.trivia .body ol { margin: 10px 35px 0; }
.trivia .body ol li { margin-bottom: 5px; }

.survey { /*width: 320px; float: left;*/ direction: ltr; }
.survey .body { height: 180px; }
.survey .body strong { font-size: 18px; font-weight: bold; }
.survey .body ol { list-style-type: none; margin-top: 10px; }
.survey .body ol li { margin-bottom: 5px; }

.trivia_register p a { color: #771A85; font-size: 14px; }
.trivia_register p a:hover { text-decoration: none; }

#profile {}
#profile #column_info { width: 311px; float: left; }
#profile #column_gallery { width: 650px; float: right; }

#profile .personal { }
#profile .personal #personal_info { }
#profile .personal #personal_info #personal_text { padding: 0 3px; float: left; }
#profile .personal #personal_info #personal_image { float: left; }
#profile .personal #personal_info #personal_image img { /*border: 5px solid #6E6E6E;*/ }

#profile .contact .body a { width: 220px; text-align: left;}

#profile .links {}
#profile .links ul { list-style-type: square; margin: 0 15px; }
#profile .links ul li { }
#profile .links ul li a { text-decoration: none; font-weight: bold; color: #791E87; }
#profile .links ul li a:hover { text-decoration: underline; }

#profile .friends {}
#profile .friends ul {}
#profile .friends ul li { display: block; margin-right: 5px; float: left; }
#profile .friends ul li a { text-decoration: none; font-weight: bold; color: #791E87; }
#profile .friends ul li a:hover { text-decoration: underline; }

#profile .last_work {}
#profile .last_work a { font-size: 20px; color: black; text-decoration: none; display: block; margin: 8px 0; }
#profile .last_work a:hover { text-decoration: underline; }

#profile .works ul li { text-align: center; }
#profile .works ul li a { text-decoration: none; color: black; font-size: 14px; }
#profile .works ul li a strong { font-size: 12px; }

#photo {}
#photo .photo_info {}
#photo .photo_info .title { font-size: 15px; display: block; margin-bottom: 5px; }
#photo .photo_info .photo_arrow_next {}
#photo .photo_info .photo_arrow_next span { background: transparent url('../photo_btn_next.gif') no-repeat; display: block; width: 44px; height: 46px; }
#photo .photo_info .photo_arrow_prev {}
#photo .photo_info .photo_arrow_prev span { background: transparent url('../photo_btn_prev.gif') no-repeat; display: block; width: 44px; height: 46px; }
#photo .photo_info .photo_arrow_prev span strong, #photo .photo_info .photo_arrow_next span strong { display: none; }

#photo .photo_info .views_row { width: 104px; vertical-align: top; text-align: right; }
#photo .photo_info .rank_bg { width: 104px; vertical-align: top; text-align: left; }
#photo .photo_info .rank_bg span { width: 104px; height: 30px; display: block; background: transparent url('../photo_rating_gfx_bg.gif') no-repeat; color: white; }
#photo .photo_info .rank_bg strong { text-align: center; display: block; padding-top: 5px; font-weight: normal; }

#photo .for_sale { line-height: 18px; color: white; background-color: #E8003E; text-align: center; padding: 1px 3px; }
#photo .description { text-align: left; }

#photo #comments {}
#photo #comments #comment_notice {display: none; background-color: #EFEFEF; text-align: center; padding: 20px; color: black; font-size: 16px;}

#photo #comments #comments_list {}
#photo #comments #comments_list ul { list-style-type: none; }
#photo #comments #comments_list ul li { background-color: #EFEFEF; padding: 7px 0; margin-bottom: 10px;  }
#photo #comments #comments_list ul li div { }
#photo #comments #comments_list ul li div div.uinfo { margin: 0; color: #737173; text-align:left; float:left; }
#photo #comments #comments_list ul li div div.uinfo strong { font-size: 18px; text-decoration: underline; color: black; }
#photo #comments #comments_list ul li div div.uinfo a { display: block; }
#photo #comments #comments_list ul li div div.uinfo img { width: 50px; height: 50px; margin: 0 7px; }

#photo #comments #comments_list ul li div div.comment { background-color: white; margin: 10px 80px; padding: 10px; text-align: left; }

#photo #comments #new_comment { background-color: #EFEFEF; padding: 10px; text-align:left; }
#photo #comments #new_comment strong { font-size: 20px; display: block; margin-bottom: 5px; }
#photo #comments #new_comment table tr td input { width: 200px; }
#photo #comments #new_comment table tr td textarea { width: 830px; padding: 1px; }
#photo #comments #new_comment table tr td { vertical-align: top; } 
#photo #comments #new_comment table tr td span.btn_large a {float: right;}


#container .docs .img {padding:10px; float:left;}
#container .docs .img img { /*border: 5px solid #6E6E6E;*/ }
 

#container .articles {}
#container .articles .body {}
#container .articles .body #articles_search { background-color: #efefef; padding: 8px; }
#container .articles .body #articles_search form {}
#container .articles .body #articles_search form span { display: block; padding-top: 3px; font-size: 15px; font-weight: bold; width: 50px; float: left; }
#container .articles .body #articles_search form em { float: left; }
#container .articles .body #articles_search form em input { width: 868px; height: 19px; border: 1px solid gray; font-size: 16px; padding: 0 1px; }
#container .articles .body #articles_search form div.btn_large { margin-top: 10px; text-align: right; }
#container .articles .body #articles_search form div.btn_large input { padding: 1px 5px;}

#container .articles .body #articles_list {}
#container .articles .body #articles_list a.img { float:left; }
#container .articles .body #articles_list ul { list-style-type: none; margin-top: 5px; }
#container .articles .body #articles_list ul li { border-bottom: 1px solid #c6c6c6; padding-bottom: 2px; margin-bottom: 20px; }
#container .articles .body #articles_list ul li a { display: block; color: black; font-size: 18px; text-decoration: none; }
#container .articles .body #articles_list ul li a:hover { font-size: 18px; text-decoration: underline; }
#container .articles .body #articles_list ul li strong { color: #8e8e8e; font-weight: normal !important; }
#container .articles .body #articles_list ul li span { display: block; }

#container .articles .body #articles_list ul li .more a { font-size: 13px; }

#navigation { color: #E10686; }
#navigation a { color: #7A1DAB; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }