/* ======================================================== Project: neon. smart, fun & sexy... (www.neon.com.hr) Author: Medianova (www.medianova.hr) -------------------------------------------------------- 2010. ======================================================== */ *{margin:0;padding:0;}:focus,:active{outline:0} body { font: .74em "Trebuchet MS", Arial, Helvetica, Sans-Serif; color: #313131; background: #fff; } img { border: 0; } li { list-style: none; } h2 { font: 2.2em Georgia, "Times New Roman", Serif; text-shadow: 1px 1px 1px #ddd; } /* COLOR FOR TITLES */ h2 a, .relat a, .category h2 a, .category li a, #most li a, .hot h2 a, .news h2 a { color: #0b1a2c; } h2 a:hover, .relat a:hover, .category h2 a:hover, .category li a:hover, #most li a:hover, .hot h2 a:hover, .news h2 a:hover { color: #1F151D; text-decoration: underline; } a { color: #0b2e59; cursor: pointer; text-decoration: none; } a:hover { color: #970055; } p { margin: 0 0 15px; line-height: 1.6em; } .x { clear: both; } /* BORDER SURROUNDINGS */ #header, #pitch, #body, #footer { border:1px solid #fff;} /* unregistred warning box */ #popup { border: 6px solid #eee; font-size: 1.2em; padding: 10px; background: #fff; visibility: hidden; z-index: 100; position: absolute; top: 30%; left: 32%; width: 350px; } #popup a { font-weight: bold; border-bottom: 1px solid #ddd; } .close { padding: 5px 10px; background: #FBB217; font-size: .84em; font-weight: bold; color: #fff; } input, select, textarea { font: normal .9em "Trebuchet MS", Arial, Sans-Serif; } #error { color: red; } /* COLORS */ h3.pocetna, p.pocetna, .pocetna-img, .category h4 a:hover, #menu li.pocetna a:hover, #menu li.pocetna a.current { background: #d04392; } #menu.menu-pocetna { border-color: #d04392; } h3.zabava-i-art a, p.zabava-i-art, .category h4.zabava-i-art a:hover, #menu li.zabava-i-art a:hover, #menu li.zabava-i-art a.current { background: #F34709; } .zabava-i-art a { color: #F34709; } #menu.menu-zabava-i-art, .zabava-i-art-img { border-color: #F34709; } h3.poznati-i-scena a, p.poznati-i-scena, .category h4.poznati-i-scena a:hover, #menu li.poznati-i-scena a:hover, #menu li.poznati-i-scena a.current { background: #FF0090; } .poznati-i-scena a { color: #FF0090; } #menu.menu-poznati-i-scena, .poznati-i-scena-img { border-color: #FF0090; } h3.izgled-i-trend a, p.izgled-i-trend, .category h4.izgled-i-trend a:hover, #menu li.izgled-i-trend a:hover, #menu li.izgled-i-trend a.current { background: #BA1E8B; } .izgled-i-trend a { color: #BA1E8B; } #menu.menu-izgled-i-trend, .izgled-i-trend-img { border-color: #BA1E8B; } h3.seks-i-veze a, p.seks-i-veze, .category h4.seks-i-veze a:hover, #menu li.seks-i-veze a:hover, #menu li.seks-i-veze a.current { background: #F02312; } .seks-i-veze a { color: #F02312; } #menu.menu-seks-i-veze, .seks-i-veze-img { border-color: #F02312; } h3.slobodno-vrijeme a, p.slobodno-vrijeme, .category h4.slobodno-vrijeme a:hover, #menu li.slobodno-vrijeme a:hover, #menu li.slobodno-vrijeme a.current { background: #1F7DA1; } .slobodno-vrijeme a { color: #1F7DA1; } #menu.menu-slobodno-vrijeme, .slobodno-vrijeme-img { border-color: #1F7DA1; } h3.dizajn-i-dom a, p.dizajn-i-dom, .category h4.dizajn-i-dom a:hover, #menu li.dizajn-i-dom a:hover, #menu li.dizajn-i-dom a.current { background: #7A6E3A; } .dizajn-i-dom a { color: #7A6E3A; } #menu.menu-dizajn-i-dom, .dizajn-i-dom-img { border-color: #7A6E3A; } h3.tech-i-web a, p.tech-i-web, .category h4.tech-i-web a:hover, #menu li.tech-i-web a:hover, #menu li.tech-i-web a.current { background: #828499; } .tech-i-web a { color: #828499; } #menu.menu-tech-i-web, .tech-i-web-img { border-color: #828499; } h3.karijera-i-novac a, p.karijera-i-novac, .category h4.karijera-i-novac a:hover, #menu li.karijera-i-novac a:hover, #menu li.karijera-i-novac a.current { background: #7AB80B; } .karijera-i-novac a { color: #7AB80B; } #menu.menu-karijera-i-novac, .karijera-i-novac-img { border-color: #7AB80B; } h3.doktor a, p.doktor, .category h4.doktor a:hover, #menu li.doktor a:hover, #menu li.doktor a.current { background: #2BAEB8; } .doktor a { color: #2BAEB8; } #menu.menu-doktor, .doktor-img { border-color: #2BAEB8; } h5 { font: normal 1.9em Georgia, "Times New Roman", Serif; padding: 0 0 7px; color: #0b1a2c; margin: 0 0 5px; } h6 { font: normal 1em Georgia, "Times New Roman", Serif; color: #222; } /* FORMS */ fieldset { border: 0; } label { float: left; width: 120px; padding: 3px 0 0; } form p { margin: 0 0 5px; } textarea { height: 150px; width: 380px; margin: 0 0 10px; border: 1px solid #ddd; padding: 4px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; } #main input.text, #profile-left input.text, select, #groups-main input.text, #network input.text { padding: 4px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; width: 250px; margin: 0 5px 0 0; } #main input.submit, #profile-left input.submit, #groups-main input.submit, #network input.submit{ background: #99173c; color: #fff; border: 0; padding: 4px 10px; font: bold .9em "Trebuchet MS", Arial, Sans-Serif; } input.small, select.small { width: 170px; } input.checkbox { margin: 4px 9px 20px 0; float: left; } .error { font-style: italic; color: #8C0000; margin: 0 0 7px; } .margin { margin-left: 120px; } .explain { font-size: .9em; margin: 0 0 10px 120px; } #day, #month { width: 70px; } #year { width: 90px; } #content { width: 980px; margin: 10px auto 15px; position:relative;} /* HEADER */ #pozadina {height: 100px; padding-top: 10px; margin: 0 auto; background: url(../images/site/pozadina.jpg) bottom center no-repeat #000;} #header { padding: 8px 10px; background: #fff; height: 103px; margin: 0 0 10px 0; border-bottom: 2px solid #000;} #head { height: 86px; } #logo { margin: 27px 0 0 0px; float: left; } #subheader { clear: both; font-size: .84em; border-top: 1px solid #ddd; padding: 4px 0 0; } #tagline { float: left; color: #0b1a2c; font-weight: bold; font-size: 12px; font-family: Arial,sans-serif} #user-links { float: right; width: 270px; } #user-links a { color: #888; text-decoration: underline; } #user-links a:hover { color: #333; } #topbanner { text-align: center; margin: 0 0 5px; } /* USER BOX */ #user { float: right; width: 270px; color: #777; font-size: .9em;} #user .avatar { border: 1px solid #ddd; padding: 1px; margin: 0 8px 5px 0; } #invite { cursor: pointer; } #greeting { padding: 3px 0 0; font: 1.6em Georgia; margin: 0; color: #0b2e59; } .section { float: left; width: 102px; margin: 0 3px 0 0; } .section label { font-size: .8em; color: #65475F; font-style: italic; padding: 4px 0 2px 3px; } .section label.red { color: #9B0000; } input.logintext { float: left; border: 0; background: url(../images/site/login-input.gif) no-repeat; padding: 4px; width: 94px; margin: 0 0 10px; } input.loginsubmit { float: right; border: 1px solid #6F0D2B; background: #d04392; color: #fff; padding: 2px 6px 1px; font-size: .9em; margin: 23px 0 0; } #comeonin { clear: both; font-weight: bold; margin: 0; } #comeonin a { text-decoration: underline; color: #0b1a2c; } #logged { font: normal 1.6em Georgia, "Times New Roman", Serif; padding: 3px 0 0; margin: 0 0 3px; } /* PITCH */ #pitch { clear: both; background: #fff; padding: 10px 10px 0 10px; height: 268px; border-bottom: 2px solid #000; margin: 0 0 5px; } .pitch-item { float: left; width: 320px; margin: 0 15px 0 0; } .pitch-item img { float: left; border-bottom-width: 2px; border-bottom-style: solid; margin: 0 0 10px; } .pitch-item h2 { font-size: 1.7em; } #pitch-featured { float: right; width: 270px; border-left: 1px solid #ddd; padding: 0 0 0 15px; } .features { clear: both; height: 81px; border-bottom: 1px solid #ddd; margin: 0 0 9px; } .features.last { border: 0; margin: 0; } .features img { float: left; margin: 0 11px 0 0; border-bottom-width: 2px; border-bottom-style: solid;} .features h2 { margin: 0; font-size: 1.3em; font-weight: normal; padding: 6px 0 0; } /* MENU */ #menu { clear: both; height: 34px; background: #000; border-top: 5px solid #d04392; margin: 0 0 4px 0; } #menu li { display: inline; font: normal 1em Georgia, "Times New Roman", Serif; } #menu li a { float: left; padding: 11px 14px 8px; color: #fff; } #menu li a:hover, #menu li a.current { } /* SUBMENU */ .submenu { padding: 4px 0 0; color: #515151; font-size: .9em; margin: 0 0 12px 8px;} .submenu a { color: #515151; font-weight: bold; } /* SUBMENU NEW */ #submenu-left { float: left; margin-top: 4px; background: #fff; } #submenu-left li {display:block; float:left; font: normal 1em Georgia, "Times New Roman", Serif; padding:2px 12px; color: #000; border-right: 1px solid #000;} #submenu-left li a {color:#000;} #submenu-left li a:hover, #submenu-left li a.current {border-bottom:1px solid #000;} #submenu-left li.last {border-right:0;} #submenu-right {float:right; width:160px; border-right:1px solid #bbb; padding:0; margin-right:18px; } #submenu-right li {display:inline;} #submenu-right li a {float:left; margin-right: 10px; width:30px; height:30px;} #submenu-right li a.facebook {background: url(../images/site/fbmenu.gif) no-repeat;} #submenu-right li a.twitter {background: url(../images/site/twmenu.gif) no-repeat;} #submenu-right li a.rss {background: url(../images/site/rssmenu.gif) no-repeat;} #submenu-right li a.last {margin-right: 0;} /* SEARCH FORM */ #search { float: right; background: url(../images/site/search.gif) no-repeat; padding: 2px; width: 306px; } #search a { color: #fff; } #search input.text { float: left; border: 0; padding: 4px 4px 1px; font: .9em "Trebuchet MS", Arial, Sans-Serif; width: 245px; color: #999; } #search input.submit { background: none; float: right; width: 30px; height: 29px; border: 0; } #search input.submit:focus { outline: 0; } /* BODY */ #body { clear: both; background: #fff; padding: 10px 10px 0 15px; margin: 0 0 10px; overflow: auto; border-top: 2px solid black; } /* MAIN */ #main { float: left; width: 620px; padding: 10px 0 0; } #overview { padding: 0 0 20px; } #overview h3 { margin: 0 0 20px; } #overview h2 { margin: 0 0 10px; font-size: 1.8em; } .slider { height: 24px; background: url(../images/site/slider.gif) no-repeat; margin: 0 0 20px; } .ui-slider-handle { border: 0; background: none; } .overview-holder { position: relative; width: 955px; overflow: hidden; } .overview-hold { position: relative; height: 500px;} .overview-col { float: left; width: 320px; margin: 0 15px 0 0; border-right: 1px solid #ddd; padding: 0 15px 0 0; } .overview-item { clear: both; border-bottom: 1px solid #eee; padding: 3px 0 0; } .overview-item img { float: left; margin: 0 13px 9px 0; } #overview h2.smaller { font-size: 1.6em; } /* NEWS */ #news { border-bottom: 3px solid #0b1a2c; margin: 0 0 15px; } .news { padding: 0 0 4px; margin: 0 0 12px; } .news h3 { font-size: .84em; float: left; font-weight: bold; text-transform: uppercase; margin: 8px 10px 0 0; } .news h3 a { color: #fff; padding: 5px 7px; } .news h2 { margin: 0 0 14px; font: 2.1em Georgia, "Times New Roman", Serif; } .news .teaser { height: 97px; } .teaser_img { border-bottom-width: 2px; border-bottom-style: solid; float: left; margin: 0 17px 0 0; } .news .teaser.cat { height: 136px; } .news-details { float: left; width: 377px; font-size: .9em; border-bottom: 1px solid #0b1a2c; color: #999; padding: 0 0 6px; margin: 0 0 8px; } #profile-left .news-details { width: 310px; } .news-details .date { font-size: .9em; color: #999; margin: 0 0 0px; } .news-details a { color: #222; } .relat { list-style: none; padding: 0 0 1px; } .relat a { font: bold .94em Georgia, "Times New Roman", Serif; padding: 1px 0; } .tag-edit-del { background: url(../images/site/del.gif) no-repeat; padding: 0 0 0 19px; margin: 0 0 0 4px; } /* COMMENT ICON */ .comment { background: url(../images/site/comment.gif) no-repeat; padding: 0 0 0 21px; margin: 0 10px 0 0; } #content-options .comment { float: left; } .who_comments { font-size: .9em; } /* RECOMMEND ICON */ .recommend { float: left; background: url(../images/site/icon_recommend.gif) no-repeat; margin: 0 12px 0 0; padding: 0 0 0 21px; } /* BOOKMARK ICON */ .bookmark { background: url(../images/site/icon_bookmark.gif) no-repeat; margin: 0 10px 0 0; padding: 0 0 0 21px; } #content-options .bookmark { float: left; } /* SHARING ICONS */ .share_email { float: left; width: 16px; height: 16px; background: url(../images/site/icon_email.gif) no-repeat; margin: 0 3px 0 0; } .twitter { float: left; width: 16px; height: 16px; background: url(../images/site/icon_twitter.gif) no-repeat; margin: 0 3px 0 0; } .facebook { float: left; width: 16px; height: 16px; background: url(../images/site/icon_facebook.gif) no-repeat; margin: 0 10px 0 0; } /* LIKE ICON */ .like { background: url(../images/site/like.gif) no-repeat; padding: 0 0 0 21px; margin: 0 3px 0 4px; } #content-options .like { float: left; } /* CATEGORIES */ .category { margin: 0 0 25px; } .category img { } .category h4 { font-size: 1.6em; font-style: italic; } .category h4 a { float: left; padding: 7px 2px; margin: 0 0 6px; background: transparent; } .category h4 a:hover { color: #fff; } .category h2 { font-size: 1.8em; } .category h2.overlay { font-size: 1.5em; padding: 7px 0 5px; } .category li { padding: 4px 0; } .category li a { font: bold .94em Georgia, "Times New Roman", Serif; } .category li a:hover { color: #000; } .category .more { display: block; border-bottom: 1px solid #ddd; font: bold .9em "Trebuchet MS", Arial; background: url(../images/site/more.gif) no-repeat 0 9px; padding: 4px 0 4px 10px; clear: both; } .category .small { float: left; margin: 0 10px 5px 0; } .catline { clear: both; padding: 4px 0 0; border-bottom: 1px solid #ddd; } /* HOT */ #hots { position: relative; margin: 0 -14px 25px -15px; padding: 11px 15px 0; background: #f4f4f4; border-top: 3px solid #0b1a2c; border-bottom: 3px solid #0b1a2c;} .hot { width: 194px; float: left; margin: 0 17px 10px 0; } .hot.last { margin-right: 0; } .hot img { float: left; margin: 0 10px 0 0; border: 1px solid #ddd; border-bottom: 2px solid; } .hot h3 { margin: 0 0 8px; padding: 3px 0 0; font-size: .84em; font-weight: normal; text-transform: uppercase; } .hot h3 a { background: none; } .hot h2 { font: bold .9em Georgia, "Times New Roman", Serif; } /* MAIN LEFT AND RIGHT COLUMNS */ .col { float: left; width: 295px; margin: 0 0 10px; border-right: 1px solid #ddd; padding: 0 15px 0 0; } .cor { float: right; width: 295px; margin: 0 0 10px; } .col li, .cor li { clear: both; list-style: none; border-bottom: 1px solid #ddd; padding: 4px 0; } .col h3, .cor h3 { font-size: .9em; float: left; font-weight: bold; text-transform: uppercase; margin: 0 0 6px 0; } .col h3 a, .cor h3 a { padding: 5px 7px; color: #fff; } .col-featured { margin: 0 0 10px; } .col-featured p { margin: 0; } .col-featured h2 { margin: 0 0 10px; font-size: 1.4em; } .cor-featured { margin: 0 0 5px; } .cor-featured h2 { font-size: 1.4em; } /* HOME ARCHIVE LINK */ #archive-link { clear: both; border-top: 1px solid #ddd; padding: 6px 0 10px 2px; margin: 0; } #archive-link a { font-size: .9em; font-weight: bold; } /* INNER */ #breadcrumbs { border-bottom: 1px solid #ddd; padding: 0 0 3px; margin: 0 0 15px; font-size: .9em; } .inner h2 { font: normal 2.2em Georgia, "Times New Roman", Serif; color: #222; margin: 0 0 20px; } .inner h3, #article h5, .embed_title { clear: both; font: normal 1.5em Georgia, "Times New Roman", Serif; color: #0b1a2c; margin: 0 0 9px; } #article h4 { font-size: 2em; font-weight: bold; color: #0b1a2c; line-height: 1.5em; } #article h4 a { color: #416391; text-decoration: underline; } .inner-img p { color: #999; font-size: .84em; } .inner-img p.imgalt { border-top: 1px solid #ddd; padding: 6px 0 0; margin: 0 0 0; font-weight: bold; color: #777; } #article { padding: 0 10px 20px 0; font-size: 1.1em; line-height: 1.6em; color: #555; } #article a { text-decoration: underline; } #article a:hover { } #article #poll a { text-decoration: none; } .inner-img { float: left; padding: 3px; margin: 0 25px 0 0; } .content_image { float: left; margin: 7px 25px 0 0; } #content-options { border-bottom: 1px solid #eee; padding: 0 0 8px; } #content-options img { } #content-tags { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 0; margin: 0 0 4px; } #content-tags a { padding: 4px 6px 4px 22px; background: #eee url(../images/site/unchecked.gif) no-repeat 4px 7px; line-height: 30px; } #content-tags a.used { padding: 4px 6px 4px 22px; background: #eee url(../images/site/checked.gif) no-repeat 4px 7px; color: #888; } /* COMMENTS */ #comment_box { margin: 0 0 20px; } #comment_box h5 { font-size: 1.2em; } #comment_box textarea { height: 110px; margin: 0 0 3px; } #comment_box input.submit { clear: both; margin: 0; } .comm { border-bottom: 1px solid #ddd; padding: 5px 0 5px; margin: 0 0 5px; } .comm .avatar { border: 1px solid #ddd; padding: 1px; margin: 0 8px 4px 0; } .comment_body { font-size: 12px; color: #777; } .comment_body .info { font-size: 11px; } .comment_level_1 { margin-left: 0px; } .comment_level_2 { margin-left: 10px; border-left: 4px solid #eee; padding: 0 0 0 10px; } .comment_level_3 { margin-left: 20px; border-left: 8px solid #eee; padding: 0 0 0 10px; } .comment_level_4 { margin-left: 30px; border-left: 12px solid #eee; padding: 0 0 0 10px; } #comments { border-top: 1px solid #eee; padding: 15px 0 0; } .replies { clear: both; font-size: 11px; } .replies a { font-weight: bold; background: #fff url(../images/site/replies.gif) no-repeat 0 8px; padding: 3px 8px 3px 8px; text-transform: uppercase; } .comment-reply textarea { clear: both; height: 110px; margin: 0 0 5px; } .commsubmit { background: #000; } /* RELATED */ #related { padding: 10px 0; margin: 0 0 25px; border-bottom: 1px solid #ddd; } #related img { float: left; margin: 0 14px 0 0; } #related #left { float: left; width: 290px; padding: 0 25px 0 0; border-right: 1px dotted #ddd; } #related h4 { font: 1.7em Georgia, "Times New Roman", Serif; } #related h4 a { } #related h4 a:hover { color: #222; } #related #right { float: right; width: 290px; } #related #right h4 { font-size: .9em; font-weight: bold; margin: 0 0 3px; border-bottom: 1px solid #eee; padding: 0 0 4px; } /* RECOMMEND FORM */ #recommend_form { clear: both; border-bottom: 1px solid #eee; padding: 15px 0; } #recommend_form label { width: 140px; } #recommend_form input.text { float: left; width: 300px; margin: 0 5px 0 0; } #recommend_form input.submit { float: left; width: 50px; clear: none; } #recommend-list { float: right; width: 435px; padding: 2px 0; border-bottom: 1px solid #eee; margin: 0 0 20px; } .recommend-no { padding: 4px 6px 4px 22px; background: #eee url(../images/site/unchecked.gif) no-repeat 4px 7px; color: #888; } .recommend-yes { padding: 4px 6px 4px 22px; background: #eee url(../images/site/checked.gif) no-repeat 4px 7px; } .contact-admin-text { width: 178px; height: 70px; } /* ARCHIVE */ .archive_col { float: left; width: 180px; } .archive_col label { float: none; clear: both; } .archive_button { padding: 19px 0 0; } #ymform { border-bottom: 1px solid #ddd; padding: 0 0 20px; } #archive-list li { list-style: none; padding: 4px 2px; border-bottom: 1px solid #eee; font: bold .9em Georgia, "Times New Roman", Serif; } #archive-list li em { font-weight: normal; color: #999; } /* PROFILE */ #user_status_holder { clear: both; background: #eee; padding: 20px 12px; margin: 0 0 20px 0; z-index: 0; position: relative; } #current_user_status { font: normal 1.5em Georgia, "Times New Roman", Serif; color: #222; padding: 5px; } #user_status_info input.text { width: 480px; border: 0; background: #fff; padding: 5px; font: normal 1.5em Georgia, "Times New Roman", Serif; color: #222; } #status_edit { background: url(../images/site/icon_pen.gif) no-repeat; float: right; width: 18px; height: 18px; margin: 6px 1px 0 10px; } #status_edit:hover { background-position: left bottom; } #status_save { background: url(../images/site/icon_status_save.gif) no-repeat; float: right; width: 18px; height: 18px; margin: 6px 1px 0 10px; } #status_save:hover { background-position: left bottom; } .heading-links { margin: 0 0 20px; height: 20px; } .heading-links a { padding: 6px 10px; margin: 0 1px 0 0; background: #0b1a2c; color: #fff; text-transform: uppercase; font-size: .9em; } .heading-links a:hover { background: #000; } .avatar-functions { float: left; width: 16px; height: 35px; margin: 0 10px 0 0; padding: 2px 0 0; } .pm-icon { float: left; background: url(../images/site/icon_pm.gif) no-repeat; width: 16px; height: 16px; margin: 0 0 2px; } .af-icon { float: left; background: url(../images/site/icon_af.gif) no-repeat; width: 16px; height: 16px; } .df-icon { background: url(../images/site/icon_af.gif) no-repeat; } .pm-icon:hover, .af-icon:hover, .df-icon:hover { background-position: right top; } #profile-left { float: left; width: 555px; margin: 0 16px 0 0; padding: 0 0 20px; } #profile-left h1 { color: #0b1a2c; padding: 15px 0 5px; font: normal 2.3em Georgia, "Times New Roman", Serif; } h2#profile-title { clear: both; font-size: 1.4em; border-bottom: 1px solid #eee; padding: 0 0 5px; margin: 0 0 15px; color: #444; } #profile-right { float: left; width: 200px; border-left: 1px solid #ddd; padding: 0 0 0 15px; margin: 0 0 10px; } #profile-sidebar { float: right; width: 160px; height: 250px; } #side-menu { margin: 0 0 10px; font-weight: bold; text-transform: uppercase; font-size: .9em; } #side-menu li { border-bottom: 1px solid #eee; padding: 3px 1px; } #profile-menu { clear: both; background: #0b1a2c url(../images/site/pmmenu.gif) repeat-x; padding: 3px; height: 36px; margin: 5px 0 0 0; } #profile-menu.others { margin: 0 0 20px; } #profile-menu li { display: inline; list-style: none; text-transform: uppercase; font-weight: bold; } #profile-menu li a { float: left; color: #fff; padding: 8px 15px 13px; margin: 0 2px 0 0; } #profile-menu li a:hover, #profile-menu li a.current { background: #d0dae6 url(../images/site/pmtab.gif) no-repeat left bottom; color: #000; } #profile-submenu { clear: both; margin: 0 0 20px; border-bottom: 1px solid #ddd; background: #eee; height: 26px; padding: 6px 0 0 15px;} .profile-submenu { } .profile-submenu li { display: inline; list-style: none; font-size: .84em; font-weight: bold; text-transform: uppercase; } .profile-submenu li a { float: left; padding: 1px; color: #555; margin: 0 13px 0 0; } .profile-submenu li a:hover, .profile-submenu li a.current { color: #000; border-bottom: 1px solid #ccc; } #user_avatar { padding: 1px; border: 1px solid #ddd; width: 196px; height: 196px; background: #fff; } #ch_avatar { float: left; padding: 4px 10px; margin: 15px 0 0; text-transform: uppercase; font-weight: bold; background: #0b1a2c; color: #fff; font-size: .9em; position: relative; z-index: 100; margin: -29px 0 0 0; } #ch_avatar:hover { background: #3F2B3A; } #avatar-loader { background: #eee url(../images/site/ajax-avatar-loader.gif) no-repeat center center; width: 196px; height: 196px; } #profile-left #actions { clear: both; } #profile-left .item, #activity .item { padding: 6px 5px; border-top: 1px solid #eee; font-size: 1.1em; color: #444; } .item-avatar { float: left; width: 65px; } .item-avatar img { margin: 0; border: 1px solid #ddd; padding: 2px; margin: 0 13px 0 0; } .item-body { float: right; width: 475px; } .item-body p { margin: 0 0 6px; } .item-img { clear: both; margin: 6px 0 0; border: 1px solid #ddd; padding: 2px; } .item-options { font-size: .84em; color: #888; } /* ACTIVITY */ #activity .item-body { width: 530px; } /* KARMA */ #karma { padding: 0 0 5px; border-bottom: 1px solid #ddd; margin: 0 0 10px; height: 25px; } #karma span { float: left; width: 19px; height: 18px; background: #ddd; margin: 0 1px 0 0; } #karma span.current { background: #0b1a2c; } /* WALL */ #microblogging { margin: 0 0 30px; padding: 0 0 5px; } #mb-wassup { font-size: .9em; text-transform: uppercase; font-weight: bold; margin: 0 0 3px; } #microblogging-share-text { padding: 3px; width: 99%; height: 20px; margin: 0; } #profile-left #microblogging-share-text { width: 547px; } #microblogging-type { float: left; padding: 12px 0 0; margin: 0 0 10px; } .close-mb-att { float: right; margin: 0 8px 0 0; width: 16px; height: 16px; background: url(../images/site/del.gif) no-repeat; } #addimage { float: left; margin: 0 8px 0 0; width: 16px; height: 16px; background: url(../images/site/icon_addimage.gif) no-repeat; } #addlink { float: left; margin: 0 8px 0 0; width: 11px; height: 16px; background: url(../images/site/icon_addlink.gif) no-repeat; } #addvideo { float: left; margin: 0 8px 0 0; width: 16px; height: 16px; background: url(../images/site/icon_addvideo.gif) no-repeat; } #microblogging-image, #microblogging-link, #microblogging-video { color: #0b1a2c; clear: both; background: #ededed url(../images/site/mbbg.gif) repeat-x; padding: 15px; } #microblogging-image p, #microblogging-link p, #microblogging-video p { clear: both; margin: 0 0 5px; } #microblogging-image input.text, #microblogging-link input.text, #microblogging-video input.text { width: 500px; } /* share input fields */ #microblogging-image, #microblogging-link, #microblogging-video { font-size: .9em; font-weight: bold; color: #222; } #microblogging-image input, #microblogging-link input, #microblogging-video input { padding: 5px; width: 300px; } #share { float: right; background: #0b1a2c; color: #fff; font-weight: bold; text-transform: uppercase; font-size: .9em; margin: 4px 0; padding: 4px 8px; } #microblogging-post { clear: both; } .microblogging-post { background: #eee; margin: 0 0 10px; } .microblogging-post textarea#text { width: 450px; } .profile-box { border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 10px; } .profile-box h4 { clear: both; float: none; margin: 0 0 3px 0; color: #0b1a2c; font-size: .9em; font-weight: bold; text-transform: uppercase; } .profile-box p { margin: 0 0 6px; } .profile-box li { list-style: none; border-bottom: 1px dotted #ddd; padding: 2px 0; } .profile-box li.last { border: 0; } .friends .avatar { border: 1px solid #ddd; padding: 1px; margin: 0 4px 4px 0; } /* PROFILE PHOTOGALLERY */ #gallery-info { float: right; color: #999; font-size: .9em; padding: 5px 5px 0 0; text-transform: uppercase; } .photo-gallery-image { width: 266px; border: 1px solid #eee; height: 115px; padding: 2px; float: left; margin: 0 5px 10px 0; } .photo-gallery-image img { float: left; margin: 0 10px 0 0; border: 1px solid #ddd; padding: 2px; } .photo-title { height: 81px; padding: 5px 0 0; } .photo-link { background: #0b1a2c; color: #fff; padding: 3px 6px; margin: 0 1px 0 0; font-size: .9em;} .photo-textarea { width: 132px; height: 60px; } /* PROFILE BOOKMARKS */ #bookmarks li { clear: both; font: bold .9em Georgia, "Times New Roman", Serif; border-bottom: 1px solid #ddd; padding: 7px 0; } .bookmark_icons { float: right; } #bookmarks form { border-top: 1px solid #ddd; padding: 10px 0 0; } /* PROFILE RECOMMENDATIONS */ .recommendation { padding: 0 0 8px; border-bottom: 1px solid #ddd; } .recommendation h3 { font: bold .9em Georgia, "Times New Roman", Serif; margin: 0 0 3px; } .recommendation p { margin: 0; } /* PROFILE TOPICS */ #tag-list { border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 0 0 15px; } /* FORUM */ #search-bar { background: #eee; border-bottom: 1px solid #ddd; height: 23px; padding: 12px; margin: 0 0 10px; } #search-bar p { float: left; padding: 6px 0 0; font-size: .9em; text-transform: uppercase; } #search-bar p a { font-weight: bold; color: #444; } #search-bar form { float: right; } #search-bar input.text { color: #999; width: 150px; } /* FORUM THREADS */ .forum-thread { padding: 5px 3px; border-bottom: 1px solid #eee; font: 1.4em Georgia, "Times New Roman", Serif; } .forumtitle { font-size: 1.1em; font-weight: normal; } .topic-avatar { float: left; width: 65px; } .topic-avatar img { border: 1px solid #ddd; padding: 2px; margin: 0 0 3px; } .topic-body { float: right; width: 475px; } #forum-reply { clear: both; margin: 0 0 0 80px; } #forum-new { clear: both; } #forum-reply textarea, #forum-new textarea { width: 99%; height: 140px; } /* NETWORK */ #network { padding: 0 0 30px; } #network .user-box { width: 75px; float: left; margin: 0 10px 10px 0; font-size: .9em; } #network .avatar { border: 1px solid #ddd; padding: 2px; margin: 0 5px 5px 0; } /* SIDEBAR */ #side { float: right; width: 300px; border-left: 1px solid #ddd; padding: 0 0 0 18px; } #side h5 { padding: 0 0 5px 0; font-size: 1.5em; } #side-subcategories { margin: 0 0 14px; } .sct { background: #0b1a2c; cursor: pointer; padding: 3px 6px; margin: 0 0 2px; color: #fff; font-weight: bold; font-size: 1.2em; } .subs-cats-list { margin: 0 0 5px; } .subs-cats-list li { padding: 4px; border-bottom: 1px solid #eee; font: bold .9em Georgia, "Times New Roman", Serif; } .subs-cats-list li a { color: #555; } #newsletter { border: 1px solid #e4e4e4; height: 210px; padding: 10px; margin: 0 0 15px; font-size: .9em; } #newsletter h5 { margin: 0 0 10px; font-weight: bold; } #newsletter p { margin: 0 0 8px; } #newsletter img { position: relative; margin: 0 16px 20px -19px; float: left; } #n-invite { font-weight: bold; font-size: .9em; padding: 25px 0 0; color: #444; } .n-button { clear: both; cursor: pointer; border: 0; background: #0b1a2c url(../images/site/newsletter-button.gif) no-repeat; padding: 8px 0 0; height: 25px; width: 278px; text-align: center; float: left; color: #fff; font-weight: bold; margin: 0 0 8px; } .n-button:hover { background-position: left bottom; color: #fff; } #newsletter label { font-size: .9em; color: #888; font-style: italic; width: 270px; } label span { color: red; } #newsletter input.text { clear: both; border: 1px solid #ddd; padding: 4px; width: 265px; } #discl { font-size: .9em; } .highlight { color: #67475e; } .side-featured { margin: 0 0 10px; border-bottom: 1px solid #ddd; } .side-featured.wideimg .teaser_img { margin: 0 0 10px; } /* POLL */ .poll { margin: 0 0 23px; } .poll_cont { margin: 0 0 12px; } .poll_item { padding: 3px 0; } .poll_item input { margin: 0 5px 10px 0; float: left; } .poll-button { float: left; background: #d04392 url(../images/site/button.gif) no-repeat; padding: 5px 0 0; width: 72px; text-align: center; height: 22px; margin: 0 2px 0 0; font-size: .9em; font-weight: bold; color: #EFC2CF; } .poll-button:hover { color: #fff; background-position: left bottom; } .bar { padding: 1px; border: 1px solid #ddd; } .perc { background: #99173c; height: 6px; } .answer { font-size: .9em; color: #555; padding: 1px 2px 0; } .answer span { color: #999; float: right; } .intext { margin: 0 0 15px; } .intext .poll-button { font-size: .84em; padding-top: 3px; height: 24px; } #home-poll, #side-poll { border-bottom: 3px solid #0b1a2c; padding: 0 0 10px; margin: 0 0 15px; } #home-poll .slide-arrows, #side-poll .slide-arrows { position: relative; margin: -6px 0 0; } /* INNER MAIN GALLERY */ .gallery { clear: both; width: 620px; height: 160px; overflow: hidden; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .gallery_holder { position:relative; top:0; left:0; width:10000px; height: 150px; } .gallery_holder img { margin-right: 20px; max-height: 150px; } h5.gallery_title { clear: both; padding: 0 0 7px; margin: 0 0 12px; border-bottom: 1px solid #ddd; } .gallery_buttons { float: right; position: relative; margin: -26px 10px 0 0; font-weight: bolder; z-index: 20; text-align: center;} .gallery_buttons a { color: #fff; padding: 7px 15px; margin: 0 0 0 5px; background: #d04392; text-decoration: none; } .gallery_buttons a:hover { background: #991c76; } #article .gallery_buttons a { text-decoration: none; } /* GROUPS MAIN */ #groups-main { float: left; width: 780px; margin: 0 0 20px; } .group-item { list-style: none; padding: 7px 5px; border-bottom: 1px solid #eee; } .group-item img { border: 1px solid #ddd; padding: 2px; float: left; margin: 0 10px 0 0; } .group-item h3 { font: 1.5em Georgia, "Times New Roman", Serif; margin: 0 0 5px; padding: 6px 0 0; } .group-item p { margin: 0; } .btn { background: #0b1a2c; padding: 4px 8px; color: #fff; text-transform: uppercase; font-size: .9em; } .groupimg { padding: 2px; border: 1px solid #ddd; margin: 0 0 0 120px; } #group-users-switch { font-size: .84em; } #group-users-switch a { color: #777; float: none; background: none; } #group-users-switch a.current { color: #3F2739; } /* GROUPS BLOG */ .group-blog .avatar { border: 1px solid #ddd; padding: 1px; margin: 0 10px 0 0; } .blogbody { float: right; width: 480px; } /* SIDE MPU AD */ .side300x250 { margin: 0 0 8px; } /* SIDE GALLERY */ #side-gallery { margin: 0 0 20px; } .sidebar-gallery { width: 300px; display: block; overflow: hidden; height: 165px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 6px 0 0; } .sidebar-gallery-holder { width: 1000px; height: 150px; position: relative; } .sidegal { float: left; margin-right: 3px; width: 200px; } .gal-title { color: #eee; clear: both; float: left; width: 188px; font: bold 1em Georgia, "Times New Roman", Serif; background: url(../images/site/overlay.png); position: relative; margin: -50px 0 0; padding: 8px 6px 0; height: 37px; } .sgal-arrows { float: right; position: relative; margin: -10px 0 0; } .sgal-arrows a { background: #d04392; padding: 4px 10px; color: #fff; font-weight: bold; } .sgal-arrows a:hover { background: #991c76; } /* MOST */ #most { margin: 0 0 20px; border-bottom: 3px solid #0b1a2c; } #most h5 { margin: 0 15px 4px 0; } #most h6 { float: right; font: .9em "Trebuchet MS"; padding: 3px 0 0 12px; color: #555; } #most_read, #most_commented { clear: both; } #most li { clear: both; float: left; list-style: none; font: normal 1.4em Georgia, "Times New Roman", Serif; border-top: 1px dotted #eee; padding: 6px 0; } #most li img { float: left; margin: 0 10px 0 0; } #most li a { } #most li a:hover { color: #222; } #most-suplement { border-top: 1px solid #ddd; padding: 6px 0 6px 2px; margin: 0; } #most-suplement a { font-size: .9em; font-weight: bold; } #most_read-tab { float: right; width: 27px; height: 26px; background: url(../images/site/icon_mostread.gif) no-repeat; } #most_read-tab:hover, #most_read-tab.current { background-position: bottom left; } #most_commented-tab { float: right; width: 27px; height: 26px; background: url(../images/site/icon_mostcommented.gif) no-repeat; margin: 0 0 0 4px; } #most_commented-tab:hover, #most_commented-tab.current { background-position: bottom left; } /* WASSUP */ #wassup { margin: 0 0 20px; border-bottom: 1px solid #ddd; } #wassup h3 { margin: 0 0 13px; } .avatar { float: left; padding: 2px; } #wassup .avatar { border: 1px solid #ccc; padding: 1px; background: #fff; margin: 0 10px 0 0; } #wassup .item { background: url(../images/site/body.gif) repeat-x; height: 81px; padding: 6px 8px 0 5px; border-top: 1px solid #ddd; font-size: .9em; line-height: 1.3em; font-weight: bold; } #wassup .item p { padding: 10px 0 0; color: #555; } #wassup .item p span { color: #999; } .slide-arrows { float: right; margin: 7px 0 0; } .slide-arrows a { background: #d04392; padding: 4px 10px; color: #fff; font-weight: bold; } .slide-arrows a:hover { background: #991c76; } #wassup-suplement { border-top: 1px solid #ddd; padding: 6px 0 6px 2px; margin: 0; } #wassup-suplement a { font-size: .9em; font-weight: bold; } /* BLOGS */ #blogs { margin: 0 0 20px; border-bottom: 1px solid #eee; } #blogs img { border: 1px solid #ddd; padding: 1px; } #blogs .item { border-top: 1px solid #eee; padding: 6px 0; font-size: .9em; } #blogs .item p { margin: 0; } #blogs .blogtitle { margin: 0 0 7px; } .blogtitle { font-size: 1.2em; margin: 0 0 7px; font-weight: bold; } .infoline { clear: both; font-size: .9em; border-bottom: 1px solid #eee; padding: 8px 0 5px; } #blog-text { clear: both; border: 1px solid #ddd; margin: 0 0 15px; } /* GROUPS */ #groups { border-bottom: 1px solid #eee; margin: 0 0 20px; padding: 0; } #groups .item { border-top: 1px solid #eee; padding: 7px 0; font-size: .9em; } #groups .info { color: #999; border-top: 1px solid #eee; padding: 8px 0 8px 2px; margin: 0; } #groups .more { float: right; color: #fff; background: #d04392; padding: 4px 10px; font-weight: bold; position: relative; margin: -4px 0 0; } #groups .more:hover { background: #991c76; } /* TAG CLOUD */ #tagcloud { margin: 0 0 30px; border-bottom: 1px solid #eee; padding: 5px 0 7px; } #tagcloud h5 { border-bottom: 1px dotted #eee; padding: 0 0 10px; } #tagcloud a { padding: 10px 10px 10px 0; color: #888; } #tagcloud a:hover { color: #222; } .small { font-size: .9em; } .medium { font-size: 1.1em; } .huge { font-size: 1.3em; } /* PAGINATION */ #pagination { clear: both; height: 30px; margin: 0 0 15px; } .paginator { border-bottom: 2px solid #940069; color: #fff; background: #940069; padding: 2px 8px; margin: 0 3px 0 0; font-weight: bold; font-size: 1.1em;} #pagination a:hover {color: #000;} .paginator.current { background: #d0dae6; border-bottom: 2px solid #940069; color: #000; } /* PUBLICATIONS */ #publications { clear: both; padding: 5px 0 0; border-top: 3px solid #0b1a2c; } .publication { float: left; width: 180px; margin: 0 20px 5px 0; } .publication img { border-bottom: 4px solid #fff; margin: 0 0 5px; } .publication.last { margin-right: 0; } .sourcelink { clear: both; font: bold 1.2em Georgia, "Times New Roman", Serif; padding: 3px 0; } .sourcetag { margin: 0 0 2px; padding: 3px 0; } .sourcetag a { font-weight: bold; } /* COPY */ #copy { border-top: 3px solid #0b1a2c; padding: 15px 0; color: #0b1a2c; font: bold 0.9em Georgia, "Times New Roman", Serif; } #copy p { margin: 0; } #copy a {padding-right: 4px;} /* FOOTER */ #footer { clear: both; background: #fff; color: #777; padding: 15px 0; border-top: 1px solid #0b1a2c;} #footer ul { float: left; margin: 0 60px 0 0; } #footer li { list-style: none; padding: 3px 0; } #footer li.title { color: #333; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ddd; margin: 0 0 10px; } #footer li a { font-size: .9em; } #top { float: right; padding: 2px 6px; border: 1px solid #0b1a2c; font-weight: bold; } #top a { color: #222; } #top a:hover {color: #d04392;} #edmreza { width: 100%; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #ddd; } #edmreza span { float: left; width: 135px; margin: 0 0 20px; } /* CELEBRITIES */ #celebrities { margin: 0 0 20px; padding: 7px 0 0; } #celebrities h2 { float: left; font: normal 2.2em Georgia, "Times New Roman", Serif; color: #222; margin: 0 0 20px; } #celebrities h3 { clear: none; font: bold 12px Georgia, "Times New Roman", Serif; color: #67475E; margin: 0 0 4px; } #cel-featured { clear: both; margin: 0 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 14px 0 5px; } #cel-most { float: right; padding: 5px 5px 0 0; } #cel-search { float: right; padding: 6px; background: #eee; } #cel-pitch { float: left; width: 240px; } #cel-pitch img { float: left; margin: 0 0 10px; border-bottom: 2px solid #67475E; } #cel-pitch .rating { float: right; } #cel-f-items { float: right; width: 697px; } #cel-f-items .cel-item { float: left; width: 125px; margin: 0 16px 15px 0; } #cel-f-items .cel-item.last { margin-right: 0; } #cel-f-items .cel-item img { float: left; margin: 0 0 5px; border-bottom: 2px solid #67475E; } #c-col { float: left; width: 300px; } #c-cor { float: right; width: 300px; } #c-col h2, #c-cor h2 { font-size: 1.4em; float: none; } #c-col .cel-item, #c-cor .cel-item { margin: 0 0 10px; } #c-col img, #c-cor img { float: left; margin: 0 8px 8px 0; border-bottom: 2px solid #67475E; } #c-col p, #c-cor p { margin: 0 0 4px; } .rating { } .star { float: left; width: 9px; height: 9px; margin: 0 3px 0 0; background: url(../images/site/icon-star-unlit.gif) no-repeat; } .star.lit { background: url(../images/site/icon-star-lit.gif) no-repeat; } /* celebrities inner */ #cel-left { clear: left; float: left; width: 200px; } #cel-left img { float: left; border-bottom: 2px solid #67475E; margin: 0 0 10px; } #cel-main { float: right; width: 400px; } .line { clear: both; padding: 10px 0 0; margin: 0 0 10px; border-bottom: 1px solid #ddd; } #cel-menu { height: 32px; } #cel-menu li { display: inline; } #cel-menu li a { float: left; padding: 7px 15px; } #cel-menu li a.current { background: #eee; } #cel-gal { clear: both; background: #eee; height: 300px; margin: 0 0 15px; } #cel-gal .gallery{width:400px;} #cel-vid { clear: both; background: #eee; height: 300px; margin: 0 0 15px; } #cel-vid .cel-vid-video {float:left;}