/****************************************** CUSTOM STYLESHEET*******************************************/ /** You can place your custom CSS statements in this file, after this message.* It is better to write everything custom here * because this file won't be replaced during updates.* * Simply copy an existing style from style.css to this file, * * and modify it to your liking.*/ /*********************************************************************************************Theme Name: HorizonTheme URI: http://www.wpzoom.com/themes/horizonVersion: 1.0.4Author: WPZOOMAuthor URI: http://www.wpzoom.com/License: GNU General Public License v2.0License URI: http://www.gnu.org/licenses/gpl-2.0.htmlThe PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements arereleased under the WPZOOM Proprietary Use License below.**********************************************************************************************WARNING! DO NOT EDIT THIS FILE!To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file.**********************************************************************************************0. CSS Reset ------------------------- All Theme Files1. Page Structure -------------------- All Theme Files2. Page Structure: Header ------------- header.php3. Page Structure: Main Content ------ All Theme Files4. Single: Post/Page Styling ---------- single.php, page.php5. Comments Styling ------------------- comments.php 6. Page Structure: Footer ------------ footer.php7. Miscellaneous ---------------------- 8. Elements: Forms, Buttons --------- 9. Homepage Slider ------------------ featured-posts.php10. Media Queries -------------------- All Theme Files**********************************************************************************************//********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files*********************************************************************************************/ /* Reset & General Styling */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }abbr[title] { border-bottom: 1px dotted; }b, strong { font-weight: bold; }blockquote { margin: 1em 40px; }dfn { font-style: italic; }hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }ins { background: #000; color: #fff; text-decoration: none; }mark { background: #000; color: #fff; font-style: italic; font-weight: bold; }pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }q { quotes: none; }q:before, q:after { content: ""; content: none; }small { font-size: 85%; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }ul, ol { margin: 0; padding: 0; list-style-position: inside; }ul ul, ol ol, ul ol, ol ul { margin: 0; }ul li {list-style-type: none;}dd { margin: 0 0 0 40px; }nav ul, nav ol, img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }svg:not(:root) { overflow: hidden; }figure, form { margin: 0; }fieldset { border: 0; margin: 0; padding: 0; }legend { border: 0; *margin-left: -7px; padding: 0; }label { cursor: pointer; }button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }button, input { line-height: normal; *overflow: visible; }table button, table input { *overflow: auto; }button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }input[type=checkbox], input[type=radio] { box-sizing: border-box; }input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }textarea { overflow: auto; vertical-align: top; resize: vertical; }input:valid, textarea:valid { }input:invalid, textarea:invalid { background-color: #000; }table { border-collapse: collapse; border-spacing: 0; }th { text-align: left; }tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }td { vertical-align: top; }.collapsible li > input + * { display: none;} .collapsible li > input:checked + * { display: block;}.collapsible li > input { display: none;}.collapsible label { cursor: pointer;}ul.destyle { list-style-type: none; margin: 0; padding: 0;}ul.restyle { list-style-type: none; margin: 1em 0; padding: 0;}ul.restyle ul li { margin: 1em 0; padding-left: 30px;}a.badge {position: relative; float:right}a span.badge { display: none; color: #FFFFFF; text-align: center; font-size: 13px; z-index: 2; line-height: 19px;}a:hover span.badge { display: block; position: absolute; border: solid 2px #fff; width: 220px; background: #555; height: 425px; left: -235px; top: -50px; color: #000; padding: 10px; } a span.badge img { padding: 3px; margin-bottom: 0px;}span.intext {margin-left: -5px; font-variant: small-caps; }a:hover span.bigbadge {height: 550px;}a:hover span.smallbadge {height: 375px;}a:hover span.widebadge {width: 350px;}a:hover span.xbadge {width: 250px;}.ser { width: 550px !important; border-spacing: 1px !important; text-align: center !important; vertical-align: middle !important; /* border: 1px solid white; */ font-size: 12px !important; margin: 1em auto !important; border-collapse: separate !important; color: black !important; line-height: 1.5em !important;}.ser th { color: #ffffff !important; background: #008080 !important; font-weight: bold !important; text-align: center !important;}.ser td.head { color: #15e62d !important; background: #008080 !important; font-weight: bold !important;}.ser td.first { width: 15% !important; background: #008080 !important; font-weight: bold !important; color: black !important;}.ser td { background: #00ffff !important; padding: 0 !important; vertical-align: middle !important;}.ser ul { margin: 0 !important; padding-left: 3px !important; overflow: hidden !important; list-style-type: none !important;}.ser li { float: left !important; padding-left: 0 !important; padding-right: 5px !important; list-style-type: none !important; margin: 0 !important;}.ser a:link, .ser a:visited { text-decoration: none !important; font-style: italic !important; display: block !important; color: blue !important; /* padding: 0 5px; */} .ser a:hover, .ser a:active { color: white !important; background: #009d9d !important;} .ser td, .ser th, .ser tr { border-bottom: 0 !important;} /* Smart clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } div.flush table { cellspacing: 0px; cellpadding: 0px; border: 0px; padding-right: 0px; border-bottom: 0px; height: 400px; margin: 0px; vertical-align: baseline; border-collapse: collapse; display: block;} div.flush table tr { cellspacing: 0px; cellpadding: 0px; border: 0px; padding-right: 0px; border-bottom: 0px; vertical-align: baseline; border-collapse: collapse; display: block; height: 100px;} div.flush table td { cellspacing: 0px; cellpadding: 0px; border: 0px; padding-right: 0px; border-bottom: 0px; vertical-align: baseline; border-collapse: collapse; height: 100px;} ov { text-decoration: overline;} st { text-decoration: line-through;} div.series ul { /* position: relative; float: left; display: block; left: 50%; */ margin: 0; padding: 0; overflow: hidden; color: #000;} div.series li { /* width: 68px; */ float: left; list-style-type: circle; /* position: relative; display: block; right: 50%; */} div.series a { display: block;} div.series a:link { display: block; color: #000; background-color: #00cdcd; text-align: left; font-style: italic;} div.series a:visited { display: block; color: #000; background-color: #00cdcd; text-align: left; font-style: italic;} div.series a:hover { background-color: #008080; font-style: italic; text-align: left;} div.series th { background-color: #008080; text-align: center; font-weight: bold; color: #000; border: 2px solid black;} div.series table { width: 500px; border: 2px solid black; font-size: 80%; line-height: 100%;} div.series table table { border-spacing: 0px; border: 0px; font-size: 100%; cellspacing: 0px; border-collapse: collapse;} div.series table table tr { border-spacing: 0px; border: 0px; font-size: 100%; cellspacing: 0px; border-collapse: collapse;} div.series table table th { border-left: 0px; border-right: 0px; border-color: #00cdcd;} div.series table table th.fix { border-top: 0px;} div.series table table th.fix2 { border-bottom: 0px;} div.series table table td { border-spacing: 0px; border: 0px; font-size: 100%; cellspacing: 0px; border-collapse: collapse;} div.series td { text-align: center; padding: 2px; background-color: #00cdcd; border: 2px solid black;} .hide { opacity:0; filter:alpha(opacity=0);} .hide:hover { opacity:1.0; filter:alpha(opacity=100); color: #15e62d;} .hide2 { background: #a1a1a1; color: #a1a1a1;} .hide2:hover { background: #000; color: #a1a1a1;} ul.void { list-style-type: none; margin: 0; padding: 0; overflow: hidden;} ul.void li.reg { list-style-type: none; padding: 0; font-weight: normal; background: black; border: 0;} ul.void li.heading { width: 550px; background: #008080; font-weight: bold; color: white; text-align: center; margin: 0 auto; font-size: 12px; padding: 0; border: 1px solid black;} #left { float:left; width: 235px; display: none; text-align: left; color: #15e62d; font-size: 11px; padding-left: 10px; padding-right: 10px; margin-left: 20px; margin-right: 0px;} #sidebar2 { display: inline-block; text-align: left; /* float: right */; width: 300px; margin-right: 10px; margin-left: 10px; vertical-align: text-top; } #main div.wrapper{ width: 680px; display: inline-block; vertical-align: text-top; } #space { margin-bottom: 20px; color: #1a1414; width: 225px;} #headall { float: right; display: inline; margin-top: 0px; margin-bottom: 0px; margin-right: 200px;} #headl { display: block; float: right; width: 310px; height: 75px; color: #15e62d; background: #000000; border-style: ridge; border-width: 5px; border-color: #055408; font-family: Courier New; font-size: medium; margin-right: 200px;} #headr { display: block; float: right; width: 310px; height: 75px; color: #15e62d; background: #000000; border-style: ridge; border-width: 5px; border-color: #055408; font-family: Courier New; font-size: medium; margin-right: 70px; margin-top: 35px;} a.misc { color: #a1a1a1; text-decoration: none;} a:hover.misc { color: #ffffff; text-decoration: none;} a.misc2 { color: #00ffff; text-decoration: none;} a:hover.misc2 { color: #00b3b3; text-decoration: none;} a.misc3 { color: #055408; text-decoration: none;} a:hover.misc3 { color: #ffffff; text-decoration: none;} a.misc4 { color: #15e62d; text-decoration: none; font-style: italic;} a:hover.misc4 { color: #a1a1a1; text-decoration: none;} a.misc5 { color: #e61566; text-decoration: none;} a:hover.misc5 { color: #9615e6; text-decoration: none;} a.misc6, a.misc7, a.misc8, a.misc9, a.misc10, a.misc11, a.misc12 { color: #15e62d; text-decoration: none;} a:hover.misc6, a:hover.misc7, a:hover.misc8, a:hover.misc9, a:hover.misc10, a:hover.misc11, a:hover.misc12 {text-decoration: none;} a:hover.misc6 { color: #9615e6;} a:hover.misc7 { color: #00b400;} a:hover.misc8 { color: #fff;} a:hover.misc9 { color: #055408;} a:hover.misc10 { color: #008080;} a:hover.misc11 { color: #00ffff;} a:hover.misc12 { color: yellow;} ol.as {list-style-type:upper-roman; font-size:10px;} ol.a {list-style-type:upper-roman;} ol.b {list-style-type:upper-alpha;} ol.c {list-style-type:decimal;} ol.d {list-style-type:lower-alpha;} ol.e {list-style-type:lower-roman;} ol.f {list-style-type:lower-greek;} h10 {font-weight: bold; color: #15e62d; line-height: 1.25em; text-align: center;} a.dark img:hover { zoom: 1; filter: alpha(opacity=10); opacity: 0.7; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;} img.dim:hover { zoom: 1; filter: alpha(opacity=10); opacity: 0.7; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;} img.dim2 { zoom: 1; filter: alpha(opacity=10); opacity: 0.0;} img.dim2:hover { zoom: 1; filter: alpha(opacity=10); opacity: 1.0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;} a.uline { color: #15e62d;} a:hover.uline { color: #a1a1a1; text-decoration: underline;} table.codes { table-layout: fixed;} table.codes td { width: 225px;} a.fun1 { display: block; } a:link.fun1 { color: #a1a1a1;} a:visited.fun1 { color: #a1a1a1;} a:hover.fun1 { color: teal; background-color: crimson;} /********************************************************************************************* 1. Page Structure: Common layout elements*********************************************************************************************/::-moz-selection{background:#000000; color: #15e62d; }::selection{ background:#edd29f; color: #15e62d; }a { color: #15e62d; text-decoration:none; }a:hover { color: #9615e6; /* #ef4832; */ -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }a:focus { outline: none; }a:hover, a:active { outline: none; }body { background-color: #000000; color: #15e62d; font-family: Arial, Tahoma, sans-serif; font-size: 62.5%; line-height: 1.2em; text-align: center; margin: 0; padding: 0;}#container { text-align: center; width: 100%; background: #1a1414;}div.wrapper { font-size: 11px; line-height: 18px; margin: 0 auto; text-align: left; width: 1000px;}div.cleaner,div.clear,div.divider,span.cleaner { margin:0; clear: both; font-size:1px; height: 1px; line-height: 1px; }div.cleaner2 { margin:0; clear: both; font-size:1px; height: 5px; line-height: 5px;}div.cleaner3 { margin: 0; clear: both; font-size: 1px; height: 25px; line-height: 25px;} div.cleaner-left { clear: left;} div.divider { border-top: solid 2px #eee; border-bottom: solid 1px #eee; clear: none; margin: 30px 0;} h1,h2,h3,h4,h5,h6 { color: #15e62d; margin: 0;} /********************************************************************************************* 2. Page Structure: Header*********************************************************************************************/header { background-color: #1a1414;}div.wrapper-main { padding-top: 20px; font-size: 11px; line-height: 18px; margin: 0 auto; text-align: left; width: 1000px;}/* #top-level { background-color: #055408; border-bottom: solid 1px #3c423b; height: 40px; line-height: 40px; old - text-align: left; padding-left: 25px; - old} */#top-level { background-color: rgba(5, 84, 8, 0.75); border-bottom: solid 1px #a1a1a1; height: 40px; line-height: 40px; width: 100%; z-index: 999; position: fixed; box-shadow: 0px 2px 2px #15e62d;}#secondary-menu { display: inline; float: left; margin-left: -125px;}#secondary-menu li,#social-menu li { display: inline; font-size: 12px; line-height: 40px; }#social-menu { display: none;}#social-menu li { margin-left: 5px; margin-right: 10px;}#secondary-menu p.wpzoom-notice { color: #fff;}#secondary-menu p.wpzoom-notice a { text-decoration: underline;}#top-level a { color: #FFF;}#top-level a:hover { color: #f8dfaf;}#logo { display: block; float: center; margin-top: 30px;}#logo img { /* height: 344px; width: 550px; margin-left: 210px; */ margin-top: 10px;}#logo h1 { font-size: 24px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase;}#logo h1 a { color: #fff;}#logo h1 a:hover { color: #f8dfaf;}div.banner-header { display: inline; float: right;}/* Dropdown Menu */nav#main-menu { background: #f1f1f1 url(images/back-menu3.png) repeat top left; border-bottom: solid 1px #000000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 10px -125px 10px; min-height: 44px; padding: 0 0px; position:relative; z-index:50;}nav#main-menu li { display: inline; float: left; font-size: 12px; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; position: relative;}nav#main-menu li li { background-color: #333;}nav#main-menu li.cleaner { font-size: 1px; height: 1px; line-height: 1px; clear: both; float: none; display: block;}nav#main-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}nav#main-menu .dropdown ul { position: absolute; top: -999em; width: 150px; /* left offset of submenus need to match (see below) */ text-align: left; margin: 0; padding: 10px 5px; background: #272727; border-top: solid 5px #888; border-left: solid 1px #888;}nav#main-menu .dropdown ul li { width: 100%; font-size: 13px; line-height: 22px; margin: 0; padding: 0; border-right: 0; border-bottom: solid 1px #444; text-transform: none; }nav#main-menu .dropdown ul li a { padding:6px 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-bottom: none;}nav#main-menu .dropdown ul li a:hover { }nav#main-menu a { border-right: solid 1px #066c0a; border-left: solid 1px #055408; color: #15e62d; padding: 10px 10px 10px; display: block; position: relative;}#main-menu li:first-child a { border-left: 0;}#main-menu li:last-child a { border-right: 0;}nav#main-menu a:hover, nav#main-menu li.current-menu-item a,nav#main-menu li.current-menu-ancestor a { color: #aaa;}nav#main-menu li li a,nav#main-menu .current-menu-item li a,nav#main-menu li .current-menu-item a,nav#main-menu li.current-menu-ancestor li a,nav#main-menu li li a:hover { background: none; border: none; color: #15e62d; -moz-box-shadow: none; -webkit-box-shadow: none;}nav#main-menu li li a { color: #aaa;}nav#main-menu li li a:hover { background-color: #4a074a; color: #ff0000;}nav#main-menu .dropdown li:hover ul,nav#main-menu .dropdown li.sfHover ul { padding: 0; margin: 0; left: 0; top: 3.1em; /* match top ul list item height */ z-index: 99;}nav#main-menu ul.dropdown li:hover li ul,nav#main-menu ul.dropdown li.sfHover li ul { top: -999em;}nav#main-menu ul.dropdown li li:hover ul,nav#main-menu ul.dropdown li li.sfHover ul { left: 150px; /* match ul width */ top: 0;}nav#main-menu ul.dropdown li li:hover li ul,nav#main-menu ul.dropdown li li.sfHover li ul { top: -999em;}nav#main-menu ul.dropdown li li li:hover ul,nav#main-menuul.dropdown li li li.sfHover ul { left: 150px; /* match ul width */ top: 0;} nav#main-menu .dropdown li:hover, .dropdown li.sfHover,nav#main-menu .dropdown a:focus, .dropdown a:hover, .dropdown a:active { outline: 0;}.sf-sub-indicator { display:none; }nav#main-menu .dropdown li ul .sf-sub-indicator { display:inline; }#main-menu p.wpzoom-notice { line-height: 44px; margin: 0;}#main-menu p.wpzoom-notice a { display: inline !important; padding: 0; border: 0;}/* Search form in Main Menu */ div.search-form { display: inline; float: right; margin-left: 0px; min-height: 40px;}#searchformtop { position: relative;}#setop { float: left; display: inline; background-color: #000; border: solid 1px #dedede; color: #aaa; font-size: 11px; margin: 8px 5px 0 15px; padding: 5px 30px 5px 5px; width: 150px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 1px #fff; -webkit-box-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 1px #fff;}#searchsubmittop { position: absolute; top: 10px; right: 10px; padding: 5px 5px 5px 0; }/* */#featured-message { background-color: #1a1414; color: #000000; padding: 5px 5px; position: relative; margin: 0 -25px 0; z-index: 20;}#featured-separator { background-color: #055408; border-top: solid 1px #055408; height: 5px;}#featured-message a { color: #fff;}#featured-message a:hover { color: #f8dfaf;}#featured-message h1 { color: #1a1414; font-size: 18px; line-height: 26px;}#featured-message p { font-size: 12px; line-height: 19px; margin: 0;}#featured-message span.featured-button { display: inline; float: right; margin: 15px 0 0 20px;}#featured-message span.featured-button a { font-size: 13px; padding: 10px 15px; }/* Featured Posts */#separator { background-color: #055408; border-top: solid 1px #055408; height: 5px;}header p.wpzoom-notice-featured { color: #055408;} header p.wpzoom-notice-featured a { color: #055408; text-decoration: none;} #featured-posts { height: 500px; margin: 30px 0 0; overflow: hidden;} #featured-posts div.post-cover { display: inline; float: left; margin: 20px 20px 0 20px; position: relative; width: 440px;} #featured-posts div.post-excerpt { color: #15e62d; font-size: 13px; line-height: 21px; margin: 20px 0 0; display: inline; float: left; width: 480px;} #featured-posts h2 { font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 40px; margin: 0 0 20px;} #featured-posts a { color: #e6f5f7;} #featured-posts a:hover { color: #e6f5f7;} #featured-posts a.button { font-size: 11px; padding: 6px 12px;} #featured-posts p.more { margin-top: 20px;} #featured-posts div.post-cover img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0px 0px 0px 10px #000000; box-shadow: 0px 0px 0px 0px #055408; height: auto; width: 400px;} /********************************************************************************************* 3. Main Content*********************************************************************************************/#main { background-color: #1a1414; padding: 30px 0 30px;} #content { display: inline; float: left; margin-right: 20px; margin-left: 20px; width: 640px;} div.wrapper-full #content { margin-right: 0; width: 960px;} div.wrapper-reversed #content { float: right; margin-right: 0; margin-left: 20px;} aside { display: block; float: right; width: 300px;} ul.posts-side div.post-cover { width: 25%;} ul.posts-recent div.post-cover img { height: auto; width: 100%;} ul.posts-recent li.post-main img { height: 300px;} ul.posts-recent li { display: inline; float: left; margin: 0 20px 20px 0; width: 310px;} ul.posts-recent li.post-main { display: block; float: none; margin: 0 0 20px 0; width: 640px;} ul.posts-recent li.last { margin-right: 0;} ul.posts-recent div.post-cover { background-color: #000; margin: 0; } ul.posts div.post-cover img:hover { zoom: 1; filter: alpha(opacity=70); opacity: 0.7; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;} ul.posts-recent div.post-excerpt,div.box { background: #000; border-bottom: solid 2px #d1d1d1; color: #a1a178; font-size: 12px; line-height: 19px;} div.breadcrumbs { font-size: 11px; font-weight: bold; line-height: 39px; margin-bottom: 20px; } div.breadcrumbs p { margin: 0;} div.breadcrumbs span.separator { background: transparent url(images/crumbs-separator.png) no-repeat top left; display: inline-block; height: 39px; width: 22px; margin: 0 10px;} ul.posts-recent h2 { font-size: 14px; font-weight: bold; line-height: 21px; margin-bottom: 10px;} ul.posts-recent li.post-main h2 { font-size: 18px; line-height: 26px;} ul.posts-recent p { margin: 0;} ul.posts-recent p.more { margin: 14px 0 6px;} p.postmeta { color: #055408; font-size: 11px; min-height: 20px; margin: 0 0 8px;} ul.posts-recent p.postmeta { margin-bottom: 8px;} p.postmeta a { color: #055408;} p.postmeta a:hover { color: #333; text-decoration: none;} p.postmeta span { display: inline;} p.postmeta span.datetime { float: left;} p.postmeta span.category { float: right;} #sidebar2 div.widget { margin-bottom: 20px;} #left div.widget { margin-bottom: 20px;} div.wrapper-post,#left div.widget-box { background: #000; border-bottom: solid 2px #d1d1d1; color: #15e62d; font-size: 11px; line-height: 19px; padding: 15px;} #sidebar2 div.widget-box { background: #000; border-bottom: solid 2px #d1d1d1; color: #15e62d; font-size: 11px; line-height: 19px; padding: 15px;} /* div.widget-box a { color: #a1a1a1;} */ div.wrapper-noborder { border: 0; margin: 0;} div.wrapper-post,div.wrapper-author { margin: 0; padding: 20px 30px;} div.wrapper-author { background-color: #f2f2f2; border-bottom: solid 1px #d8d8d8;} div.wrapper-special { background-color: #000000; color: #15e62d; padding: 10px 30px;} div.wrapper-special p.title,div.wrapper-post p.title { font-size: 11px; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase;} aside, #sidebar2 p.title { background-color: #000000; border-bottom: solid 1px #ececec; color: #e61566; font-size: 18px; line-height: 30px; margin: -14px 0 10px -14px; padding: 5px 15px; width: 268px; font-variant: small-caps;} #left p.title { background-color: #000000; border-bottom: solid 1px #ececec; color: #e61566; font-size: 18px; line-height: 30px; margin: -14px 0 10px -14px; padding: 5px 15px; width: 150px; font-variant: small-caps;} #left p.title2 { background-color: #000000; border-bottom: solid 1px #ececec; color: #15e62d; font-size: 12px; font-weight: bold; line-height: 30px; margin: -14px 0 10px -14px; padding: 5px 5px; width: 150px;} div.featured-category { background-color: #505050; margin: 20px 0 0; padding-bottom: 15px;} div.featured-category p.title { background-color: #4b4a4a; border-bottom: solid 1px #5a5a5a; color: #15e62d; font-size: 12px; margin-top: 0; padding: 10px 15px; text-shadow: #252525 1px 1px 0;} div.featured-category p.title a { color: #ababab;} div.featured-category p.title a:hover { color: #fff;} div.featured-category p.title span.all { display: inline; float: right;} div.featured-category ul.posts { margin: 15px;} div.featured-category ul.posts li { display: inline; float: left; margin-right: 15px; width: 300px;} div.featured-category ul.posts li.last { margin-right: 0;} div.featured-category ul.posts li.cleaner { border-bottom: solid 1px #5a5a5a; clear: both; display: block; float: none; margin: 0 0 20px; width: 100%;} div.featured-category div.post-cover { margin: 12px 0;} div.featured-category div.post-cover img { border: solid 10px #5f5f5f;} div.featured-category p.postmeta,div.featured-category p.postmeta a { color: #8c8c8c;} div.featured-category p.postmeta a:hover { color: #fff;} div.featured-category p.postmeta { min-height: 18px; margin: 0; padding: 0;} div.featured-category p.postmeta span { display: inline;} div.featured-category p.postmeta span.datetime { float: left;} div.featured-category p.postmeta span.category { float: right;} div.featured-category h2 { font-size: 14px; font-weight: bold; line-height: 21px;} div.featured-category h2 a { color: #fff;} div.featured-category h2 a:hover { color: #f8dfaf;} div.twitch { background-image: url('/wp-content/uploads/2015/07/TwitchBack2.png'); background-repeat: no-repeat; background-position: center;} /********************************************************************************************* 4. Single: Post/Page Styling*********************************************************************************************//* Author Info Block */div.author-excerpt { color: #055408; display: inline; float: left; font-size: 12px; line-height: 19px; margin-right: 20px; overflow: hidden; padding-top: 5px; width: 330px;}div.author-contacts { display: inline; float: left; width: 120px;}div.author-contacts a { color: #113d06;}div.author-contacts a:hover { color: #113d06;}div.author-contacts li { border-bottom: solid 1px #888888; margin-bottom: 6px; padding: 0 5px 6px;}div.author-contacts li:last-child { margin-bottom: 0;}div.author-contacts li:hover { border-bottom-color: #113d06;}div.author-cover { display: inline; float: left; width: 90px; margin: 0 20px 0 0;}div.comment-author div.author-cover { width: 70px;}div.author-cover img { background-color: #000000; border: solid 1px #dadada; padding: 4px;}/* Single Post/Page */{background-color: #000000;}body.single p.postmeta { background-color: #000000; color: #055408; font-size: 11px; margin: 0 0 5px;}.post-single { background-color: #000000; font-size: 13px; line-height: 23px; max-width: 580px;}div.wrapper-full .post-single { max-width: 900px; color: #15e62d;}.post-single h2, .post-single h3, .post-single h4, .post-single h5, .post-single h6 { font-weight: bold; margin: 12px 0 12px; line-height: 1.25em; color: #15e62d;}h1.title,.post-single h1 { font-size: 32px; line-height: 36px;}.post-single h2 { font-size: 26px; line-height: 32px;}.post-single h3 { font-size: 22px; line-height: 26px;}.post-single h4 { font-size: 18px; line-height: 24px;}.post-single h5 { font-size: 16px; line-height: 22px;}.post-single h6 { font-size: 14px; line-height: 20px;}.post-single p { margin-bottom: 1em; }.post-single img { margin-bottom: 20px; }.post-single img.alignnone, .post-single img.aligncenter, .post-single img.alignleft, .post-single img.alignright { max-width: 100%; width:auto; height:auto;}.wrapper-full .post-single img.alignnone, .wrapper-full .post-single img.aligncenter, .wrapper-full .post-single img.alignleft, .wrapper-full .post-single img.alignright { max-width: 100%; width:auto; height:auto;}.post-single li.a {margin-left: 0px;}.post-single ul, .post-single ol { margin: 0 0 1em 1em; }.post-single li ul, .post-single li ol { margin-bottom: 0; }.post-single li { list-style-position: outside; margin-left: 20px;} .post-single ul li { list-style-type: square;}/* .post-single ol li { list-style-type: decimal;} */ .post-single blockquote { color: #a1a1a1; border-left: solid 3px #000000; padding: 0 15px; margin: 10px;} .post-single a { text-decoration:none; } .post-single a:hover { text-decoration:none; cursor: pointer; } span.share_btn { display: inline; float: right;} div.grum { margin-right: auto; margin-left: auto;} div.grum ul { width:480px; list-style-type: none; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; padding: 0; overflow: hidden;} div.grum li { float: left;} div.grum ul li {list-style-type: none;margin-left: 0;} div.grum a.gum:link, a.gum:visited { display: block; width: 120px; font-weight: bold; color: #000; background-color: #15e62d; text-align: center; text-decoration: none; text-shadow: #a1a1a1 1px 1px 0;} div.grum a.gum:hover, a.gum:active { background-color: #055408; color: #fff; text-shadow: #a1a1a1 -1px -1px 0; } div.grum2 { margin-right: auto; margin-left: auto;} div.grum2 ul { border-width: 5px; border-style: ridge; border-color: #055408; width:576px; list-style-type: none; margin-top: 0; margin-bottom: 0; margin-right: auto; margin-left: auto; padding: 0; overflow: hidden;} div.grum2 li { float: left;} div.grum2 ul li {list-style-type: none;margin-left: 0;} div.grum2 a.gum2:link, a.gum2:visited { display: block;padding-top: 10px;padding-bottom: 10px; width: 96px; font-weight: bold; color: #000; background-color: #15e62d; text-align: center; text-decoration: none; text-shadow: #a1a1a1 1px 1px 0;} div.grum2 a.gum2:hover, a.gum2:active { background-color: #055408; color: #fff; text-shadow: #a1a1a1 -1px -1px 0; } .item { width: 70%; border: solid 2px white; color: white; text-align: center; padding: 10px; height: 60px;} .swatch { width: 75px; height: 60px; margin-right: 5px; float:left;} .nbgreen { background: #15e62d;} .nbdarkgreen { background: #055408;} .nbpink { background: #e61566;} .nbpurple { background: #9615e6;} .nbdarkpurp { background: #3b095e;} .nbgray { background: #a1a1a1;} .nborange { background: #f7581b;} .nbcyan { background: #00ffff;} .nbcyan2 { background: #00b3b3;} .nbcyan3 { background: #008080;} .nbblack { background: #1a1414;} /*********************************************************************************************5. Comments ------------------------- comments.php*********************************************************************************************/ #comments { clear: both; } #comments h3,#comments p.title { color: #777; font-size: 11px; font-weight: bold; margin: 0 0 20px; padding: 0; text-transform: uppercase;} #comments .navigation { padding: 0 0 18px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e1e1e1; font-size: 12px; line-height: 1.75em; margin: 0 0 20px 0; padding: 0; position: relative; } .commentlist li.comment ul.children {margin-left: 25px; } .commentlist ul.children li { background-color: #000000; border-bottom: solid 1px #e1e1e1; margin-bottom: 1px; padding: 15px 20px 0;} .commentlist ul.children li:last-child { border-bottom: 0;} #comments .comment-body {overflow: hidden;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; }.comment-author { margin-bottom:3px; } .comment-author cite { color: #B1B1B1; font-weight: bold; font-style:normal; font-size:14px; } .comment-author .says { display:none; } .comment-meta { display: inline; float: right; font-size: 11px; margin: 0; } .comment-meta a:link, .comment-meta a:visited { color: #bbb; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #333; } .reply { font-size: 12px; padding: 0 0 24px 0; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #dedede; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } .comment-notes { display:none; } /* Comments form */ #respond { overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } .commentlist #respond { clear: both; display: block; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required_lab { font-weight: bold; color: #d24355; } #respond label {display: block; font-size: 12px; font-weight: bold; line-height: 30px; } #respond input { margin: 0; } #respond input,#respond textarea { background-color: #000000; border: solid 1px #e1e1e1; color: #a1a1a1; font-size: 16px; line-height: 20px; padding: 4px 6px; font-family: Calibri, Tahoma, sans-serif;} #respond textarea { width: 95%; height: 100px; } #respond .form-allowed-tags { display: none; color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { text-align:left; margin-top:10px; } #respond .form_fields { width: 100%; } #respond .form_fields p { margin-bottom:7px; } #respond .form_fields input { width:40%; } /********************************************************************************************* 6. Footer*********************************************************************************************/ footer { background-color: #000000; padding: 0 0 10px;} footer p.copyright {float: left; display: inline; color: #999; } footer p.wpzoom { display: inline; float: right; color: #999; } footer p.wpzoom a {color: #999; text-decoration: none;} footer p.wpzoom a:hover {color: #333;} footer p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; } #footer-widgets { background-color: #000000; border-top: solid 1px #fff; border-bottom: solid 1px #ececec; margin-bottom: 10px; padding: 10px 0;} #footer-widgets p.title { color: #055408; font-size: 12px; font-weight: bold; line-height: 21px; text-shadow: #000 1px 1px 0;} #footer-widgets div.column { display: inline; float: left; margin-right: 20px; width: 300px;} #footer-widgets div.column-last { margin-right: 0;} /********************************************************************************************* 7. Miscellaneous*********************************************************************************************/ /* Facebook Like Button */ div.fb-like.fb_iframe_widget { width: 100% !important; } .fb_iframe_widget { width: 100%!important } .fb_iframe_widget span { width: 100%!important; } .fb_iframe_widget span iframe { width: 100%!important; } /* WPZOOM Tabs Widget */ .tabberlive .tabbertabhide { display: none; } ul.tabbernav { margin: 0; padding: 0; float: left; width: 100%; display: inline; list-style-type: none; border-bottom: 2px solid #5c8eb5; margin-bottom: 10px; } ul.tabbernav li { display: inline; float: left; margin: 0; padding: 0; position: relative; } *html ul.tabbernav { padding: 2px 0; /* ie6 only */ } *+html ul.tabbernav { padding: 2px 0; /* ie7 only */ } /* inactive tabs */ ul.tabbernav li a { background-color: #1a1414; color: #15e62d; display: block; font-size: 11px; font-weight: bold; padding: 7px 12px; } /* active tab */ ul.tabbernav li.tabberactive a { background-color: #a1a1a1; color: #055408; } .tabberlive .tabbertab { padding: 5px 0 0; float: left; width: 100%; } .tabbertab .widgettitle { display: none; } aside, #sidebar2 .tabbertabs ul.posts li {float: none; display: block; width: 100%; } #left .tabbertabs ul.posts li {float: none; display: block; width: 100%; } /* Recent Posts */ ul.posts-side li { border-bottom: solid 1px #ececec; margin-bottom: 10px; padding-bottom: 8px;} ul.posts-side li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0;} ul.posts-side div.post-cover { display: inline; float: left; margin-right: 10px;} ul.posts-side div.post-excerpt { overflow: hidden;} ul.posts-side h2 { font-size: 13px; font-weight: bold; line-height: 19px; margin-bottom: 6px;} ul.posts-side p { margin: 0;}/* Pagination */div.navigation {text-align: center; font-size: 11px; font-weight: bold; } div.navigation p {margin: 0;} div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #999; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div.navigation .current { background-color: #3a749b; color: #fff; padding: 7px 10px; line-height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div.navigation a:hover { background: none; background-color: #3a749b; color: #fff;} /* WPZOOM Twitter Widget */ ul.twitter-list li { border-bottom: solid 1px #ececec; margin-bottom: 8px; padding-bottom: 8px;} ul.twitter-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} .twitter-timestamp { color: #999; font-size: 11px; font-style: italic; display: block;} /* Begin Images */ .post-single .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-single .alignright { margin: 0 0 5px 20px; display: inline; } .post-single .alignleft { margin: 0 20px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Caption for images */ .post-single .wp-caption { background-color: #000000; border: solid 1px #a1a1a1; padding: 8px 3px; text-align:center; } .post-single .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;} .post-single .wp-caption-text, .gallery-caption { color:#ffffff; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; } .post-single .wp-caption.aligncenter { margin:0 auto 15px; } /* [gallery] shortcode styling */ .post-single .gallery { margin: auto; text-align:center; clear:both; } .post-single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; } .post-single .gallery img { border: solid 4px #f1f1f1; padding: 10px; margin-bottom: 5px; } .post-single .gallery-caption { margin-left: 0; } .post-single div.gallery img:hover {border-color: #1c97d4; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } /* Social Widget */ .wpzoomSocial li { margin:0 5px 10px 0;} aside, #sidebar2 .wpzoomSocial li { float:left; display: inline; width: 145px;} #left .wpzoomSocial li { float:left; display: inline; width: 145px;} .wpzoomSocial li img { margin-right: 5px;} .wpzoomSocial a:hover { text-decoration: none;} /* Recent Comments */ ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; } .recent-comments-list img.avatar { margin-right: 12px; float: left;} .recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: dotted 1px #ccc; } /* web-ring screw-up fix */ #pwrbar { display: none; } /********************************************************************************************* 8. Elements: Forms, Buttons ********************************************************************************************/ a.button,a.comment-reply-link,#respond input#submit { font-size: 11px; font-weight: bold; text-align: center; border: solid 1px #2b849e; cursor: pointer; color: #fff; display: inline; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;} a.button.blue { background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #09509a 1px 1px 0;} a.button.blue2 { background-color: #395771; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #436583, #395771); background-image: -ms-linear-gradient(top, #436583, #395771); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #436583), color-stop(100%, #395771)); background-image: -webkit-linear-gradient(top, #436583, #395771); background-image: -o-linear-gradient(top, #436583, #395771); background-image: linear-gradient(top, #436583, #395771); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#436583', endColorstr='#395771', GradientType=0); border-color: #395771 #395771 #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #334e65 1px 1px 0;} a.button.blue3 { background-color: #5e88a9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #6e98b5, #5e88a9); background-image: -ms-linear-gradient(top, #6e98b5, #5e88a9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e98b5), color-stop(100%, #5e88a9)); background-image: -webkit-linear-gradient(top, #6e98b5, #5e88a9); background-image: -o-linear-gradient(top, #6e98b5, #5e88a9); background-image: linear-gradient(top, #6e98b5, #5e88a9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e98b5', endColorstr='#5e88a9', GradientType=0); border-color: #5e88a9 #5e88a9 #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #446d8f 1px 1px 0;} a.button.green { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #3e783e 1px 1px 0;} a.button.orange { background-color: #c98610; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610)); background-image: -moz-linear-gradient(top, #e49d1f, #c98610); background-image: -ms-linear-gradient(top, #e49d1f, #c98610); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610)); background-image: -webkit-linear-gradient(top, #e49d1f, #c98610); background-image: -o-linear-gradient(top, #e49d1f, #c98610); background-image: linear-gradient(top, #e49d1f, #c98610); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0); border-color: #c98610 #c98610 #bf831c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #bf831c 1px 1px 0;} a.button.purple { background-color: #4f337d; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d)); background-image: -moz-linear-gradient(top, #664a96, #4f337d); background-image: -ms-linear-gradient(top, #664a96, #4f337d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d)); background-image: -webkit-linear-gradient(top, #664a96, #4f337d); background-image: -o-linear-gradient(top, #664a96, #4f337d); background-image: linear-gradient(top, #664a96, #4f337d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0); border-color: #4f337d #4f337d #382458; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #3a2164 1px 1px 0;} a.button.red,#respond input#submit { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #a8332d 1px 1px 0; } /* a.button.silver,a.comment-reply-link { background-color: #e6e6e6; background-repeat: repeat-x; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #fff 1px 1px 0; color: #333 !important;} */ a.button.silver,a.comment-reply-link { background-color: #055408; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#15e62d), to(#055408)); background-image: -moz-linear-gradient(top, #15e62d, #055408); background-image: -ms-linear-gradient(top, #15e62d, #055408); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15e62d), color-stop(100%, #055408)); background-image: -webkit-linear-gradient(top, #15e62d, #055408); background-image: -o-linear-gradient(top, #15e62d, #055408); background-image: linear-gradient(top, #15e62d, #055408); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15e62d', endColorstr='#055408', GradientType=0); border-color: #055408 #055408 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #000 1px 1px 0;} a.button.teal { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #2a819a 1px 1px 0;} a.button.cube { width: 300px; font-size: 20px; color: #000; background-color: #055408; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#15e62d), to(#055408)); background-image: -moz-linear-gradient(top, #15e62d, #055408); background-image: -ms-linear-gradient(top, #15e62d, #055408); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15e62d), color-stop(100%, #055408)); background-image: -webkit-linear-gradient(top, #15e62d, #055408); background-image: -o-linear-gradient(top, #15e62d, #055408); background-image: linear-gradient(top, #15e62d, #055408); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15e62d', endColorstr='#055408', GradientType=0); border-color: #055408 #055408 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); text-shadow: #fff 1px 1px 0;} a.button:hover,a.comment-reply-link:hover,#respond input#submit:hover { background-position: 0 -15px; text-decoration: none;} a.button:active,a.comment-reply-link:active,#respond input#submit:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);} #respond input#submit { font-size: 11px; padding: 7px 15px;} /********************************************************************************************* 9. Homepage Slider*********************************************************************************************/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles*********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {}.flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme*********************************/ .flexslider {margin-bottom: 50px; position: relative; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} /* Control Nav (Arrows) */ .flex-direction-nav {*height: 0;} .flexslider .flex-next {opacity: 0.7; } .flexslider .flex-prev {opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #featured-posts .flex-direction-nav a { background:url(images/arrows-4.png) no-repeat; cursor: pointer; position: absolute; top: 54%; width: 39px; height: 39px; text-indent:-9999px; z-index: 110;} #featured-posts a.flex-next { background-position:-39px 0; left:409px;} #featured-posts a.flex-prev { left:-8px; } /* Control Nav (Bullets) */ .flex-control-nav {width: 440px; position: absolute; bottom: 15px; text-align: center; z-index: 1; opacity: 0.7; } .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { background:url(images/bullets-small.png) no-repeat; display:block; width:22px; height:17px; text-indent:-9999px; cursor: pointer; -webkit-transition-duration: 0; -moz-transition-duration: 0; transition-duration: 0;} .flex-control-paging li a:hover,.flex-control-paging li a.flex-active {background-position:-22px 0;} /********************************************************************************************* 10. Media Queries *********************************************************************************************/ @media screen and (max-width: 1280px) { nav#main-menu { background: #4a074a url(images/back-menu3.png) repeat top left; border-bottom: solid 1px #000000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 10px 0x 10px; min-height: 44px; padding: 0 0px; position:relative; z-index:50; } div.wrapper { padding-right: 2%; padding-left: 2%; width: 100; } div.post-cover img { height: auto; width: 100%; } #featured-posts div.post-cover { margin-right: 5%; margin-left: 3%; width: 42%; } #featured-posts div.post-cover img { height: 75%; width: 75%; } #featured-posts div.post-excerpt { width: 50%; } #featured-posts .flex-control-nav { width: 48%; } #content { margin-right: 2%; } #sidebar2 { width: -66%; } #sidebar { width: -25%; } #main { width: 100% } ul.posts-recent li { margin-right: 2%; width: 49%; } ul.posts-recent li.post-main { width: 100%; } ul.posts-recent li.last { margin-right: 0; } ul.posts-side div.post-cover { width: 30%; } div.featured-category ul.posts li { margin-right: 2%; width: 32%; } div.featured-category ul.posts li.last { margin-right: 0; } div.featured-category div.post-cover img { height: auto; width: 92%; } #footer-widgets div.column { margin-right: 2%; width: 32%; } #footer-widgets div.column-last { margin-right: 0; } aside, #sidebar2 p.title { margin-top: -15px; margin-left: -15px; width: 100%; } div.fb-like-box { overflow: hidden; width: 100%; } div.wrapper-author div.author-cover { margin-right: 5%; width: 10%; } div.wrapper-author div.author-cover img { height: auto; width: 100%; } div.wrapper-author div.author-excerpt { margin-right: 5%; width: 50%; } div.wrapper-author div.author-contacts { width: 30%; } #sitelock_shield_logo { display: none; } #pwrbar { display: none; }} /* Tablet Landscape */ @media screen and (max-width: 1020px) { #pwrbar { display: none; }} /* Tablet Landscape */ @media screen and (max-width: 960px) { div.wrapper { padding-right: 2%; padding-left: 2%; width: 96%; } div.post-cover img { height: auto; width: 100%; } #featured-posts div.post-cover { margin-right: 5%; margin-left: 3%; width: 42%; } #featured-posts div.post-cover img { height: auto; width: 100%; } #featured-posts div.post-excerpt { width: 50%; } #featured-posts .flex-control-nav { width: 48%; } #content { margin-right: 2%; width: 66%; } aside, #sidebar2 { width: 32%; } ul.posts-recent li { margin-right: 2%; width: 49%; } ul.posts-recent li.post-main { width: 100%; } ul.posts-recent li.last { margin-right: 0; } ul.posts-side div.post-cover { width: 30%; } div.featured-category ul.posts li { margin-right: 2%; width: 32%; } div.featured-category ul.posts li.last { margin-right: 0; } div.featured-category div.post-cover img { height: auto; width: 92%; } #footer-widgets div.column { margin-right: 2%; width: 32%; } #footer-widgets div.column-last { margin-right: 0; } aside, #sidebar2 p.title { margin-top: -15px; margin-left: -15px; width: 100%; } div.fb-like-box { overflow: hidden; width: 100%; } div.wrapper-author div.author-cover { margin-right: 5%; width: 10%; } div.wrapper-author div.author-cover img { height: auto; width: 100%; } div.wrapper-author div.author-excerpt { margin-right: 5%; width: 50%; } div.wrapper-author div.author-contacts { width: 30%; } #sitelock_shield_logo { display: none; } #pwrbar { display: none; }} /* Tabled Portrait */ @media screen and (max-width: 768px) { #left { margin-left: 0px; width: 40%; } #main div.wrapper { display: inline-block; width: 55%; padding-left: 0px; } nav#main-menu div.search-form { display: none; } #featured-posts { height: auto; margin: 30px 0 30px; overflow: hidden; } flex-control-nav { bottom: 0; } #sitelock_shield_logo { display: none; } #sidebar2 { display: none; } #pwrbar { display: none; } /* #top-level #menu-item-26601, -- Nerd Bacon emblem #top-level #menu-item-377, -- Contact Us #top-level #menu-item-52627, -- Members Area #top-level #menu-item-26489, -- Game reviews*/ #top-level #menu-item-26491, #top-level #menu-item-27115, #top-level #menu-item-27116, #top-level #menu-item-300, #top-level #menu-item-14281 { display: none; } #secondary-menu { margin-left: 0px; } nav#main-menu { background-repeat: repeat; margin: 0px auto; min-height: 7px; } .search-form { display: none; } #menu-pages-test #menu-item-702, #menu-pages-test #menu-item-1597, #menu-pages-test #menu-item-703, #menu-pages-test #menu-item-4689, #menu-pages-test #menu-item-5409, #menu-pages-test #menu-item-9117, #menu-pages-test #menu-item-756, #menu-pages-test #menu-item-29558 { display: none; } #top-level { position: static; } #featured-message { display: none; } #content { margin-left: 0px; float: none; display: block; margin-right: 0; width: 100%; } #featured-posts { margin-bottom: 0px; min-height: 320px; } #featured-posts h2 { font-size: 20px; line-height: 22px; } #featured-posts div.post-excerpt p { display: static; line-height: 15px; } #logo { display: inline; margin: 0px auto 0px auto; } #logo img { width: 100%; margin-top: 0px; }} /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { /* #top-level #menu-item-26601, -- Nerd Bacon emblem #top-level #menu-item-377, -- Contact Us #top-level #menu-item-52627, -- Members Area #top-level #menu-item-26489, -- Game reviews*/ #top-level #menu-item-26491, #top-level #menu-item-27115, #top-level #menu-item-27116, #top-level #menu-item-300, #top-level #menu-item-14281 { display: none; } #secondary-menu { margin-left: 0px; } nav#main-menu { background-repeat: repeat; margin: 0px auto; min-height: 7px; } .search-form { display: none; } #menu-pages-test #menu-item-702, #menu-pages-test #menu-item-1597, #menu-pages-test #menu-item-703, #menu-pages-test #menu-item-4689, #menu-pages-test #menu-item-5409, #menu-pages-test #menu-item-9117, #menu-pages-test #menu-item-756, #menu-pages-test #menu-item-29558 { display: none; } #top-level { position: static; } #featured-message { display: none; } #content { margin-left: 0px; float: none; display: block; margin-right: 0; width: 100%; } #main div.wrapper { display: inline-block; width: 100%; padding-left: 2%; } #featured-posts { margin-bottom: 0px; min-height: 320px; } #featured-posts h2 { font-size: 20px; line-height: 22px; } #featured-posts div.post-excerpt p { display: static; line-height: 15px; } #featured-posts div.post-cover { margin-right: 6%; margin-left: 4%; width: 40%; } #featured-posts div.post-excerpt { width: 50%; } #featured-posts .flex-control-nav { width: 50%; } aside, #sidebar2 { display: none; } #left { display: none; } div.featured-category div.post-cover img { width: 88%; } div.featured-category p.postmeta span.category { display: none; } #sitelock_shield_logo { display: none; } #secondary-menu { margin-left: 0px; } aside, #sidebar2 { display: none; } #logo { display: inline; margin: 0px auto 0px auto; } #logo img { width: 100%; margin-top: 0px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 480px) { #left { display: none; } #sidebar2 { display: none; } #featured-posts { margin-bottom: 0px; min-height: 320px; } #featured-posts div.post-cover { margin-right: 7%; margin-left: 5%; width: 38%; } #featured-posts div.post-excerpt { width: 50%; } #featured-posts .flex-control-nav { width: 48%; } #featured-posts div.post-excerpt p { display: static; line-height: 15px; } #featured-posts h2 { font-size: 15px; line-height: 17px; } div.featured-category div.post-cover img { width: 85%; } #secondary-menu { display: inline; float: none; text-align: left; margin-left: 0px; } #secondary-menu li { display: inline; float: none; margin-left: 0px; } #social-menu { display: none; } div.banner-header { display: none; } #footer-widgets div.column { display: block; float: none; margin-right: 0; width: 100%; } #sitelock_shield_logo { display: none; } #top-level { position: static; } #featured-message { display: none; } #main-menu { display: none; } #content { margin-left: 0px; } /* #top-level #menu-item-26601, -- Nerd Bacon emblem #top-level #menu-item-377, -- Contact Us #top-level #menu-item-52627, -- Members Area*/ #top-level #menu-item-26489, #top-level #menu-item-26491, #top-level #menu-item-27115, #top-level #menu-item-27116, #top-level #menu-item-300, #top-level #menu-item-14281 { display: none; } aside, #sidebar2 { display: none; } #logo { display: inline; height: auto; float: none; margin: 0px auto; text-align: center; width: 310px; max-width: 100%; } #logo img { width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 320px) { #featured-posts { margin-bottom: 0px; margin-top: 0px; } #featured-posts div.post-cover { margin-right: 10%; margin-left: 10%; min-height: 295px; width: 80%; } #featured-posts .flex-control-nav { bottom: 0; width: 100%; } #featured-posts div.post-excerpt { display: none; } #sitelock_shield_logo { display: none; } #top-level { position: static; } #featured-message { display: none; } #main-menu { display: none; } #content { margin-left: 0px; } /* #top-level #menu-item-26489, */ #top-level #menu-item-26491, #top-level #menu-item-27115, #top-level #menu-item-27116, #top-level #menu-item-300, #top-level #menu-item-14281, #top-level #menu-item-377, #top-level #menu-item-46925 { display: none; } #secondary-menu { margin-left: 0px; } aside, #sidebar2 { display: none; } #logo { display: inline; width: 310px; margin: 0px auto; } #logo img { width: 100%; } } /* Changing Image On Hover for Portal Links/Buttons */ .backchange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/Back2BGB.png");}.backchange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/Back2BGB2.png");}.homechange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/PortalBGB.png");}.homechange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/PortalBGB2.png");}.newschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/NewsBGB.png");}.newschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/NewsBGB2.png");}.historychange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/HistoryBGB.png");}.historychange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/HistoryBGB2.png");}.gameschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/GamesBGB.png");}.gameschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/GamesBGB2.png");}.storychange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/StoryBGB.png");} .storychange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/StoryBGB2.png");} .imageschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/ImagesBGB.png");} .imageschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/ImagesBGB2.png");} .fileschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/FilesBGB.png");} .fileschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/FilesBGB2.png");}.reviewschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/ReviewsBGB.png");}.reviewschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/ReviewsBGB2.png");}.walkchange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/WalkBGB.png");}.walkchange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/WalkBGB2.png");}.cheatschange { width: 205px; height: 75px; display: block; background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/CheatsBGB.png");}.cheatschange:hover { background-image: url("http://nerdbacon.com/wp-content/uploads/2014/05/CheatsBGB2.png");}img.hundo { width: 100px; height: 100px;}