Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/*-----------------------------------------------------------------------------------*/ /* 01. Document Setup /*-----------------------------------------------------------------------------------*/ body { line-height: 1; font: 13px/20px "OpenSansRegular", Tahoma, sans-serif; -ms-word-wrap: break-word; word-wrap: break-word; } img { display: inline-block; } img { max-width: 100%; height: auto; width: auto; /* IE 8 */ } /*-----------------------------------------------------------------------------------*/ /* 02. Typography /*-----------------------------------------------------------------------------------*/ /* Headers */ h1, h2, h3, h4, h5, h6 { font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif; line-height: 1.6em; } h1, h2 { margin-bottom: 12px; } h3, h4, h5, h6 { margin-bottom: 6px; } h1 { font-size: 30px; } h1#firstHeading, h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5, h6 { font-size: 16px; } h1 a:hover, h2 a:hover { border: none !important; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; } .p404 h1 { line-height: 65px; font-size: 62px; text-shadow: 2px 2px #ed1c24; } /* Text */ p { margin: 12px 0; } em { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 80%; } hr { border: none; } em { font-style: italic; } /* Links */ a { text-decoration: none; border-bottom: 1px dotted transparent; } /* added by ashley because the default (from one of the /skins/common/common*.css files) is an eyesore */ a:visited { color: #a0522d; /* sienna */ } #content a:hover, #sidebar a:hover, #prefooter a:hover { border-bottom: 1px dotted; } a:focus { outline: none; } .nivo-directionNav a:hover, .nivo-controlNav a:hover { border: none !important; } a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img { text-decoration: none !important; border: none !important; } article a { color: #ed1c24; } a img { border: 0; text-decoration: none; } a.more { text-transform: uppercase; text-decoration: none; font-size: 11px; color: #ed1c24; } /* Blockquotes */ blockquote { margin: 12px 0; padding-left: 18px; font-style: italic; } blockquote.left, blockquote.right { float: right; width: 43%; } blockquote.left { float: left; } /* Lists */ ul { list-style-type: disc; margin: 0 0 12px 0; padding: 0 0 0 18px; } ol { list-style: decimal; margin: 0 0 12px 20px; padding: 0 0 0 18px; } ol li, ul li { line-height: 18px; margin-bottom: 6px; } ul.square { list-style: inside square; } ul.circle { list-style: inside circle; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } /* Tables */ table { margin: 12px 0; border-collapse: collapse; border-spacing: 0; } table thead th { text-transform: uppercase; font-size: 11px; } table th, table tbody td { padding: 6px 12px; } td, th { display: table-cell; vertical-align: inherit; } /* Tabs */ .tabs-nav { height: 39px; margin-bottom: 0; padding: 0 !important; list-style: none; margin-left: 0; text-shadow: none; } .tabs-wrapper ul.tabs-nav li { float: left; height: 36px; list-style-type: none; margin-right: 3px; position: relative; text-align: center; padding: 0; width: 95px; overflow: hidden; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabs-wrapper ul.tabs-nav li a { border-bottom: medium none; text-transform: uppercase; height: 100%; left: 0; line-height: 36px; position: absolute; text-decoration: none; top: 0; width: 100%; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabs-wrapper ul.tabs li a { text-transform: none; } .tabs-wrapper .pane { clear: both; } /* Accordion */ .accordion { position: relative; } .accordion-header { font-family: 'OpenSansRegular', Tahoma, sans-serif; font-size: 13px; padding: 6px 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 1px 0; cursor: pointer; } .accordion-header a:hover { border: none !important; } .accordion-header a:before { content: ''; width: 8px; height: 8px; display: block; float: left; margin: 6px 6px 0 0; } .accordion-header.current a:before { margin: 4px 6px 0 0; } .accordion-header a { border: none; } .accordion .pane { padding: 10px 22px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: hidden; zoom: 1; } /*-----------------------------------------------------------------------------------*/ /* 03. Forms & Buttons /*-----------------------------------------------------------------------------------*/ input, textarea, select { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding: 5px; margin: 0 5px 0 0; font: 12px/18px 'OpenSansRegular'; } form p { overflow: hidden; } textarea:focus, input:focus { outline: none; } /* Buttons */ .button, input[type="submit"] { color: #FFFFFF; border-left-color:rgba(0,0,0,.5); border-right-color:rgba(0,0,0,.5); border:1px solid #000; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 2px rgba(0,0,0,.5); box-shadow: inset 0px 1px 0px rgba(255,255,255,.15), 0px 1px 2px rgba(0,0,0,.5); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin: 0; padding: 6px 10px 5px; text-decoration: none; text-shadow: #000 1px 1px 0px; } .big { font-size: 14px; padding: 0.6em 1.5em 0.62em; } .small { font-size: 11px; padding: 0.2em 1em 0.275em; } /* red */ .button.red, input[type="submit"] { border: solid 1px #980c10 !important; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%); background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%); background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%); background: linear-gradient(top, #ed1c24 0%,#aa1317 100%); } .button.red:hover, input[type="submit"]:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%); background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%); background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%); background: linear-gradient(top, #c9151b 0%,#a11115 100%); text-decoration: none; cursor: pointer; } .button.red:active { background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%); background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%); background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%); background: linear-gradient(top, #aa1317 0%,#ed1c24 100%); } /* orange */ .button.orange { border: solid 1px #dd6611 !important; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%); background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%); background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%); background: linear-gradient(top, #faa51a 0%,#f47a20 100%); } .button.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%); background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%); background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%); background: linear-gradient(top, #f88e11 0%,#f06015 100%); } .button.orange:active { background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%); background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%); background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%); background: linear-gradient(top, #f47a20 0%,#faa51a 100%); } /* blue */ .button.blue { border: 1px solid #064792 !important; background: #1C5EA0; background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792)); background: -webkit-linear-gradient(top, #1C5EA0, #064792); background: -moz-linear-gradient(top, #1C5EA0, #064792); background: -ms-linear-gradient(top, #1C5EA0, #064792); background: -o-linear-gradient(top, #1C5EA0, #064792); background: linear-gradient(top, #1C5EA0, #064792); } .button.blue:hover { background: #064792; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792)); background: -webkit-linear-gradient(top, #0e5296, #064792); background: -moz-linear-gradient(top, #0e5296, #064792); background: -ms-linear-gradient(top, #0e5296, #064792); background: -o-linear-gradient(top, #0e5296, #064792); background: linear-gradient(top, #0e5296, #064792); } .button.blue:active { background: -webkit-gradient(linear, left top, left bottom, from(#064792), to(#0e5296)); background: -webkit-linear-gradient(top, #064792, #0e5296); background: -moz-linear-gradient(top, #064792, #0e5296); background: -ms-linear-gradient(top, #064792, #0e5296); background: -o-linear-gradient(top, #064792, #0e5296); background: linear-gradient(top, #064792, #0e5296); } /* green */ .button.green { border: solid 1px #538312 !important; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300)); background: -webkit-linear-gradient(top, #60a700, #459300); background: -moz-linear-gradient(top, #60a700, #459300); background: -ms-linear-gradient(top, #60a700, #459300); background: -o-linear-gradient(top, #60a700, #459300); background: linear-gradient(top, #60a700, #459300); } .button.green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#569600), to(#427200)); background: -webkit-linear-gradient(top, #569600, #427200); background: -moz-linear-gradient(top, #569600, #427200); background: -ms-linear-gradient(top, #569600, #427200); background: -o-linear-gradient(top, #569600, #427200); background: linear-gradient(top, #569600, #427200); } .button.green:active { background: -webkit-gradient(linear, left top, left bottom, from(#459300), to(#60a700)); background: -webkit-linear-gradient(top, #459300, #60a700); background: -moz-linear-gradient(top, #459300, #60a700); background: -ms-linear-gradient(top, #459300, #60a700); background: -o-linear-gradient(top, #459300, #60a700); background: linear-gradient(top, #459300, #60a700); } /* Notifications */ .message { display: block; color: white; padding: 12px; margin-bottom: 12px; position: relative; border-radius: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-width: 1px; border-style: solid; text-shadow: none; } .message.success { background: #ACEA90; border-color: #98D27E; color: #466638; } .message.information { background: #AAEBFE; border-color: #7BD5E2; color: #30839C; } .message.warning { background: #F1E884; color: #AFA214; border-color: #E7D728; } .message.error { background: #EE6669; color: #993333; border-color: #D23939; } .message .close { position: absolute; top: 10px; right: 10px; color: white !important; width: 20px; height: 20px; padding: 0; margin: 0; text-align: center; border-radius: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; display: block; opacity: 0.8; font-weight: bold; text-indent: 0px; } .message.success .close:hover { cursor: pointer; background: #98D27E; opacity: 1; } .message.information .close:hover { cursor: pointer; background: #7BD5E2; opacity: 1; } .message.warning .close:hover { cursor: pointer; background: #E7D728; opacity: 1; } .message.error .close:hover { cursor: pointer; background: #D23939; opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* 04. Header /*-----------------------------------------------------------------------------------*/ #header { text-align: center; margin-bottom: 52px; width: auto !important; } #header-inner { max-width: 980px !important; padding: 35px 0 0 0; margin: 0 auto; text-align: left; position: relative; width: auto !important; } header #logo { float: left; } header #logo h1 { font: 48px 'FrancoisOneRegular', sans-serif; float: left; margin-bottom: 0; } header #logo p { float: left; text-transform: uppercase; font-size: 11px; margin: 38px 0 0 6px; } .header-ad-section { float: right; width: 468px; height: 60px; position: relative; } /* Main Navigation */ #primary-nav, #primary-nav ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-position: outside; } #primary-nav { width: 805px; display: table-cell; } .nosearch #primary-nav { width: 980px; } #header nav { background-color: #C32420; /* Apparently ResourceLoader is a moron and is unable to resolve the correct path to the image when using the shorthand property...sigh. */ /* @embed */ background-image: url("../images/nav-red.png"); background-position: 0 top; background-repeat: repeat-x; width: 100%; position: relative; bottom: -16px; margin: 0 0 16px 0; background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C32420),color-stop(100%,#8F050E)); background: -webkit-linear-gradient(#C32420,#8F050E); background: -moz-linear-gradient(#C32420,#8F050E); background: -o-linear-gradient(#C32420,#8F050E); background: -ms-linear-gradient(top, #C32420 0%,#8F050E 100%); background: linear-gradient(#C32420,#8F050E); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.35); box-shadow: 0 2px 10px rgba(0,0,0,0.35); display: block; } #primary-nav:before, #primary-nav:after { /*content: "";*/ display: table; } #primary-nav:after { clear: both; } #primary-nav { zoom: 1; } #primary-nav li { float: left; border-right: 1px solid #7B0D0F; position: relative; margin: 0; } #primary-nav a { float: left; padding: 10px 22px; color: #ffffff; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 #000; border-left: 1px solid #B11719; position: relative; } #primary-nav a:hover { /* @embed */ background: url("../images/nav-red.png") repeat-x bottom left; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509)); background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%); background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%); background: -o-linear-gradient(top, #9b1211 0%,#760509 100%); background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%); background: linear-gradient(top, #9b1211, #760509); } #primary-nav > li:first-child > a { border-left: none; } #primary-nav > li:first-child > a:hover { border-radius: 6px 0 0 6px; } #primary-nav > li:last-child { border-right: 1px solid #B11719; } #primary-nav > li:last-child > a { border-right: 1px solid #7B0D0F; } #primary-nav ul a { float: none; } #primary-nav ul li { float: none; border-right: 1px solid #B11719; } #primary-nav li:hover > a { color: #ffffff; } *html #primary-nav li a:hover { /* IE6 only */ color: #ffffff; } #primary-nav ul { margin: 0; opacity: 0; visibility: hidden; position: absolute; left: 0; z-index: 99999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #primary-nav > li > ul { top: 50px; } #primary-nav > li > ul { padding-top: 10px; } #primary-nav ul > li:first-child { -moz-box-shadow: 0 -1px #AC1417; -webkit-box-shadow: 0 -1px 0 #AC1417; box-shadow: 0 -1px 0 #AC1417; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #primary-nav > li:hover > ul { top: 38px; } #primary-nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #primary-nav ul ul { top: 0; left: 163px; margin: 0; } #primary-nav li ul li:hover > ul { left: 153px; } #primary-nav ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ border-bottom: 1px solid #B11719; background: #9b1211; width: auto; min-width: 145px; } #primary-nav ul li:last-child { border: none; } #primary-nav ul a { padding: 10px; width: auto; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; border-left: none; border-bottom: 1px solid #7B0D0F; float: none; text-transform: none; } #primary-nav ul a:hover { /* @embed */ background: url("../images/nav-red-hover.png") repeat-x bottom left; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509)); background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%); background: -o-linear-gradient(top, #9b1211 0%,#760509 100%); background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%); background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#9b1211, endColorstr=#760509)"; background: linear-gradient(top, #9b1211, #760509); } #primary-nav ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #primary-nav > li > ul > li:first-child > a:before, #primary-nav > li > ul > li:first-child > .before { content: ''; position: absolute; left: 15px; width: 15px; height: 10px; top: -30px; padding-top: 20px; border-left: 6px solid transparent; border-right: 6px solid transparent; /* @embed */ background: url("../images/submenu-arrow.png") no-repeat bottom left; } #primary-nav ul ul li:first-child > a:before, #primary-nav ul ul > li:first-child > .before { content: ''; position: absolute; left: -13px; width: 8px; height: 10px; top: -3px; padding-top: 20px; border-left: 6px solid transparent; border-right: 6px solid transparent; /* @embed */ background: url("../images/submenu-arrow.png") no-repeat bottom right; } #primary-nav ul li:first-child a:hover:after { border-bottom-color: #7B0D0F; } #primary-nav ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* Search field */ #search { /* @embed */ background: url(images/searchbar-bg.png) no-repeat top left; width: 150px; margin: 7px 18px 0 0; float: right; position: absolute; top: 0; right: 0; height: 25px; } #search input { width: 125px; height: 25px; margin: 0; background: none; padding: 0 0 0 20px; border: none !important; box-shadow: none; } /*-----------------------------------------------------------------------------------*/ /* 05. Content /*-----------------------------------------------------------------------------------*/ #content-wrapper { text-align: center; padding: 0 0 36px 0; } #content-inner { max-width: 980px; margin: 0 auto; text-align: left; width: auto !important; } #content { float: left; max-width: 642px; width: auto; } #content.full-width { float: none; width: 100%; } #content.p404 { text-align: center; } #content.p404 .entry-content{ padding: 100px 0; } /* Grid */ .grid { overflow: hidden; clear: both; } .grid > * { float: left; margin-left: 3.75%; min-height: 1px; } .grid > *:first-child { margin-left: 0; } .one-half, .one-third, .one-fourth { float: left; } .one-half { width: 46%; } .one-third { width: 30.8333%; } .two-third { width: 61.6666%; } .one-fourth { width: 22%; } .three-fourth { width: 66%; } .grid .last { margin-right: 0 !important; } /* Home Page Slider */ .slider-wrapper { width: 642px; height: 362px; margin: 0 0 165px 0; } .slider-wrapper.theme-default { margin: 0 0 40px 0; } #slider{ width: 642px; height: 362px; position: relative; } .slider-captions h2 a, .entry-header h2 a { text-decoration: none; } .slider-captions p { text-align: justify; margin: 0 !important; } /* Nivo Slider with thumbnail navigation */ .nivo-controlNav.nivo-thumbs-enabled { position:absolute; width: 620px; padding: 20px 0 20px 22px; overflow: hidden; } .theme-thumbnails a.nivo-control { width: 128px; margin: 0 26px 0 0; } /* Home Page Article List */ article.list-small-thumb, article.list-big-thumb { margin-bottom: 36px; position: relative; clear: both; } article.list-small-thumb:last-child, .list-big-thumb:last-child { margin: 0 !important; } article.list-small-thumb .entry-date, article.list-big-thumb .entry-date { /* @embed */ background: url("../images/date-bg.png") repeat-x 0 0; width: 48px; height: 48px; position: absolute; top: 18px; /* ashley */ /*top: 0px;*/ left: -68px; z-index: 10; color: #ffffff; font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; padding: 10px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } article.list-small-thumb .entry-date span.day, article.list-big-thumb .entry-date span.day { font-size: 22px; display: block; margin-bottom: 10px; } article.list-small-thumb .entry-date { top: 1px; } article.list-small-thumb h2, article.list-big-thumb h2 { margin: 0; } article.list-small-thumb .entry-content, article.list-big-thumb .entry-content { padding: 0 22px 18px; text-align: left; overflow: hidden; } article.list-small-thumb .img-wrapper { float: left; width: 200px; height: 200px; } article.list-small-thumb .entry-header { display: block; margin-left: 200px; padding: 12px 12px 8px 22px; text-align: left; overflow: hidden; } article.list-small-thumb .noimage .entry-header { margin-left: 0; } article.list-small-thumb .entry-header h2{ font-size: 18px; } article.list-small-thumb .entry-content { height: 114px; } article.list-small-thumb .noimage .entry-content { height: auto; } article.list-small-thumb .img-wrapper a { height: 199px; } article.list-big-thumb .img-wrapper { width: 642px; height: 362px; position: relative; } article.list-big-thumb .img-wrapper > a { border: none !important; } article.list-big-thumb .entry-header { bottom: 0; display: block; left: 0; padding: 12px 22px; position: absolute; right: 0; text-align: left; } article.list-big-thumb .noimage .entry-header { position: relative; opacity: 1; filter: alpha(opacity=100); padding: 5px 12px; } .entry-meta { text-transform: uppercase; font-size: 11px; } /* Single Post & Page */ section.full-height { overflow: hidden; padding-bottom: 36px; } section.full-height header { overflow: hidden; padding: 12px 22px; } .entry-content, .archive-content { padding: 12px 22px 0; overflow: hidden; } .single .entry-meta { margin: 6px 0; } .video-embed { margin: 12px 0; } .tags { text-transform: uppercase; font-size: 11px; padding-left: 18px; } a.post-edit-link { float: right; padding-top: 6px; } /* Single Review Post */ article.review.single header { text-align: left; padding: 0 22px 0 0; height: 160px; margin: 0; overflow: hidden; } article.review.single header.noimage { padding: 0 22px; } article.review header img.cover { float: left; margin-right: 18px; } article.review header h2 { margin: 12px 0; line-height: 30px; } article.review header .subtitle { font: 14px/20px "OpenSansRegular", Tahoma, sans-serif; margin-bottom: 12px; } /* Archives */ .filter { float: right; overflow: hidden; text-transform: uppercase; margin-top: 12px; font-size: 11px; } .filter ul { overflow: hidden; float: right; } .filter ul li { float: left; margin-left: 10px; list-style-type: none; } .filter li.current a { border-bottom: 1px dotted #ffffff; } /* Video Archives */ .video-item { overflow: hidden; padding: 18px 0 12px; float: left; margin-right: 30px; } .video-item.l { margin: 0; } .video-item.last { background: none; padding-bottom: 0; } .video-item .img-wrapper{ position: relative; height: 158px; width: 284px; margin: 0 0 6px 0; } .video-item .img-wrapper a { box-shadow: none; } .video-item .entry-header{ bottom: 0; display: block; left: 0; padding: 6px 12px; position: absolute; right: 0; text-align: left; } .video-item .entry-header a { opacity: 1; } .video-item .entry-header a:hover { border: none !important; } /* Review Archives */ .review-item { overflow: hidden; padding: 18px 0; } .review-item:last-child { background: none; } .review-thumb { float: left; margin-right: 12px; } .review-content { margin-left: 112px; } .review-item.noimage .review-content { margin-left: 0; } .review-item p { overflow: hidden; } .review-item .rating-bar { float: right; } /* Pagination */ .page-link { clear: both; } .wp-pagenavi{ display: block; float: left; font-size: 12px; line-height: 18px; padding: 36px 0 18px 0; width: 642px; text-align: left; } .wp-pagenavi .pages { background: none; box-shadow: none; border: none; text-transform: uppercase; font-size: 11px; float: right; text-align: right; width: 150px; color: #999999; filter: none; padding: 0; } .wp-pagenavi a, .wp-pagenavi span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 3px 0 0; padding: 6px 10px 5px; text-decoration: none; } /* Comments */ #comments { padding: 12px 22px 0; overflow: hidden; } #comments h3 { text-transform: uppercase; } .comments-header{ text-transform: uppercase; padding: 0 22px; } #comments nav { overflow: hidden; } #comments #comment-nav-above { padding-bottom: 10px; margin-bottom: 10px; } #comments nav .nav-previous { float: left; } #comments nav .nav-next { float: right; } #comments nav h1 { display: none; } .commentlist { list-style-type: none; margin: 0; padding: 0; } .commentlist .the-comment { margin: 0 0 20px; overflow: hidden; padding: 0 0 5px; } .commentlist img.avatar { float: left; margin: 0 10px 10px 0; padding: 3px; } .comment-meta { overflow: hidden; } .comment-time { float: right; } .comment-text { clear: both; margin: 6px 0; } .comment-text p { margin: 12px 0; } .comment-form { padding: 12px 22px 0; overflow: hidden; } ol.children { padding: 0 0 0 40px; list-style-type: none; } /* Comment Form */ #cancel-comment-reply-link { font-family: 'OpenSansRegular', Tahoma, Arial; font-size: 11px; text-transform: none; } #commentform input { float: left; } #commentform div { margin-bottom: 10px; } #commentform p.form-submit { overflow: hidden; } /* Contact Form */ #contact-form p.short { float: left; margin-right: 6px; width: 216px; } #contact-form p.long { clear: both; } #contact-form p.short input { width: 200px; } #contact-form p.long input { width: 425px; } #contact-form textarea { width: 425px; } #contact-form label.error { text-align: left; color: #ED1C24; padding: 5px; display: block; font-size: 11px; width: 260px; line-height: 1em; } #contact-form input.error, #contact-form textarea.error, #contact-form select.error { border: 1px solid #ED1C24; border-color: #ED1C24; box-shadow: 0 0 5px #ED1C24; outline: 0 none; } #contact-form.loading input, #contact-form.loading textarea { background: #e7e7e7; } #contact-form.loading input[type="submit"] { border: solid 1px #bbbbbb !important; color: #555555; background: #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1)); background: -moz-linear-gradient(top, #e7e7e7, #d1d1d1); background: -webkit-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%); background: linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%); } #thank-you-for-contact { display: none; } /*-----------------------------------------------------------------------------------*/ /* 06. Sidebar /*-----------------------------------------------------------------------------------*/ #sidebar { float: left; width: 300px; margin-left: 38px; } /* Widgets */ .widget { margin: 0 0 18px 0; clear: both; overflow: hidden; } .widget h3.widget-title { text-transform: uppercase; font-size: 18px; margin: 0 0 12px 0; padding: 0 0 6px 0; } .widget a { text-decoration: none; } .widget ul { padding: 0; } .widget ul li { padding-left: 18px; list-style: none; } .widget .entry-content { padding: 0; background: none; } /* RECENT POSTS WIDGET */ .reviews_widget .entry-wrapper { float: left; margin: 0; width: 200px; } .reviews_widget .entry-thumb { float: left; position: relative; margin: 0 15px 0 0; } .reviews_widget .entry-thumb a { height: 79px; } .reviews_widget .entry-title { font-size: 13px; font-family: 'OpenSansSemiboldRegular'; margin-bottom: 6px; } .reviews_widget .entry-wrapper .entry-meta { margin: 0; } .reviews_widget .entry-title a { color: #FFFFFF; text-decoration: none; font-size: 13px; } .reviews_widget ul.pane li { padding: 0 0 12px; margin: 12px 0 0; list-style: none !important; overflow: hidden; } .reviews_widget ul.pane li:last-child { background: none; padding: 0; } /* Social Media Widget */ .sidebar-social a { float: left; margin-right: 6px; } #sidebar .sidebar-social a:hover, #prefooter .sidebar-social a:hover { border-bottom: 1px dotted transparent; } /*-----------------------------------------------------------------------------------*/ /* 07. Prefooter /*-----------------------------------------------------------------------------------*/ #prefooter { text-align: center; padding-bottom: 36px; } #prefooter-inner { width: auto; padding: 35px 0 0 0; margin: 0 auto; text-align: left; position: relative; } /*-----------------------------------------------------------------------------------*/ /* 08. Footer /*-----------------------------------------------------------------------------------*/ #footer-border { height: 2px; } #footer-inner { width: auto; padding: 0; margin: 0 auto; font-size: 11px; overflow: hidden; } #f-poweredbyico { float: right; height: 1%; margin-left: 10px; } #f-copyrightico { float: left; height: 1%; margin-right: 10px; } /*-----------------------------------------------------------------------------------*/ /* 09. Misc /*-----------------------------------------------------------------------------------*/ .clear { clear: both; } .alignleft { float: left; margin: 6px 12px 6px 0; } .alignright { float: right; margin: 6px 0 12px 12px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } .gallery-caption { font-size: 11px; font-style: italic; padding: 0; margin: 0 10px; } img.size-auto, img.size-full, img.size-large { height: auto; max-width: 98%; } img.wp-smiley { background: transparent; border: none; margin: 0; padding: 0; } .img-bevel { display: inline-block; position: relative; line-height: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) } article.list-big-thumb .img-bevel { box-shadow: none; } .img-bevel:before, .before-img-bevel-fix { content: ""; height: 1px; background: #ffffff; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); top: 0; position: absolute; width: 100%; z-index: 100; } /* Highlight */ span.hl-yellow { background-color: #fff461; text-shadow: none; color: #222222; } span.hl-red { background-color: #C83A37; text-shadow: none; color: #ffffff; } /* Horizontal Dividers */ .divider-solid { height: 4px; clear: both; margin: 18px 0; border: none; } .divider-dotted { height: 2px; margin: 18px 0; clear: both; border: none; } /* Image Captions */ .wp-caption { margin-bottom: 10px; position: relative; max-width: 100%; text-align: center; } #content .wp-caption a:hover { border-bottom: 1px dotted transparent; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { font-size: 11px; font-style: italic; padding: 6px 12px; margin: 0; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } /* Rating */ /* RATING */ .rating-bar { margin: 6px 0 0; color: #FFFFFF; text-transform: uppercase; font-size: 12px; font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif; overflow: hidden; } .rating-bar span { padding: 1px 5px; display: block; float: left; height: 17px; line-height: 17px; } .rating-bar .desc { width: 60px; } .rating-bar .score.s1 { border: 1px solid #5d0006; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -19px; } .rating-bar .score.s2 { border: 1px solid #a01301; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -38px; } .rating-bar .score.s3 { border: 1px solid #982801; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -57px; } .rating-bar .score.s4 { border: 1px solid #a43c01; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -76px;} .rating-bar .score.s5 { border: 1px solid #a04f02; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -95px; } .rating-bar .score.s6 { border: 1px solid #585f00; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -114px; } .rating-bar .score.s7 { border: 1px solid #3d4001; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -133px; } .rating-bar .score.s8 { border: 1px solid #124001; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -152px; } .rating-bar .score.s9, .score.s10 { border: 1px solid #003e0c; /* @embed */ background: url("../images/ratingBar-bg.png") repeat-x 0 -171px; } .rating-box{ margin: 0; color: #FFFFFF; text-transform: uppercase; font-size: 30px; font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif; } .rating-box span { width: 64px; padding: 0 0 2px; display: block; text-align: center; height: 17px; } .rating-box .score { height: 22px; padding: 18px 0; } .rating-box .score.s1 { border: 1px solid #5d0006; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 0; } .rating-box .score.s2 { border: 1px solid #a01301; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -60px; } .rating-box .score.s3 { border: 1px solid #982801; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -120px; } .rating-box .score.s4 { border: 1px solid #a43c01; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -180px;} .rating-box .score.s5 { border: 1px solid #a04f02; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -240px; } .rating-box .score.s6 { border: 1px solid #585f00; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -300px; } .rating-box .score.s7 { border: 1px solid #3d4001; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -360px; } .rating-box .score.s8 { border: 1px solid #124001; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -420px; } .rating-box .score.s9, .score.s10 { border: 1px solid #003e0c; /* @embed */ background: url("../images/ratingBox-bg.png") repeat-x 0 -480px; } .rating { overflow: hidden; margin: 12px 0; } .rating p { margin: 0 0 12px 0; } .rating .rating-box { float: left; margin-right: 12px; } .rating .label { text-transform: uppercase; font-family: 'OpenSansSemiboldRegular', Tahoma, sans-serif; font-size: 11px; } /*-----------------------------------------------------------------------------------*/ /* 10. @font-face /*-----------------------------------------------------------------------------------*/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) */ @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/opensans-regular.eot'); src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldRegular'; src: url('../fonts/opensans-semibold.eot'); src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype'), url('../fonts/opensans-semibold.svg#OpenSansSemiboldRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../fonts/opensans-bold.eot'); src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../fonts/opensans-italic.eot'); src: url('../fonts/opensans-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic.woff') format('woff'), url('../fonts/opensans-italic.ttf') format('truetype'), url('../fonts/opensans-italic.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FrancoisOneRegular'; src: url('../fonts/francoisone.eot'); src: url('../fonts/francoisone.eot?#iefix') format('embedded-opentype'), url('../fonts/francoisone.woff') format('woff'), url('../fonts/francoisone.ttf') format('truetype'), url('../fonts/francoisone.svg#FrancoisOneRegular') format('svg'); font-weight: normal; font-style: normal; } /** Miscellaneous MediaWiki fixes & tweaks */ /* Logo text fixes */ h1#site-title a:focus, h1#site-title a:hover { text-decoration: none; } h1#site-title { border-bottom: none; } /* Turn the "Back to top" link into UPPERCASE via CSS so that we don't need to make changes to the source i18n messages */ a.scrollup { text-transform: uppercase; } /* Make legends readable, black-on-almost-black isn't that... */ legend { color: #FFF; } /* The text shadow is sometimes useful and nifty, but on some places it's bloody annoying, so remove it from: * -any and all special pages * -search suggestions * -"you have (a new message|new messages)" bar * -page categories * -page (un)watch notifications * -SocialProfile's empty containers on (your own) profile page * -SocialProfile's "use (wiki|social) user page" button on your own profile page */ body.ns--1 article, div.suggestions, div.usermessage, div.catlinks, div.mw-notification, div.no-info-container, div#profile-toggle-button { text-shadow: none; } /** Delicious copypasta from Monobook's main.css */ /* js pref toc */ #preftoc { margin: 0; padding: 0; width: 100%; clear: both; } #preftoc li { /*background-color: #f0f0f0;*/ color: #000; } #preftoc li { margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; border: 1px solid #fff; border-right-color: #716f64; border-bottom: 0; position: relative; white-space: nowrap; list-style-type: none; list-style-image: none; z-index: 3; } #preftoc li.selected { font-weight: bold; background-color: transparent; border: 1px solid #aaa; border-bottom: none; cursor: default; top: 1px; padding-top: 2px; margin-right: -3px; } #preftoc > li.selected { top: 2px; } #preftoc a, #preftoc a:active { display: block; /*color: #FFF;*/ padding: 0 .7em; position: relative; text-decoration: none; } #preftoc li.selected a { cursor: default; text-decoration: none; } #preftoc a:visited { color: #808080; /* Gray -- beats the default blue... */ } #preferences { margin: 0; border: 1px solid #aaa; clear: both; padding: 1.5em; background-color: transparent; } .prefsection { border: none; padding: 0; margin: 0; } .prefsection legend { font-weight: bold; } .prefsection table, .prefsection legend { background-color: transparent; } .mainLegend { display: none; } td.htmlform-tip { font-size: x-small; padding: .2em 2em; color: #666; } .preferences-login { clear: both; margin-bottom: 1.5em; } .prefcache { font-size: 90%; margin-top: 2em; } /* noarticletext */ div.noarticletext { border: 1px solid #ccc; background: #fff; color: #000; padding: .2em 1em; text-shadow: none; /* to make it actually readable... */ } div.noarticletext p { margin: 5px; } /* Diffs */ table.diff { background-color: transparent; } /* Special:SpecialPages */ table.mw-specialpages-table, table.mw-specialpages-table td, table.mw-specialpages-table th { border: none; } div#mw-content-text h2.mw-specialpagesgroup { margin-bottom: 0.5em; } /** ProblemReports */ /* remove shadowing from the dialog, it looks fugly there */ div#reportProblemForm, span#ui-dialog-title-reportProblemForm { text-shadow: none; } /* List of templated responses on individual ticket view */ #mailer #mailer-templates { margin-top: 20px; width: 22% !important; } /* "Send" button on individual ticket view */ #mailer .actionBar input { /* can't get this to inherit it so I'll just hardcode it here...at least it works! */ background-color: #b61318 !important; } /** CSS fixes for social tools -- verbatim copypasta from /skins/Dusk/resources/css/main.css */ /* Social profiles + Special:UpdateProfile */ #profile-top, .profile-info { background-color: transparent !important; } /* Social tools' clearfix thingy, required for the proper display of most social tools' special pages, such as Special:UserActivity, Special:TopUserboxes, etc. */ .cleared { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /** PollNY */ div.create-poll-top { background-color: transparent; } div.create-poll-top { width: auto; } /* Special:TopNetworks */ span.network-number { /* tone it down by 100px */ width: 300px !important; } /* This is pretty damn unholy... */ div.top-networks-navigation { width: 120px; } div.network-row { margin-left: -75px; } /* Special:UpdateFavoriteTeams */ p.profile-update-unit { width: auto; } /* Special:UpdateFavoriteTeams & Special:UpdateProfile */ div.profile-tab { margin-bottom: 5px; }