Revision as of 18:56, 22 January 2019

/*

Theme Name: GamePress
Theme URI: http://webtuts.pl/gamepress-en/
Description: GamePress is a gaming oriented WordPress theme, perfect for game reviews, videos and news or other entertainment related website. It comes in 4 color schemes and it's easy to use and customize.
Version: 1.0.5
Author: Aleksandra Łączek
Author URI: http://webtuts.pl/themes/
Tags: dark, two-columns, fixed-width, right-sidebar, threaded-comments, translation-ready, custom-menu, custom-background, custom-colors, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
-------------------------------------------------------------------------------------

	00. <s>CSS Reset</s> just kidding :)
	01. Document Setup
	02. Typography (header, paragraph, blockquote, lists, links, tables etc.)
	03. Forms & Buttons
	04. Header (logo, main navigation, search field)
	05. Content
	06. Sidebar
	07. Prefooter
	08. Footer
	09. Misc
	10. @font-face
*/

/**
 * I moved the CSS reset stuff to reset.css on 16 January 2014 so that this skin
 * wouldn't overwrite the /skins/common/common*.css styles. --ashley
 */

/*-----------------------------------------------------------------------------------*/
/* 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: "Merienda", "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: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }

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;
}

/* 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 {
	color: #30b5ec;
	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: #30c6ec; /* light blue */
}
#content a:hover, #sidebar a:hover, #prefooter a:hover {
	border-bottom: 1px dotted;
}
a:focus {
	outline: none;
}

a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img {
	text-decoration: none !important;
	border: none !important;
}
article a {	 color: #30b5ec; }
a img {
	border: 0;
	text-decoration: none;
}
a.more {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #30b5ec;
}

/* 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;
}

/*-----------------------------------------------------------------------------------*/
/* 03.	Forms & Buttons
/*-----------------------------------------------------------------------------------*/
input, textarea, select {
	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;
	border-radius:4px;
	margin: 0;
	padding: 6px 10px 5px;
	text-decoration: none;
}

/* 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);
}

/*-----------------------------------------------------------------------------------*/
/* 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 'Merienda', sans-serif;
	float: left;
	margin-bottom: 0;
}
header #logo p {
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	margin: 38px 0 0 6px;
}

/* 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: #064792;
	/* 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%,#064792),color-stop(100%,#1c5ea0));
	background: -webkit-linear-gradient(#064792,#1c5ea0);
	background: -moz-linear-gradient(#064792,#1c5ea0);
	background: -o-linear-gradient(#064792,#1c5ea0);
	background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: linear-gradient(#064792,#1c5ea0);
	border-radius: 6px;
	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 #064792;
	position: relative;
	margin: 0;
}

#primary-nav a {
	float: left;
	padding: 10px 22px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border-left: 1px solid #064792;
	position: relative;
}

#primary-nav a:hover {
	/* @embed */
	background: url("../images/nav-blue.png") repeat-x bottom left;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(100%,#1c5ea0));
	background: -webkit-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: -moz-linear-gradient(top, #064792 0%, #1c5ea0 100%);
	background: -o-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: linear-gradient(top, #064792, #1c5ea0);
}

#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 #064792;
}

#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 #064792;
}

#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 {
	box-shadow: 0 -1px 0 #064792;
	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 #064792;
	background: #064792;
	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 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#064792), color-stop(100%,#1c5ea0));
	background: -webkit-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: -o-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	background: -moz-linear-gradient(top, #064792 0%, #1c5ea0 100%);
	background: -ms-linear-gradient(top, #064792 0%,#1c5ea0 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#064792, endColorstr=#1c5ea0)";
	background: linear-gradient(top, #064792, #1c5ea0);
}

#primary-nav ul li:first-child > a {
	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: #064792;
}

#primary-nav ul li:last-child > a {
	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%;
}

/* 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;
}

/*-----------------------------------------------------------------------------------*/
/* 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;
}

/*-----------------------------------------------------------------------------------*/
/* 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
/*-----------------------------------------------------------------------------------*/



.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;
}

/*-----------------------------------------------------------------------------------*/
/* 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: 'Merienda';
	src: url('../fonts/Merienda.ttf');
	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;
}

/* Victoria's trying to make the TOC background grey here */

div.toc {
	background-color: #494c4f;
}

/* 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
 * -Victoria added the toc part, let's hope it works; it did, but for all text and now Contents is unreadable!
 */
body.ns--1 article,
div.suggestions,
div.usermessage,
div.catlinks,
div.mw-notification,
div.no-info-container,
div.toc,
div#profile-toggle-button {
	text-shadow: none;
}

/* 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 */
/** 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;
}