/* Theme Name: Evo Media Group Theme URI: http://www.evolutionmediagroup.com.au Description: The 2010 theme for Evolution Media Group Author: Evolution Media Group Version: 1 */ /** evo layout **/ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font-family: Helvetica, Verdana, Arial, serif; height: 100%; font-size: 12px; color: #888; } #page-wrap { width: 1000px; margin: 0 auto; padding: 10px; background: #f9fafc; min-height: 100%; position: relative; } #header { width: 960px; display: block; background: #eeeef7; height: 105px; margin: -20px 0 20px 20px; overflow: hidden; position: relative; } #header img { margin: 25px 0 0 20px; float: left; } #header ul { list-style-type: none; margin: 0 0 0 0px; display: block; padding: 0px 0 0; overflow: hidden; width: 700px; position: absolute; left: 280px; bottom: 10px; } #header ul li { float: left; display: block; margin: 0 3px 0 -3px; padding: 0 2px 0 5px; background: url(images/divider.jpg) no-repeat scroll 0 3px transparent; } #header ul li a { margin: 0 15px; text-decoration: none; color: #6e6c6c; font-size: 12px; } #header ul li a:hover { text-decoration: underline; } #menu-main-nav li.current_page_item a {/* text-decoration: underline; */ color: #45c1f0; font-weight: bold; } #menu-navigation li.current_page_item a {/* text-decoration: underline; */ color: #45c1f0; font-weight: bold; } a { color: #45c1f0; } #page-main-content { background: #f0f0f8; width: 920px; display: block; margin: 0 0 20px 20px; min-height: 100%; padding: 20px; overflow: hidden; } h1 { font-size: 20px; color: #66beeb; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; margin: 0 0 5px; } h2 { font-size: 14px; color: #66beeb; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; margin: 0 0 5px; } #page-main-content p { width: 283px; font-size: 12px; } #page-main-content strong { font-size: 12px; margin: 8px 0 3px; display: block; } .hero { display: block; float: left; width: 563px; overflow: hidden; } .hero img { margin: 0 0 0px; } .cont-hold { float: left; margin: 0 60px 0 0; color: #888; } .alt { overflow: hidden; } .alt a img { float: left; display: block; margin-right: 10px; } .left { background: url(images/left_arrow.png) no-repeat 0 0 scroll; text-decoration: none; float: left; margin: 13px -6px 0 5px; width: 8px; display: block;} .right { background: url(images/right_arrow.png) no-repeat 0 0 scroll; text-decoration: none; float: left; margin: 13px 0 0; width: 8px; display: block;} .right span, .left span { visibility: hidden; } /* .sink { overflow: hidden; } .sink p { width: 265px; display: block; float: left; font-size: 12px; margin: 0 30px 10px 0; color: #888; } */ .sink h2 { font-size: 14px; margin: 10px 0; color: #66beeb; } .home-sink { overflow: hidden; } .home-sink p { width: 450px; display: block; float: left; font-size: 12px; color: #888; } .home-sink p.firstup { margin: 0 40px 0 20px; } .page-sink { margin: 0 auto; display: block; background: #f0f0f8; height: 100%; width: 960px; padding: 10px 0 0; overflow: hidden; } .page-sink ul { list-style-type: none; overflow: hidden; width: 925px; margin: 0 0 0 10px; padding: 0; float: left; } .page-sink ul li { float: left; display: block; width: 74px; height: 42px; margin: 0 5px 0; text-align: center; } .page-sink h2 { font-size: 14px; color: #66beeb; display: block; margin: 0px 0 0px 30px; } .page-sink p { width: 440px; float: left; font-size: 12px; display: block; color: #888; } .page-sink p.firstup { margin: 0 30px 0 0; } #main-content { background: #f0f0f8; width: 920px; display: block; margin: 0 0 20px 20px; min-height: 100%; padding: 20px; overflow: hidden; } #niv { overflow: hidden; float: left; display: block; padding: 5px; margin-right: 5px; } #niv img { width: 75px; height: 43px; } #niv li { float: left; list-style: none; } #slideshow { height: 316px; width: 563px; } div.first { float: left; } div.second { float: left; padding: 5px; position: relative; } div.second h5 { margin: 0; padding: 0; } div.feature { margin: 0 0 20px; } div.hero h5 { color: #777; font-weight: normal; } .featcont { position: absolute; top: 45px; left: 10px; z-index: 5; } /** bottom thumbs **/ .gallery { margin: 0 auto 10px; display: block; background: #f0f0f8; height: 100%; width: 960px; padding: 10px 0 0; overflow: hidden; position: relative; } .gallery h2 { font-size: 14px; color: #66beeb; display: block; margin: 0px 0 0px 120px; } div.jcarousel-prev { display: none !important; } div.jcarousel-next { display: none !important; } div.jcarousel-skin-tango a { display: block; width: 75px; height: 43px; } div.jcarousel-skin-tango a img { width: 75px; height: 43px; } /** * Old styles, will be depreciated once blog is in place and will no longer be used. * * @package EMG */ div.jcarousel-skin-tango a.anz-private { background: url(images/sprites/In-Private.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.anz-private:hover{ background: url(images/sprites/In-Private.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.aon-digital-tv { background: url(images/sprites/Aon.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.aon-digital-tv:hover{ background: url(images/sprites/Aon.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.fpa-blogstar { background: url(images/sprites/iPlan2.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.fpa-blogstar:hover{ background: url(images/sprites/iPlan2.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.mfaa-4-professionals { background: url(images/sprites/MFAA.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.mfaa-4-professionals:hover{ background: url(images/sprites/MFAA.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.no-more-practice{ background: url(images/sprites/NMP.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.no-more-practice:hover{ background: url(images/sprites/NMP.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.evotvs-the-bottom-line{ background: url(images/sprites/Bottom-Line.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.evotvs-the-bottom-line:hover{ background: url(images/sprites/Bottom-Line.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.networth-news { background: url(images/sprites/NWN.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.networth-news:hover{ background: url(images/sprites/NWN.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.member-engagement { background: url(images/sprites/SuperEd.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.member-engagement:hover{ background: url(images/sprites/SuperEd.png) no-repeat 0 -43px scroll; } div.jcarousel-skin-tango a.amp-horizons { background: url(images/sprites/AMP.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango a.amp-horizons:hover{ background: url(images/sprites/AMP.png) no-repeat 0 -43px scroll; } /** * New styles for case studies > moved over from Posts/Blog * Each new style is linked to the Post ID now instead of the Page Title, stops annoying characters screwing with CSS and safer * Also all are labelled to which case study link/thumb they are for ease of finding. * * @package EMG */ /*ANZ Private*/ div.jcarousel-skin-tango li#post-367 a { background: url(images/sprites/In-Private.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-367 a:hover { background: url(images/sprites/In-Private.png) no-repeat 0 -43px scroll; } /*Aon Digital TV*/ div.jcarousel-skin-tango li#post-365 a { background: url(images/sprites/Aon.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-365 a:hover { background: url(images/sprites/Aon.png) no-repeat 0 -43px scroll; } /*FPA's iPlan2*/ div.jcarousel-skin-tango li#post-363 a { background: url(images/sprites/iPlan2.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-363 a:hover { background: url(images/sprites/iPlan2.png) no-repeat 0 -43px scroll; } /*MFAA 4 Professionals*/ div.jcarousel-skin-tango li#post-361 a { background: url(images/sprites/MFAA.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-361 a:hover { background: url(images/sprites/MFAA.png) no-repeat 0 -43px scroll; } /*No More Practice*/ div.jcarousel-skin-tango li#post-359 a { background: url(images/sprites/NMP.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-359 a:hover { background: url(images/sprites/NMP.png) no-repeat 0 -43px scroll; } /*No More Practice 2*/ div.jcarousel-skin-tango li#post-554 a { background: url(images/sprites/nmp2_sprite.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-554 a:hover { background: url(images/sprites/nmp2_sprite.png) no-repeat 0 -43px scroll; } /*Second Lives*/ div.jcarousel-skin-tango li#post-577 a { background: url(images/sprites/secondlives_sprite.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-577 a:hover { background: url(images/sprites/secondlives_sprite.png) no-repeat 0 -43px scroll; } /*evoTV's The Bottom Line*/ div.jcarousel-skin-tango li#post-357 a { background: url(images/sprites/Bottom-Line.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-357 a:hover { background: url(images/sprites/Bottom-Line.png) no-repeat 0 -43px scroll; } /*Networth News*/ div.jcarousel-skin-tango li#post-355 a { background: url(images/sprites/NWN.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-355 a:hover { background: url(images/sprites/NWN.png) no-repeat 0 -43px scroll; } /*Member Engagement*/ div.jcarousel-skin-tango li#post-353 a { background: url(images/sprites/SuperEd.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-353 a:hover { background: url(images/sprites/SuperEd.png) no-repeat 0 -43px scroll; } /*AMP Horizons*/ div.jcarousel-skin-tango li#post-350 a { background: url(images/sprites/AMP.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-350 a:hover { background: url(images/sprites/AMP.png) no-repeat 0 -43px scroll; } /*The Journey of Giving*/ div.jcarousel-skin-tango li#post-544 a { background: url(images/sprites/journey_sprite.png) no-repeat 0 0 scroll; } div.jcarousel-skin-tango li#post-544 a:hover { background: url(images/sprites/journey_sprite.png) no-repeat 0 -43px scroll; } .clear { clear: both; } .wpcf7 { overflow: hidden; width: 400px; } .page-sink p.firstname, .page-sink p.lastname{ width: 125px; float: left; } .page-sink p.firstname input, .page-sink p.lastname input { width: 125px; } .page-sink p.firstname { margin: 0 20px 0 0; } .page-sink p.comment { margin: 0 0 10px; width: 300px;} .page-sink p.emaila input { width: 270px; } .page-sink textarea { width: 270px;} /** BIO SLIDER **/ .bxslider_wrap .bxslider_container { width: 563px !important; background: url(images/content_bg.jpg) no-repeat 0 0 scroll; height: 300px; padding: 20px 20px 0 20px; float: left; } .bxslider_wrap { width: 563px; height: 370px; display: block; float: left; width: 563px; } .bxslider_wrap #slides { overflow: hidden; height: 290px; } .bxslider_wrap #slides1 li { width: 563px; } .bxslider_wrap #slides1 .content { float: left; margin: 30px 0 0 15px; width: 370px; } .bxslider_wrap #slides1 .content p { width: 216px !important; color: #888; font-size: 11.5px; line-height: 12px; } .bxslider_wrap #slides1 .content blockquote { font-size: 13px; font-weight: bold; color: #888; } .bxslider_wrap #slides1 .featured { display: block; width: 150px; height: 200px; float: left; margin: 30px 10px 10px; } .bxslider_wrap #slides1 h3 { font-size: 15px; color: #66beeb; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; margin: 0 0 10px; } .bxslider_wrap #slides1 h4 { font-size: 17px; color: #666; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; font-style: italic; margin: 0 0 10px; } .bxslider_wrap .bx_pager { overflow: hidden; margin: 5px 0 0; display: block; width: 280px; height: 50px; } .bxslider_wrap .bx_pager h2 { float: left; margin: 0 20px 0 0; color: #888; font-weight: normal; } .bxslider_wrap .bx_pager a { display: block; width: 75px; height: 43px; float: left; cursor: pointer; margin: 0 10px 0 0; } .bxslider_wrap .bx_pager a.pager_link_0 { display: none; } .bxslider_wrap .bx_pager a.pager_link_1 { background: url(images/V_thumbnail.png) no-repeat 0 0 scroll; } .bxslider_wrap .bx_pager a.pager_link_2 { background: url(images/Woody_thumbnail.png) no-repeat 0 0 scroll; } .bxslider_wrap .bx_pager a.pager_link_3 { background: url(images/Marcus_thumbnail.png) no-repeat 0 0 scroll; } .bio { width: 320px !important; margin: 0 35px 0 0 !important; float: left; } .bio p { width: 320px !important; } .ocontent_wrap .bx_pager { overflow: hidden; margin: 5px 0 0; display: block; width: 100%; height: 50px; } .ocontent_wrap .bx_pager a { display: block; width: 75px; height: 43px; float: left; cursor: pointer; margin: 0 10px 0 0; } .ocontent_wrap .bx_pager a.pager_link_0 { background: url(images/our-content/anz-in-private-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_1 { background: url(images/our-content/fpa-blogstar-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_2 { background: url(images/our-content/mfaa-4-professionals-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_3 { background: url(images/our-content/no-more-practice-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_4 { background: url(images/our-content/networth-news-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_5 { background: url(images/our-content/the-bottom-line-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_6 { background: url(images/our-content/super-ed-series-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_7 { background: url(images/our-content/amp-horizons-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_8 { background: url(images/our-content/aon-digital-tv-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_6 { background: url(images/our-content/SecondLives_thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_1 { background: url(images/our-content/nmp2_thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_5 { background: url(images/sprites/journey_thumbnail.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_4 { background: url(images/our-content/anz-in-private-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_3 { background: url(images/our-content/fpa-blogstar-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_0 { background: url(images/our-content/no-more-practice-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap .bx_pager a.pager_link_2 { background: url(images/our-content/the-bottom-line-thumb.png) no-repeat 0 0 scroll; } .ocontent_wrap img.featured { width: 920px; height: 300px; display: block; border: 0; } .ocontent_wrap .bxslider_container ul li{ position: relative; } .ocontent_wrap .bxslider_container .desc{ position: absolute; top: 0; left: -233px; height: 100%; display: none; } .ocontent_wrap .bxslider_container .block{ height: 280px; background: #111; border-right: 1px solid #000; color: #fff; padding: 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; } #bottomnav { width: 960px; margin: 0 auto 20px; } #bottomnav ul { list-style-type: none; margin: 0 0 20px; overflow: hidden; } #bottomnav ul li a { float: left; margin: 0 10px 0 0; text-decoration: none; color: #6e6c6c; font-size: 12px; } #menu-footer-links li.current_page_item a {/* text-decoration: underline; */ color: #45c1f0; font-weight: bold; } #main-content h6 { margin-left: 355px; font-size: 13px; } .what-we-do h3 { font-size: 24px !important; } .what-we-do blockquote { width: 500px; font-style: italic; font-size: 18px !important; } .belowten { display: block; width: 960px; height: 350px; text-align: center; font-size: 14px; color: #000; } .belowten a { color: red; } .belowten p { padding: 125px 0 0; } .social { text-decoration: none; color: #66beeb; } .social:hover { text-decoration: underline; } .cont-hold a { text-decoration: none; color: #66beeb; } .cont-hold a:hover { text-decoration: underline; } .ke { width: 235px; } .ev { cursor: pointer; } #evo-slideshow { height: 342px; width: 563px; } .bxslider_wrap_test .bxslider_container { width: 920px !important; height: 340px; padding: 0; float: left; } .bxslider_wrap_test { width: 920px; height: 370px; display: block; float: left; width: 563px; } /* .bxslider_wrap_test #slides1 .main-bio p { height: 340px;} */ .bxslider_wrap_test #slides1 { overflow: hidden; } .bxslider_wrap_test #slides1 li { width: 920px; } .bxslider_wrap_test #slides1 .content { float: left; margin: 20px 0 0 15px; padding: 30px 10px 0; width: 563px; height: 290px; background: url(images/content_bg.jpg) no-repeat 0 0 scroll; } .bxslider_wrap_test #slides1 .content p { width: 216px !important; color: #888; font-size: 11.5px; line-height: 12px; } .bxslider_wrap_test #slides1 .content blockquote { font-size: 13px; font-weight: bold; color: #888; margin: 30px 0 0; } .bxslider_wrap_test #slides1 .featured { display: block; width: 150px; height: 200px; float: left; margin: 30px 10px 10px; } .bxslider_wrap_test #slides1 h3 { font-size: 15px; color: #66beeb; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; margin: 0 0 10px; } .bxslider_wrap_test #slides1 h4 { font-size: 17px; color: #666; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, serif; font-style: italic; margin: 0 0 10px; } .bxslider_wrap_test .bx_pager { overflow: hidden; position: absolute; left: 385px; bottom: 170px; display: block; } .bxslider_wrap_test { margin-bottom: 20px; } .bxslider_wrap_test .bx_pager .meet { margin: 10px 0 0; } .bxslider_wrap_test .bx_pager h2 { float: left; margin: 0 20px 0 0; color: #888; font-weight: normal; } .bxslider_wrap_test .bx_pager a { display: block; width: 75px; height: 43px; float: left; cursor: pointer; margin: 0 10px 0 0; } .bxslider_wrap_test .bx_pager a.pager_link_0 { display: none; } .bxslider_wrap_test .bx_pager a.pager_link_1 { background: url(images/V_evo_thumb.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_2 { background: url(images/Woody_thumbnail.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_3 { background: url(images/Marcus_thumbnail.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_9 { background: url(images/at_sml.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_4 { background: url(images/cd_sml.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_5 { background: url(images/sb_sml.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bx_pager a.pager_link_6 { background: url(images/mc_sml.png) no-repeat 0 0 scroll; } .bxslider_wrap_test .bio { width: 320px !important; margin: 0 35px 0 0 !important; float: left; } .bxslider_wrap_test .bio p { width: 320px !important; } .bxslider_wrap_test .main-bio { float: left; width: 320px; } .our-services #main-content p, .who-we-are #main-content p { margin: 1em 0; } /**** News *****/ #left-side, #right-side { overflow: hidden; float: left; } #left-side img, #right-side img { border: 0; } #right-side { width: 286px; } #right-side p { width: 230px; } .latest-news, .recent-news { display: block; float: left; } .latest-news { margin-right: 20px; background: #fff url(images/latest-bg.jpg) repeat-y top right scroll; } #page-main-content .latest-item p { width: 70%; margin: 10px 0; float: left; } #page-main-content .no-th p { width: 100%; margin: 10px 0; float: left; } .meta-wrap { overflow: hidden; /* padding-left: 20px; */ } .latest-item { display: block; position: relative; width: 570px; margin: 5px 0 0; padding: 25px 20px 20px; } #page-main-content .latest-item p.post-category { position: absolute; top: 0; right: 20px; display: block; width: 270px; text-indent: -9999px; } #page-main-content .recent-item p.post-category { position: absolute; top: 10px; right: 0; display: block; width: 150px; text-indent: -9999px; } #page-main-content .latest-item p.news-update { background: url(images/newsupdate_tag.png) no-repeat 0 0 scroll; height: 24px; } #page-main-content .latest-item p.opinion { background: url(images/opinion_tag.png) no-repeat 0 0 scroll; height: 23px; } #page-main-content .recent-item p.news-update-sml { background: url(images/newsupdate_sml_tag.png) no-repeat 0 0 scroll; height: 16px; } #page-main-content .recent-item p.opinion-sml { background: url(images/opinion_sml_tag.png) no-repeat 0 0 scroll; height: 17px; } .latest-item h3 { font-size: 16px; color: #6e6c6d; margin: 13px 0 5px; } .latest-news a:hover { text-decoration: none; } .latest-news .author-anchor { display: block; float: left; width: 96px; height: 24px; text-transform: uppercase; text-align: right; padding-right: 5px; line-height: 24px; color: #fff; background: url(images/author-title-bg.png) no-repeat 0 4px scroll; /* margin-left: -20px; */ margin-right: 5px; } .clear { clear: both; } .latest-item .date { font-style: italic; line-height: 24px; display: block; float: left; } .lower-bar { display: block; background: url(images/bottom-bar.png) no-repeat 0 0 scroll; width: 536px; height: 34px; overflow: hidden; margin: 10px 0 0; } .post-thumb { float: left; margin: 10px 10px 0 0; width: 109px; } .lower-bar li a { color: #505152; font-weight: bold; } .lower-bar li { float: right; display: block; width: 60px; padding: 0 10px; font-size: 11px; text-align: center; line-height: 25px; margin-top: 9px; background: url(images/bb-div.png) no-repeat top left scroll; } #recent { background: url(images/recent-bg.png) repeat-y 0 0 scroll; padding: 0 20px 20px; } .recent-item { background: url(images/recent_div.png) no-repeat bottom left scroll; display: block; position: relative; padding: 27px 0 8px; margin: 10px 0 0; overflow:hidden; } .recent-item h4 { font-size: 12px; } .recent-item .date { font-style: italic; line-height: 9px; display: block; font-size: 9px; margin: 4px 0 5px; } .recent-item a.readmore { display: block; float: right; background: url(images/recent_readmore.png) no-repeat 0 0 scroll; width: 57px; height: 19px; font-size: 9px; color: #505152; line-height: 19px; text-align: center; } .social-icons { float: right; } .aside { width: 280px; float: left; } .aside a h4 { color: #505152; } .aside a { text-decoration: none; cursor: pointer; } .aside a:hover { text-decoration: none; } cite.fn { padding-left: 15px; background: url(images/comment_icon.png) no-repeat center left scroll; font-size: 14px; display: block; font-style:normal; color: #a8aaac; } .comment-author span.d { font-size: 10px; color: #45c1f0; display: block; margin: 5px 0px; } ol.commentlist { list-style-type: none; } h3#comments-title { margin: 10px 0; padding: 0 0 10px; border-bottom: 1px solid #6e6c6d; } #single .cont-hold { float: left; width: 320px; margin: 0 20px 0 0; } #single .news .cont-hold { float: left; width: 593px; margin: 0 20px 0 0; } #commentform { width: 580px; } #commentform label { color: lightCoral; } .comment-form-input { position: relative; overflow: hidden; float: left; margin: 0 10px 0 0; } .comment-form-comment { position: relative; float: left; margin: 10px 0; } .comment-form-comment label { position: absolute; top: 10px; left: 10px; } .comment-form-comment textarea { font-size: 12px; padding: 10px; width: 505px; height: 180px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Helvetica, Verdana, Arial, serif; } #respond h3.addcomment { font-size: 1.17em; margin: 0 0 10px; } #respond h3.addcomment span { font-size: 10px; color: lightCoral; } .comment-form-input label { position: absolute; top: 10px; left: 10px; } .comment-form-input input { padding: 10px 10px 10px 10px; height: 16px; border: 1px solid #ccc; width: 237px; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cb-top { background: url(images/cb-topcurve.png) no-repeat 0 0 scroll; display: block; width: 587px; height: 11px; margin: 10px 0 0; } .cb-bottom { background: url(images/cb-botcurve.png) no-repeat 0 0 scroll; display: block; width: 587px; height: 5px; } li.comment { margin-top: 10px; } .bpost { overflow: hidden; } .bpost p { margin: 1em 0; } .bpost img { float: left; margin: 1.2em 0 0; padding: 0 15px 10px 0; } #comments, .bpost { background: url(images/cb-bg.jpg) repeat-y 0 0 scroll; padding: 10px 20px 20px; } /* #comments { padding: 10px 20px; } */ .post-meta-area { position: relative; overflow: hidden; display: block; } .post-meta-area .social-icons { position: absolute; top: 20px; left: 5px; } .title-card { display: block; overflow: hidden; } .title-card span { float: right; line-height: 24px; } .title-card h1 { float: left; font-size: 16px; color: #6e6c6d; } .news .title-card h1 { float: none; font-size: 16px; color: #6e6c6d; }