@charset "utf-8"; /* (c)2009 Css Template managed by eSpace.com.eg*/ /*-------------Table of Contents------------*/ /* 0.Table of Contents 1.Master 1.1. Defaults 1.2. Forms 1.3. Flashes & Errors 1.4. Pagination 1.5. ads 2.Layout 2.1. header 2.2. Pages 2.3. Footer 3.Content 4.Home */ /*----------------------------------------------------1.Master----------------------------------------------------*/ /*/////1.1. Defaults////*/ *,h1,h2,h3,h4,h5,h6,ul,ol,li,p,dl,dt,dd, form{margin:0; padding:0;} h1,h2,h3,h4,h5,h6 { font-family:"Times New Roman", Helvetica, sans-serif;} body{font-size:12px; font-family: Tahoma, Geneva, sans-serif; text-align:center; cursor:default; color:#000000; margin:0px; padding:0px; direction: rtl; background:#000;} A, A:active, A:visited{outline:0px; cursor:pointer; } img{border:0px; vertical-align:middle; margin:0} .hide-text{text-indent:-10000px; line-height:0px; text-decoration:none; font-size:0px; overflow:hidden; display:block; color:#ffffff;} .button{text-indent:-10000px; line-height:0px; text-decoration:none; font-size:0px; overflow:hidden; display:block; color:#ffffff;} .wrapper{margin:0 auto; width:970px; text-align:right; clear:both; overflow:hidden; position:relative;} hr{display:none;} acronym{cursor:help; border:0;} .empty{color:#999999; text-align:center; padding:20px; font-size:1.5em;} .loading{text-align:center; padding:5px 10px; margin:5px 0;} html {overflow-x: hidden;overflow-y: auto;} .spinner{ position:fixed; top:50%; left:42%; z-index:1000;} .spinner_2{ float: left; width: 30px; margin: 6px 0 0 10px;} /*/////1.2. Forms////*/ form, .form{float:right; width:100%; margin:0px;} fieldset{border:none;} label.checkLabel, label.radioLabel{float:right; width:auto; margin:4px 0px 0px 2px;} form small, .form small{color:#999999; font-size:0.9em; display:block; font-family:Tahoma, Geneva, sans-serif;} .form-errors{clear:both; padding:10px 10px 5px 40px; margin:0 0 10px 0; background:#fff4f6 url(../images/icons/flashes/error.png) no-repeat 10px 10px; border:1px solid #FED6DE; color:#d31030;} .form-errors h4{font-size:1.2em;} .form-errors ul{padding:5px 20px;} .form-req{color:#d88235; font-weight:bold;} .form-true{color:#006600;} .form-false{color:#CC0000;} .form-note{color:#999999; font-size:0.9em; display:block; padding:2px 10px 0 20px; margin:0 0 -8px 160px; line-height:1.8em; font-family:Tahoma, Geneva, sans-serif;} form p.form-buttons{text-align:left; clear:both; margin:10px 0px;} input.input_text{width:300px;} input.input_text.large{width:659px} input.input_text.small{width:50px; margin:0 5px 0 5px;} textarea{width:300px; padding:3px; font-size:1em; height:100px; overflow:auto; font-family:Tahoma, Geneva, sans-serif;} .textarea-medium { border:3px solid #CCCCCC; width:324px; } textarea.large{width:650px;} input.input_file{ float:right; width:262px; padding:2px; font-size:1em;} input.input_button.small{padding:0px 3px; font-size:0.9em; margin:0 0 0 5px; font-weight:bold; line-height:12px; height:25px; font-family:Tahoma, Geneva, sans-serif;} input.input_check, input.input_radio{float:right; width:20px; height:24px; display:inline; margin:0 5px 0 5px;} .input_check-wide { float:right; width:20px; height:24px; display:inline; margin:0 124px 0 5px; } select{ width:310px;} select.small{width:98px; margin:0 5px 0 0;} input.invalid, select.invalid, textarea.invalid{border:1px solid #FED6DE; background:#FFF0F3} .bold{ font-weight:bold;} .rss{ position:absolute; top:15px; left:20px;} .rss a{display:block; width:48px; height:48px; text-indent:-9999px; background:url(../images/rss.png) no-repeat left; text-decoration:none;} .content-dark .rss a, .discussions-header .rss a{background:url(../images/rss-dark.png) no-repeat left; text-decoration:none;} .discussions-header .rss {top:34px; left:170px;} /*/////1.3. Flashes & Errors////*/ .flash,.errorExplanation{clear:both; padding:15px 20px 15px 60px; margin:20px 0;} .flash-warning{background:#FFFEEB; border:2px solid #FFF3D0; color:#967422;} .flash-notice{background:#F1FFDE; border:2px solid #E5F8CB; color:#438106;} .flash-error,.errorExplanation{background:#FFF0F3; border:2px solid #FED6DE; color:#d31030;} .flash h4,.flash h2,.errorExplanation h2{margin:0 0 3px 0; font-size:1.2em;position:relative;} .flash ul,.errorExplanation ul{padding:5px; margin:5px 10px; clear:both;} .fieldWithErrors { padding: 2px; background-color: red; display: table; } .notice { color: green; } .alert, .error { color: red; } .alert , .error{ float:right; width:92%; padding:20px; border:3px solid #ffa4a4; background:#ffc8c8; margin:10px 15px 10px 0; color:#bd3b3b; } .alert h2 , .error h2{ font-size:1.8em; color:#bd3b3b; margin:0px; background:url(../images/icons/flashes/error.png) no-repeat top right; padding:0 30px 0 0; } .alert p , .error p{ float:right; width:100%; text-align:right; margin:10px 0; padding:0; } .alert ul , .error ul{ float:right; } .alert ul li , .error ul li{ float:right; width:100%; } .fieldWithErrors { float:right; background:none; padding:0px; margin:10px 0px; } .fieldWithErrors label { color:#ff0000; } .fieldWithErrors .input_text.large{ float:right; } .fieldWithErrors input { border:3px solid #ff0000; } .article-RTE { float:right; width:919px; } .article-RTE .cke_skin_kama { float:left; width:836px; } .errorExplanation { width:90%; padding:20px; border:3px solid #ffa4a4; background:#ffc8c8; margin:10px 15px 10px 0; color:#bd3b3b; overflow:hidden;} .errorExplanation h2 { font-size:1.8em; color:#bd3b3b; margin:0px; background:url(../images/icons/flashes/error.png) no-repeat top right; padding:0 30px 0 0; } .errorExplanation p { float:right; width:100%; text-align:right; margin:10px 0; padding:0; } .errorExplanation ul { clear:both; } .errorExplanation ul li { width:100%; } .notice {width:90%; padding:20px; border:3px solid #d3ffa4; background:#eaffc8; margin:10px 15px 10px 0; color:#487400;overflow:hidden;} .notice h3 { font-size:1.8em; color:#487400; margin:0px; background:url(../images/icons/flashes/notice.png) no-repeat top right; padding:0 30px 0 0; } .notice p { float:right; width:100%; text-align:right; margin:10px 0; padding:0; } .notice ul { margin:5px 10px;padding:5px; } .notice ul li { } /*/////1.4. Pagination////*/ .pagination { float:right; width:100%; text-align:left;height:22px;line-height:21px;clear:both;padding-top:3px;font-family:"Times New Roman", Helvetica, sans-serif;font-size:12px; font-weight:normal;margin:0 0 5px 0;} .pagination a:link, .pagination a:visited,.next_page{ padding:0 2px ; margin-left:5px;text-decoration:none;color:#000; font-weight:bold; font-size:1.2em; margin:0 5px;} .pagination a:hover, .next_page:hover { border-bottom:2px solid #000; } .pagination .current { padding:2px 2px; font-weight:bold; border-bottom:2px solid #000;text-decoration:none;cursor:default; margin:0 0 0 10px;} .pagination .disabled{ padding:2px 2px; font-weight:bold; text-decoration:none;cursor:default; margin:0 0 0 10px; color:#666} .next_page, .prev_page{font-size:1.5em !important;} .content-dark .pagination { float:right; width:100%; text-align:left;height:22px;line-height:21px;clear:both;padding-top:3px;font-family:"Times New Roman", Helvetica, sans-serif;font-size:12px; font-weight:normal;margin:0 0 5px 0; color:#fff;} .content-dark .pagination a:link, .content-dark .pagination a:visited, .content-dark .next_page{margin-left:5px;text-decoration:none;color:#fff; font-weight:bold; font-size:1.2em;margin:0 5px; padding:2px;} .content-dark .pagination a:hover, .content-dark .next_page:hover { border-bottom:2px solid #fff; } .content-dark .pagination .current { color:#fff; font-weight:bold; border-bottom:2px solid #fff;text-decoration:none;cursor:default; margin:0 0 0 10px; padding:2px;} .content-dark .pagination .disabled{ font-weight:bold; text-decoration:none;cursor:default; color:#999; margin:0 0 0 10px; padding:2px;} .side .pagination{border-top:6px solid #000;} /*----------------------------------------------------2.Layout----------------------------------------------------*/ /*/////2.1. Header////*/ .header { width:100%; background:url(../images/banner-bg.gif) no-repeat top;} .header h1 { float:right; width:40%; } .header h1 a { display:block; background:url(../images/logo.gif) no-repeat top; width:425px; height:93px; text-indent:-10000px; margin:11px 0 0 0; text-decoration:none;} .leaderboard-wrapper {float:right; width:930px; padding:18px 20px 20px;} .leaderboard{float:left;} /*----------- navigation top ------------------*/ .navigation-top { float:right; width:377px; height:20px; padding:10px 0; margin:45px 0 0 0; } .navigation-top a { color:#000; text-decoration:none; } .navigation-top ul { float:right; width:95%; list-style:none; margin-right:33px; } .navigation-top ul li { float:right; width:auto; margin:0 4px; } .navigation-top ul li a {display:block;background-position:0 0; background-repeat:no-repeat; height:15px; margin-top:9px;} /*.nav-multimedia-threesixty {background:url(../images/nav-threesixty-multimedia.png); width:40px; margin-right:20px;} .nav-articles-threesixty {background:url(../images/nav-threesixty-article.png); width:41px;}*/ .nav-forums {background:url(../images/nav-forums.png); width:48px;} .nav-survey {background:url(../images/nav-survey.png); width:42px;} .nav-competitions {background:url(../images/nav-competitions.png); width:49px;} .nav-events {background:url(../images/nav-events.png); width:36px;} .nav-richlist {background:url(../images/nav-richlist.png); width:75px} .nav-wallpaper {background:url(../images/nav-wallpaper.png); width:39px;} .nav-threesixty {background:url(../images/nav-threesixty.png); width:26px;} .nav-polls {background:url(../images/nav-polls.png); width:24px;} .nav-magazine {background:url(../images/nav-magazine.png); width:37px;} .nav-events {background:url(../images/nav-events.png); width:45px;} .nav-forums {background:url(../images/nav-forums.png); repeat scroll 0 0 transparent; width: 47px; } /*----------- navigation main ------------------*/ .navigation-main { float:right; width:80%; background:#000; height:40px; padding:0 0; border-bottom:2px solid #fff;} .navigation-main a { color:#FFF; text-decoration:none; } .navigation-main ul { float:right; width:100%; list-style:none; } .navigation-main ul li {border-right:1px solid #DDDDDD;float:right;padding:0 1px;width:auto;} .navigation-main ul li a { display:block; ; background-position:center top; height:30px; margin-top:10px; background-repeat:no-repeat;} .navigation-main ul li a:hover {background-position:center -31px;} .navigation-main ul li.selected{background:#fddb17;} .navigation-main ul li.selected a{background-position:center -62px;} /*.nav-magazine {background:url(../images/nav-magazine.gif); width:66px;}*/ .nav-style {background:url(../images/nav-style.gif); width:60px;} .nav-apps {background:url(../images/nav-apps.gif); width:88px;} .nav-how {background:url(../images/nav-how.gif); width:70px;} .nav-ideas {background:url(../images/nav-ideas.gif); width:52px;} .nav-celebrities {background:url(../images/nav-celebrities.gif); width:75px;} .nav-radar {background:url(../images/nav-radar.gif); width:42px;} .nav-topten {background:url(../images/nav-topten.gif); width:68px;} .nav-cars {background:url(../images/nav-cars.gif); width:67px;} .nav-sport {background:url(../images/nav-sport.gif); width:56px;} .nav-hot {background:url(../images/nav-hot.gif); width:55px;} .nav-video {background:url(../images/nav-video.gif); width:60px;} .nav-news {background:url(../images/nav-news.gif); width:42px;} .header-search { float:right; width:25%; padding:2px 0 0 0; position:relative;} .header-search input { line-height:28px;border:none; background:url(../images/search-bg.gif); height:28px; width:142px; padding:0 25px 0 0; } .header-search .search-button{background:url(../images/search-bg-icon.gif) no-repeat 3px 7px; border: none;cursor:pointer;padding:0;position:absolute;right:2px;text-indent:-9999px;top:2px;width:20px;} .order-search { float:left; width:34%; padding:0 0 0 0; position:relative;} .order-search select { float:left; margin-right:23px; width:100px; height:27px; padding:0 0 0 ; color:#666;} .order-search form { float:left;line-height:23px;border:none; background:url(../images/search-bg.gif); height:23px; width:100px; padding:0 0 0 0; } .user-data { float:left; width:57%; } .user-data ul { float:left; width:60%; list-style:none; margin:7px 0 0 0; text-align:left; } .user-data ul li { display:inline; color:#000; padding-right:3px; position:relative; } .user-data ul li a{ color:#000; } .user-data ul li a:hover { text-decoration:none; } .user-data ul li strong{ color:red;} .twitter-header { float:right; width:22px; height:22px; margin:5px 5px 0 5px; background:url(../images/twitter-icon.gif) no-repeat top center; } .facebook-header { float:right; width:22px; height:22px; margin:5px 0 0 5px; background:url(../images/facebook-icon.gif) no-repeat top center; } .login-text a{ font-size:.8em; font-weight:bold; line-height:1.8em;} /*/////2.2. Main////*/ .container { float:right;width:100%; margin:0 auto; background:#FFF /*url(../images/background.gif) no-repeat center top*/; background-position:center -113px; } .main { float:right; width:619px; margin:0 20px 0 10px; padding-bottom:20px;} .main.main-wide { float:right; width:98%; margin:0 10px 0 10px; } .main.main-wide.no-margin{margin:0; width:100%;} .side { float:right; width:300px; margin:0 0 0 20px; padding-bottom:20px;} .content { margin:0 auto; width:990px; background:url(../images/content-bg.png) repeat-y top;} .content-dark{ margin:0 auto; width:990px; background:url(../images/content-dark-bg.png) repeat-y;} /*/////2.3. footer////*/ .footer {width:100%; font-family: Tahoma, Geneva, sans-serif, Helvetica, sans-serif;} .footer-wrapper {background:#111 url(../images/footer-bg.gif) no-repeat 905px 15px; color:#666; padding:15px;} .footer h4 {color:#fff; font-size:1.3em; margin:5px 0;} .footer a {color:#666; text-decoration:none; font:"Times New Roman", Helvetica, sans-serif;} .footer a:hover {color:#fff;} .footer ul.ts {list-style:none; font-weight:bold; padding:8px 0 25px 0; overflow:hidden; float:left;} .footer ul.ts li {display:inline; padding:0 8px; } .footer ul.ts li:first-child{border: none;} .footer-magazine, .footer-cat, .footer-nav{float:right; width:210px; margin-left:15px;} .footer-magazine a {display:block; width:165px; height:210px; overflow:hidden; border:15px solid #222;} .footer-magazine a img {height:210px;} .footer-cat ul, .footer-nav ul{ list-style:none;} .footer-cat li, .footer-nav li{ padding:3px 0; border-bottom: 1px solid #666;} .footer-news, .footer-news .newsletter, .footer-news .follow-us {float:right; width:260px;} .footer-news .follow-us {text-align:right;} .footer-news .follow-us a {display:block; padding:4px 26px 4px 4px; float:right; font-weight:bold; font-size:1.2em;} .footer-news .follow-us .facebook {background:url(../images/facebook-icon.gif) no-repeat right;; margin-right:10px; } .footer-news .follow-us .twitter {background:url(../images/twitter-icon.gif) no-repeat right;} .footer-news .newsletter {margin-bottom:30px;} .footer-news .newsletter input[type="text"] { width:220px; padding:3px; border:3px solid #aaa; -moz-border-radius:5px;} .footer-news .newsletter input[type="submit"] { background:#333; padding:3px 6px; color:#999; border:none; cursor:pointer; margin-top:3px;} .footer .copy { text-align:left; font-weight:bold;} .footer .newsletter-color {color: #FFFF99;} .footer .magazine-color {color: #66CCFF;} .footer .publish { margin-top:20px; float:right;} /*/////2.4. Edit Profile////*/ .edit-profile { float:right; width:100%; } .form { float:right; width:100%; } .form-line { float:right; width:100%; margin:0 0 10px 0; padding:10px 0; } .form-title { float:right; width:100%; } .form-label { float:right; width:120px; text-align:left; padding:0 0 0 10px; } .input-text-medium { float:right; width:330px; border:#CCC 3px solid; } .select-large { float:right; width:336px; border:#CCC 3px solid; } .select-small { float:right; width:105px; border:#CCC 3px solid; margin:0 0 0 10px; } .gender { float:right; width:78%; } .gender label { float:right; width:auto; margin:0 3px 0 20px; cursor:pointer; } .gender input { float:right; width:auto; } .interest { float:right; width:18%; } .gender label { float:right; width:auto; margin:0 3px 0 20px; cursor:pointer; } .gender input { float:right; width:auto; } .edit-profile form.info .buttons, .db-content form.info .buttons{ border:none; padding:0;} .db-content form.info{width:600px;} .db-content textarea{height:200px;} form.info{ } form.info input[type="text"], form.info select, form.info textarea{ border:1px solid #ddd; padding:3px; } form.info input[type="text"]{ width:300px; } form.info select{ width:auto; } form.info fieldset div, form.upload p{ border:15px solid #FDDC1D; padding:10px; margin:8px 0; margin-right:20px; background:#fff; } form.info div.fieldWithErrors{ border:none; display:inline; margin:0; padding:0; float:none; } form.info .fieldWithErrors input, form.info .fieldWithErrors select, form.info .fieldWithErrors textarea { border-color:#FF0000; } form.info .fieldWithErrors label{ color:#FF0000; } form.info label{ display:block; float:right; width:120px; padding-left:10px; font-size:1.4em; color:#8c8c8c; position:relative; } form.info div abbr { display:block; padding:0; position:absolute; right:-35px; top:5px; width:16px; border:none; } form.info fieldset.group h4{ background: #FDDC1D; margin:8px 20px 0 0; padding:10px 20px; width:560px; font-size:1.6em; font-family: "Times New Roman"; } form.info fieldset.group div{ background:#FEEA77; border:none; padding:10px 20px; } form.info fieldset.group label{ display:inline; float:none; width:auto; padding-right:10px; color:#000; } form.info fieldset.group .ts{ background:#fff; border-top:6px solid #000; padding-right:0; } form.info fieldset.group .ts a{ color:#000;} form.info fieldset.group .ts label{ font-size:1em; font-family:Tahoma, Geneva, sans-serif; } form.info .note{ margin:0 10px 10px 0; color:#FF0000; font-size:1.4em; } form.info .note img{ margin-left:5px; } form.info .buttons{ border-top:6px solid #000; margin-right:20px; padding-top:8px; } form.info .buttons input{ background: #FFDA1D; font-weight:bold; font-size:1.2em; border:none; font-family: "Times New Roman"; cursor: pointer; padding:5px 10px; } .profile-image-large{margin-top:8px;} .profile-image-large img{ border:3px solid #ccc; padding:7px; } .image-hint{ background:#FADC1A; padding:10px 20px; font-size:1.1em; margin:5px 0; } /*/////2.5. Articles////*/ .content-dark .section-title{ border-top:6px solid #fff;} .section-title { float:right; width:929px; margin:0px 21px 15px; border-top:6px solid #000;} .section-title a {display:block; height:90px; width:300px;} .section-magazines, .section-style , .section-apps, .section-how, .section-ideas, .section-celebrities, .section-radar, .section-topten,.section-sport,.section-hot, .section-cars, .section-multimedia, .section-events, .section-richlist, .section-article, .section-wallpaper,.section-threesixty,.section-competition, .section-koshna, .section-profile, .section-polls, .section-videos, .section-images, .section-ts, .section-dashboard, .section-search, .section-add-media, .section-add-article, .section-tags, .section-publish, .section-forums, .section-news, .section-galleries { height:70px; background-repeat:no-repeat; background-position:right;} .section-magazines { background-image:url(../images/title-magazines.gif)} .section-style { background-image:url(../images/title-style.gif)} .section-apps { background-image:url(../images/title-apps.gif)} .section-how { background-image:url(../images/title-how.gif)} .section-ideas { background-image:url(../images/title-ideas.gif)} .section-celebrities{ background-image:url(../images/title-celebrities.gif)} .section-radar { background-image:url(../images/title-radar.gif)} .section-topten { background-image:url(../images/title-topten.gif)} .section-sport { background-image:url(../images/title-sport.gif)} .section-hot { background-image:url(../images/title-hot.gif)} .section-cars { background-image:url(../images/driven_logo.png); height:175px; background-position:center;} .section-multimedia { background-image:url(../images/title-multimedia.gif); padding-top:5px;} .section-events { background-image:url(../images/title-events.gif)} .section-richlist { background-image:url(../images/title-richlist.gif); padding-top:5px;} .section-article { background-image:url(../images/title-article.gif)} .section-wallpaper { background-image:url(../images/title-wallpaper.gif)} .section-threesixty { background-image:url(../images/title-threesixty.gif)} .section-competition{ background-image:url(../images/title-competition.gif)} .section-koshna { background-image:url(../images/title-koshna.gif)} .section-profile { background-image:url(../images/title-profile.gif); padding-top:5px;} .section-polls { background-image:url(../images/title-polls.gif); } .section-videos { background-image:url(../images/title-videos.gif); } .section-images { background-image:url(../images/title-images.gif); } .section-ts { background-image:url(../images/title-ts.gif); padding-top:5px; } .section-dashboard { background-image:url(../images/title-dashboard.gif); padding-top:5px;} .section-search { background-image:url(../images/title-search.gif); padding-top:5px;} .section-add-media { background-image:url(../images/title-add-media.gif); padding-top:5px;} .section-add-article{ background-image:url(../images/title-add-article.gif); padding-top:5px;} .section-tags { background-image:url(../images/title-tags.gif);} .section-publish { background-image:url(../images/title-publish.gif); padding-top:5px;} .section-forums { background-image:url(../images/title-forums.gif);} .section-news { background-image:url(../images/title-news.gif);} .section-galleries { background-image:url(../images/title-galleries.gif);} .image-wrapper { display:block; overflow:hidden; margin:0 auto 10px auto; width:610px; height:373px; text-align:center; } .image-wrapper img { width:620px; } .image-wrapper-small { float:right; width:86px; text-align:center; } .image-wrapper-small img { border:3px solid #CCC; width:80px; height:60px; } .article-view, .multimedia-view { float:right; width:610px; margin:0 0 0 0; } .article-title { float:right; width:85%; margin:10px 0; font-size:3.5em; font-weight:bold; font-family:"Times New Roman"; line-height:40px; line-height:1.2em;} .article-subtitle { float:right; width:85%; margin:10px 0; font-size:1.8em; font-family:"Times New Roman", Helvetica, sans-serif;} .related-articles { float:right; width:100%; margin:20px 0 0 0;} .related-article-header { float:right; width:87%; background:#000 url(../images/sidebar-most-viewed.gif) no-repeat 98%; padding:0 50px 0 0; margin:0 0 10px 0; } .related-article-header h3 {color:#fff; font-family:"Times New Roman"; font-weight:bold; font-size:2em; } .related-article-header a { float:left; width:15%; text-align:left; } .article-info{ list-style:none; float:right; width:100%; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif;} .article-info li {display:inline;margin-left:6px;padding-right:8px;} .article-info li:first-child{ border:none;padding-right:0;} .article-data { float:right; width:100%; overflow:hidden; font-family:"Times New Roman"} .article-data p { margin:0 0 10px 0; line-height:1.7em;} .most-read-articles { float:right; width:100%; margin:20px 0 0 0; } .most-read-article-header { float:right; width:87%; background:#000 url(../images/sidebar-most-viewed.gif) no-repeat 98%; padding:0 50px 0 0; margin:0 0 10px 0; } .most-read-article-header h3 { color:#fff; font-family:"Times New Roman"; font-weight:bold; font-size:2em;} .most-read-article-header a { float:left; width:15%; text-align:left; } .more-articles-story { float:right; width:100%; margin:10px 0 0 0; } .more-articles-story h4 { float:right; width:66%; margin:0 15px 5px 0; } .more-articles-story h4 a { text-decoration:none; color:#000; } .more-articles-story .date { float:right; width:66%; margin:0 15px 0 0; } .article-tags { float:right; width:100%; margin:10px 0; } .article-tags strong { float:right; width:50px; } .article-tags a{color: #000;} .part-articles{ float:right; margin-top:20px; width:610px;} .part-articles h2{ float:right;font-family:"Times New Roman";font-size:3em;color:#000; width:100%;} .part-item{ float:right; position:relative; margin-bottom:10px; padding-bottom:10px; border-top:6px solid #000;} .part-image { width: 610px; height:373px; overflow:hidden; float:right; margin:10px 0; } .part-image img{ width:620px; float:right} .part-count{ color:#FFCC33; float:right;font-size:12em;font-weight:bold;position:absolute;top:-21px;z-index:2; right:-5px; font-family:"Times New Roman", Helvetica, sans-serif; font-weight:bold;} .part-item h3 {float:right; background:#000 url(../images/title-arrow.png) no-repeat right; float:right;font-family:"Times New Roman";font-size:28px;;padding:5px 10px; color:#fff; text-decoration:none; position:absolute; top:340px;width:588px; right:2px;} .part-item h3 a{color: #fff;} .part-item .article-data{font-size:20px; font-family:"Times New Roman", Helvetica, sans-serif;} .most-viewed { float:right; width:100%; margin:10px 0 0 0; } .most-viewed-header { float:right; width:100%; padding:5px 0; border-bottom:2px solid #666; margin:0 0; } .most-viewed-header h3 { float:right; width:85%; margin:0 0 10px 0; } .most-viewed-header a { float:left; width:15%; text-align:left; } .most-viewed-story { float:right; width:100%; margin:10px 0 0 0; } .most-viewed-story h4 { float:right; width:66%; margin:0 15px 5px 0; } .most-viewed-story h4 a { text-decoration:none; color:#000; } .most-viewed-story .date { float:right; width:66%; margin:0 15px 0 0; } .most-viewed-multimedia { float:right; width:100%; margin:10px 0 0 0; border-bottom:#000 8px solid; padding:0 0 10px 0 ; } .most-viewed-multimedia-header { float:right; width:100%; background:#000; color:#FFF; font-family:"Times New Roman"; font-size:2em; padding:5px 0; height:50px; } .most-viewed-multimedia-header h3 { float:right; width:85%; margin:0 0 10px 0; background:url(../images/sidebar-most-viewed.gif) no-repeat 97%; padding:0 50px 0 0; } .most-viewed-multimedia-header a { float:left; width:15%; text-align:left; } .most-viewed-multimedia-story { float:right; width:100%; margin:10px 0 0 0; } .most-viewed-multimedia-story h4 { float:right; width:46%; margin:0 15px 5px 0; font-family:"Times New Roman", Helvetica, sans-serif; font-size:1.8em; } .most-viewed-multimedia-story h4 a { text-decoration:none; color:#2e2e2e; } .most-viewed-multimedia-story .date { float:right; width:46%; margin:0 15px 0 0; } .multimedia-view .title { float:right; line-height:50px; margin:0 0 10px 0; width:540px; } .multimedia-view .article-info{width:85%;} .multimedia-view .title.small{float:right; margin:0 0 10px 0; width:540px; font-size:2.5em; line-height:1em; margin:10px 0 20px;} .image-description { float:right; width:100%; margin:10px 0; text-align:center; } .thumbup { float:left; width:67px; background:#000; color:#FFF; font-size:.8em; font-weight:bold; text-align:center; padding:0 0 10px 0; } .thumbup a { display:block; margin:5px; background:#fddb17 url(../images/thumbup.gif) no-repeat center 10%; color:#000; text-decoration:none; height:11px; padding:40px 0 10px 0; text-align:center; font-size:1.3em; } .author { float:right; width:100px; } .location { float:right; width:100px; } .date { float:right; width:100px; margin:5px 0; color:#666; } .social-media { float:left; width:100%; list-style:none; border-top:5px solid #000; padding:7px 0 0 0; } .social-media li { float: left; font-weight:bold; color:#FFF; margin-left:15px; } .social-media li:first-child{margin-left:0;} .social-media li a { display:none; } .social-media li span { float:left; width:auto; clear:both; font-size:.8em; margin:10px 0 0 0; } .social-media li.social-twitter { background-position:-117px 0; } .social-media li.social-vote { background-position:-234px 0; } .social-media li.social-subscribe { background-position:-351px 0; } .social-media li.social-email { background-position:-468px 0; } .social-media li .chicklets, .social-media li .st_facebook, .social-media li .st_digg, .social-media li .st_twitter, .social-media li .st_gbuzz, .social-media li .stButton, .social-media li .st_email { margin:0px; padding:0px; } .social-media li .chicklets{float:left; width:40px; height:32px; background-position:top left; background-repeat:no-repeat;} .social-media li .st_facebook .chicklets { background-image:url(../images/social-face.png) ; } .social-media li .st_digg .chicklets { background-image:url(../images/social-digg.png); } .social-media li .st_gbuzz .chicklets {background-image:url(../images/social-buzz.png); } .social-media li .st_twitter .chicklets {background-image:url(../images/social-twitter.png) ;} .social-media li .st_email .chicklets {background-image:url(../images/social-email.png) ;} .facebook-like { float:right; width:100%; height:40px; padding:10px 0 0 0; } .facebook-like iframe { height:30px !important; } .facebook-like iframe body.transparent_widget { direction:rtl !important; } .facebook-like .connect_widget_interactive_area td { float:right !important; direction:rtl !important; } .article-listing { float:right; width:100%; } .article-story { float:right; width:98%; margin:0 0px 15px 0; border-bottom:6px solid #999; } .article-listing .section-title { margin:0 18px 20px 0; width:923px; } .article-story h3 { font-weight:bold; font-size:2.5em; margin:5px 0 0 0; font-family:"Times New Roman"; font-weight:bold; } .article-story h3 a { color:#000; text-decoration:none; } .article-story a.wrap { width: 615px; height:370px; overflow:hidden; display:block;} .article-story a.wrap img{ width: 615px;} .article-story p { color:#000; margin:10px 0 15px; font-size:18px; font-family:"Times New Roman", Helvetica, sans-serif;} .article-story-more {color: #009; font-size:12px; font-weight:bold;} .content-dark .article-story h3 a { color: #FFFFFF; text-decoration:none; } .content-dark .article-story p { color: #CCCCCC;} /*/////2.6. Multimedia////*/ .image-multimedia-wrapper-small { float:right; width:146px; height:90px; overflow:hidden; text-align:center; } .image-multimedia-wrapper-small img { width:146px; } .multimedia-more { float:right; width:87%; } .multimedia-more-righ { float:right; width:30px; text-align:center; } .multimedia-more-left { float:right; width:30px; text-align:center; } .multimedia-item { float:right; width:25%; text-align:center; } .multimedia-item h5 { margin:5px 0; } .multimedia-item h5 a { color:#000; text-decoration:none; } .multimedia-more-wrapper { float:right; width:95%; margin:10px 18px 10px 0; } .multimedia-item img { border:3px solid #CCC; } /*/////2.7. Comments////*/ .comments { float:right; width:100%; } .comments h2 { postition: relative; float:right; width:100%; margin:10px 0; background:url(../images/comments-title.gif) no-repeat right 40%; height:40px; border-bottom:5px solid #000; } .add-new-comment { float:right; width:100%; margin:0 0 10px 0;} .add-new-comment h2 { float:right; width:100%; margin:10px 0; background:url(../images/add-comments-title.gif) no-repeat right 40%; height:40px; border-top:5px solid #000; border-bottom:none; padding:10px 0 0 0; } .add-new-comment p { float:right; width:100%; background:#ffd91e; padding:10px 0; } .label-large { float:right; width:54px; text-align:left; padding:0 0 0 10px; } .button-big { float:right; width:100px; height:30px; font-weight:bold; font-size:1.2em; margin:10px 0 0 10px; border:none; background:#ffd91e; font-family:"Times New Roman"; cursor: pointer;} .textarea-large { float:right; width:400px; border:#CCC 3px solid; } .add-new-comment .textarea-large { width:584px; margin:0 10px; border:none; } .add-new-comment .button-big { float:left; border:none; background:#ffd91e; margin:0; cursor:pointer; padding:0 0 10px 0;} .comment-wrapper { float:right; width:100%; margin:0 0 20px 0; } .comment-wrapper.even .comments-content{background:#FFE878;} .comment-wrapper.even .comment-bar{background:url(../images/comments-even-bg.gif) no-repeat left 42%;} .comment-wrapper p {float:right; width:93%; margin:0 20px 0 0; overflow:hidden; word-wrap: break-word;} .user-image-small { float:right; width:72px; } .user-image-small img { padding:5px; width:60px; height:60px; border:1px solid #e5e5e5; } .form-line .user-image-small { margin:0 0 0 20px; } .comment-header { float:right; width:626px; } .comment-user-name { float:right; width:70%; clear:left; margin:10px 20px 5px 0; font-weight:bold; text-decoration:none; font-size:1.4em; color:#000; } .comment-header .date { float:right; width:83%; margin:0 20px 5px 0; } .comment-number { float:left; width:50px; text-align:center; margin:10px 0 0 0; } .comments-functions { float:left; width:96%; text-align:left; margin:10px 10px 0; color:#000 !important; } .comments-functions input{text-indent:-9999px; border:none; margin-left:10px; width:16px; height:16px;cursor:pointer;} .comments-functions input.comment-reply{ background:url(../images/icons/16/comment_edit.png) no-repeat; } .comments-functions input.report-abuse{ background:url(../images/icons/16/flag.png) no-repeat;} .comments-functions a { text-decoration:none; color:#000; } .hide-text .comments-counter { position:absolute; right:130px; font-size:18px; font-weight:bold; text-indent:0px; color:#000; line-height:12px; margin:15px 0 0 0; text-align:left; } .comments-content { float:right; width:84%; margin:0 0 0 0; background:#ffd91e; padding-bottom:10px;} .comment-bar { float:right; width:12px; height:100px; background:url(../images/comments-bg.gif) no-repeat left 42%; } .comments-message { float:right; width:100%; margin:10px 0; } .comments-message p { padding:10px; width:97%; background:#ececec } .comments-message p a { color:#000; } .comments-message p a:hover { text-decoration:none; } .depth-1 .user-image-small, .depth-2 .user-image-small, .depth-3 .user-image-small, .depth-4 .user-image-small, .depth-5 .user-image-small{ width:62px; } .depth-1 .user-image-small img, .depth-2 .user-image-small img, .depth-3 .user-image-small img, .depth-4 .user-image-small img, .depth-5 .user-image-small img{ width:50px; height:50px;} .depth-1{ margin-right:20px; margin-top:3px; width:614px;} .depth-2{ margin-right:40px; margin-top:3px; width:590px;} .depth-3{ margin-right:60px; margin-top:3px; width:566px;} .depth-4{ margin-right:80px; margin-top:3px; width:542px;} .depth-5{ margin-right:100px; margin-top:3px; width:518px;} .comment-reply-area{ margin:5px 0 20px; float:right; width:688px;} .comment-reply-area textarea{border: 8px solid #FFD91E; width:588px;} .comment-reply-area .button-big{ margin:0 0 0 78px !important; float:left !important;} /*/////2.8. 360 view////*/ .three-view { float:right; width:100%;} .wrap-3{ float:right; border-bottom:6px solid #000; padding:12px 0; margin:0 12px; width:924px;} .three-item { float:right; width:300px; position:relative; height:170px; padding-right:12px;} .three-item:first-child{padding-right:0;} .three-item a { display:block; width:300px; overflow:hidden; height:170px; } .three-item a img { width:300px; text-align:center; vertical-align:middle; min-height:170px; } .three-item span { position:absolute; top:70px; left:120px; cursor:pointer; } .three-item a.icon{display:inline; width:auto; overflow:auto; height:auto;} .three-item a.icon img{ width:auto; min-height:40px; } .title { font-family:"Times New Roman"; font-weight:bold; font-size:5em;} .three-tabs { float:right; width:925px; color:#fff; font-family:"Times New Roman"; font-weight:bold; font-size:3em; background:#000; margin: 0 11px ; list-style:none;} .three-tabs li { float:right; width:auto; padding:0 40px; background:#000 url(../images/tabs-arrow.png) no-repeat right 25px; height:60px; cursor:pointer; line-height:60px; border-right:1px solid #fff; } .three-tabs li.selected, .three-tabs li:hover { background:#ffe01e url(../images/tabs-arrow-selected.png) no-repeat right 25px; border-right:1px solid #fff; } .three-tabs li.selected a, .three-tabs li:hover a { color:#000; } .three-tabs a { color:#fff; text-decoration:none; font-family:"Times New Roman";} .three-view .empty{ margin-top:10px; float:right; text-align: center; width:90%;} .three-view .empty a{ color:#000;} .user-tabs { float:right; width:925px; color:#000; font-family:"Times New Roman"; font-weight:bold; font-size:2em; background:#ffe01e; margin: 0 11px ; list-style:none;} .user-tabs li { float:right; width:auto; padding:0 20px; background:#ffe01e url(../images/tabs-arrow.png) no-repeat right 15px; height:40px; cursor:pointer; line-height:40px; border-right:1px solid #fff; } .user-tabs li.selected, .user-tabs li:hover { background:#ffe01e url(../images/tabs-arrow-selected.png) no-repeat right 15px; border-right:1px solid #fff; text-decoration:underline ;} .user-tabs li.selected a, .three-tabs li:hover a { color:#000; } .user-tabs a { color:#000; text-decoration:none; font-family:"Times New Roman";} /*/////2.9. Rich list////*/ .rich-list-view { float:right; width:100%; } .rich-list-item { float:right; width:100%; margin:10px 0 0 0; } .rich-list-rank { float:right; width:10%; text-align:center; font-weight:bold; font-size:2em; color:#999; } .rich-list-item h3 { float:right; width:70%; margin:0 10px 0 0; } .rich-list-item h3 a { color:#000; text-decoration:none; } .rich-list-score { float:right; width:70%; margin:0 10px 0 0; font-weight:bold; font-size:1.5em; color:#666; } .wrap-items{ float:right; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:6px solid #666; } /*/////3.0. Dashboard////*/ .db-menu { float:right; width:190px; margin:0 0 0 10px; } .db-content { float:right; width:780px; margin:0 0 0 10px; } .db-content h2 { float:right; width:100%; margin:10px 0; } .dashboard-item { float:right; width:100%; margin:0 0 10px 0; } .dashboard-item h3 { float:right; width:62%; margin:0 10px 0 0; } .dashboard-item .date { float:right; width:82%; margin:0 10px 0 0; } .dashboard-item .description { float:right; width:82%; margin:0 10px 0 0; } .dashboard-functions { float:left; width:20%; text-align:left; } /*/////3.1. Slidshow////*/ .slidshow { position:relative; width:100%; z-index:1; margin:0 0 20px 0; } .slidshow-big-image { margin:0 3px 0 0; width:100%; position:relative; width:100%; z-index:1; } .slidshow-big-image img { border:#969696 2px solid; position:relative; z-index:1; } .slidshow-arrow-righ a { float:right; width:32px; height:52px; background:url(../images/slidshow-arrow-right.gif) no-repeat top; position:absolute; top:360px; left:940px; z-index:10; text-decoration:none; } .slidshow-arrow-left a { float:left; width:32px; height:52px; background:url(../images/slidshow-arrow-left.gif) no-repeat top; position:absolute; top:360px; left:-1px; z-index:10; text-decoration:none; } .slidshow-thumbnails { position:absolute; z-index:2; top:530px; left:255px; } .slidshow-item { float:right; width:128px; } .story-images { float:left; width:100%; overflow:hidden; height:565px;} /*/////3.2. Competition////*/ .competition-image-main{margin: 0px 0px 10px 0px; width:615px; float:right; height:370px; overflow:hidden;} .competition-subtitle{font-family: "Times New Roman"; font-size:3.5em;} .competition-details{clear:both; margin-bottom:20px;} .competition-closed label.checkLabel{margin-right:10px;} .competition-banner { float:right; width:100%; margin:0 0 10px 0; } .top-users { float:right; width:100%; margin:10px 0 0 0; } .top-user { float:right; width:100%; margin:10px 0 0 0; } .user-rank { float:right; width:40px; font-weight:bold; font-size:2.8em; color:#acacac; padding:10px 0 0 0; text-align:center; } .top-user h3 { float:right; width:54%; margin:0 10px 0 0; } .top-user h3 a { text-decoration:none; color:#000;} .user-points { float:right; width:54%; color:#666; font-weight:bold; font-size:1.2em; margin:10px 10px 0 0; } .competition-item { float:right; width:100%; margin:0px 0 10px 0; position:relative; } .competition-image { display:block; overflow:hidden; width:615px; height:350px; position:relative; } .competition-image img { width:615px; } .competition-item h3 { float:right; position:absolute; top:248px; z-index:2; width:575px; padding:15px 20px; background:#000 url(../images/title-arrow.png) no-repeat right; font-family:"Times New Roman"; font-weight:bold; font-weight:bold; font-size:2.5em; } .competition-item h3 a { color: #FFF; text-decoration:none; } .competition-winners { float:right; width:80%; margin:0 10px 0 0 ; } .competition-winners a { margin:5px 10px 0 0 ; } .competition-date { float:right; margin:10px 0 10px 20px; font-size:1em; color:#fff; font-family:Tahoma, Geneva, sans-serif;} .competition-wrapper { float:right; width:85%; } .old-competitions { float:right; width:300px; } .old-competitions .competition-item { margin:0 0 20px 0; } .old-competitions .competition-wrapper { width:70%; } .old-competitions .competition-date { margin:10px 20px 0 0; } .old-competitions-header { float:right; width:100%; margin:20px 0 10px 0; } .old-competitions-header h3 { float:right; width:85%; margin:0 0 10px 0; background:url(../images/sidebar-most-viewed.gif) no-repeat 97%; padding:0 50px 0 0; } .old-competitions-header a { float:left; width:auto; } .competition-answer { float:right; width:574px; border:#CCC 3px solid; padding:20px; } .competition-answer p{ background:#fff !important;} .questions{} .questions h4{background: #FDDC1D; padding-right:10px; margin-top:10px; width:609px;} .questions p{background: #FDEA77;} .questions p.buttons{background: #fff !important;} .questions .button-big{margin:0;} .agree {background: #fff !important;} .questions p a{color:#000;} .content-dark .questions{} .content-dark .questions h4{background: #FDDC1D; padding-right:10px; margin-top:10px; width:609px;} .content-dark .questions p{background: #A79322;} .content-dark .questions p.buttons{background: #333 !important;} .content-dark .questions .button-big{margin:0;} .content-dark .competition-answer p{ background:#333 !important; color:#fff;} .content-dark .agree{ background:#333 !important;} .content-dark .agree a{ color:#fff;} .content-dark .social-media {border-top:5px solid #fff;} .content-dark .competition-subtitle{font-family: "Times New Roman"; font-size:3.5em; color:#fff;} .content-dark .competition-details{clear:both; margin-bottom:20px;color:#fff;} .content-dark .subtitle { border-top:6px solid #FFFFFF;color:#FFFFFF;float:right;font-size:2em;margin-top:20px;overflow:hidden;padding:15px 0;width:100%; font-family:"Times New Roman", Helvetica, sans-serif} .previous-competition { float:right; width:100%; } .previous-competition .competition-item { width:50%; } .previous-competition .competition-item .competition-image { width:300px; } .previous-competition .competition-item h3{ width:260px; font-size:2em; } /*/////3.3. Discussions////*/ .discussions-new.page-header{background:#000; height:49px; width:930px; margin:0 10px;} .discussions-new.page-header h2{font-size:1.6em; padding:12px 15px 0 0;color:#ffd91e} .discussions-new.page-header h2 a{color:#ffd91e; text-decoration:none; } .discussions-new.page-header h2 a:hover{color:#FFFFFF} .discussions-new form { margin:20px 0 0 0; } .discussions-new p{width:900px; padding:5px 20px; clear:both;} .discussions-new .input_text.large{ width:836px; height:26px; font-size:1.2em; border:3px solid #CCCCCC;} .discussions-new textarea { float:left; font-size:1.2em; width:844px; border:3px solid #CCCCCC;} .discussions-new p label{width:40px; padding:0 0 0 5px; margin:0; } .discussions-new p.wide label{ margin:0 0 10px 0;} .discussions-RTE{margin:5px 20px; float:right; clear:both; width:680px;} .discussions-header{background:#000; height:87px; margin:0 10px; } .discussions-header h2{font-size:1.6em; padding:12px 15px 0 0; float:right; width:600px; height:30px; color:#ffd91e;} .discussions-header h2 a{color:#ffd91e; text-decoration:none; } .discussions-header h2 a:hover{color:#fff} .discussions-header-rss{float:left; margin:5px 10px;} .discussions-header-data{clear:both; float:right; width:400px; margin:15px 10px 0 0; display:inline; color:#FFFFFF; font-weight:bold;} .discussions-header-data span{padding:0px 5px;} .discussions-header-data span img{margin:0px 4px;} .discussions-header-new{float:left; width:auto; margin:2px 0 5px 5px; display:inline; clear:left;} .discussions-header-new a{background:url(../images/graphics/buttons/newDiscussion.gif) no-repeat; width:160px; height:28px;} .discussions-header-new a:hover{background:url(../images/graphics/buttons/newDiscussion.gif) no-repeat 0px -28px;} .discussions-content{margin:20px 10px;} .dicussions-table{width:100%; float:right; clear:both; border-bottom:1px solid #e1e1e1;} .dicussions-table th{background:#efefee; font-size:1.2em; padding:8px; border-left:1px solid #FFFFFF; border-bottom:2px solid #e1e1e1;} .dicussions-table td{padding:5px; border-bottom:1px solid #efefef;} .dicussions-table tr:hover{background:#f7f7f7;} .dicussions-table tr:hover td.dicussions-table-views, .dicussions-table tr:hover td.dicussions-table-replies{background:#fafafa;} th.dicussions-table-views{width:60px; text-align:center;} td.dicussions-table-views{background:#fafafa; width:60px; text-align:center;} th.dicussions-table-replies{width:60px; text-align:center;} td.dicussions-table-replies{background:#fafafa; width:60px; text-align:center; border-right:1px solid #FFFFFF;} td.dicussions-table-title{font-size:1.2em; font-weight:bold; color:#000; width:450px;} td.dicussions-table-title a{color:#000;} td.dicussions-table-title a:hover{text-decoration:none;} td.dicussions-table-title img{margin:2px 0 0 2px;} td.dicussions-table-last{font-size:0.9em; color:#666666; padding:5px 10px; font-family:Tahoma, Geneva, sans-serif;} td.dicussions-table-last a{color:#444444; font-weight:bold;} td.dicussions-table-last a:hover{text-decoration:none;} .discussions-paging{float:right; width:100%; clear:both; margin:10px 0;} .discussions-paging-numbers{float:right; width:400px;} .discussions-paging-numbers a{padding:2px 5px; border:1px solid #b7b7b7; float:right; color:#000; text-decoration:none; margin:0 1px; display:inline;} .discussions-paging-numbers a:hover{color:#000; border:1px solid #ffd91e; background:#ffd91e;} .discussions-paging-numbers span{padding:2px 5px; border:1px solid #117cc7; background:#ffd91e; border-color:#ffd91e; float:right; color:#000; margin:0 1px; display:inline;} .discussions-paging-count{float:left; width:300px; text-align:left; color:#666666} .discussions-topic h3{font-size:1.8em; color:#000; margin:0 10px; padding:0px 0 5px 0; clear:both; border-bottom:dotted 1px #CCCCCC; letter-spacing:-1px;} .discussions-topic-data{float:right; clear:both; width:450px; margin:5px 10px; color:#666666;} .discussions-topic-data span{float:right; padding:3px 20px 10px 20px; background-repeat:no-repeat; background-position:0px 2px;} .discussions-topic-date{background-image:url(../images/icons/16x16/clock.png);} .discussions-topic-repliesCnt{background-image:url(../images/icons/16x16/comments.png);} .discussions-topic-participantsCnt{background-image:url(../images/icons/16x16/users.png);} .discussions-topic-functions{float:left; width:300px; margin:5px 0 0 7px; display:inline;} .discussions-topic-functions a{float:left;} .discussions-topic-functions .discussions-topic-addReplyBtn{ background:url(../images/add-comment-btn.gif) no-repeat top; width:125px; height:38px; margin:0 5px 0 0;} .discussions-topic-functions .discussions-topic-addReplyBtn:hover{} .discussions-topic-functions .discussions-topic-newtopic,.discussions-header-new .discussions-topic-newtopic{ background:url(../images/new-topic.gif) no-repeat top; width:125px; height:38px;} .discussions-topic-functions .discussions-topic-newtopic:hover,.discussions-header-new .discussions-topic-newtopic:hover{ background:url(../images/new-topic.gif) no-repeat top; } .discussions-topic-functions .discussions-topic-watchBtn{background:url(../images/graphics/buttons/watch.gif) no-repeat; width:77px; height:20px; margin:0 0 0 10px;} .discussions-topic-functions .discussions-topic-watchBtn:hover{background:url(../images/graphics/buttons/watch.gif) no-repeat 0px -20px; } .discussions-topic-functions .discussions-topic-unwatchBtn{background:url(../images/graphics/buttons/unwatch.gif) no-repeat; width:77px; height:20px; margin:0 0 0 10px;} .discussions-topic-functions .discussions-topic-unwatchBtn:hover{background:url(../images/graphics/buttons/unwatch.gif) no-repeat 0px -20px; } .discussions-topic-participants{float:right; margin:5px 0; background:#eeeeee; padding:5px; width:922px;} .discussions-topic-participants dt{float:right; width:100px; margin:3px 10px 0 0; color:#CCCCCC; font-size:1.2em; color:#999999; font-weight:bold;} .discussions-topic-participants dd{float:right; margin:0 10px;} .discussions-topic-participants dd a{float:right; padding:3px; text-decoration:none; color:#000;} .discussions-topic-participants dd a:hover{background:#ffd91e;} .discussions-topic-participants dd img{width:16px; height:16px; border:1px solid #FFFFFF} .discussions-topic-main{float:right; width:auto; margin:0px 10px 0 0; padding:20px 0;} .discussions-topic-author{float:right; width:116px; padding:0px 10px; border-left:2px solid #ffd91e;} .discussions-topic-author img{border:5px solid #d7d7d7;} .discussions-topic-body{float:right; padding:0 10px; font-size:1.4em; width:782px} .discussions-topic-body p{margin:0 0 10px 0;} .discussions-author-title{font-size:1.2em; font-weight:bold; display:block; margin:3px 0 0 0; text-align:right; } .discussions-author-title a{color:#000000; text-decoration:none; display:block; padding:5px;} .discussions-author-title a:hover{color:#ffd91e;} .discussions-author-date{font-size:0.8em; color:#333; display:block; padding:0 5px; text-align:right; font-family:Tahoma, Geneva, sans-serif;} .discussions-author-posts{background:url(../images/icons/16/comments.png) no-repeat right 4px; font-size:0.9em; color:#999; display:block; padding:2px 20px 0 5px; line-height:1.7em; text-align:right} .discussions-view-functions{float:left; padding:10px 10px;} .discussions-view-functions a{color:#999999; text-decoration:none;} .discussions-view-functions a:hover{color:#117cc7;} .discussions-view-functions img{margin:0 10px 0 0;} .discussions-reply{float:right; width:auto; margin:5px; border:10px solid #ffd91e; border-left:none; border-right:none; border-bottom:none; } .discussions-reply.starter{background:url(../images/graphics/discussions/replyBg-starter.gif) repeat-y right 0px #eff9ff; border:10px solid #fbfdff;} .discussions-reply-author{float:right; width:116px; padding:10px; text-align:center; border-left:2px solid #ffd91e; margin:20px 0 0 0;} .discussions-reply-author img{border:3px solid #d7d7d7;} .discussions-reply-body{float:right; padding:20px; font-size:1.2em; width:743px; color:#000;} .discussions-reply-body p{margin:0 0 10px 0;} .discussions-addReply{clear:both; padding:20px 0 0px 0; width:930px; float:right;} .discussions-addReply h4{background:url(../images/icons/24/comment_add.png) no-repeat 900px 7px #ffd91e; padding:8px 40px 8px 5px; color:#000; font-size:1.4em; margin:3px 0;} .discussions-addReply form{background:#EEEEEE; padding:20px; width:891px;} .discussions-addReply form textarea{background:#FFFFFF; border:0px; width:885px; margin:0} .discussions-addReply .form-buttons{width:894px; text-align:left;} .discussions-addReply .form-buttons .input_button { background:url(../images/add-comment-btn.gif) no-repeat top; width:125px; height:38px; border:none; padding:0px; text-indent:-10000px; } .flag-btn { border:none; padding:0px; margin:0px; color:#999999; text-decoration:none; font-size:1em; background:none; font-family:Tahoma, Geneva, sans-serif; cursor:pointer;} .flag-btn:hover { border:none; padding:0px; margin:0px; color:#117cc7; text-decoration:none; font-size:1em; background:none; font-family:Tahoma, Geneva, sans-serif; cursor:pointer;} .forum-description { font-weight:normal; font-size:.8em; color:#666; padding:0 20px 0 0; font-family:Tahoma, Geneva, sans-serif; } .magazine-listing { float:right; width:940px; margin:0 10px 0 0; } .magazine-listing .social-media { width:99%; } .magazine-listing .section-title { margin:0 0px 20px 0; width:930px; } .magazine-story { float:right; width:100%; position:relative; z-index:0; margin-bottom:15px; } .magazine-wrapper { display:block; position:relative; z-index:1; width:930px; height:424px; overflow:hidden;} .magazine-wrapper img{width:930px;} .magazine-story h3 { float:right; position:absolute; top:345px; z-index:2; width:930px; background:#000 url(../images/title-arrow.png) no-repeat right; font-family:"Times New Roman"; font-weight:bold; font-weight:bold; font-size:2.5em; } .magazine-story h3 a { display:block;width:890px; padding:15px 20px; color: #FFF; text-decoration:none; } .magazine-issue-number { float:right; position:absolute; top:100px; z-index:2; color:#fcdc1d; font-weight:bold; font-size:20em; cursor:pointer;} .half-page-ad { display:block; margin:10px 0 0 0; } /*/////3.4. Wallpaper////*/ .sidebar-ad { float:right; width:300px; margin:0 7px 10px 7px; } .wallpapers { float:right; width:100%; } .wallpaper-item { float:right; width:300px; position:relative; padding-right:12px;} .wallpaper-item:first-child{ padding-right:0;} .wallpaper-image { display:block; width:300px; height:225px; overflow:hidden; } .wallpaper-image img { width:300px; } .wallpaper-sizes { background:#000 url(../images/tabs-arrow.png) no-repeat right; position:absolute; top:175px; z-index:2; width:260px; padding:10px 20px; text-align:center; } .wallpaper-sizes a { color:#FFF; text-decoration:none; } .wallpaper-sizes a:hover { color:#fddb17; } .tag-cloud { float:right; width:100%; margin:10px 0 0 0 ; } .tag-cloud a { color:#000; font-family:"Times New Roman", Helvetica, sans-serif; line-height:1.5em; padding:0 3px;} .tag-cloud a:hover { background:#fcdc1d; text-decoration:none; } .tag-cloud a.tag1 { font-size: 0.7em; font-weight: 100; } .tag-cloud a.tag2 { font-size: 0.8em; font-weight: 200; } .tag-cloud a.tag3 { font-size: 0.9em; font-weight: 300; } .tag-cloud a.tag4 { font-size: 1.0em; font-weight: 400; } .tag-cloud a.tag5 { font-size: 1.2em; font-weight: 500; } .tag-cloud a.tag6 { font-size: 1.4em; font-weight: 600; } .tag-cloud a.tag7 { font-size: 1.6em; font-weight: 700; } .tag-cloud a.tag8 { font-size: 1.8em; font-weight: 800; } .tag-cloud a.tag9 { font-size: 2.2em; font-weight: 900; } .tag-cloud a.tag10 { font-size: 2.5em; font-weight: 900; } /*---------- Survey ------------*/ .section-title.survey{margin-bottom:5px; height:82px; padding-top:15px;} .section-title.survey a{ width:800px;font-size:56px; color:#000; text-decoration:none; font-family:"Times New Roman", Helvetica, sans-serif;} .survey h2{ font-size:50px; width:80%; float:right; font-family: "Times New Roman", Helvetica, sans-serif; } .survey-thumb{ position:relative; background:red; float:left; } .survey-thumb .thumbup{ position: absolute; left:0; *left:20px; top:0; margin-top:10px; margin-left:20px; } .survey-textarea{ margin:5px 10px; width:94%; } .questions .button-coshna{ background: #000; color:#FFF; display:block; float:left; font-size:0.9em; font-weight:bold; line-height:20px; padding:5px; font-family:Tahoma, Geneva, sans-serif; } /*---------- Search Results ------------*/ .search-results{ margin: 0 10px; } .search-results .match{ background: #FFFF66; text-decoration:underline; } .search-results-info{ overflow:hidden; padding:10px 0; background:#fddb17; } .search-results-info .count{ float:left; margin-left:10px; } .search-results-info .type{ float:right; margin-right:10px; font-size:18px; font-weight:bold; } .search-results-info .type a{ margin-left:10px; color:#000; font-weight:bold; padding:5px 10px; background:url(../images/tabs-arrow-small.png) no-repeat right; font-family:"Times New Roman", Helvetica, sans-serif; font-size:18px; } .search-results-info .type .selected{ color:#000; text-decoration:underline; } .search-results-list li{ list-style:none; overflow:hidden; background:#eee; padding:5px; margin:5px 0; } .search-results-list .thumb-wrapper, .search-results-list .data{ float:right; margin-left:10px; width:80%; } .search-results-list .data h4 a{ font-family:"Times New Roman", Helvetica, sans-serif; font-size:1.5em; color:#000; margin-bottom:10px; display:block;} .search-results-list .thumb-wrapper{ width:120px; height:90px; overflow:hidden; } .search-results-list .thumb-wrapper img{ width:120px; } /*---------------- side -----------------*/ .side-header{ background: #000; float:right; padding:5px; margin-top:15px;} .side-header h3{ background: url(../images/sideBar-headers.gif) no-repeat; width:290px;} .side-header h3 a{ display:block; text-indent:-9999px; text-decoration:none; height:30px;} .side-header h3{ text-indent:-9999px; } .side-header h3.forum { background-position:-10px 0;} .side-header h3.video { background-position:-10px -50px;} .side-header h3.competition { background-position:-10px -100px;} .side-header h3.wallpaper { background-position:-10px -150px;} .side-header h3.richlist { background-position:-10px -200px;} .side-header h3.magazine { background-position:-10px -250px;} .side-header h3.polls { background-position:305px -300px; width:605px; } .side-header h3.most-commented{ background-position:-10px -350px; height:30px;} .side-header h3.last-commented{ background-position:-10px -400px; height:30px;} .side-header h3.channels { background-position:-10px -450px;} .side-header h3.tags { background-position:-10px -500px; height:30px;} .side-header h3.cars { background-position:-10px -550px;} .side-header h3.hot { background-position:-10px -600px;} .side-header h3.sport { background-position:-10px -650px;} .side-header h3.celebrities { background-position:-10px -700px;} .side-header h3.how { background-position:-10px -750px;} .side-header h3.radar { background-position:-10px -800px;} .side-header h3.apps { background-position:-10px -850px;} .side-header h3.style { background-position:-10px -900px;} .side-header h3.ideas { background-position:-10px -950px;} .side-header h3.topten { background-position:-10px -1000px;} .side-header h3.last-articles{ background-position:-10px -1050px;} .side-header h3.photo {background-position:-10px -1100px;} .side-header h3.news {background-position:304px -1200px;} .side-large{float:right;width:100%;} .side-large-item{float:right; padding:8px 0; position:relative; width:100%;} .side-large-image { display:block; overflow:hidden; width:300px; height:300px; position:relative; } .side-large-image img { width:300px; } .side-large-item h4, .home .side-medium-item h4 {float:right; position:absolute; bottom:10px; z-index:2; width:270px; padding:5px 15px; background:#000 url(../images/title-arrow.png) no-repeat right; font-family:"Times New Roman"; font-weight:bold; font-size:1.5em; } .side-large-item h4 a, .home .side-medium-item h4 a { color: #FFF; text-decoration:none; display:block;} .side-large.wide{float:right;width:100%;margin-top:8px;} .side-large.wide .side-large-item{float:right; position:relative; width:100%; border:none;} .side-large.wide .side-large-image { display:block; overflow:hidden; width:620px; height:373px; position:relative; } .side-large.wide .side-large-image img { width:620px; } .side-large.wide .side-large-item h4{float:right; position:absolute; bottom:10px; z-index:2; width:590px; padding:5px 15px; background:#000 url(../images/title-arrow.png) no-repeat right; font-family:"Times New Roman"; font-weight:bold; font-size:1.5em; } .side-large.wide .side-large-item h4 a{ color: #FFF; text-decoration:none; } .side-medium{float:right;width:100%;} .side-medium-item{float:right; padding:8px 0; position:relative; width:100%;border-bottom:1px solid #ddd;} .side-medium-image { display:block; overflow:hidden; width:300px; height:180px; position:relative; } .side-medium-image img { width:300px; } .side-medium-item h4 {float:right; width:280px; padding:5px 10px; background:#fff url(../images/tabs-arrow-selected.png) no-repeat right; font-family: "Times New Roman"; font-size:1.5em; } .side-medium-item h4 a { color: #000; text-decoration:none; } .side-medium-item .image-icon{position:absolute; top:37%; left:41%} .side-medium-item .video-icon{position:absolute; top:437%; left:41%} .content-dark .side-medium-item h4 {float:right; width:280px; padding:5px 10px; background:#303030 url(../images/title-arrow.png) no-repeat right; font-family: "Times New Roman"; font-size:1.5em; } .content-dark .side-medium-item h4 a { color: #FFFFFF; text-decoration:none;} .side-small{float:right;width:100%;} .side-small-item{float:right; padding:8px 0; position:relative; width:145px;} .side-small-item:first-child{float:left;} .side-small-image { display:block; overflow:hidden; width:145px; height:87px; position:relative; } .side-small-image img { width:145px;} .side-small-item h4 {float:right; padding:5px 10px; background:#fff url(../images/tabs-arrow-selected.png) no-repeat right; font-family: "Times New Roman"; font-size:1.2em; } .side-small-item h4 a { color: #000; text-decoration:none;} .content-dark .side-small-item h4 {float:right; padding:5px 10px; background:#303030 url(../images/title-arrow.png) no-repeat right; font-family: "Times New Roman"; font-size:1.2em; } .content-dark .side-small-item h4 a { color: #FFFFFF; text-decoration:none;} .side-small-item .image-icon{position:absolute; top:38%; left:38%} .side-small-item .image-icon img{height:25px;} .side-small-item .video-icon{position:absolute; top:38%; left:38%} .side-small-item .video-icon img{height:25px;} .home .side-small-item h4 {float:right; padding:5px 15px 5px 5px; font-family: "Times New Roman"; font-size:1.2em; position:absolute; bottom:8px;background:#000 url(../images/title-arrow.png) no-repeat right; width:125px; } .home .side-small-item h4 a { color: #fff; text-decoration:none; } .side-small-v{float:right;width:100%;} .side-small-item-v{padding:9px 0; overflow:hidden; width:100%; float:right; width:100%; position:relative; margin-bottom:4px; background:#f8f8f8;} .side-small-item-v.even{ background:#f2f2f2;} .side-small-item-v .side-small-image { float:right; margin-left:10px;} .side-small-item-v h4 { margin-bottom:5px; font-size:1.4em;} .side-small-item-v h4 a{color:#000; margin-bottom:5px; text-decoration:none; font-family:"Times New Roman", Helvetica, sans-serif; font-size:1.3em;} .side-small-item-v .image-icon{position:absolute;right:20%;top:38%;} .side-small-item-v .image-icon img{height:25px;} .side-small-item-v .video-icon{position:absolute;right:20%;top:38%;} .side-small-item-v .video-icon img{height:25px;} .side-magazine{background: #cbcbcb url(../images/side-mag-bg.gif) repeat-x top; height:210px; float:right; width:100%; } .side-magazine h4{float:right; width:280px;} .side-magazine h4 a { font-family:"Times New Roman", Helvetica, sans-serif; font-size:2.5em; color:#000; text-decoration:none; margin:15px 10px; float:right;} .side-magazine .cover-wrap{ height:190px; overflow:hidden; margin:10px; float:right; width:280px; text-align:center;} .side-magazine .cover-wrap img{ text-align:center;} /*-------------------------- home --------------------*/ .main.main-wide.no-margin .raw{margin-left:15px;} .raw{overflow:hidden; margin-left:5px;} .col:first-child{margin-left:5px;} .col{float:left; margin-left:15px; width:300px;} .list{padding:1px 0; float:right; width:100%; margin:8px 0;} .list li {list-style:none; background:#f7f7f7 url(../images/list-arrow.png) no-repeat right; color:#000; padding:7px 16px 7px 5px;} .list li a{ color:#000; text-decoration:none;} .list .odd{ background-color:#eee;} .col.span-2{width:615px; } .col.span-2 .poll, .top-10{padding:8px 0; clear:both;} .top-10{border:none;} .dark{ background:#242424; padding:5px 0; margin:15px 20px 0; width:930px;} .dark .col.span-2{width:615px; margin-left:5px;} .banner-500{margin-top:15px;} .banner-930{margin:15px 20px 0; text-align:left; overflow:hidden} .banner-small{float:right;} .view-more{ padding:5px 10px; clear:both; text-align:left; border-bottom:1px solid #ddd;} .view-more a{color:#000; text-decoration:none; text-align:left; font-family:Tahoma, Geneva, sans-serif;} .last-comment{position:relative; clear:both; padding:9px 0; border-bottom: 1px solid #ddd; height:90px} .last-comment img, .last-comment p, .last-comment span.count, .last-comment span.callout{ position:absolute;} .last-comment a{width:140px; height:90px; overflow:hidden;} .last-comment a img{ height:90px; width:140px;} .last-comment img{right:0;} .last-comment img.video-icon{ height:25px; width:25px; right:60px; top:45px;} .last-comment p{background:#FDDA34; height:70px;left:0;padding:10px;width:140px;z-index:3; overflow:hidden; word-wrap: break-word;} .last-comment span.count{ z-index:4; top:3px; left:-3px; background: url(../images/comment-count.png) no-repeat; color:#fff; padding:3px 5px; display:block; height:22px; font-size:.8em; width:20px; text-align:center;} .last-comment span.callout{ z-index:5; right:128px;top:20px;} .tabs{ background:#FDDB17; clear:both;} .tabs a{color:#000; text-decoration:none; margin:0 5px; background:url(../images/tabs-arrow-small.png) no-repeat right; padding-right:10px; line-height:2em; font-family: "Times New Roman"; font-size:1.2em; font-weight:bold;} .tabs a.selected{ text-decoration:underline; } .most-comment{ float:right;padding:8px 0;width:100%;} .comment-top-1, .comment-top-2, .comment-top-3, .comment-top-4, .comment-top-5, .comment-top-6, .comment-top-7{position:relative; height:42px; padding:10px 10px 25px 30px; margin-top:-15px; } .comment-top-1{ background: #fcdf33; width:260px; margin-top:0;} .comment-top-2{ background: #fad932; width:240px;} .comment-top-3{ background: #fcdf33; width:220px;} .comment-top-4{ background: #fad932; width:200px;} .comment-top-5{ background: #fcdf33; width:180px;} .comment-top-6{ background: #fcdf33; width:160px;} .comment-top-7{ background: #fcdf33; width:140px; height:76px;} .most-comment h4 {line-height:1.5em; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; height:40px; overflow:hidden; color:#000;} .most-comment h4 a{color:#333; text-decoration:none;} .most-comment span.count{ position:absolute; z-index:4; top:-3px; left:-3px; background: url(../images/comment-count.png) no-repeat; color:#fff; padding:3px 5px; display:block; height:22px; font-size:.8em; text-align:left; width:20px; text-align:center;} .news-block{ height:265px;} .news-block .side-header h3{ width:604px; } .news-block .list{ width:50%;} .news-block .list li{ width:277px; float:right; padding:0 15px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:#fff url(../images/list-arrow-news.png) no-repeat right;} .news-block .list li a{display:block; padding:7px 0;} .news-block .list li a:hover {background:#eee;} .banner-300{margin-top:15px;} /*----------------------- feature_list ----------------*/ div#feature_list h3 { font-size: 1.3em; text-align:right;font-family: "Times New Roman";} div#feature_list {width: 605px; height: 250px;overflow: hidden; position: relative; background:#242424;} div#feature_list ul {position: absolute;top: 0;list-style: none;} ul#tabs {right: 0;z-index: 2;width: 310px;} ul#tabs li {font-size: 12px;font-family: "Times New Roman";} ul#tabs li img {float: left;margin:-7px 10px 0 5px; width:48px; height:40px;} ul#tabs li a {color: #999;text-decoration: none;display: block; padding: 10px;height: 26px;outline: none;margin:4px 0; background:url(../images/feature-tab.png) no-repeat right;} ul#tabs li a.even-tab{ background:#3f3f3f;} ul#tabs li a:hover { text-decoration: underline; } ul#tabs li a.current { background: url(../images/feature-tab-current.png); color: #000; } ul#tabs li a.current:hover { text-decoration: none; } ul#output { left: 0; width: 300px; height: 250px; position: relative; } ul#output li { position: absolute; width: 300px; height: 250px; overflow:hidden; } ul#output li img{height: 250px; position:relative; left:55px;} ul#output li a { position: absolute; bottom: 10px; left: 10px; padding: 8px 12px; text-decoration: none; font-size: 12px; color: #FFF; background: #000; -moz-border-radius: 5px; } ul#output li a:hover { background: #FFD91E; color:#000; } ul#output li a.image-link { position: relative; bottom: 0px; left: 0px; } ul#output li a.image-link:hover { background: none; color:#000; } /*------------------ text pages -----------*/ .text-page p{ margin: 20px 0;} /*------------------ rich-list --------------*/ .rich-list .spacer { height:6px; background:#000; margin:20px 0 8px;} .rich-pannel a {text-decoration:none; font-family:Arial;} .rich-pannel {overflow:hidden; padding:3px 5px;color:#fff; font-family:"Times New Roman", Helvetica, sans-serif;} .rich-pannel.large {margin-bottom:8px; background: #333; } .rich-pannel.large.even {background: #666;} .rich-pannel .photo-large img {width:66px; height:66px; border:3px solid #fff;} .rich-pannel.large .text { height:26px; width:220px;} .rich-pannel .col-1 { float:right; width:440px; height:120px;} .rich-pannel .col-2 { float:left; width:160px;} .rich-pannel .col-2 .comment, .rich-pannel .col-2 .like, .rich-pannel .col-2 .upload{margin:1px; padding:5px 0;} .rich-pannel .col-2 .comment { background:#999 url(../images/rich-list/comment.png) no-repeat 136px 2px; padding-right:26px; } .rich-pannel .col-2 .comment a { color:#E9F5FF } .rich-pannel .col-2 .like { background:#999 url(../images/rich-list/like.png) no-repeat 136px 2px; padding-right:26px; } .rich-pannel .col-2 .like a { color:#E9F5FF } .rich-pannel .col-2 .upload { background:#999 url(../images/rich-list/upload.png) no-repeat 136px 2px; padding-right:26px; } .rich-pannel .col-2 .upload a { color:#E9F5FF } .rich-pannel.medium {border:1px solid #fff; background: #333 url(../images/rich-list/corner-white.png) no-repeat bottom left; height:81px;} .rich-pannel.small { background: #333 url(../images/rich-list/corner-white.png) no-repeat bottom left; width:188px; float:right; height:84px;} .rich-pannel.small .text {width:130px;} .rich-pannel.small .photo-small, .rich-pannel.small .numbers{margin-right:0;} .rich-pannel .status {float:right; background: url(../images/rich-list/rich-status.png) no-repeat; width:78px; height:78px; font-size:2em; line-height:3.2em; text-align:center; color:#000; font-family:"Times New Roman", Helvetica, sans-serif; font-weight:bold;} .rich-pannel .up {background-position:0 0;} .rich-pannel .none {background-position:0 -100px;} .rich-pannel .photo-small img {width:46px; height:46px; border:3px solid #fff;} .rich-pannel .text {border-bottom:1px solid #222; width:140px; height:51px;font-weight:bold; font-family:"Times New Roman", Helvetica, sans-serif; font-size:16px;color:#E9F5FF} .rich-pannel .text a {color:#E9F5FF} .rich-pannel .details {margin:3px 0; font-size:0.8em; width:200px; height:30px; font-family:Tahoma, Geneva, sans-serif;color:#FFFFFF} .rich-pannel .date {margin:3px 0; font-size:0.8em; width:200px; height:11px; font-family:Tahoma, Geneva, sans-serif;color:#FFFFFF} .rich-pannel .numbers {background:red; background: url(../images/rich-list/koshna-numbers-bg.png) no-repeat right 0;height:28px; margin-top:2px; letter-spacing:10px; text-indent:15px; font-weight:bold; line-height:2em; font-size:1.1em; float:right; text-align:left; width:118px; padding-left:5px; } .rich-pannel .big-font {font-size: 4em; line-height:1.7em; } .rich-pannel .numbers:first-letter{ color:#FDDF33 !important;} .rich-pannel .photo-small, .rich-pannel .text, .rich-pannel .numbers, .rich-pannel .photo-large, .rich-pannel .details{float:right;margin-right:5px;} .rich-pannel .rank-small { float:right; background:url(../images/rich-list/rich-rank-small.png) no-repeat; width:20px; height:30px; text-indent:-9999px; margin-right:10px;} .rich-pannel .rank-large { float:right; background:url(../images/rich-list/rich-rank.png) no-repeat; width:40px; height:60px; text-indent:-9999px; margin-right:5px;} .rich-list .koshna { background:#FCDC1D url(../images/koshna.png) no-repeat right;padding:10px 40px 10px 5px;} .rich-list .koshna a { color:#000; text-decoration:none;} /*-------------- events -----------------*/ .raw-4-col{padding:8px 0; border-bottom:6px solid #000; border-top:6px solid #000; margin:0 6px;} .raw-4-col .col{float:right; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #ddd; width:220px;} .raw-4-col .col:first-child{margin-right:0; padding-right:0; border:none;} .events{ margin-top:20px;} .events .side-medium{float:right;width:100%;} .events .side-medium-item{float:right; padding:8px 0; position:relative; width:100%;border:none;} .events .side-medium-image { display:block; overflow:hidden; width:220px; height:132px; position:relative; } .events .side-medium-image img { width:220px; } .events .side-medium h4 {float:right; width:200px; font-family: "Times New Roman"; font-size:1.8em; } .events .side-medium h4 a { color: #000; text-decoration:none; } .events .side-medium-item .image-icon{position:absolute; top:45%; left:45%} .events .side-medium-item .video-icon{position:absolute; top:45%; left:45%} .events .side-medium-details{ float:right; width:100%; font-family:"Times New Roman", Helvetica, sans-serif; font-size:1.2em; line-height:1.5em; font-weight:bold; height:60px;} .events .banner-930{margin:15px 10px 0;} .events .list li{ padding:6px 16px 7px 5px;} /*--------------- cars ---------------*/ .cars { color:#FFF;} .cars .main-image{ width:930px; height:460px; overflow:hidden; padding:0 10px 20px;} .cars .main-image img{width:930px;} .cars .channel-thumb{ overflow:hidden;} .cars .channel-thumb div {float:right; margin:5px; width:220px; position:relative; margin:0 15px 15px 0;} .cars .channel-thumb div a.channel-thumb-wrap { display:block; width:220px; height:140px; overflow:hidden;} .cars .channel-thumb div a.channel-thumb-wrap img{width:220px;} .cars .channel-thumb h4 a { display: block; background:#000; padding:5px 15px 5px 5px; color:#fff; position:absolute; bottom:10px; width:200px; font-size:1.5em; text-decoration:none;} .cars .winners{ overflow:hidden; padding:20px 0; margin:0 10px 20px; border-bottom:6px solid #000;} .cars .winners .add, .cars .winners .winner{float:left;} .cars .article-story h3 a { color:#fff; text-decoration:none; line-height:1.5em; } .cars .article-story p { color:#fff; margin:10px 0;} /*--------------- koshna-explain -------*/ .koshna-explain{} .koshna-explain table.explain{ border-bottom:2px solid #fff; margin-bottom:20px;} .koshna-explain table.explain td{border-bottom:1px solid #999; padding:5px 0;} .koshna-explain table.explain th{border-bottom:2px solid #fff; color:#999; padding:5px 0;} .koshna-explain p{ margin:10px 0 20px; width:90%; line-height:1.5em;} /*--------------- error-page -------*/ .error-page{ padding:20px 40px; height:400px;} .error-page h2{ font-family:"Times New Roman", Helvetica, sans-serif; font-size:3em; margin:20px 0;} .error-page p{ margin:10px 0;} .erorr-message {background: url(../images/erorr.png) no-repeat center top;height:500px;padding:200px 0 0 0;width:600px;text-align: center;} /*--------------- nav channels -------*/ .channels { float:right; width:100%;} .channels ul { float:right; width:298px; list-style:none; background:#fddb17; padding:5px 0 15px; margin-bottom:4px; border:1px solid #f2f2f2; border-bottom:6px solid #f2f2f2;} .channels ul li { float:right; width:100%; } .channels ul li.selected a, .channels ul li:hover a{ color:#ffd91e; cursor:pointer; background:#333; } .channels ul li a { color:#000; text-decoration:none; padding:5px; display:block; border-bottom:1px solid #7f6c0f; margin:0 10px; font-weight:bold; font-family:"Times New Roman"; font-size:1.7em;} /* remove the list style */ .nav-channels { margin:15px 0 0 0; padding:0; list-style:none; float:right; width:300px; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ .nav-channels li { float:right; width:298px; display:block; position:relative; z-index:500; margin:0; } /* this is the parent menu */ .nav-channels li a.nav-header, .nav-channels li a.nav-header:hover { background: #000 url(../images/sidebar-channels-expanded.gif) no-repeat 99%; margin:0; padding-right:50px; font-size:2.2em; } .nav-channels li a { color:#fff; text-decoration:none; padding:5px; display:block; border-bottom:1px solid #7f6c0f; margin:0 10px; font-weight:bold; font-family:"Times New Roman"; font-size:1.7em; } .nav-channels li a:hover { color:#ffd91e; cursor:pointer; background:#333; } /* you can make a different style for default selected value */ .nav-channels a.selected { } /* submenu, it's hidden by default */ .nav-channels ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; } .nav-channels ul li { background:#fddb17; } /* display block will make the link fill the whole area of LI */ .nav-channels ul a { display:block; color: #000; } .nav-channels ul a:hover { color:#ffd91e; cursor:pointer; background:#333; } /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */ *html .nav-channels ul { margin:0 0 0 -2px; } /*---------------- user-menu ------------*/ .user-header-border{ border:2px solid #cc0000;} /* remove the list style */ .user-menu{ margin:5px 0 0 0 !important; padding:0; list-style:none; float:left; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ .user-menu li { float:left; display:block; position:relative; z-index:500; margin:0; text-align:right; } /* this is the parent menu */ .user-menu li a.user-header{ border:none !important; height:12px;} .user-menu li a.user-header, .user-menu li a.user-header:hover { background: #fddb17 url(../images/user-nav-arrow.png) no-repeat 99%; margin:0; padding-right:20px; color:#cc0000; line-height:1.1em; } .user-menu li a { text-decoration:none; padding:5px; display:block; margin:0 5px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size:1.2em; } .user-menu li ul li a:hover { color:#ffd91e; cursor:pointer; background:#333; } .user-menu li ul li a { color:#000; text-decoration:none; padding:5px; display:block; border-top:1px solid #7f6c0f; margin:0 10px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size:1.2em; } /* you can make a different style for default selected value */ .user-menu a.selected { } /* submenu, it's hidden by default */ .user-menu ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; } .user-menu ul li { background:#fddb17; } /* display block will make the link fill the whole area of LI */ .user-menu ul a { display:block; color: #000; } .user-menu ul a:hover { color:#ffd91e; cursor:pointer; background:#333; } .user-menu li ul li { width:120px;} /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */ *html .user-menu ul { margin:0 0 0 -2px; } /* waseem-mbc:start */ /* needed for the topics section to show articles (title) hints */ .relative{position:relative;} .hint-title{position:absolute;left:0px;bottom:0px;height:30px;width:300px;} .hint-title h4 {line-height:30px;height:30px;background-color:#000;color:#FFF;} .hint-title h4 a,.hint-title h4 a:active, .hint-title h4 a:visited { background: url("../images/title-arrow.png") no-repeat scroll right center #000000; bottom:4px; font-family:"Times New Roman"; font-size:1.5em; font-weight:bold; position:absolute; z-index:2; height:30px; color:white; text-decoration: none; text-indent:10px; } /* waseem-mbc:end */ /* Zeyad-MBC : Start */ .side-small-96x74-right-item{float:right; padding:8px 0; position:relative; width:96px;height:74px;padding-bottom:12px;} .side-small-96x74-mid-item{float:right; padding:8px 0; position:relative;height:74px;width:96px;padding-right:6px;padding-bottom:12px;} .side-small-96x74-left-item{padding:8px 0; position:relative;height:74px;width:96px;float:left;padding-bottom:12px;} .side-small-96x74-image { display:block; overflow:hidden; width:96px; height:74px; position:relative; } .side-small-h110-image { display:block; overflow:hidden; width:145px; height:110px; position:relative; } .side-large-h225-item{float:right; padding:8px 0; position:relative; width:100%;height: 225px;} /*.side-header h3.wallpaper{ background-image: url(../images/sidebar-wallpaper.gif);} .side-header h3.competition{ background-image: url(../images/sidebar-comp.gif);}*/ /* Zeyad-MBC : End */ /*added by hani, koshna large and small background positions*/ .rich-pannel .s-1-d { background-position: 0 0;} .rich-pannel .s-1-g { background-position: -50px 0;} .rich-pannel .s-1-s { background-position: -100px 0;} .rich-pannel .s-2-d { background-position: 0 -40px;} .rich-pannel .s-2-g { background-position: -50px -40px;} .rich-pannel .s-2-s { background-position: -100px -40px;} .rich-pannel .s-3-d { background-position: 0 -80px;} .rich-pannel .s-3-g { background-position: -50px -80px;} .rich-pannel .s-3-s { background-position: -100px -80px;} .rich-pannel .s-4-d { background-position: 0 -120px;} .rich-pannel .s-4-g { background-position: -50px -120px;} .rich-pannel .s-4-s { background-position: -100px -120px;} .rich-pannel .s-5-d { background-position: 0 -160px;} .rich-pannel .s-5-g { background-position: -50px -160px;} .rich-pannel .s-5-s { background-position: -100px -160px;} .rich-pannel .s-6-d { background-position: 0 -200px;} .rich-pannel .s-6-g { background-position: -50px -200px;} .rich-pannel .s-6-s { background-position: -100px -200px;} .rich-pannel .s-7-d { background-position: 0 -240px;} .rich-pannel .s-7-g { background-position: -50px -240px;} .rich-pannel .s-7-s { background-position: -100px -240px;} .rich-pannel .s-8-d { background-position: 0 -280px;} .rich-pannel .s-8-g { background-position: -50px -280px;} .rich-pannel .s-8-s { background-position: -100px -280px;} .rich-pannel .s-9-d { background-position: 0 -320px;} .rich-pannel .s-9-g { background-position: -50px -320px;} .rich-pannel .s-9-s { background-position: -100px -320px;} .rich-pannel .s-10-d { background-position: 0 -360px;} .rich-pannel .s-10-g { background-position: -50px -360px;} .rich-pannel .s-10-s { background-position: -100px -360px;} .rich-pannel .l-1-d { background-position: 0 0;} .rich-pannel .l-1-g { background-position: -100px 0;} .rich-pannel .l-1-s { background-position: -200px 0;} .rich-pannel .l-2-d { background-position: 0 -80px;} .rich-pannel .l-2-g { background-position: -100px -80px;} .rich-pannel .l-2-s { background-position: -200px -80px;} .rich-pannel .l-3-d { background-position: 0 -160px;} .rich-pannel .l-3-g { background-position: -100px -160px;} .rich-pannel .l-3-s { background-position: -200px -160px;} .rich-pannel .l-4-d { background-position: 0 -240px;} .rich-pannel .l-4-g { background-position: -100px -240px;} .rich-pannel .l-4-s { background-position: -200px -240px;} .rich-pannel .l-5-d { background-position: 0 -320px;} .rich-pannel .l-5-g { background-position: -100px -320px;} .rich-pannel .l-5-s { background-position: -200px -320px;} .rich-pannel .l-6-d { background-position: 0 -400px;} .rich-pannel .l-6-g { background-position: -100px -400px;} .rich-pannel .l-6-s { background-position: -200px -400px;} .rich-pannel .l-7-d { background-position: 0 -480px;} .rich-pannel .l-7-g { background-position: -100px -480px;} .rich-pannel .l-7-s { background-position: -200px -480px;} .rich-pannel .l-8-d { background-position: 0 -560px;} .rich-pannel .l-8-g { background-position: -100px -560px;} .rich-pannel .l-8-s { background-position: -200px -560px;} .rich-pannel .l-9-d { background-position: 0 -640px;} .rich-pannel .l-9-g { background-position: -100px -640px;} .rich-pannel .l-9-s { background-position: -200px -640px;} .rich-pannel .l-10-d { background-position: 0 -720px;} .rich-pannel .l-10-g { background-position: -100px -720px;} .rich-pannel .l-10-s { background-position: -200px -720px;} /* END koshna background positions */ .koshna{} .koshna .title{font-weight:bold;font-size:16pt} .koshna-item-container{width:110px;float:left;} .koshna-item-bg-container{width:40px;float:left} .koshna-item-bg-container-s{width:34px;float:left;} .koshna-item-desc-container{width:59px;float:left;padding-right:2px;} .koshna-item-desc-container .title{padding-top:25px;font-size:10pt;} .koshna-item-desc-container .vsep {border-bottom:1px solid #999999;} .koshna-item-desc-container .points{font-size:10px;} } /*---------------- user-menu ------------*/ /* remove the list style */ .user-menu{ margin:5px 0 0 0 !important; padding:0; list-style:none; float:left; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ .user-menu li { float:left; display:block; position:relative; z-index:500; margin:0; text-align:right; } /* this is the parent menu */ .user-menu li a.user-header{ border:none !important;} .user-menu li a.user-header, .user-menu li a.user-header:hover { background: #fddb17 url(../images/user-nav-arrow.png) no-repeat 99%; margin:0; padding-right:15px; font-size:0.9em; color:#cc0000; } .user-menu li a { text-decoration:none; padding:4px; display:block; margin:0 4px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size:0.9em; } .user-menu li ul li a:hover { color:#ffd91e; cursor:pointer; background:#333; } .user-menu li ul li a { color:#000; text-decoration:none; padding:5px; display:block; border-top:1px solid #7f6c0f; margin:0 10px; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size:0.9em; } /* you can make a different style for default selected value */ .user-menu a.selected { } /* submenu, it's hidden by default */ .user-menu ul { position:absolute; left:0; *right:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; } .user-menu ul li { background:#fddb17; } /* display block will make the link fill the whole area of LI */ .user-menu ul a { display:block; color: #000; } .user-menu ul a:hover { color:#ffd91e; cursor:pointer; background:#333; } .user-menu li ul li { width:120px;} /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */ *html .user-menu ul { margin:0 0 0 -2px; } /*--------------------- publish ---------------------*/ .publish{ line-height:1.5em;} .publish h3{ font-size:1.5em; margin-bottom:1em;} .publish li{ margin: 10px 20px 10px 0;} /************** Magazine Issue ******************/ .flash-game{ background:#2f3032; border:1px solid #2f3032; width:930px; padding:5px;} .magazine-issue .leaderboard { background: none repeat scroll 0 0 #000000; height: 90px; margin: 0 auto; padding: 0; width: 100%;} .magazine-issue .wrapper{width:940px;} .magazine-issue .leaderboard object { display: block; margin: 0 auto;} .magazine-issue .section-title { border:none; float: right; margin:0px; width: 929px;} .magazine-issue .section-topten { background: url("../images/magazine-header.gif") no-repeat scroll right center transparent; float: right; height: 113px; margin-bottom: 5px; width: 482px; margin: 15px 0;} .magazine-issue .article-view, .magazine-content { width: 100%; overflow:hidden;} .magazine-issue .main{ width:930px; margin:0px;} .magazine-content ul { overflow:hidden; width: 100%;} .magazine-content ul li { border-bottom: 1px solid #000000; float: right; height: 440px; list-style: none outside none; margin: 5px 4px 20px; overflow: hidden; width: 301px;} .magazine-issue .magazine-content li a { color: #2E2E2E; text-decoration: none;} .magazine-content ul li a, .magazine-content ul li a img { height: 375px; width: 301px;} .magazine-content ul li a { cursor: pointer; display: block;} .magazine-content ul li p { font-family: Arial; font-size: 15px; font-weight: bold; margin: 5px; text-align: right; line-height:normal;} .magazine-issue .magazine-content li p img { display: inline; height: 11px; margin-left: 5px; width: 6px;} .magazine-issue .magazine-content li s { font-weight: bold; margin-left: 5px; text-decoration: none;} .magazine-issue .magazine-content .killer-banner, .magazine-issue .magazine-content .killer-banner img { border: medium none; height: 250px; width: 300px;} .paging ul { font-family: arial; position: relative; text-align: left; width: 600px;} .magazine-issue .paging ul { padding-bottom: 7px; overflow:hidden;} .magazine-issue .paging ul li { float: left; list-style: none outside none; margin-left: 5px;} .magazine-issue .paging a, .magazine-issue .share-facebook a { color: #2E2E2E; font-size: 14px; font-weight: bold; text-decoration: none;} .paging{ clear:both; overflow:hidden;} .magazine-issue .share { border-top: 6px solid #000000; padding-top: 10px; clear:both;} .magazine-issue .magazine-content a:hover, .magazine-issue .paging a:hover{color:#da9b14;} /***********************************************************************/ .magazine-issue .pagination { clear:both; float:right; font-family:arial,"Times New Roman",Helvetica,sans-serif; font-size:12px; font-weight:normal; height:22px; line-height:21px; margin:0 0 5px; padding-top:3px; text-align:center; width:100%; } .magazine-issue .pagination a:hover , .magazine-issue .pagination .next_page:hover { color:#DA9B14; text-decoration:none; border-bottom: none; } .magazine-issue .pagination .current { color:#DA9B14; border-bottom: none; cursor:default; font-weight:bold; margin:0 5px; padding:0 2px; font-size:14px; text-decoration:none; } /***********************************************************************/ /************** Magazine Issue ******************/ /*----------------------------------------Side--------------------------------*/ .side .box { margin-bottom: 15px; border-bottom: solid 1px #DDD; border-bottom: none; padding: 10px 0 0 0; } .side .head { color: #787878; } .side .head h3 { height: 40px; text-align: right; background: url('/images/mbc/gfx/top_300.png') center top no-repeat; color: white; padding: 0px 45px; font-size: 21px; line-height: 200%; font-family: "Times New Roman", Helvetica, sans-serif; } .side .content { width: auto; color: #787878; font-family: Tahoma; font-size: 12px; font-weight: normal; } .side .thumbs { padding: 5px 0px; border-bottom: none; clear: both; overflow: hidden; padding: 15px 0px; border-bottom: solid 1px #DDD; } .side .thumbs .item { float: right; clear: both; overflow: hidden; padding: 5px 0px; } .side .thumbs .item a { padding: 5px 0px; display: block; color: black; font-family: Arial; font-weight: bold; font-size: 15px; text-decoration: none; padding-bottom: 5px; overflow: hidden; text-align: right; } .side .thumbs .item .caption { font-family: Tahoma; font-size: 11px !important; font-weight: normal; color: #666 !important; background: url('/images/mbc/gfx/arrow_sm.png') right 5px no-repeat; padding: 0px 10px 0px 0px; text-align: right; } .content{background:none !important;} .content .wrapper{ overflow:visible !important; z-index:1; } .small-logo { float: left; background: url('/images/small-logo.gif') 0 0 no-repeat; width: 194px; height: 66px; margin-top: 59px; } .small-logo a { width: 100%; height: 100%; display: block; } .nav-fantasy { background: url('../images/nav-fantasy.png') repeat scroll 0% 0% transparent; width: 100px; margin-top: 11px !important; }