Jump to: navigation, search

Difference between revisions of "MediaWiki:Gamepress.css"

(Created page with "body { →‎@embed: background: #000 url("../images/body-bg1.png") repeat 0 0; color: #999999; text-shadow: 1px 1px #000000; } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }...")
 
Line 1: Line 1:
 +
/*-----------------------------------------------------------------------------------*/
 +
/* 01. Document Setup
 +
/*-----------------------------------------------------------------------------------*/
 
body {
 
body {
−
/* @embed */
+
line-height: 1;
−
background: #000 url("../images/body-bg1.png") repeat 0 0;
+
font: 13px/20px "OpenSansRegular", Tahoma, sans-serif;
−
color: #999999;
+
-ms-word-wrap: break-word;
−
text-shadow: 1px 1px #000000;
+
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 {
 
h1, h2, h3, h4, h5, h6 {
−
color: #FFFFFF;
+
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; }
  
−
blockquote {
+
h1 a:hover, h2 a:hover {
−
border-left: 3px solid #999999;
+
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 {
 
a {
−
color: white;
+
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;
 
}
 
}
  
−
ul.check li {
+
/* Blockquotes */
 +
blockquote {
 +
margin: 12px 0;
 
padding-left: 18px;
 
padding-left: 18px;
−
/* @embed */
+
font-style: italic;
−
background: url("../images/list-check.png") no-repeat 0 40%;
+
−
list-style: none;
+
 
}
 
}
−
ul.plus li {
+
blockquote.left, blockquote.right {
−
padding-left: 18px;
+
float: right;
−
/* @embed */
+
width: 43%;
−
background: url("../images/list-plus.png") no-repeat 0 40%;
+
−
list-style: none;
+
 
}
 
}
−
ul.arrow li {
+
blockquote.left {
−
padding-left: 18px;
+
float: left;
−
/* @embed */
+
−
background: url("../images/list-arrow.png") no-repeat 0 40%;
+
−
list-style: none;
+
 
}
 
}
−
ul.cross li {
+
 
−
padding-left: 18px;
+
/* Lists */
−
/* @embed */
+
ul {
−
background: url("../images/list-cross.png") no-repeat 0 40%;
+
list-style-type: disc;
−
list-style: none;
+
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 {
 
table {
−
border: 1px solid #000000;
+
margin: 12px 0;
 +
border-collapse: collapse;
 +
border-spacing: 0;
 
}
 
}
−
table thead th{
+
table thead th {
−
color: #E9E9E9;
+
text-transform: uppercase;
−
border: solid 1px #000000;
+
font-size: 11px;
−
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15);
+
−
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.15);
+
−
box-shadow: inset 0px 1px 0px rgba(255,255,255,.15);
+
−
background: #1a1a1a;
+
−
background: -moz-linear-gradient(top, #1a1a1a 0%, #0d0e0f 100%);
+
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#0d0e0f));
+
−
background: -webkit-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
background: -o-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
background: -ms-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#0d0e0f')";
+
−
background: linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
 
}
 
}
 
table th, table tbody td {
 
table th, table tbody td {
−
border-bottom: 1px solid #000000;
+
padding: 6px 12px;
−
border-right: 1px solid #000000;
+
 
}
 
}
 +
td, th {
 +
display: table-cell;
 +
vertical-align: inherit;
 +
}
 +
 +
/* Tabs */
 
.tabs-nav {
 
.tabs-nav {
−
/* @embed */
+
height: 39px;
−
background: url("../images/border-solid.png") repeat-x scroll 0 100% transparent;
+
margin-bottom: 0;
 +
padding: 0 !important;
 +
list-style: none;
 +
margin-left: 0;
 +
text-shadow: none;
 
}
 
}
 
.tabs-wrapper ul.tabs-nav li {
 
.tabs-wrapper ul.tabs-nav li {
−
border-left: 1px solid #0E0E0E;
+
float: left;
−
border-right: 1px solid #0E0E0E;
+
height: 36px;
−
border-top: 1px solid #0E0E0E;
+
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 {
 
.tabs-wrapper ul.tabs-nav li a {
−
color: #FFFFFF;
+
border-bottom: medium none;
−
/* @embed */
+
text-transform: uppercase;
−
background: url("../images/gradient-gray.png") repeat-x 0 0;
+
height: 100%;
−
background: -moz-linear-gradient(top, #373737 0%, #181818 100%);
+
left: 0;
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#181818));
+
line-height: 36px;
−
background: -webkit-linear-gradient(top, #373737 0%,#181818 100%);
+
position: absolute;
−
background: -o-linear-gradient(top, #373737 0%,#181818 100%);
+
text-decoration: none;
−
background: -ms-linear-gradient(top, #373737 0%,#181818 100%);
+
top: 0;
−
background: linear-gradient(top, #373737 0%,#181818 100%);
+
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-nav li a.current, .tabs-wrapper ul.tabs-nav li a.current:hover {
+
.tabs-wrapper ul.tabs li a {
−
background: #212121 !important;
+
text-transform: none;
 
}
 
}
−
 
+
.tabs-wrapper .pane {
−
.tabs-wrapper ul.tabs-nav li a:hover {
+
clear: both;
−
background: #212121;
+
−
/* @embed */
+
−
background: url("../images/gradient-gray.png") repeat-x 0 100%;
+
−
background: -moz-linear-gradient(top, #181818 0%, #333333 100%);
+
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(100%,#333333));
+
−
background: -webkit-linear-gradient(top, #181818 0%,#333333 100%);
+
−
background: -o-linear-gradient(top, #181818 0%,#333333 100%);
+
−
background: -ms-linear-gradient(top, #181818 0%,#333333 100%);
+
−
background: linear-gradient(top, #181818 0%,#333333 100%);
+
 
}
 
}
  
 +
/* Accordion */
 +
.accordion {
 +
position: relative;
 +
}
 
.accordion-header {
 
.accordion-header {
−
/* @embed */
+
font-family: 'OpenSansRegular', Tahoma, sans-serif;
−
background: url("../images/gradient-gray.png") repeat-x 0 0;
+
font-size: 13px;
−
background: -moz-linear-gradient(top, #373737 0%, #181818 100%);
+
padding: 6px 12px;
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#181818));
+
border-radius: 5px;
−
background: -webkit-linear-gradient(top, #373737 0%,#181818 100%);
+
-moz-border-radius: 5px;
−
background: -o-linear-gradient(top, #373737 0%,#181818 100%);
+
-webkit-border-radius: 5px;
−
background: -ms-linear-gradient(top, #373737 0%,#181818 100%);
+
margin: 0 0 1px 0;
−
background: linear-gradient(top, #373737 0%,#181818 100%);
+
cursor: pointer;
−
border: 1px solid #0E0E0E;
+
}
 +
.accordion-header a:hover {
 +
border: none !important;
 
}
 
}
 
.accordion-header a:before {
 
.accordion-header a:before {
−
/* @embed */
+
content: '';
−
background: url(../images/accordion-arrow.png) no-repeat 0 0;
+
width: 8px;
 +
height: 8px;
 +
display: block;
 +
float: left;
 +
margin: 6px 6px 0 0;
 
}
 
}
 
.accordion-header.current a:before {
 
.accordion-header.current a:before {
−
/* @embed */
+
margin: 4px 6px 0 0;
−
background: url(../images/accordion-arrow.png) no-repeat 0 -8px;
+
 
}
 
}
 
.accordion-header a {
 
.accordion-header a {
−
color: #ffffff;
+
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
+
/* 03. Forms & Buttons
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
 
input, textarea, select {
 
input, textarea, select {
−
background: none repeat scroll 0 0 #FAFAFE;
+
-webkit-border-radius: 2px 2px 2px 2px;
−
border: 1px solid #E2E2E6;
+
-moz-border-radius: 2px 2px 2px 2px;
−
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
+
border-radius: 2px 2px 2px 2px;
−
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
+
padding: 5px;
−
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
+
margin: 0 5px 0 0;
−
color: #7e7e7e;
+
font: 12px/18px 'OpenSansRegular';
 +
}
 +
form p {
 +
overflow: hidden;
 +
}
 +
textarea:focus, input:focus {
 +
outline: none;
 
}
 
}
  
Line 139: Line 258:
 
.button, input[type="submit"] {
 
.button, input[type="submit"] {
 
color: #FFFFFF;
 
color: #FFFFFF;
−
border-left-color: rgba(0,0,0,.5);
+
border-left-color:rgba(0,0,0,.5);
−
border-right-color: rgba(0,0,0,.5);
+
border-right-color:rgba(0,0,0,.5);
−
border: 1px solid #000;
+
border:1px solid #000;
 
-webkit-box-shadow:
 
-webkit-box-shadow:
 
inset 0px 1px 0px rgba(255,255,255,.15),
 
inset 0px 1px 0px rgba(255,255,255,.15),
Line 151: Line 270:
 
inset 0px 1px 0px rgba(255,255,255,.15),
 
inset 0px 1px 0px rgba(255,255,255,.15),
 
0px 1px 2px rgba(0,0,0,.5);
 
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;
 
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
+
/* 04. Header
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
 
#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 */
 
/* @embed */
−
background: #393939 url("../images/header-bg.png") repeat-x scroll 0 bottom;
+
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;
 
}
 
}
−
header #logo h1 a {
+
#search input {
−
color: #fff;
+
width: 125px;
 +
height: 25px;
 +
margin: 0;
 +
background: none;
 +
padding: 0 0 0 20px;
 +
border: none !important;
 +
box-shadow: none;
 
}
 
}
  
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
−
/* 05. Content
+
/* 05. Content
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
 +
 
#content-wrapper {
 
#content-wrapper {
−
/* @embed */
+
text-align: center;
−
background: url("../images/border-solid.png") repeat-x bottom left;
+
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 */
 
/* 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 {
 
.slider-captions h2 a, .entry-header h2 a {
−
color: #FFFFFF;
+
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 */
 
/* Home Page Article List */
−
article.list-big-thumb .noimage .entry-date {
+
article.list-small-thumb, article.list-big-thumb {
−
border-top: 1px solid #000;
+
margin-bottom: 36px;
 +
position: relative;
 +
clear: both;
 
}
 
}
−
article.list-small-thumb .entry-content, article.list-big-thumb .entry-content {
+
article.list-small-thumb:last-child, .list-big-thumb:last-child {
−
border-top: 1px solid #393939;
+
margin: 0 !important;
 +
}
 +
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date {
 
/* @embed */
 
/* @embed */
−
background: #222222 url("../images/content-bottom-bg.png") repeat-x bottom left;
+
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 {
 
article.list-small-thumb .img-wrapper {
−
border-top: 1px solid #000000;
+
float: left;
−
background: #000;
+
width: 200px;
 +
height: 200px;
 
}
 
}
 
article.list-small-thumb .entry-header {
 
article.list-small-thumb .entry-header {
−
/* @embed */
+
display: block;
−
background: #000000 url("../images/featured-caption.png") repeat-x scroll center top;
+
margin-left: 200px;
−
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+
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 {
 
article.list-small-thumb .entry-content {
−
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+
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 {
 
article.list-big-thumb .img-wrapper {
−
background: #000;
+
width: 642px;
 +
height: 362px;
 +
position: relative;
 +
}
 +
article.list-big-thumb .img-wrapper > a {
 +
border: none !important;
 
}
 
}
 
article.list-big-thumb .entry-header {
 
article.list-big-thumb .entry-header {
−
/* @embed */
+
bottom: 0;
−
background: #000000 url("../images/featured-caption.png") repeat-x scroll center top;
+
display: block;
−
opacity: 0.8;
+
left: 0;
−
filter: alpha(opacity=80);
+
padding: 12px 22px;
 +
position: absolute;
 +
right: 0;
 +
text-align: left;
 
}
 
}
−
.entry-meta a {
+
article.list-big-thumb .noimage .entry-header {
−
color: #ffffff;
+
position: relative;
 +
opacity: 1;
 +
filter: alpha(opacity=100);
 +
padding: 5px 12px;
 +
}
 +
.entry-meta {
 +
text-transform: uppercase;
 +
font-size: 11px;
 
}
 
}
  
 
/* Single Post & Page */
 
/* Single Post & Page */
 
section.full-height {
 
section.full-height {
−
/* @embed */
+
overflow: hidden;
−
background: #222222 url(../images/content-bottom-bg.png) repeat-x 0 100%;
+
padding-bottom: 36px;
 
}
 
}
 
section.full-height header {
 
section.full-height header {
−
/* @embed */
+
overflow: hidden;
−
background: url(../images/border-solid.png) repeat-x 0 0;
+
padding: 12px 22px;
 
}
 
}
  
−
.full-height article header {
 
−
/* @embed */
 
−
background: url(../images/border-solid.png) repeat-x 0 0;
 
−
}
 
 
.entry-content, .archive-content {
 
.entry-content, .archive-content {
−
/* @embed */
+
padding: 12px 22px 0;
−
background: url(../images/border-solid.png) repeat-x 0 0;
+
overflow: hidden;
 +
}
 +
.single .entry-meta {
 +
margin: 6px 0;
 +
}
 +
.video-embed {
 +
margin: 12px 0;
 
}
 
}
 
.tags {
 
.tags {
−
/* @embed */
+
text-transform: uppercase;
−
background: url(../images/tag-icon.png) no-repeat 0 4px;
+
font-size: 11px;
 +
padding-left: 18px;
 
}
 
}
−
.tags a {
+
a.post-edit-link {
−
color: #ffffff;
+
float: right;
 +
padding-top: 6px;
 
}
 
}
  
 
/* Single Review Post */
 
/* Single Review Post */
 
article.review.single header {
 
article.review.single header {
−
/* @embed */
+
text-align: left;
−
background: #000000 url(../images/review-header-bg.png) repeat-x bottom 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 {
 
article.review header img.cover {
−
border-top: 1px solid #000000;
+
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;
 
}
 
}
  
−
/* Video Archives */
+
/* 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 {
 
.video-item {
−
/* @embed */
+
overflow: hidden;
−
background: url(../images/border-dotted.png) repeat-x 0 100%;
+
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{
 
.video-item .entry-header{
−
/* @embed */
+
bottom: 0;
−
background: #000000 url("../images/featured-caption.png") repeat-x scroll center top;
+
display: block;
−
opacity: 0.8;
+
left: 0;
−
filter: alpha(opacity=80);
+
padding: 6px 12px;
−
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+
position: absolute;
 +
right: 0;
 +
text-align: left;
 
}
 
}
 
.video-item .entry-header a {
 
.video-item .entry-header a {
−
color: #fff;
+
opacity: 1;
 +
}
 +
.video-item .entry-header a:hover {
 +
border: none !important;
 
}
 
}
−
 
 
/* Review Archives */
 
/* Review Archives */
 
.review-item {
 
.review-item {
−
/* @embed */
+
overflow: hidden;
−
background: url(../images/border-dotted.png) repeat-x 0 100%;
+
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 */
 
/* Pagination */
−
.wp-pagenavi a, .wp-pagenavi span {
+
.page-link {
−
color: #FFFFFF;
+
clear: both;
−
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);
+
−
background: #0d0e0f;
+
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#0d0e0f));
+
−
background: -webkit-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
background: -moz-linear-gradient(top, #1a1a1a 0%, #0d0e0f 100%);
+
−
background: -o-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
background: -ms-linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
−
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1a1a1a, endColorstr=#0d0e0f)";
+
−
background: linear-gradient(top, #1a1a1a 0%,#0d0e0f 100%);
+
 
}
 
}
−
.wp-pagenavi .current, .wp-pagenavi a:hover {
+
 
−
background: #8f050e;
+
.wp-pagenavi{
−
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c32420), color-stop(100%,#8f050e));
+
display: block;
−
background: -webkit-linear-gradient(top, #c32420 0%,#8f050e 100%);
+
float: left;
−
background: -moz-linear-gradient(top, #c32420 0%, #8f050e 100%);
+
font-size: 12px;
−
background: -o-linear-gradient(top, #c32420 0%,#8f050e 100%);
+
line-height: 18px;
−
background: -ms-linear-gradient(top, #c32420 0%,#8f050e 100%);
+
padding: 36px 0 18px 0;
−
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#c32420, endColorstr=#8f050e)";
+
width: 642px;
−
background: linear-gradient(top, #c32420 0%,#8f050e 100%);
+
text-align: left;
−
border: 1px solid #000000 !important;
+
}
 +
.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 */
 +
#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 {
 
#comments #comment-nav-above {
−
/* @embed */
+
padding-bottom: 10px;
−
background: url(../images/border-dotted.png) repeat-x 0 100%;
+
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 {
 
.commentlist .the-comment {
−
/* @embed */
+
margin: 0 0 20px;
−
background: url(../images/border-dotted.png) repeat-x 0 100%;
+
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 */
 +
#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 {
 
#contact-form.loading input, #contact-form.loading textarea {
 
background: #e7e7e7;
 
background: #e7e7e7;
Line 332: Line 1,286:
 
background: linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
 
background: linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
 
}
 
}
−
 
+
#thank-you-for-contact {
 +
display: none;
 +
}
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
−
/* 06. Sidebar
+
/* 06. Sidebar
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
 +
#sidebar {
 +
float: left;
 +
width: 300px;
 +
margin-left: 38px;
 +
}
 +
 
/* Widgets */
 
/* Widgets */
 +
.widget {
 +
margin: 0 0 18px 0;
 +
clear: both;
 +
overflow: hidden;
 +
}
 
.widget h3.widget-title {
 
.widget h3.widget-title {
−
/* @embed */
+
text-transform: uppercase;
−
background: url("../images/border-solid.png") repeat-x 0 100%;
+
font-size: 18px;
 +
margin: 0 0 12px 0;
 +
padding: 0 0 6px 0;
 
}
 
}
 
.widget a {
 
.widget a {
−
color: #FFFFFF !important;
+
text-decoration: none;
 +
}
 +
.widget ul {
 +
padding: 0;
 
}
 
}
 
.widget ul li {
 
.widget ul li {
−
/* @embed */
+
padding-left: 18px;
−
background: url("../images/list-arrow.png") no-repeat 0 6px;
+
list-style: none;
 +
}
 +
 
 +
.widget .entry-content {
 +
padding: 0;
 +
background: none;
 
}
 
}
  
 
/* RECENT POSTS WIDGET */
 
/* 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 {
 
.reviews_widget .entry-title a {
 
color: #FFFFFF;
 
color: #FFFFFF;
 +
text-decoration: none;
 +
font-size: 13px;
 
}
 
}
 
.reviews_widget ul.pane li {
 
.reviews_widget ul.pane li {
−
/* @embed */
+
padding: 0 0 12px;
−
background: url("../images/border-dotted.png") repeat-x 0 100%;
+
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
+
/* 07. Prefooter
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
 
#prefooter {
 
#prefooter {
−
/* @embed */
+
text-align: center;
−
background: url("../images/prefooter-bg.png") repeat scroll 0 0 transparent;
+
padding-bottom: 36px;
 +
}
 +
#prefooter-inner {
 +
width: auto;
 +
padding: 35px 0 0 0;
 +
margin: 0 auto;
 +
text-align: left;
 +
position: relative;
 
}
 
}
  
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
−
/* 08. Footer
+
/* 08. Footer
 
/*-----------------------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
−
footer {
+
#footer-border {
−
/* @embed */
+
height: 2px;
−
background: url("../images/footer-bg.png") repeat-x scroll bottom left transparent;
+
 
}
 
}
−
#footer-border {
+
#footer-inner {
−
/* @embed */
+
width: auto;
−
background: url("../images/border-solid.png") repeat-x bottom left;
+
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
+
/* 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 */
 
/* Horizontal Dividers */
 
.divider-solid {
 
.divider-solid {
−
/* @embed */
+
height: 4px;
−
background: url(../images/border-solid.png) repeat-x 0 0;
+
clear: both;
 +
margin: 18px 0;
 +
border: none;
 
}
 
}
 
.divider-dotted {
 
.divider-dotted {
−
/* @embed */
+
height: 2px;
−
background: url(../images/border-dotted.png) repeat-x 0 0;
+
margin: 18px 0;
 +
clear: both;
 +
border: none;
 
}
 
}
  
 
/* Image Captions */
 
/* Image Captions */
 
.wp-caption {
 
.wp-caption {
−
background: #000000;
+
margin-bottom: 10px;
 +
position: relative;
 +
max-width: 100%;
 +
text-align: center;
 
}
 
}
−
 
+
#content .wp-caption a:hover {
−
.wp-caption .wp-caption-text {
+
border-bottom: 1px dotted transparent;
−
background: #000000;
+
}
 +
.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;
 
}
 
}
  
Line 405: Line 1,531:
 
/* RATING */
 
/* RATING */
 
.rating-bar {
 
.rating-bar {
 +
margin: 6px 0 0;
 
color: #FFFFFF;
 
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 {
 
.rating-bar .desc {
−
border-top: 1px solid #4e5356;
+
width: 60px;
−
border-right: 1px solid #4e5356;
+
}
−
border-bottom: 1px solid #4e5356;
+
.rating-bar .score.s1 {
 +
border: 1px solid #5d0006;
 
/* @embed */
 
/* @embed */
−
background: url("../images/ratingBar-bg.png") repeat-x 0 0;
+
background: url("../images/ratingBar-bg.png") repeat-x 0 -19px;
 
}
 
}
−
.rating-box .desc {
+
.rating-bar .score.s2 {
−
font-size: 12px;
+
border: 1px solid #a01301;
−
border-left: 1px solid #4e5356;
+
−
border-right: 1px solid #4e5356;
+
−
border-bottom: 1px solid #4e5356;
+
 
/* @embed */
 
/* @embed */
−
background: url("../images/ratingBar-bg.png") repeat-x 0 0;
+
background: url("../images/ratingBar-bg.png") repeat-x 0 -38px;
 
}
 
}
−
.rating .label {
+
.rating-bar .score.s3 {
−
color: #ffffff;
+
border: 1px solid #982801;
 +
/* @embed */
 +
background: url("../images/ratingBar-bg.png") repeat-x 0 -57px;
 
}
 
}
−
 
+
.rating-bar .score.s4 {
−
/*-----------------------------------------------------------------------------------*/
+
border: 1px solid #a43c01;
−
/* 10. Nivo Slider
+
−
/*-----------------------------------------------------------------------------------*/
+
−
 
+
−
/* Nivo Theme Default */
+
−
 
+
−
.theme-default .nivoSlider {
+
 
/* @embed */
 
/* @embed */
−
background: #000 url(../images/nivo/loading.gif) no-repeat 50% 50%;
+
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;
 
}
 
}
−
.theme-default .nivo-controlNav a {
+
.rating-bar .score.s6 {
 +
border: 1px solid #585f00;
 
/* @embed */
 
/* @embed */
−
background: url(../images/nivo/controls-red.png) no-repeat;
+
background: url("../images/ratingBar-bg.png") repeat-x 0 -114px;
 
}
 
}
−
.nivo-caption a {
+
.rating-bar .score.s7 {
−
color: #fff;
+
border: 1px solid #3d4001;
 +
/* @embed */
 +
background: url("../images/ratingBar-bg.png") repeat-x 0 -133px;
 
}
 
}
−
.nivo-caption a:hover {
+
.rating-bar .score.s8 {
−
color: #fff;
+
border: 1px solid #124001;
 +
/* @embed */
 +
background: url("../images/ratingBar-bg.png") repeat-x 0 -152px;
 
}
 
}
−
/* red color scheme */
+
.rating-bar .score.s9, .score.s10 {
−
.theme-default .nivoSlider.red {
+
border: 1px solid #003e0c;
 
/* @embed */
 
/* @embed */
−
background: #000 url(../images/nivo/loading-red.gif) no-repeat 50% 50%;
+
background: url("../images/ratingBar-bg.png") repeat-x 0 -171px;
 
}
 
}
−
.theme-default .nivoSlider.red .nivo-controlNav a {
+
.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 */
 
/* @embed */
−
background-image: url(../images/nivo/controls-red.png) no-repeat;
+
background: url("../images/ratingBox-bg.png") repeat-x 0 0;
 
}
 
}
−
/* green color scheme */
+
.rating-box .score.s2 {
−
.theme-default .nivoSlider.green {
+
border: 1px solid #a01301;
 
/* @embed */
 
/* @embed */
−
background: #000 url(../images/nivo/loading-green.gif) no-repeat 50% 50%;
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -60px;
 
}
 
}
−
.theme-default .nivoSlider.green .nivo-controlNav a {
+
.rating-box .score.s3 {
 +
border: 1px solid #982801;
 
/* @embed */
 
/* @embed */
−
background-image: url(../images/nivo/controls-green.png);
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -120px;
 
}
 
}
−
/* blue color scheme */
+
.rating-box .score.s4 {
−
.theme-default .nivoSlider.blue {
+
border: 1px solid #a43c01;
 +
/* @embed */
 +
background: url("../images/ratingBox-bg.png") repeat-x 0 -180px;}
 +
.rating-box .score.s5 {
 +
border: 1px solid #a04f02;
 
/* @embed */
 
/* @embed */
−
background: #000 url(../images/nivo/loading-blue.gif) no-repeat 50% 50%;
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -240px;
 
}
 
}
−
.theme-default .nivoSlider.blue .nivo-controlNav a {
+
.rating-box .score.s6 {
 +
border: 1px solid #585f00;
 
/* @embed */
 
/* @embed */
−
background-image: url(../images/nivo/controls-blue.png);
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -300px;
 
}
 
}
−
/* orange color scheme */
+
.rating-box .score.s7 {
−
.theme-default .nivoSlider.orange {
+
border: 1px solid #3d4001;
 
/* @embed */
 
/* @embed */
−
background: #000 url(../images/nivo/loading-orange.gif) no-repeat 50% 50%;
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -360px;
 
}
 
}
−
.theme-default .nivoSlider.orange .nivo-controlNav a {
+
.rating-box .score.s8 {
 +
border: 1px solid #124001;
 
/* @embed */
 
/* @embed */
−
background-image: url(../images/nivo/controls-orange.png);
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -420px;
 
}
 
}
−
/* Caption styles */
+
.rating-box .score.s9, .score.s10 {
−
.nivo-caption {
+
border: 1px solid #003e0c;
 
/* @embed */
 
/* @embed */
−
background: #000000 url("../images/nivo/featured-caption.png") repeat-x scroll center top;
+
background: url("../images/ratingBox-bg.png") repeat-x 0 -480px;
−
bottom: 0;
+
}
 +
.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;
 
display: block;
−
left: 0;
+
/*color: #FFF;*/
−
padding: 12px 40px 15px 22px;
+
padding: 0 .7em;
−
position: absolute;
+
position: relative;
−
right: 0;
+
text-decoration: none;
−
text-align: left;
+
−
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+
−
z-index: 8;
+
−
opacity: 0.8;
+
 
}
 
}
−
/* red */
+
#preftoc li.selected a {
−
.nivoSlider.red .nivo-directionNav a {
+
cursor: default;
−
/* @embed */
+
text-decoration: none;
−
background-image: url(../images/nivo/arrows-red.png);
+
 
}
 
}
−
/* green */
+
#preftoc a:visited {
−
.nivoSlider.green .nivo-directionNav a {
+
color: #808080; /* Gray -- beats the default blue... */
−
/* @embed */
+
−
background-image: url(../images/nivo/arrows-green.png);
+
 
}
 
}
−
/* blue */
+
#preferences {
−
.nivoSlider.blue .nivo-directionNav a {
+
margin: 0;
−
/* @embed */
+
border: 1px solid #aaa;
−
background-image: url(../images/nivo/arrows-blue.png);
+
clear: both;
 +
padding: 1.5em;
 +
background-color: transparent;
 
}
 
}
−
/* orange */
+
.prefsection {
−
.nivoSlider.orange .nivo-directionNav a {
+
border: none;
−
/* @embed */
+
padding: 0;
−
background-image: url(../images/nivo/arrows-orange.png);
+
margin: 0;
 
}
 
}
−
/* Nivo Slider with thumbnail navigation */
+
 
−
.nivo-controlNav.nivo-thumbs-enabled {
+
.prefsection legend {
−
/* @embed */
+
font-weight: bold;
−
background: #222222 url("../images/content-bottom-bg.png") repeat-x bottom left;
+
}
 +
.prefsection table, .prefsection legend {
 +
background-color: transparent;
 +
}
 +
.mainLegend {
 +
display: none;
 +
}
 +
td.htmlform-tip {
 +
font-size: x-small;
 +
padding: .2em 2em;
 +
color: #666;
 
}
 
}
  
−
/* red */
+
.preferences-login {
−
.theme-thumbnails .nivoSlider.red {
+
clear: both;
−
/* @embed */
+
margin-bottom: 1.5em;
−
background: #000 url(../images/light/nivo/loading-red.gif) no-repeat 50% 50%;
+
 
}
 
}
−
.nivoSlider.red a.nivo-control.active img {
+
 
−
outline: 2px solid #A80909;
+
.prefcache {
 +
font-size: 90%;
 +
margin-top: 2em;
 
}
 
}
−
/* green */
+
 
−
.theme-thumbnails .nivoSlider.green {
+
/* noarticletext */
−
/* @embed */
+
div.noarticletext {
−
background: #000 url(../images/light/nivo/loading-green.gif) no-repeat 50% 50%;
+
border: 1px solid #ccc;
 +
background: #fff;
 +
color: #000;
 +
padding: .2em 1em;
 +
text-shadow: none; /* to make it actually readable... */
 
}
 
}
−
.nivoSlider.green a.nivo-control.active img {
+
 
−
outline: 2px solid #60a700;
+
div.noarticletext p {
 +
margin: 5px;
 
}
 
}
−
/* blue */
+
 
−
.theme-thumbnails .nivoSlider.blue {
+
/* Diffs */
−
/* @embed */
+
table.diff {
−
background: #000 url(../images/light/nivo/loading-blue.gif) no-repeat 50% 50%;
+
background-color: transparent;
 
}
 
}
−
.nivoSlider.blue a.nivo-control.active img {
+
 
−
outline: 2px solid #1d69fd;
+
/* Special:SpecialPages */
 +
table.mw-specialpages-table,
 +
table.mw-specialpages-table td,
 +
table.mw-specialpages-table th {
 +
border: none;
 
}
 
}
−
/* orange */
+
 
−
.theme-thumbnails .nivoSlider.orange {
+
div#mw-content-text h2.mw-specialpagesgroup {
−
/* @embed */
+
margin-bottom: 0.5em;
−
background: #000 url(../images/light/nivo/loading-orange.gif) no-repeat 50% 50%;
+
 
}
 
}
−
.nivoSlider.orange a.nivo-control.active img {
+
 
−
outline: 2px solid #df5012;
+
/** 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;
 
}
 
}

Revision as of 05:07, 28 January 2019

/*-----------------------------------------------------------------------------------*/
/* 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;
}
Retrieved from "http://marrowproductions.com/WoF/wiki/index.php?title=MediaWiki:Gamepress.css&oldid=565"