h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, table, th, td { margin: 0; padding: 0; font: inherit; text-align: left; }
ol, ul { list-style: none; }
input, button { color: inherit; font: inherit; }

html, body { margin: 0; padding: 0; background: #555D6A; color: #FFF; }
body { background: url(../images/body_bg.png) repeat-x center top; font: 62.5%/1 Arial, sans-serif; }
img { display: block; border: 0; }

a:link, a:visited { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }

input, textarea { padding: 1px; border: 1px solid #333; border-right-color: #626A75; border-bottom-color: #626A75; background: #555D6A; color: #FFF; }
input.checkbox { padding: 0; border: 0; }
button { border: 1px solid #626A75; border-right-color: #333; border-bottom-color: #333; background: #555D6A; }

table { border-collapse: collapse; }

#container { position: relative; width: 972px; margin: 0 auto; }
body.w2 #container { width: 1217px; }
body.w3 #container { width: 1460px; }

#logo { display: block; position: absolute; top: 0; left: 0; z-index: 31337; }

#topline { position: relative; margin-left: 170px; padding: 10px 0; zoom: 1; }
#container.secondary #topline { height: 42px; margin-left: 120px; }

#menu { font-size: 1.4em; }
#container.secondary #menu { position: absolute; bottom: 10px; }
#menu li { display: inline; margin-left: 20px; }
#menu li.current { color: #C6FF00; }
#menu li a { color: #FFF; }

#search { position: absolute; bottom: 10px; right: 0; font-size: 1.2em; }
#search input { width: 215px; padding: 0 1px; color: #FFF; vertical-align: middle; }
#search .button { width: auto; margin-left: 5px; padding: 0; border: 0; background: transparent; color: #FFF; }

#news { position: relative; height: 254px; margin-bottom: 4px; overflow: hidden; zoom: 1; }
#main .column #news { height: auto; margin: 0; }
#news .block { float: left; position: relative; margin: 0 0 4px 4px; overflow: hidden; }
#main .column #news .block { float: none; height: auto; margin: 0 0 4px; }
#main .column #news .block.last { margin: 0; }
#news .block.big { margin: 0; }
#news .block .image { float: left; overflow:hidden; height: 125px; }
#news .block .title_bg { height: 32px; background: #000; opacity: 0.5; filter: alpha(opacity=50); }

#news .block .title_bg, #news .block .title { position: absolute; bottom: 0; width: 220px; padding: 0 10px; font-size: 1.2em; line-height: 32px; }
#news .block.big .title_bg, #news .block.big .title { width: 484px; }
#news .block .title a { color: #C6FF00;  }
#main .column #news .block .title a { display: inline; }

#main .column .block p a { display: inline; }

#main .column .block .result a { color:#c6ff00 }
#main .column .block .search_tags a { color:#f3f3f3; } /*ْمكو*/
#main .column .block .search_result a { color:#ccc; }
#main .column .block .search_tags p a { display: inline; }
#main .column .block .search_tags a { color:#ّ6ff00 }
#main .column .block #search_tags a { display:inline; }
#main .column .block #search_tags h3 { display:block; }
#main .column .block #search_tags .search_tags { display:inline; }


#news .block p { height: 103px; border: 1px solid #434954; padding: 10px 10px 10px 250px; font-size: 1.2em; line-height: 1.25; }


#banner_top { float: left; }
#banner_right { margin-bottom: 4px; }

#user_area { float: right; width: 238px; height: 88px; border: 1px solid #434954; }
#user_area a:hover { color: #C6FF00; }
#user_area_step1 { font-size: 1.4em; line-height: 55px; text-align: center; }
#user_area_step2 { margin: 10px; font-size: 1.1em; }
#user_area_step2 table { width: 220px; }
#user_area_step2 input { width: 80%; }
#user_area_step2 input, #user_area_step2 label { vertical-align: middle; }
#user_area_step2 #auth_remember { width: auto; margin: 0 2px 0 0; }
#user_area_step3 { margin: 6px 10px; font-size: 1.2em; line-height: 1.25; }
#user_area_step3 img { float: left; margin-right: 10px; }
#user_area_step3 .username { color: #C6FF00; }
#online_users_count { color: #AEAEAE; font-size: 0.786em; line-height: 1; }

#main { margin-top: 4px; overflow: hidden; zoom: 1; clear:both; }
#main .column { float: left; width: 240px; margin-right: 4px; }
body.w2 #main .column.resizeable { width: 362px; }
body.w3 #main .column.resizeable { width: 484px; }
#main .column.double { width: 484px; }
body.w2 #main .column.double { width: 729px; }
body.w3 #main .column.double { width: 972px; }
#main .column.fit { width: 728px; }
body.w2 #main .column.fit { width: 973px; }
body.w3 #main .column.fit { width: 1216px; }

#main .column.last { float: right; margin: 0; }
#main .column .block { position: relative; height: 173px; margin-bottom: 4px; }
#main .column .block2 { position: relative; height: 210px; margin-bottom: 4px; }
#main .column .block .fade { position: absolute; bottom: 0; right: 10px; width: 32px; height: 142px; }
#main .column .block.long { height: auto; margin: 0; }
#main .column .block h2 { padding: 8px 10px; border-bottom: 1px solid #555D6A; background-repeat: no-repeat; background-position: 97% center; font-size: 1.2em; }
#main .column .block2 h2 { padding: 8px 10px; border-bottom: 1px solid #555D6A; background-repeat: no-repeat; background-position: 97% center; font-size: 1.2em; }
#main .column .block h2 a { color: #C6FF00; }
#main .column .block2 h2 a { color: #C6FF00; }
#main .column .block ul { width: 230px; margin-right: 10px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
#main .column .block2 ul { width: 230px; margin-right: 10px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
body.w2 #main .column.resizeable .block ul { width: 352px; }
body.w3 #main .column.resizeable .block ul { width: 474px; }
#main .column .block ul li { margin: 10px 0; padding-left: 18px; background: url(../images/list_bullet.png) no-repeat 10px center; }
#main .column .block a { display: block; text-decoration: none; }
#main .column .block a:hover { color: #C6FF00; text-decoration: underline; }
#main .column .block .details { position: relative; height: 40px; padding: 4px 10px; background: #434954; font-size: 1.1em; overflow: hidden; }
#main .column .block .details a { display: inline; font-size: 1.273em; text-decoration: underline; }
#main .column .block .details a:hover { text-decoration: none; }
#main .column .block .details a.rubric { color: #C6FF00; }
#main .column .block .details p { margin-top: 4px; }
#main .column .block .details .photo_count { position: absolute; right: 4px; bottom: 4px; padding-left: 11px; background: url(../images/icons/photo.gif) no-repeat left center; }

#main .column .block2 ul li { margin: 10px 0; padding-left: 18px; background: url(../images/list_bullet.png) no-repeat 10px center; }
#main .column .block2 a { display: block; text-decoration: none; }
#main .column .block2 a:hover { color: #C6FF00; text-decoration: underline; }
#main .column .block2 .details { position: relative; height: 40px; padding: 4px 10px; background: #434954; font-size: 1.1em; overflow: hidden; }
#main .column .block2 .details a { display: inline; font-size: 1.273em; text-decoration: underline; }
#main .column .block2 .details a:hover { text-decoration: none; }
#main .column .block2 .details a.rubric { color: #C6FF00; }
#main .column .block2 .details p { margin-top: 4px; }
#main .column .block2 .details .photo_count { position: absolute; right: 4px; bottom: 4px; padding-left: 11px; background: url(../images/icons/photo.gif) no-repeat left center; }

#main .column .block.latest_news { background: #7B5F4D url(../images/block_latest_news_bg.png) repeat-x center bottom; }
#main .column .block.latest_news h2 { border-bottom-color: #8D6447; background-color: #7B5F4D; background-image: url(../images/icons/news.gif); }
#main .column .block.latest_news p { margin: 10px; font-size: 1.2em; line-height: 1.25; } //lastest
#main .column .block.latest_news .fade { background: url(../images/block_latest_news_fade.png) no-repeat center bottom; }
#main .column .block2.latest_news { background: #7B5F4D url(../images/block_latest_news_bg.png) repeat-x center bottom; }
#main .column .block2.latest_news h2 { border-bottom-color: #8D6447; background-color: #7B5F4D; background-image: url(../images/icons/news.gif); }
#main .column .block2.latest_news p { margin: 10px; font-size: 1.2em; line-height: 1.25; } //lastest
#main .column .block2.latest_news .fade { background: url(../images/block_latest_news_fade.png) no-repeat center bottom; }
#main .column .block.parties { background: #754C4F url(../images/block_parties_bg.png) repeat-x center bottom }
#main .column .block.parties h2 { border-bottom-color: #854A4A; background-image: url(../images/icons/party.gif); }
#main .column .block.parties .fade { background: url(../images/block_parties_fade.png) no-repeat center bottom; }
#main .column .block.fresh_mixes { background: #415B7F url(../images/block_fresh_mixes_bg.png) repeat-x center bottom; }
#main .column .block.fresh_mixes h2 { border-bottom-color: #3E5E8B; background-image: url(../images/icons/mix.gif); }
#main .column .block.fresh_mixes .fade { background: url(../images/block_fresh_mixes_fade.png) no-repeat center bottom; }
#main .column .block.interviews { background: #5F794D url(../images/block_interviews_bg.png) repeat-x center bottom; }
#main .column .block.interviews h2 { border-bottom-color: #668747; background-image: url(../images/icons/interview.gif); }
#main .column .block.interviews .fade { background: url(../images/block_interviews_fade.png) no-repeat center bottom; }
#main .column .block.forum { background: #417A87 url(../images/block_forum_bg.png) repeat-x center bottom; }
#main .column .block.forum h2 { border-bottom-color: #3F8896; background-image: url(../images/icons/forum.gif); }
#main .column .block.forum .fade { right: 15%; background: url(../images/block_forum_fade.png) no-repeat center bottom; }
#main .column .block.forum ul li { overflow: hidden; zoom: 1; }
#main .column .block.forum ul li a { float: left; width: 85%; overflow: hidden; }
#main .column .block.forum ul li a:hover { color: #FFF; }
#main .column .block.forum ul li .post_count { float: right; padding-left: 8px; background: url(../images/icons/post.gif) no-repeat left center; font-size: 0.8335em; }
#main .column .block.pop_articles { background: #6E4C74 url(../images/block_pop_articles_bg.png) repeat-x center bottom; }
#main .column .block.pop_articles h2 { border-bottom-color: #7D4D7E; background-image: url(../images/icons/popular.gif); }
#main .column .block.pop_articles .fade { background: url(../images/block_pop_articles_fade.png) no-repeat center bottom; }
#main .column .block.downloads { background: url("../images/block_fresh_download_bg.png") repeat-x; font-size: 1.1em;}
#main .column .block.downloads .content { margin:10px 10px 10px 10px}
#main .column .block.downloads h2 { border-bottom-color: #434a55; background-image: url(../images/icons/popular.gif); }
#main #comments_button a:hover { color: #000; }
#main .comments_button a:hover { color: #000; }

#main #tags { height: 151px; padding: 10px 0; border: 1px solid #434954; text-align: center; overflow: hidden; }
#main #tags.long { height: 394px; }
#tags li, #main #tags li a { display: inline; }
#tags li, #main #tags li a:hover { color: #C6FF00; }
#tags li { margin: 0 10px; line-height: 1.4; }

#article { padding: 0 10px;border: 1px solid #434954; overflow: hidden; }
#illustration { float: left; margin-right: 10px; }
#article h2 { margin-top: 10px; color: #C6FF00; font-size: 1.4em; }
#article .rating_helper { margin: 5px 0; overflow: hidden; zoom: 1; }
#article .rating { float: left; width: 60px; height: 8px; /*background: url(../images/icons/heart_off.gif) repeat-x left center; */}
#article .rating li { float: left; width: 11px; height: 8px; }
#article .rating li.on { background: url(../images/icons/heart_on.gif) no-repeat left center; }
#article .rating li.off { background: url(../images/icons/heart_off.gif) no-repeat left center; }
#article .rating .rate { height: 8px; background: url(../images/icons/heart_on.gif) repeat-x left center; }
#article .rating .rate.x1 { width: 12px; }
#article .rating .rate.x2 { width: 24px; }
#article .rating .rate.x3 { width: 36px; }
#article .rating .rate.x4 { width: 48px; }
#article .rating .rate.x5 { width: 60px; }
#article p { margin-bottom: 10px; font-size: 1.2em; line-height: 1.25; }
#article blockquote { padding-left: 18px; background: url(../images/icons/quote.gif) no-repeat left top; }
#article blockquote p { padding-left: 5px; border-left: 1px solid #FFF; color: #CCC; }
#article a { color: #C6FF00; }
#article_tags, #article_author { font-size: 1.2em; line-height: 1.25; }
#article_tags { padding: 0 0 5px 24px; background: url(../images/icons/tags.gif) no-repeat left 5px; }
#article_tags a { color: #FFF; }
#comments_button {
  float: right; width: 134px; height: 22px; background: url(../images/comments_button.gif) no-repeat;
  color: #333; font-size: 1.2em; line-height: 22px; text-align: center; margin-top:6px;
}
#comments_button a { color: #000; }
#comments_button a:hover { color: #000; }
.comments_button {
  float: right; width: 134px; height: 22px; background: url(../images/comments_button.gif) no-repeat;
  color: #333; font-size: 1.2em; line-height: 22px; text-align: center; margin-top:6px;
}
.comments_button a { color: #000; }
.comments_button a:hover { color: #000; }
#download_button a:hover { color: #000; }
#article_author { margin: 10px 0; }
#social { overflow:hidden; width:100%; white-space:nowrap; }
#social div { float:left; position:relative; top:0; }
#social #facebook {padding-right:5px}
#social #vkontakte {margin-left:-10px; top:-1px;}
#related_articles { margin: 20px 0 15px; font-size: 1.4em; }
#related_articles h3 { font-size: 1em; font-weight: normal; }
#related_articles li { margin: 5px 0; padding-left: 7px; background: url(../images/list_bullet.png) no-repeat left center; }
#comments { font-size: 1.2em; line-height: 1.25; }
#comments li { position: relative; margin: 0 -10px; padding: 10px 10px 10px 35px; }
#comments li.best { background: #434954; }
#comments li .votes { position: absolute; top: 28px; left: 0; width: 35px; color: #5CDFF9; font-size: 0.917em; text-align: center; }
#comments li .votes .up, #comments li .votes .down { display: none; position: absolute; left: 12px; width: 10px; height: 7px; cursor: pointer; }
#comments li .votes.active .up, #comments li .votes.active .down { display: block; }
#comments li .votes.voted .up, #comments li .votes.voted .down { display: block; cursor: default; }
#comments li .votes.voted.up .down { display: none; }
#comments li .votes.voted.down .up { display: none; }
#comments li .votes .up { top: -7px; background: url(../images/up.gif) no-repeat; }
#comments li .votes .down { bottom: -5px; background: url(../images/down.gif) no-repeat; }
#comments li .date, #comments li .actions { font-size: 0.917em; }
#comments li p { margin: 0; font-size: 1em; }
#article .pagination { margin: 0 0 10px; font-size: 1.2em; }
#comment_form { margin: 20px 0 10px; font-size: 1.2em; text-align: right; }
#comment_form textarea { width: 458px; margin-bottom: 5px; background: #434954; }
#comment_form button { width: 116px; height: 22px; padding: 0; border: 0; background: url(../images/comments_button.gif) no-repeat; color: #333; line-height: 22px; }

#pagination { margin: 20px 0px 0; font-size: 1.4em; text-align: center; }
#pagination li { display: inline; margin: 0 10px; }
#pagination li.last { float: left; margin: 0; }
#pagination li.first { float: right; margin: 0; }
#pagination li a:hover { color: #C6FF00; }

#footer { margin-top: 20px; padding: 10px; border-top: 1px solid #434954; font-size: 1.1em; line-height: 1.364; overflow: hidden; zoom: 1; }
#footer_menu { float: right; }
#footer_menu li { display: inline; margin-left: 10px; }
#counter { float: right; width: 88px; height: 31px; border: 1px solid #434954; }


.tip { padding: 10px; background: #444; font-size: 1.2em; opacity: 0.9; -moz-border-radius: 4px; }
.tip-text { display: none; }

.hidden { display: none; }
.fade_element; { position: absolute; width: 134px; height: 22px; margin-top:6px;}
table.top30 td { font-size:12px; line-height:14px; padding:5px; text-align:center; }
table.top30 h3 { font-size:12px; line-height:14px; }
table.top30 .top30right { text-align:right; }
.fade_element {position: absolute; width: 134px; height: 22px; line-height:22px;}
.longtext { width:380px }