/**
 * Theme Name: Dusk To Dawn
 * Theme URI: http://theme.wordpress.com/themes/dusk-to-dawn/
 * Author: Automattic
 * Author URI: http://automattic.com/
 * Description: A dark theme that melds old-style organic ornaments
 * with modern design and typography. It features a custom header,
 * custom background, and a widget area in the sidebar. It comes with
 * support for several post formats including aside, gallery,
 * image, quote, link, chat, and audio.
 * Version: 1.3
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */


/**
 * Reset default browser CSS.
 * Based on work by Eric Meyer:
 * http://meyerweb.com/eric/tools/css/reset/index.html
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	direction: ltr; /* Needed for RTL flipping */
	unicode-bidi: embed;
}
ol, ul {
	list-style: none;
}
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/* Clear */

.clear {
	clear: both;
	display: block;
}
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Structure */

html,
body {
	height: 100%;
}
#super-super-wrapper,
#super-wrapper,
#wrapper {
	min-height: 100%;
}
#wrapper {
	padding: 0 0 127px 0;
	position:relative;
}
#page {
	/* @embed */
	background: url(images/ornaments-ltr.png) no-repeat 0 0;
	display: block;
	margin: 0 auto;
	padding: 96px 0 0 0;
	width: 978px;
}
#main {
	/* @embed */
	background: url(images/page-ltr.gif) repeat-y 0 0;
	border-radius: 3px;
	margin: 0 auto;
	position: relative;
	width: 870px;
}
#primary {
	float: right;
	margin: 0 0 0 -282px;
	width: 100%;
}
#content {
	margin: 0 0 0 282px;
}
#main .widget-area {
	float: left;
	padding: 71px 30px 30px;
	width: 222px;
}
#colophon {
	bottom: 0;
	clear: both;
	display: block;
	position: absolute;
	width: 100%;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

/* Global */

#super-super-wrapper {
	background: linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% );
	background: -o-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% );
	background: -moz-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% );
	background: -webkit-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100%);
	background: -ms-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012c57', endColorstr='#ffcb70'); /* for IE */
	background: -webkit-gradient( linear, left bottom, left top, color-stop( 0, rgb ( 255,203,112 ) ), color-stop(0.3, rgb( 107,138,169 ) ), color-stop(1, rgb(1,44,87) ) );
}
#super-wrapper {
	/* @embed */
	background: url(images/texture.png) repeat-x 0 0;
	background-attachment: fixed;
}
#wrapper {
	/* @embed */
	background: url(images/ornaments-bottom.png) no-repeat center bottom;
}
#main {
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 6px;
}
body,
input,
textarea {
	color: #4a4a49;
	font: 13px Verdana, sans-serif;
	font-weight: normal;
	line-height: 22px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 22px;
	margin-bottom: 22px;
}
h1 {
	font-size: 21px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 17px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
h6 {
	font-size: 12px;
	text-transform: uppercase;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 21px;
}
/* Text elements */
p,
dd,
pre {
	margin-bottom: 22px;
}
ul,
ol {
	margin: 0 0 22px 18px;
}
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 22px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 22px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 54px;
}
blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}
blockquote cite,
.quote-caption {
	color: #666;
	font: 13px Verdana, sans-serif;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 22px;
	overflow: auto;
	padding: 0.75em 1.6923em;
}
code,
kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym,
dfn {
	border-bottom: none;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 22px;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */

input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fafafa;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #e7d9b9;
	border-radius: 3px;
	color: #777;
	padding: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #4a4a49;
}
textarea {
	width: /*98*/100%; /* ashley change */
}
#searchform label {
	display: none;
}
/* ashley change - original rule was: input#s */
input#searchInput {
	/* @embed */
	background: #000 url(images/search-ltr.png) no-repeat scroll 10px 8px;
	border: 1px solid #222;
	border-radius: 3px;
	color: #777;
	line-height: 1.2em;
	padding: 6px 10px 6px 38px;
	width: 77%;
}
#primary input#searchInput {
	/* @embed */
	background: #fafafa url(images/search-ltr.png) no-repeat scroll 10px 8px;
	border: 1px solid #e7d9b9;
}
input#searchsubmit {
	display: none;
}
/* Links */
a {
	color: #497ca7;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}


/* Header */

#branding hgroup {
	background-color: #0b0e18;
	background-color: rgba(11,14,24,0.8);
	border-radius: 3px;
	margin: 2px 0 54px 390px;
	padding: 8px 30px 6px;
	width: 474px;
}

/* ashley change: originally #site-title */
#firstHeading {
	font: 300 25px/1.3 Ubuntu, sans-serif;
	margin: 0;
}
#site-description {
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
#header-image {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	height: 220px;
	overflow: hidden;
	width: 870px;
}


/* Content */
.hentry {
	border-top: 1px solid #ccc;
	padding: 0 0 59px 0;
}
.single .hentry {
	border-top: none;
	padding: 0 0 41px 0;
}
.hentry:first-child {
	border-top: none;
}
.entry-header {
	border-left: 6px solid #497ca7;
	margin: 0 0 47px 54px;
	padding: 0 30px 0 24px;
}

.page .entry-header {
	padding: 68px 30px 0 24px;
}

.entry-title {
	color: #0b0e18;
	font: 300 22px/22px Ubuntu, sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	word-wrap: break-word;
}
.entry-title a {
	color: #0b0e18;
}
.entry-title a:hover {
	color: #497ca7;
}
.entry-content {
	padding: 0 30px 0 84px;
	width: 474px;
}

.entry-header .entry-meta .sep {
	text-transform: none;
}
.entry-header .entry-meta {
	letter-spacing: 1px;
	line-height: 1.0em;
	margin: 0 0 2px 0;
	/* ashley: changed on 1 November 2015 for site notice/ads/general prettiness */
	padding: 20px 0 0 0;
	text-transform: uppercase;
}
.entry-meta {
	clear: both;
	color: #777;
	display: block;
	font-size: 11px;
	line-height: 22px;
	text-shadow: 1px 1px 0 #fff;
}
footer.entry-meta {
	padding: 23px 30px 0 84px;
	width: 474px;
}

.featured-image {
	margin: -6px 0 44px 0;
}
.single-author .entry-meta .byline {
	display: none;
}
.entry-content table {
	border-bottom: 1px solid #ccc;
	margin: 0 0 22px;
	width: 100%;
}
.entry-content th {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 22px;
	padding: 0 0 6px 0;
	text-transform: uppercase;
}
.entry-content td{
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
}
#content nav {
	display: block;
	float: right;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	overflow: hidden;
	text-align: right;
	text-transform: uppercase;
}

#content nav:last-child {
	border-bottom-right-radius: 3px;
}

.page-link {
	clear: both;
	margin: 22px 0 0;
}
.page .edit-link {
	clear: both;
	display: block;
}
.page-header {
	line-height: 22px;
	padding: 71px 30px 60px 84px;
}

.page-title {
	color: #0b0e18;
	font: 700 13px/22px Ubuntu, sans-serif;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	text-transform: uppercase;
}
.page-header p {
	color: #777;
	font-size: 12px;
	text-shadow: 1px 1px 0 #fff;
}

/* Notices */
.post .notice {
	display: block;
	padding: 22px 0;
}

/* =Images
*/

a img {
	border: none;
}
p img {
	/* a small bottom margin prevents content floating under images */
	margin-bottom: 6px;
}
/**
 * Resize images to fit the main content area.
 * Applies only to images uploaded via WordPress by
 * targeting size-* classes. Other images will be
 * left alone. Use "size-auto" class to apply to
 * other images.
*/
.widget-area img,
.entry-content p img,
.entry-content dt img,
.post-format-content img {
	/* When images are too wide for containing element, force them to fit. */
	max-width: 100%;
	/* Override height to match resized width for correct aspect ratio. */
	height: auto;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Widgets */
.widget {
	color: #ccc;
	display: block;
	font-size: 11px;
	line-height: 22px;
	/* ashley: changed this, 65px just looks dumb IMO */
	margin: 0 0 20px 0;
}
.widget-title,
.menu-title {
	/* @embed */
	background: url(images/widget_heading.png) no-repeat 0 6px;
	border-bottom: 1px solid #252832;
	color: #fff;
	font: 700 13px/22px Ubuntu, sans-serif;
	margin: 0 0 11px 0;
	padding: 0 0 11px 18px;
	text-transform: uppercase;
}
.widget-title a {
	color: #fff;
}

/* Footer */
#colophon {
	background-color: #0b0e18;
	font-size: 11px;
	line-height: 2;
	padding: 11px 0;
}
#site-generator {
	color: #777;
	margin: 0 auto;
	text-align: center; /* ashley */
	width: 810px;
}

/** ashley's additions for MediaWiki */
/* hgroup element replacement to make the W3C Validator a bit happier */
header#branding div {
	background-color: #0b0e18;
	background-color: rgba(11,14,24,0.8);
	border-radius: 3px;
	margin: 2px 0 54px 390px;
	padding: 8px 30px 6px;
	width: 474px;
}

/**
 * Make the site name in the header white
 * instead of black, which is the default
 * for the h1 element
 */
header#branding h1 {
	color: #FFF;
}

/* Copy of mixin-screen-reader-text() LESS mixin from /resources/src/mediawiki.less/mediawiki.mixins.less@REL1_32 */
.mw-jump-link:not( :focus ) {
	display: block;
	position: absolute !important; /* stylelint-disable-line declaration-no-important */
	clip: rect( 1px, 1px, 1px, 1px );
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
}

/* Hide [[MediaWiki:Tagline]] by default */
h2#site-description {
	display: none;
}

/* Bump the search buttons down a tad bit */
.searchButton {
	margin-top: 5px;
}

/* Make sure that the Go button doesn't touch the Search button */
#searchGoButton {
	margin-right: 5px;
}

/* Footer icons' positioning */
footer#colophon #f-copyrightico {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

footer#colophon #f-poweredbyico {
	float: right;
	padding-right: 5px;
}

/**
 * Hacky RTL fixes from the WordPress version's rtl.css
 * ironically enough this is easier than flipping the image...
 */
/* @noflip */body.rtl input#searchInput {
	/* @embed */
	background: #000 url(images/search-ltr.png) no-repeat scroll 96% 8px;
}

/* @noflip */body.rtl #primary input#searchInput {
	/* @embed */
	background: #fafafa url(images/search-ltr.png) no-repeat scroll 98% 8px;
}

/* @noflip */body.rtl .widget-title,
/* @noflip */body.rtl .menu-title {
	/* @embed */
	background: url(images/widget_heading.png) no-repeat right 6px;
}

/* noarticletext */
div.noarticletext {
	border: 1px solid #ccc;
	background: #fff;
	padding: .2em 1em;
	color: #000;
}

div.noarticletext p {
	margin: 5px;
}

/* Diffs */
table.diff {
	background-color: transparent;
}

/** ProblemReports */
/* default padding for the dialog sucks */
#reportProblem input[type="text"], #reportProblem textarea, #reportProblem select {
	padding: inherit !important;
}

/** CSS fixes for social tools -- verbatim copypasta from /skins/Dusk/resources/css/main.css */
/* Special:GiveGift */
div.g-give-container {
	width: auto;
}

/** Comments */
div#allcomments .full,
div#allcomments .reply {
	width: auto;
}

textarea#comment {
	width: 465px !important;
}

div.c-item {
	padding-bottom: 0px;
}

/** FanBoxes */
/* Special:UserBoxes */
input#inputRightSide {
	width: 300px !important;
}

div.category-section div.categorytext, textarea#pageCtg {
	width: auto !important;
}

/**
 * Scale down the user boxes on social profiles so
 * that they don't overlap with the user activity
 * section
 */
div#user-page-left .individual-fanbox {
	width: 245px;
}

/**
 * "Add this box to your userpage?" after clicking
 * on a user box on someone else's profile
 */
div.fanbox-pop-up-box-profile {
	width: 181px;
}

/**
 * "You have successfully added this userbox to your userpage."
 * after adding a user box via someone else's profile
 */
div.show-addremove-message-half {
	width: 180px;
}

/**
 * Why won't this work when combined with the above rule???
 * Why do I have to resort to a pixel-based fixed width?
 */
div#create-tagcloud {
	width: 500px !important;
}

/**
 * Miscellaneous hacky fixes for the image uploading
 * functionality
 */
div.create-fanbox-image iframe {
	width: 495px;
}

/* Nope, it won't work. Stupid iframe...
input#wpUploadFile {
	width: 330px;
}
*/

/**
 * LinkFilter
 * "About the Submitter" box on individual Link: pages
 * TODO FIXME: this doesn't scale like at all. This only
 * works with the English default text, and even
 * with that, barely.
div.link-left-units {
	width: 100px;
}
*/

/** PollNY */
div.create-poll-top {
	width: auto;
}

/** @todo FIXME: image upload iframe (once again...) */

/** SportsTeams/UserStatus */
span.top-fan-num, /* Special:TopUsers (a part of core SocialProfile) */
span.network-number, /* Special:TopNetworks */
div.view-poll-number /* Special:ViewPoll */ {
	color: #000;
}

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