/*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ body{background: #555; color: #333;} h1, h2, h3, h4, h5, h6{color: #222;} /*-------------------------------------------------------------------------------------------*/ /*- GLOBAL CLASSES --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Links ---*/ a.std_link, a{color: #069;} a.std_link:hover, a:hover{color: #333;} a:active{color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #container{background: url(container-bg.png) repeat-y; border-left: 8px solid #454545; border-right: 8px solid #454545;} #parent-header{background: #000; border-bottom: 1px dotted #333;} #header{background: #111;} #feature-slider{background: #000;} #footer{background: #000;} /*-------------------------------------------------------------------------------------------*/ /*- PARENT HEADER ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.page-list li a{color: #ccc;} ul.page-list li a:hover{color: #fff;} /*--------------------------------------------*/ /*- SEARCH -----------------------------------*/ .search-bar{border: 1px solid #333; background: #000;} .search-form input.search{color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .header-advert{background: #000; border: 1px solid #333;} /*--------------------------*/ /*- MENU -------------------*/ ul#menu{background: #000; border-top: 1px dotted #333;} ul#menu li.parent-item a.parent-link{color: #ccc;} ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.parent-link:active{color: #fff;} /*--------------------------*/ /*- SUB MENU ---------------*/ ul#menu ul.sub-menu{background: #000;} ul#menu ul.sub-menu li{border-bottom: 1px dotted #ccc;} ul#menu ul.sub-menu li a{color: #ccc;} ul#menu ul.sub-menu li a:hover{color: #fff; background: #222;} /*-------------------------------------------------------------------------------------------*/ /*- COLUMN ONE ------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*---------------------------*/ /*- SIDE BAR WIDGET STYLING -*/ #left-bar ul#left-side-bar li.widget{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;} #left-bar ul#left-side-bar li.widget:last-child{border-bottom: 3px solid #ccc;} #left-bar h3{border-bottom: 1px dotted #999;} #left-bar ul li ul li{border-bottom: 1px dotted #ccc;} #left-bar ul.advert li{border-bottom: 1px dotted #ccc;} /*--------------------------------------------------------*/ /*- FEATURE SLIDER ---------------------------------------*/ /*--------------------------------------------------------*/ ul.selecters{background: url(feature-title-bg.png) repeat} ul.selecters li a{background:url(feature-selecters.png) top no-repeat;} #feature-slider div.feature-descriptions{background: url(feature-title-bg.png) repeat; border-top: 1px solid #069;} #feature-slider div.feature-descriptions h3{color: #fff;} #feature-slider div.feature-descriptions h3 a{color: #fff;} #feature-slider div.feature-descriptions h3 a:hover{color: #ccc;} #feature-slider div.feature-descriptions p{border-left: 1px dotted #069; color: #ccc;} /*-------------------------------------------------------------------------------------------*/ /*- COLUMN TWO ------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /*- OTHER FEATURES BAR -----------------------------------*/ .other-features{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;} .other-features h3.header-comments{border-bottom: 1px dotted #ccc; color: #000;} .other-features .middle{border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;} /*--------------------------------------------------------*/ /*- PAGINATION -------------------------------------------*/ ul.page_button_content{border-top: 3px solid #e0e0e0;} ul.page_button_content li a{background: #002D42; color: #fff;} ul.page_button_content li a.previous-page, ul.page_button_content li a.next-page{background: #444;} ul.page_button_content li a.previous-page:hover, ul.page_button_content li a.next-page:hover{background: #000;} ul.page_button_content li a.selected-page{background: #444;} ul.page_button_content li a.selected-page:hover{background: #000;} ul.page_button_content li a.other-page{background: #ccc; color: #444;} ul.page_button_content li a.other-page:hover{background: #444; color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- POSTS CLASSES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .post .copy ol, .post .copy ul{color: #555;} .post{border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;} .first{border-top: none;} .post h2.title a{color: #000; border-bottom: 1px dotted #ccc;} .post h2.title a:hover{color: #069; border-bottom: 1px solid #ccc;} .date{color: #777;} a.comment-count{color: #069;} a.comment-count:hover{color: #333;} .post .tags{border-top: 1px dotted #ccc;} .post .tags a{background: #000; color: #fff;} .post .tags a:hover{background: #069;} a.action-link{background: #000; color: #fff;} a.action-link:hover{background: #069;} /*--------------------------------------------------------*/ /*- SPECIAL STYLING FOR ITEMS SUCH AS BREAKING NEWS ------*/ .special{background: #fc0; border-top: none; border-bottom: 1px solid #f90;} .special h2.title a{background: #111; color: #fff; border-bottom: 3px solid #000;} .special h2.title a:hover{color: #f00; border-bottom: 3px solid #c00;} .special h2.title a span.breaking-headline{color: #999;} .special .date{color: #000;} .special a{color: #fff;} .special a:hover{color: #f00;} .special .media{border: 5px solid #000; border-left: none; border-right: none;} .special .copy{padding: 10px; color: #000;} .special .copy a.action-link{background: #000;} /*-------------------------------------------------------------------------------------------*/ /*- PROMOTE POST ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .promote-post{background: #f8f8f8; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;} .promote-post h3{color: #000; border-bottom: 1px dotted #ccc;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .user{border-top: 3px solid #ccc; border-bottom: 1px dotted #ccc;} .comment h4 a{color: #333;} .comment h4 a:hover{color: #069;} .comment p.comment-date{color: #777;} .user a.action-link{background: #fff; color: #333;} .user a.action-link:hover{background: #069; color: #fff;} /*--------------------------------------------------------*/ /*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/ .threaded-comments{background: #f3f3f3; border: 3px solid #e0e0e0;} h4.header-comments{color: #000;} .threaded-comments .thread-comment{border-top: 1px solid #e0e0e0;} .threaded-comments h4 a{color: #222;} .threaded-comments h4 a:hover{color: #069;} /*-------------------------------------------------------------------------------------------*/ /*- POST A COMMENT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .comment-form-content{border-bottom: 1px solid #ccc;} .comment-form-content h3.header-leave-comment{border-top: 1px solid #ccc; border-bottom: 1px dotted #ccc;} .comment-form-content .comment_form label{color: #333;} .comment-input input{border: 1px solid #999; border-bottom: 3px solid #999;} .comment-texarea textarea{border: 1px solid #999; border-bottom: 3px solid #999;} .checkbox{color: #333;} input.submit_button{background: #111; color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- ARCHIVES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #archives{border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;} /*-------------------------------------------------------------------------------------------*/ /*- GALLERY PAGES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #gallery-slider{background: #000;} .gallery-description h3 a{color: #fff;} .gallery-description h3 .gallery-header{color: #888; background: #000;} .gallery-description p{color: #ccc;} span.gallery-image-overlay:hover span.gallery_name{color: #fff;} span.gallery-image-overlay:hover span.gallery_name span.gallery-date{color: #ccc;} .gallery-next-prev{border-top: 1px dotted #333;} .gallery-next-prev a.next, .gallery-next-prev a.prev{color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- COLUMN THREE ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #right-bar ul#side-bar li.widget{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;} #right-bar ul#side-bar li.widget:last-child{border-bottom: 3px solid #ccc;} #right-bar ul li.widget ul li{border-bottom: 1px dotted #ccc;} #right-bar h3{border-bottom: 1px dotted #999;} /*--------------------------------------------*/ /*- TABBED CONTENT ---------------------------*/ #right-bar ul#side-bar li.tabbed-content{background: #fff; border: 3px solid #e0e0e0;} ul.side-bar-tabs li a{color: #999;} ul.side-bar-tabs li a:hover, ul.side-bar-tabs li a:active, ul.side-bar-tabs li.selected a{color: #069; background: transparent url(tab-hover.png) bottom no-repeat;} .selected-tabbed-content{color: #555; background: #fff; border-top: 1px solid #e8e8e8;} .selected-tabbed-content ul li{border-bottom: 1px dotted #ccc;} .selected-tabbed-content ul li:last-child{} .selected-tabbed-content ul li a img{border: 1px solid #ccc;} .selected-tabbed-content ul li a span{color: #333;} .selected-tabbed-content ul li a:hover{background: #f8f8f8;} .selected-tabbed-content ul li a span:hover{color: #069;} /*--------------------------------------------*/ /*- TWITTER ----------------------------------*/ ul#twitter_update_list li{border-bottom: 1px dotted #ccc; } /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.footer-links{border-bottom: 1px dotted #333; color: #333;} ul.footer-links li a{color: #ccc;} ul.footer-links li a:hover{color: #fff;} p.copyright{color: #999;} p.copyright a{color: #3C96DF;} p.copyright a:hover{color: #fff;} a.obox-logo{background: url(obox-logo.png) top;} a.obox-logo:hover{background: url(obox-logo.png) bottom;}