/* Theme Name: Rockledge Theme URI: http://rockledge.com Description: This theme is for the website of Rockledge Version: 1.0 Author: Lawrence Dinisio Author URI: http://blackwallstudio.com Tags: blackwallstudio, rockledge, clean, blue, 960 grid */ @import "css/reset.css"; @import "css/960.css"; @import "css/typography.css"; @import "css/layout.css"; body { color: #333; font: 13px/22px pt-sans; min-width: 1100px;} h1, h2, h3, h4, h5, h6 { font-family: pt-sans; } p { font-family: pt-serif; } /*------------------------------------------------------------ M A I N S T Y L E ------------------------------------------------------------*/ /*------------------------------ H E A D E R ------------------------------*/ #header { background-color: #1b435f; padding: 0 0 25px; width: 100%; } #header h1 { width: 219px; margin: 25px 0 0; } #header h1 a { display: block; padding: 56px 0 0 0; overflow: hidden; background-image: url(images/logo.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 56px; } #header h2 { width: 50px; margin: 25px 0 0 35px; } #header h2 a { display: block; padding: 56px 0 0 0; overflow: hidden; background-image: url(images/logo_listed.gif); background-repeat: no-repeat; height: 0px !important; height /**/: 56px; } /* #header #search { background: url(images/background_search_social.gif) bottom right no-repeat; float: right; padding: 25px 0 30px 10px; width: 350px; } */ #header #search { float: right; padding: 25px 0 0 10px; width: 350px; } #header #search .searchLink a { background-image: url("images/background_search_social.gif"); background-repeat: no-repeat; display: block; height: 0 !important; overflow: hidden; padding: 20px 0 0; } /* -- header search style --*/ #header #search #searchform { float: right; padding-bottom: 15px; } #header #search #searchform .screen-reader-text { display: none; } #header #search #searchform input { border: 0; float: left; } #header #search #searchform #s { padding: 4px 0 4px 5px; width: 170px; } #header #search #searchform #searchsubmit { background: url(images/search.gif) 0 0 no-repeat; cursor: pointer; height: 25px; width: 28px; text-indent: -99999px; } /* -- header menu style --*/ /* -- main navigation --*/ #access { background: url(images/background_access.gif) 0 0 repeat-x; border-bottom: 2px solid #FFF; min-height: 37px; } #access .menu-header { } /* level 1 */ #access .menu-header .menu { position: relative; z-index: 10; } #access .menu-header .menu li { float: left; } #access .menu-header li.hover, #access .menu-header li:hover { background: #FFF; position: relative; -moz-box-shadow: 0 0 3px #1b435f; -webkit-box-shadow: 0 0 3px #1b435f; box-shadow: 0 0 3px #1b435f; } #access .menu-header .current-menu-item, #access .menu-header .current-menu-parent { background: #FFF; } #access .menu-header .menu li a { color: #1b435f; display: block; font-weight: bold; line-height: 37px; padding: 0 10px; text-decoration: none; } #access .menu-header .menu .menu-item-35 { margin: 0; } #access .menu-header .menu .menu-item-38 { border-right: 1px dotted #1b435f; text-indent: -99999px; margin: 12px 0 0 0; } #access .menu-header .menu .menu-item-38 a { background: url(images/icon_home.gif) 0 0 no-repeat; height: 13px; width: 15px; display: block; padding: 0 0 0 10px; } #access .menu-header .menu .menu-item-38.hover, #access .menu-header .menu .menu-item-38:hover, #access .menu-header .menu .menu-item-38 a:hover { background: url(images/icon_home.gif) 0 0 no-repeat; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #access .menu-header #menu-item-38.current-menu-item { background: transparent !important; } /* level 2 */ #access .menu-header .menu li .sub-menu { visibility: hidden; position: absolute; top: 100%; left: 0; background-color: #FFF; -moz-box-shadow: 0 2px 3px #1b435f; -webkit-box-shadow: 0 2px 3px #1b435f; box-shadow: 0 2px 3px #1b435f; width: 100%; } #access .menu-header .menu li .sub-menu li { display: block; float: none; margin: 0; border-top: #c5cdd0 1px solid; } #access .menu-header .menu li .sub-menu li a:hover { background-color: #1b435f; color: #FFF; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #access .menu-header .menu .menu-item-596 .sub-menu, #access .menu-header .menu .menu-item-597 .sub-menu { width: 150px; } /* -- navigation socials style --*/ #access #socials { float: right; margin: 10px 0; } #access #socials li { float: left; margin: 0 0 0 6px; text-indent: -99999px; } #access #socials li a { background-position: left top; background-repeat: no-repeat; display: block; height: 16px; width: 16px; } #access #socials li .facebook { background: url(images/icon_facebook.gif); } #access #socials li .twitter { background: url(images/icon_twitter.gif); } #access #socials li .linkedIn { background: url(images/icon_linked.gif); } #access #socials li .email { background: url(images/icon_email.gif); } #access #socials li .rss { background: url(images/icon_rss.gif); } /*------------------------------ CONTENT AND SIDEBAR AREA ------------------------------*/ /* homepage top content */ #advisory {} #advisory h1, #advisory h2 { color: #1b435f; font-size: 18px; padding: 0 0 5px; } #advisory p { padding: 10px 0; } #advisory p a { color: #1b435f !important; text-decoration: none !important; } #content_area { background: url(images/background_content.jpg) 0 0 repeat-x; min-height: 705px; padding: 10px 0; position: relative; width: 100%; } #content_area .contentBoxSlider { background: url(images/featured_background.gif) 0 0 repeat; margin-bottom: 10px; min-height: 160px; position: relative; } #content_area .contentBoxSlider h1 { background-color: #1b435f; color: #FFF; line-height: 15px; padding: 5px; position: absolute; width: 60px; left: -70px; top: 0; } #content_area .contentBoxSlider #MyCarousel { padding: 10px 0; overflow: hidden; } #content_area .contentBoxSlider ul li { float: left; height: 140px; width: 240px; margin: 0 15px; } #content_area .contentBoxSlider ul li h2 { font-size: 12px; line-height: 14px; } #content_area .contentBoxSlider ul li h2 a { color: #333; text-decoration: none; } #content_area .contentBoxSlider #MyCarousel, #content_area .contentBoxSlider .prev, #content_area .contentBoxSlider .next { float: left; } #content_area .contentBoxSlider .prev, #content_area .contentBoxSlider .next { cursor: pointer; height: 28px; width: 28px; text-indent: -99999px; } #content_area .contentBoxSlider .prev { background: url(images/arrow_left.gif) 0 0 no-repeat; margin: 66px 15px 0 22px; } #content_area .contentBoxSlider .next { background: url(images/arrow_right.gif) 0 0 no-repeat; margin: 66px 22px 0 15px; } #content_area .contentBox { background-color: #FFF; padding: 10px 0; position: relative; } /* custome template with no comment*/ /* title and thumbnail*/ #content_area .contentImage { position: relative; } #content_area .contentImage .the-thumbnail { height: 160px; margin: 0 0 10px; } #content_area .contentImage h1 { position: absolute; top: 60px; left: 0; background-color: #1b435f; color: #FFF; font-size: 18px; font-weight: normal; line-height: 40px; min-width: 160px; padding: 0 10px; } /* right side bar */ #right-sidebar { } #right-sidebar .menu { border-top: #999 1px solid; margin-right: 30px; } #right-sidebar .menu li { border-bottom: #999 1px solid; font-size: 16px; line-height: 45px; } #right-sidebar .menu li a { color: #333; text-decoration: none; } #right-sidebar .menu li a:hover { font-weight: bold; } #right-sidebar .menu .current_page_item a { font-weight: bold; } /* events page */ .events_list { list-style: none; } .events_list ul { background-color: #f2f1f1; padding: 10px; margin-bottom: 20px; } .events_list .event-date { font-weight: bold; } .events_list h2 { margin: 0 0 10px !important; } .events_list h2 a { color: #1b435f; font-weight: normal; text-decoration: none; } .events_list p { padding: 0 !important; } /* press page */ #press-list, #press-list li { list-style: none; } #press-list li { background-color: #f2f1f1; padding: 10px; margin-bottom: 20px; } #press-list li h2 { margin: 0 0 10px !important; } #press-list li h2 a { color: #1b435f; font-weight: normal; text-decoration: none; } #press-list li p { padding: 0 !important;} #press-list .post-date { font-family: pt-sans; font-weight: bold; } /* research page */ #white-paper, #white-paper h2, #white-paper { font-family: pt-serif !important; } #white-paper li { margin: 20px 0; } #white-paper h2 { color: #333; font-size: 13px; margin: 0 !important; } #white-paper h2 a { color: #333; text-decoration: none; } #white-paper h2 a:hover { color: #1b435f; } #white-paper p { padding: 0 !important; } /* resources page */ .linkcat { list-style: none; } .linkcat h2 { font-family: pt-serif; font-size: 16px; } .linkcat ul {} .linkcat li { color: #1b435f !important; font-weight: bold; margin: 10px 0; } .linkcat li a { color: #333; text-decoration: none; } .linkcat li a:hover { color: #999; } /* content area zero */ .content-zero h2 { color: #1b435f; font-size: 18px; margin: 0 0 20px; } .content-zero h2 a { color: #1b435f; text-decoration: none; } .content-zero h2 a:hover { text-decoration: underline; } .content-zero p { padding: 10px 0; } .content-zero p a { color: #1b435f; text-decoration: none; } .content-zero ul, .content-zero li { font-family: pt-sans; } .content-zero .alignleft { margin: 0 20px 10px 0; } .content-zero .contact-socials { padding: 10px 0; overflow: hidden; } .content-zero .contact-socials li { float: left; margin-right: 10px; } /* contact form*/ #contact-form {} #contact-form input, #contact-form textarea { background-color: #f2f1f1; border: #d2d1d1 1px solid; margin: 0 0 10px 0; padding: 10px; } #contact-form input { width: 163px; } #contact-form textarea { height: 100px; width: 358px; } #contact-form li ul { overflow: hidden; } #contact-form li ul li { float: left; } #contact-form li ul .space { margin-right: 10px; } #contact-form .wpcf7-submit { background-color: #FFF; border: #FFF 1px solid; cursor: pointer; width: 60px; } /* sidebar newsletter */ #newsletterwidget-3 { padding: 0 0 30px; } #newsletterwidget-3 h3 { font-size: 16px; padding: 0 0 10px; } #newsletterwidget-3 input[type="text"] { border: #999 1px solid; margin-bottom: 5px; padding: 5px; width: 280px; } #newsletterwidget-3 input[type="submit"] { background-color: #333; border: #333 1px solid; color: #FFF; cursor: pointer; padding: 5px; width: 120px; } /* sidebar upcoming event content */ #sidebar .widget_eme_list { padding: 0 0 30px; } #sidebar .widget_eme_list h3 { background: url(images/background_event.gif) 0 0 repeat-x; color: #FFF; font-size: 16px; line-height: 26px; padding: 0 10px; } #sidebar .widget_eme_list ul { background-color: #f2f5f2; border-bottom: 1px solid #b1b3b1; padding: 5px 10px; } #sidebar .widget_eme_list ul li { border-bottom: 1px dotted #333; padding: 5px 0; } #sidebar .widget_eme_list ul li:last-child { border-bottom: 0; } #sidebar .widget_eme_list ul li h4 { font-size: 13px; font-weight: bold; } #sidebar .widget_eme_list ul li h4 a { color: #333; text-decoration: none; } #sidebar .widget_eme_list ul li p { font-size: 11px; } /* sidebar facebook Activity */ #facebookactivityfeed-3 { padding: 0 0 30px; } #facebookactivityfeed-3 h3 { background: url(images/background_facebook.gif) 0 0 repeat-x; color: #FFF; font-size: 16px; line-height: 26px; padding: 0 10px; } /* sidebar Twitter Feeds */ #twitter-3 { background: url(images/logo_twitter.gif) 0 0 no-repeat; padding: 25px 0 30px; } #twitter-3 h3 { background: url(images/background_twitter.gif) 0 0 repeat-x; color: #FFF; font-size: 16px; line-height: 26px; padding: 0 10px; } #twitter-3 h3 a { color: #FFF; text-decoration: none; } #twitter-3 ul { padding: 5px 0; } #twitter-3 ul li { padding: 5px 0; line-height: 16px; } #twitter-3 ul li a { color: #333; text-decoration: none; } #twitter-3 ul li a:hover { color: #2e85c2; } #twitter-3 ul li .timesince { color: #666; font-size: 10px; } /* sidebar Linked In */ #text-3 {} #text-3 h3 { background: url(images/background_linkedIn.gif) 0 0 repeat-x; color: #FFF; font-size: 16px; line-height: 26px; padding: 0 10px; } #text-3 p { line-height: 18px; } #text-3 .linkedIn { padding: 10px 0; text-indent: -99999px; } #text-3 .linkedIn a { background: url(images/logo_linkedin.gif) 0 0 no-repeat; display: block; height: 24px; width: 91px; } /*---------- STYLING THE LOOP ----------*/ #thePost { background: url(images/article_divider.gif) 0 0 no-repeat; padding: 20px 0 0; margin: 0 0 40px; } #theColumnPost { } #theColumnPost .odd, #theColumnPost .even { float: left; width: 300px; border-top: 3px solid #385c75; padding: 10px 0 0; } #theColumnPost .odd { margin-right: 20px; } #theColumnPost #content_info { border-bottom: 1px solid #b1b2b3; padding: 0 0 10px !important; } #theColumnPost #content_info .post_info { line-height: 18px !important; } #theColumnPost #content_info .post_socials { margin-top: 5px; } #theColumnPost #content_info .post_socials .social_tweet { margin-right: 10px; } #theColumnPost h2 { padding: 15px 0 5px !important; } #theColumnPost #comment_count { padding: 20px 0 0; } #theColumnPost #comment_count p { float: left; font-family: pt-sans; font-weight: bold; padding: 0; text-transform: uppercase; } #theColumnPost #comment_count .count { margin: 0 5px 0 0; } #theColumnPost #comment_count .count a { background: url(images/comment_box.gif) 0 0 no-repeat; color: #FFF; display: block; line-height: 15px; margin: 5px 0 0; padding: 0 0 4px; text-align: center; width: 23px; } /*-- THIS IS THE STYLE FOR THE DATE AND AUTHOR OF THE POST --*/ #content #content_info { font-weight: bold; padding: 0 0 20px; } #content #content_info a { color: #333; text-decoration: none; } #content #content_info a:hover { color: #2e85c2; } /*-- THIS IS THE STYLE FOR TWEET LIKE AND SHARE --*/ #content #content_info .post_info { float: left; } #content #content_info .post_info span { color: #246794; } #content #content_info .post_info span a { color: #246794 !important; } #content #content_info .post_socials { float: right; } #content #content_info .post_socials .social_tweet, #content #content_info .post_socials .social_facebook, #content #content_info .post_socials .social_linked { float: left; } /*-- THIS IS THE STYLE FOR TWEET LIKE AND SHARE FOR SINGLE.PHP PAGES--*/ #content #content_info .post_socials_single, #content #content_info .post_socials_single .social_tweet, #content #content_info .post_socials_single .social_facebook, #content #content_info .post_socials_single .social_linked, #content #content_info .mailPrint_single .email, #content #content_info .mailPrint_single .print { float: left; } #content #content_info .mailPrint_single { float: right; } #content #content_info .mailPrint_single .email, #content #content_info .mailPrint_single .print { text-indent: -999999px; height: 18px; width: 54px; } #content #content_info .mailPrint_single .email { margin-right: 10px; } #content #content_info .mailPrint_single .email a { background: url(images/buttonEmail.jpg) 0 0 no-repeat; display: block; } #content #content_info .mailPrint_single .print { background: url(images/buttonPrint.jpg) 0 0 no-repeat; cursor: pointer; } /*-- THIS IS THE STYLE FOR THE HEADING AND THE MAIN CONTENT --*/ #content h2 { font-size: 25px; line-height: 30px; padding: 0 0 5px; } #content h2 a { color: #000; text-decoration: none; } #content h2 a:hover { color: #333; } #content p { padding: 10px 0; } #content p a { color: #333; font-weight: bold; text-decoration: none; } #content p a:hover { color: #2e85c2; } #content .thecontent { overflow: hidden; } /*-- THIS IS THE STYLE FOR SHOWING THE CATEGORY LIST AND THE NUMBER OF COMMENTS --*/ #indicators { border: 1px solid #b1b2b3; border-left: none; border-right: none; font-size: 12px; font-weight: bold; margin: 10px 0 0; padding: 5px 0 10px; } #indicators a { color: #2e85c2; text-decoration: none; } #indicators #edit { } #indicators #comment_count { float: right; overflow: hidden; } #indicators #comment_count p { float: left; font-family: pt-sans; padding: 0; text-transform: uppercase; } #indicators #comment_count .count { margin: 0 5px 0 0; } #indicators #comment_count .count a { background: url(images/comment_box.gif) 0 0 no-repeat; color: #FFF; display: block; line-height: 15px; margin: 5px 0 0; padding: 0 0 4px; text-align: center; width: 23px; } /*---------- STYLING SINGLE POST TEMPLATE ----------*/ #content h1 { font-size: 25px; line-height: 30px; padding: 0 0 5px; } /* main title */ #content #post_info_single { color: #333; } #content #post_info_single a { color: #333 !important; text-decoration: none; } /* STYLING THE LINKS IN LOOP AND SINGLE PAGE*/ #the-links { overflow: hidden; margin-bottom: 20px; } #the-links .the-left, #the-links .the-right { display: inline; } #the-links .the-left { float: left; } #the-links .the-right { float: right; } #the-links .the-left a, #the-links .the-right a { color: #1b435f; text-decoration: none; } #the-links .the-left a:hover, #the-links .the-right a:hover { color: #333; } /*-- STYLING COMMENT FORM --*/ #respond { border-top: #1e5b87 6px solid; margin-top: 50px; padding-top: 20px; } #respond h3 { background: #1e5b87 url(images/comment-title-bg.gif) bottom left no-repeat; color: #FFF; font-size: 14px; margin-bottom: 20px; padding: 10px 10px 20px; width: 140px; } #respond p, #respond p label, #respond p input, #respond p textarea { font-family: pt-sans; font-size: 12px; } #respond .comment-notes, #respond .form-allowed-tags { display: none; } #respond .respond-titles { overflow: hidden; } #respond #reply-title { float: left;} #respond #reply-cancel { float: right; } #respond #reply-cancel { font-size: 14px; margin: 0 0 30px 20px; } #respond #reply-cancel a { background-color: #e0e1e1; padding: 10px 20px; } #commentform label { width: 35px; } #commentform span { width: 50px; margin-right: 15px; } #commentform #email, #commentform #author, #commentform #comment { padding: 10px; } #commentform #email, #commentform #author, #commentform #comment { background-color: #FFF; border: 1px solid #CCC; } #commentform #email, #commentform #author { width: 250px; } #commentform #comment { height: 125px; width: 598px; } #commentform #submit { background-color: #1e5b87; border: 0; color: #FFF; cursor: pointer; padding: 5px 10px; } /* comment listing style */ #comment-list { margin-top: 30px; } #comment-list li { margin: 10px 0; } #comment-list .comment-info, #comment-list .reply { background-color: #e0e1e1; padding: 5px 10px; } #comment-list .comment-body { background-color: #edefef; padding: 0 10px; } #comment-list .comment-body p { font-family: pt-sans; font-size: 13px; line-height: 18px; } #comment-list .comment-author { color: #333; font-size: 14px; font-weight: bold; } #comment-list .comment-author .fn, #comment-list .comment-author a { color: #333; font-style: normal !important; text-decoration: none; } #comment-list .comment-meta, #comment-list .comment-meta a, #comment-list .reply, #comment-list .reply a { color: #333; font-size: 11px; font-weight: bold; text-decoration: none; } #comment-list .comment-author a:hover, #comment-list .comment-meta a:hover, #comment-list .reply a:hover { color: #666; } /*------------------------------ FOOTER AREA ------------------------------*/ #footer { border-top: 3px solid #1b435f; padding: 10px 0 20px; overflow: hidden; } #footer p { font-family: pt-sans; font-size: 12px; line-height: 21px; } #footer .footer_logo { background: url(images/logo_footer.gif) right top no-repeat; display: block; float: right; height: 21px; width: 86px; text-indent: -99999px; } #footer .menu { font-size: 12px; } #footer .menu li { float: left; font-weight: bold; padding-right: 15px; } #footer .menu li a { color: #333; } /*------------------------------ Tabbed Widgets ------------------------------*/ .tabbertabs { padding: 0 0 30px; } /*--- THE LIST CONTENT ---*/ .tabbertab {} .tabbertab ul {} .tabbertab ul li { border-bottom: 1px dotted #333; line-height: 16px; padding: 5px 0; } .tabbertab ul li a { color: #333; text-decoration: none; } /* workaround with each last child of the tab content */ #recent-posts-4 ul li:last-child, #authors-3 ul li:last-child, #popcat-widget-4 ul li:last-child, #most_popular_posts-4 ul li:last-child { border-bottom: 0; } /*----- STYLE for AdvisorShares Logo -----*/ .advisor { color: #000; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; } .advisor span { color: #F60; } /*--- current menu --*/ #access .menu-header .menu li .sub-menu .current-menu-item { color:#fff; background-color: #1b435f; } #access .menu-header .menu li .sub-menu .current-menu-item a{ color:#fff; } #contact-form .wpcf7-submit { background-color: #333; border: #333 1px solid; color: #FFF; cursor: pointer; padding: 5px; width: 100px; } /*bossmac*/ #text-4 .widget-title { color: #fff; background-color: rgb(11, 29, 241); padding: 0 10px; font-size: 16px; line-height: 26px; } #text-4 .textwidget{ margin: 10px 0; line-height: 16px; font-family: pt-serif; } li.audioplayer { margin:10px 0px; } #text-4 { margin-bottom:20px } #text-4 h3{ background: url(images/icon_rss.gif); background-position: 270px; background-repeat: no-repeat; cursor: pointer;}