/* Theme Name: BreakingNewz Theme URI: http://www.themewarrior.com Description: BreakingNewz WordPress theme, designed by ThemeWarrior. Author: ThemeWarrior Version: 1.3 Tags: two-columns, fixed-width, custom-colors, custom-menu, theme-options, threaded-comments */ @import url("css/reset.css"); body { background: #f1f1f1; font: 75% Arial, Helvetica, sans-serif; color: #333; line-height: 150%; margin: 0 auto; text-align: center; } /* ----------------------------------- Common Styles -----------------------------------*/ input, textarea { font: 100% Arial, Helvetica, sans-serif; } a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 10px 0; } ul, ol { margin: 0 24px; } h1, h2, h3 { font-weight: bold; margin: 10px 0; } h1 { font-size: 24px; margin-bottom: 20px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } table { clear: both; margin: 10px 0; } ul, ol { margin: 0 24px; } ul li { list-style: disc; margin-bottom: 4px; } ol li { list-style: decimal; margin-bottom: 4px; } blockquote { font: italic 14px Georgia, "Times New Roman", Times, serif; color: #666565; line-height: 160%; margin: 10px; padding: 10px; } blockquote blockquote { margin: 20px; padding: 5px; } pre, code { float: left; clear: both; width: 97%; background: #fff; font-family: "Courier New", Courier, monospace !important; display: block; margin: 10px 0; padding: 2px 10px; border: 1px dotted #dedede; overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .clearfix, .wrapper { float: left; clear: both; width: 100%; } /* Main container style */ .container { width: 960px; overflow: visible; margin: 0 auto; text-align: left; } /* ----------------------------------- Header Styles -----------------------------------*/ #header { height: 120px; clear: both; } /* Header Bar */ #header-bar { height: 40px; padding-top: 13px; } #logo { float: left; width: 350px; margin-right: 20px; } /* Search Form */ #search-box { float: right; width: 250px; position: relative; left: 10px; } #search-box div.form-item { float: left; margin-right: 4px; } #search-box div.submit { margin-right: 0; } #search-box div.text input { width: 176px; height: 19px; padding: 2px; border: 1px solid #eee; } #search-box div.submit input { background: #b41212; font-size: 1em; font-weight: bold; color: #fff; cursor: pointer; padding: 3px; } #header .date-top-links { clear: both; height: 22px; padding: 4px 0 2px 0; } #header .date-top-links a:hover { text-decoration: underline; } #header .date { float: left; width: 300px; font-size: .9em; color: #bc8b8b; margin-right: 20px; } /* ----------------------------------- Top Links Styles -----------------------------------*/ #top-links { float: right; width: 500px; padding: 5px 0; } #top-links ul { float: right; margin: 0; padding: 0; } #top-links ul li { float: left; text-transform: uppercase; list-style: none; margin: 0; padding: 0; } #top-links ul.sf-menu a { font-size: .8em; text-decoration: none !important; padding: 0 10px !important; border: none !important; } #top-links ul.sf-menu ul a { padding: 5px !important; } #top-links ul li.last { margin: 0; } /* Overwrite superfish.css Default Styles */ #top-links ul.sf-menu ul.children, #top-links ul.sf-menu ul.sub-menu { width: 10em; } #top-links ul.sf-menu ul.children, #top-links ul.sf-menu ul.sub-menu { top: 1.6em !important; left: .4em; } #top-links ul.sf-menu ul.children ul.children, #top-links ul.sf-menu ul.sub-menu ul.sub-menu { top: 0 !important; left: 10em; } #top-links ul.sf-menu ul a, ul.sf-menu ul a:hover, ul.sf-menu ul li.active a { float: none !important; display: block; margin-right: 0 !important; border: none !important; } #top-links ul.sf-menu ul a { } #top-links ul.sf-menu a:hover, #top-links ul li.current-cat, #top-links li.sfHover ul.children a, #top-links li.sfHover a, #top-links li.sfHover ul.children a:hover { } #top-links .sf-menu a:focus, #top-links .sf-menu a:active { } #top-links .sf-sub-indicator { top: 0; right: 10px !important; } #top-links ul.children .sf-sub-indicator, #top-links ul.sub-menu .sf-sub-indicator { top: .5em; right: 10px !important; } #top-links .sf-menu a.sf-with-ul { padding-right: 25px !important; } #top-links .sf-menu li li .sf-sub-indicator { background-position: -10px 0 !important; } /* Top Menu */ #top-menu { clear: both; margin: 1px 0 0 -7px; } #top-menu ul { margin: 0; padding: 0; } #top-menu ul li { float: left; font-size: 1em; list-style: none; margin: 0; padding: 0; } #top-menu ul li a { float: left; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 110%; margin: 0; padding: 1em; } #top-menu ul li.active a:hover { } #top-menu ul li a:hover { } /* Overwrite superfish.css Default Styles */ #top-menu ul.sf-menu ul.children, #top-menu ul.sf-menu ul.sub-menu { top: 3.1em; left: -0.09em; z-index: 1000; } #top-menu ul.sf-menu ul.sub-menu ul.sub-menu { top: 0; left: 14em; } #top-menu ul.sf-menu ul a, ul.sf-menu ul a:hover, ul.sf-menu ul li.active a { float: none !important; display: block; margin-right: 0 !important; border: none !important; } #top-menu ul.sf-menu ul a { } #top-menu .sf-menu li li, #top-menu .sf-menu li li li, #top-menu .sf-menu li li a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover { } #top-menu ul.sf-menu a:hover, #top-menu ul li.current-cat, #top-menu li.sfHover ul.children a, #top-menu li.sfHover a, #top-menu li.sfHover ul.children a:hover, #top-menu .sf-menu li.current-cat-parent a, #top-menu .sf-menu li.current-menu-item a, #top-menu .sf-menu li.current-menu-ancestor a { } #top-menu .sf-menu a:focus, #top-menu .sf-menu a:active { } #top-menu .sf-sub-indicator { top: 12px !important; right: 10px !important; } #top-menu .sf-menu a.sf-with-ul { padding-right: 25px !important; } #top-menu .sf-menu li li .sf-sub-indicator { background-position: -10px 0 !important; } /* Search Form */ #search-box { float: right; width: 250px; } #search-box div.form-item { float: left; margin-right: 4px; } #search-box div.text input { width: 176px; height: 19px; color: #bababa; padding: 2px; } #search-box div.submit input { font-size: 1em; font-weight: bold; padding: 3px; } /* ----------------------------------- Main Content Styles -----------------------------------*/ #main-content { clear: both; } #main-content .container { width: 960px; background: #f1f1f1 url(images/bg-main.gif) top center repeat-y; padding: 10px 20px !important; clear: both; overflow: hidden; } #wrapper { float: left; clear: both; width: 100%; background: url(images/bg-wrapper.gif) repeat-y !important; overflow: hidden; } /* ----------------------------------- Featured Posts Styles -----------------------------------*/ #featured-posts { height: 265px; position: relative; } #featured { float: left; width: 635px; height: 265px; position: relative; } #featured .slider { position: relative; } #featured .featured-image img { width: 635px; height: 265px; } #featured div.text { float: right; width: 240px; height: 245px; background: url(images/bg-featured-slider-text.png) repeat-y; color: #fff; text-shadow: 1px 1px #000; padding: 10px; position: absolute; top: 0; right: 0; } #featured div.text h3 { font-size: 2em; letter-spacing: -1px; line-height: 90%; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; } #featured div.text a { color: #fff; text-decoration: none; } ul#featured-thumbs { margin: 10px; padding: 0; position: absolute; left: 0; bottom: 5px; z-index: 100; } ul#featured-thumbs li { float: left; list-style: none; margin: 0 5px 0 0; padding: 0; } ul#featured-thumbs li img { border: 1px solid #000; } ul#featured-thumbs li.activeSlide img { border: 1px solid #cb8522; } /* Featured Ad */ #featured-posts .ad { float: right; width: 315px; } #featured-posts .ad .inner { padding: 7px 7px 3px 7px; } #featured-posts .ad img { display: inline; } /* ----------------------------------- Category Highlights Styles -----------------------------------*/ #category-highlights { width: 960px; height: 183px; color: #fff; margin-top: 10px; position: relative; } #category-highlights .inner { padding: 10px; } #category-highlights div.slider { width: 970px; margin: 0; padding: 0; background: none !important; } #category-highlights div.slider-item { float: left; width: 305px; color: #f4f4f4; line-height: 140%; list-style: none; text-shadow: 1px 1px #000; margin: 0 12px 0 0; padding: 0; } #category-slider { width: 940px !important; } #category-highlights div.slider h3 { font-size: 1.1em; text-transform: uppercase; margin: 0 0 10px 0; padding: 3px 5px; } #category-highlights div.slider h4 { font-size: 1.2em; margin: 0 0 7px 0; } #category-highlights div.slider h4 a { color: #dbd1af; } #category-highlights div.slider h4 a:hover { text-decoration: none; } #category-highlights div.slider .thumb { float: left; width: 65px; margin: 0 10px 0 0; } a#left-arrow, a#right-arrow { width: 44px; height: 42px; display: block; background: url(images/icon-cat-arrows.png) no-repeat; position: absolute; top: 70px; z-index: 100; text-indent: -9999px; } a#left-arrow { left: -22px; } a#right-arrow { background-position: -49px 0; position: absolute; left: 943px; z-index: 101; } a#left-arrow:hover { background-position: -88px -2px; } a#right-arrow:hover { background-position: -135px -2px; } /* ----------------------------------- Left Column Styles -----------------------------------*/ #leftcol { float: left; width: 635px; margin: 0 0 10px 0; padding-top: 10px; overflow: hidden; } #leftcol .inner { padding-right: 20px; } #leftcol h1.title, #leftcol h2.title { font-size: 1.8em; letter-spacing: -1px; line-height: 112%; text-transform: uppercase; margin: 0 0 20px 0; padding-bottom: 10px; } body.single #leftcol h1.title, body.page #leftcol h1.title { font-size: 2.4em; text-transform: none; } /* ----------------------------------- Right Column Styles -----------------------------------*/ #rightcol { float: right; width: 324px; padding-top: 10px; overflow: hidden; } #rightcol .inner { padding: 15px 14px; } /* ----------------------------------- Latest News Styles -----------------------------------*/ ul.news { width: 655px; margin: 0; padding: 0; overflow: hidden; } ul.news li { float: left; width: 300px; min-height: 265px; height: auto !important; height: 265px; list-style: none; margin: 0 20px 20px 0; padding: 0 0 10px 0; } ul.news .thumb { height: 130px; position: relative; } ul.news span.category { overflow: visible !important; background: #000; color: #fff; padding: 4px; position: absolute; bottom: 0; left: 0; } ul.news span.category a { color: #fff; } ul.news h3.title { font-size: 1.3em; margin: 0; } ul.news h3.title a { text-decoration: none; } ul.news .meta { font-size: .8em; color: #b0b0b0; margin-bottom: 5px; } /* ----------------------------------- Post Styles -----------------------------------*/ .post{ float: left; clear: both; width: 100%; margin-bottom: 30px; } .post h1.title { font-size: 3em; line-height: 100%; letter-spacing: -2px; margin: 0 0 5px 0 !important; padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; } .post .meta { font-size: .75em; color: #b0b0b0; text-transform: uppercase; } body.page .post h1.title, body.error404 .post h1.title { float: none; width: auto; } body.single .post { margin-bottom: 10px; } body.page .post { margin-bottom: 0; } body.page .navigation { margin-bottom: 20px; } .post .post-content { clear: both; margin-top: 10px; } .post .post-content p { margin: 0 0 20px 0; } .post .post-thumb { float: left; width: 150px; margin-right: 20px; } p.edit-post { font-size: .9em; font-weight: bold; } /* ----------------------------------- Comment Styles -----------------------------------*/ #comments { margin-top: 30px; overflow: hidden; } #comments .comment-count { color: #000; } #comments .comment-count h3 { font-size: 1.7em; letter-spacing: -1px; margin: 0; } ul.comment-list { margin: 30px 0 0 0; padding: 0; } ul.comment-list li { list-style: none; margin: 0; padding: 0; } ul.comment-list li .wrapper { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; } ul.comment-list li ul.children { margin: 0; padding: 0; } ul.comment-list li ul.children li { margin: 0 0 0 20px; padding: 0; } ul.children li { float: left; clear: both; width: 100%; } ul.comment-list .gravatar { float: left; width: 60px; margin-right: 20px; } ul.comment-list .gravatar img { border: 5px solid #eee; } ul.comment-list .comment-content { float: left; width: 600px; } ul.comment-list .text p { margin-top: 0; } ul.comment-list .moderate { font-size: .8em; color: #851616; margin-bottom: 6px; } ul.comment-list .meta { font-size: .85em; color: #909090; margin-top: 10px; } ul.comment-list p.reply-edit { font-size: .8em; margin: 0; } /* ----------------------------------- Comment Form Styles -----------------------------------*/ #respond { width: 98.5%; margin: 30px 0; border: 5px solid #f5f5f5; } #respond .inner { padding: 20px; } #respond h2.title { font-size: 1.7em; letter-spacing: -1px; } #respond p.logged-user { font-size: .95em; margin-bottom: 20px; } #respond fieldset div.input { float: left; clear: both; width: 100%; margin-bottom: 10px; } #respond fieldset div.input label { float: left; width: 100px; margin-right: 10px; } #respond fieldset div.text input, fieldset div.text textarea { float: left; width: 50%; padding: 4px; border-top: 1px solid #d5d5d5; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } #respond fieldset input, fieldset select, fieldset textarea {} #respond fieldset div.submit input { background: #fff url(images/bg-small-gray.gif) bottom repeat-x; font-size: .9em; font-weight: bold; text-shadow: 1px 1px #fff; color: #555; cursor: pointer; padding: 5px; border: 1px solid #dfdfdf; } #respond fieldset div.submit input:hover { color: #333; } #respond p.button, #respond input.btn { width: 100px; } #respond a.btn { padding: 1px 0 6px 1px; } /* ----------------------------------- Breadcrumb Styles -----------------------------------*/ #breadcrumb { font-size: .9em; padding: 10px 0; } #breadcrumb a { } /* ----------------------------------- Widget Styles -----------------------------------*/ #rightcol .widget-sidebar { float: left; margin-bottom: 10px; padding-bottom: 10px; } #rightcol .widget-sidebar h2.title { font-size: 1.8em; line-height: 122%; letter-spacing: -1px; text-transform: uppercase; margin: 0; padding: 0 10px 9px 10px; } #rightcol .widget-sidebar h3.title { font-size: 1.1em; font-weight: normal; margin: 0 0 10px 0; } /* Widget Latest Video */ .warrior_latest_videos .thumb { position: relative; } /* Widget Ad 125x125 */ .warrior_sidebar_ad { clear: both; width: 350px; padding-bottom: 0 !important; } .warrior_sidebar_ad .inner { padding: 15px 0 0 0 !important; } .warrior_sidebar_ad img { display: inline; margin: 0 0 20px 20px; } /* Widget Tabs */ #tabs { padding: 0 !important; border-bottom: none !important; } .ui-tabs .ui-tabs-panel { padding: 0 !important; } ul.tab-items { margin: 0; padding: 0; } ul.tab-items li { float: left; font-size: .9em; font-weight: bold; color: #ccc; text-transform: uppercase; list-style: none; margin: 0 10px 0 0; padding: 4px 10px !important; } ul.tab-items li a { text-decoration: none; padding: 0 !important; } ul.tab-items li.ui-tabs-selected { -moz-border-radius: 7px 7px; -webkit-border-radius: 7px 7px; } ul.tab-items li.ui-tabs-selected a { } .widget-sidebar .ui-tabs-panel { clear: both; padding-top: 20px !important; } .ui-tabs-panel ul { margin: 0; padding: 0; } .ui-tabs-panel ul li { float: left; clear: both; width: 100%; list-style: none; margin: 0 0 10px 0; padding: 0; } .widget-sidebar .ui-tabs-panel ul .thumb { float: left; width: 65px; margin-right: 5px; } .widget-sidebar .ui-tabs-panel ul .info { float: left; width: 220px; } .widget-sidebar .ui-tabs-panel h4.title { font-size: 1em; font-weight: bold; margin: 0; } .widget-sidebar .ui-tabs-panel .meta { font-size: .8em; color: #b0b0b0; margin-bottom: 5px; } .widget-sidebar .ui-tabs-panel .meta a { color: #b0b0b0; text-decoration: none; } .widget-sidebar .ui-tabs-panel .meta a:hover { text-decoration: underline; } /* Widget Latest Tweets */ .warrior_twitter .meta { font-size: .8em; color: #909090; margin-top: 4px; } .warrior_twitter p.follow { text-align: center; margin-top: 20px; } .warrior_twitter p.follow a { width: auto; background: #fff url(images/bg-small-gray.gif) bottom repeat-x; font-size: 1em; font-weight: bold; color: #a3a3a3; text-shadow: 1px 1px #fff; border: 1px solid #dfdfdf; padding: 5px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; } .warrior_twitter p.follow a:hover { color: #666; text-decoration: none; } .warrior_twitter p.follow { text-align: center; margin-top: 20px; } ul#tweets { margin: 0; padding: 0; } ul#tweets li { list-style: none; margin: 0 0 10px 0; padding: 0; } #tweets .meta { font-size: .8em; color: #b0b0b0; margin-bottom: 5px; } /* Widget About */ #warrior_about { margin-right: 0 !important; } /* Widget About */ .warrior_about .thumb { float: left; width: 50px; margin: 0 10px 10px 0; } /* ----------------------------------- Navigation Styles -----------------------------------*/ .navigation { font-weight: bold; margin: 10px 0; } ul.news .navigation { width: 95%; margin-bottom: 20px; } .navigation img { margin: 2px; padding: 2px; } .navigation .prev { float: left; width: 45%; text-align: left; margin-right: 20px; } .navigation .next { float: right; width: 40%; text-align: right; } .navigation a, a#cancel-comment-reply-link { text-decoration: none !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; } .navigation a:hover, a#cancel-comment-reply-link:hover { } /* WP Page Navi Plugin Styles */ .wp-pagenavi { float: left; clear: both; width: 97%; padding: 5px 0; } .wp-pagenavi span, .wp-pagenavi a { font-weight: bold; } /* ----------------------------------- Sub Footer Styles -----------------------------------*/ #sub-footer { clear: both; border-top: 1px solid #e3e3e3; } #sub-footer .widget-footer { float: left; width: 300px; margin-right: 30px; padding: 20px 0; } #sub-footer .widget-footer-last { margin-right: 0; } #sub-footer .widget-footer h3.title { background: url(images/bg-title-lines.gif) 0 6px repeat-x; font-size: 1.4em; color: #000; text-transform: uppercase; margin: 0 0 10px 0; } #sub-footer .widget-footer h3.title span { background: #fff; padding-right: 5px; } /* ----------------------------------- Maintenance Notice Styles -----------------------------------*/ #maintenance-notice { background: #e80606; font-size: 1em; font-weight: bold; color: #fff; padding: 5px 0; } /* ----------------------------------- Footer Styles -----------------------------------*/ #footer { padding: 20px 0; border-top: 1px solid #e3e3e3; } #footer-menu { margin-bottom: 10px; } #footer-menu a { font-weight: bold; margin: 0 10px 0 0; padding: 0; border: none; } #footer-menu a:hover { text-decoration: underline; } #footer-menu ul.sf-menu { float: none; } #footer .col1 { float: left; width: 430px; margin-right: 20px; } #footer .col2 { float: right; width: 410px; padding-top: 10px; } #footer .copyright { font-size: .9em; } #footer .poweredby { font-size: .9em; text-align: right; position: relative; top: -5px; } #footer .poweredby img.themewarrior { position: relative; top: 2px; } #footer .socials { margin-top: 10px; } /* ----------------------------------- Standard WordPress Styles -----------------------------------*/ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } img.size-full { margin: 2px; padding: 2px; border: 1px solid #d9dadd; } img.centered { display: block; margin: 0 auto; } img.alignnone { display: inline; margin-bottom: 10px; } img.alignright { display: inline; margin-left: 10px; margin-bottom: 10px; } img.alignleft { display: inline; margin-right: 10px; margin-bottom: 10px; } .alignright { float: right; } .alignleft { float: left; } .wp-caption { width: auto !important; margin: 6px; padding: 4px; } div.alignnone { margin: 0 0 20px 0; padding: 0; } .wp-caption img { border-bottom: 1px solid #dedede; } .wp-caption p.wp-caption-text { font-size: 0.8em; color: #999; margin: 0; line-height: 100%; }