/*
Theme Name: NoNa
Theme URI: http://buynowshop.com/themes/nona/
Description: Missing the pretty pin-up girl posing in the header, this grunge based theme originally known as <a href="http://buynowshop.com/themes/pinup-meets-grunge/">Pinup Meets Grunge</a> beautifully blends custom background colors. This built-in options give you the creative opportunity to truly make this theme your own. Do not be scared off by the dark look, try installing your own copy and playing with the custom background color option yourself. Remember, if you are not a fan of "blank" headers feel free to drop us a note and we can discuss additional options.
Version: 1.9.3
Author: Edward Caissie
Author URI: http://edwardcaissie.com/
WordPress Required Version: 4.1
WordPress Tested Version: 4.4.2
Tags: brown, orange, silver, tan, light, two-columns, right-sidebar, fixed-layout, threaded-comments, sticky-post, custom-menu, custom-background
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/**
 * Copyright 2009-2016  Edward Caissie  (email : edward.caissie@gmail.com)
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 2, as published by the
 * Free Software Foundation.
 *
 * You may NOT assume that you can use any other version of the GPL.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details
 *
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, write to:
 *
 *      Free Software Foundation, Inc.
 *      51 Franklin St, Fifth Floor
 *      Boston, MA  02110-1301  USA
 *
 * The license for this software can also likely be found here:
 * http://www.gnu.org/licenses/gpl-2.0.html
 */

/*-- YUI Reset: Start --*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/*-- YUI Reset: End --*/

/*-- WordPress Rules --*/
div.aligncenter, .aligncenter, .center {
	margin: 0 auto;
}

.alignleft, .left {
	float: left;
	text-align: left;
}

.alignright, .right {
	float: right;
	text-align: right;
}

img.aligncenter, img.center {
	display: block;
}

img.alignleft, img.left {
	display: inline;
	margin: 0 8px 8px 0;
}

img.alignright, img.right {
	display: inline;
	margin: 0 0 8px 8px;
}

.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	padding-top: 4px;
	text-align: center;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.gallery-caption {
	word-wrap: normal;
	word-break: break-all;
}

/* Placeholders */
.bypostauthor {
}

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*-- End WordPress Rules --*/

/*= The Starting Line - Edit after this point =*/
body {
	background: black url(images/GrungeOverlayTileSmall.png);
	color: #000000;
	font-size: 115%;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

a {
	color: #000000;
}

a:hover {
	color: #e3e3e3;
}

abbr,
acronym {
	cursor: help;
}

em,
ins {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 {
	font-size: 175%;
	margin-bottom: 9px;
}

h2 {
	font-size: 155%;
	margin-bottom: 8px;
}

h3 {
	font-size: 135%;
	margin-bottom: 7px;
}

h4 {
	margin-bottom: 6px;
}

h5 {
	font-size: 95%;
	margin-bottom: 5px;
}

h6 {
	font-size: 75%;
	margin-bottom: 4px;
}

hr {
	border: 1px solid black;
	margin: 2px auto;
	width: 100%;
	height: 5px;
	background: #939393;
}

.hr, .pinup-meets-grunge {
	background: url(images/HorizontalRule.png);
	border: none;
	height: 50px;
	margin: 0 auto;
	width: 680px;
}

kbd,
tt {
	font-family: monospace;
}

p {
	margin: 9px 0;
}

q:before, q:after {
	content: '"';
}

var {
	font-style: italic;
}

/*-- Lists --*/
ol {
	list-style: decimal inside none;
}

li ol {
	list-style: lower-alpha inside none;
}

li ol li ol {
	list-style: lower-roman inside none;
}

ul {
	list-style: disc inside none;
}

li ul {
	list-style: circle inside none;
}

li ul li ul {
	list-style: square inside none;
}

.page li {
	padding-left: 20px;
}

.post li {
	padding-left: 20px;
}

/*-- Lists --*/

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

sup {
	/* Superscripts */
	font-size: 70%;
}

sub {
	/* Subscripts */
	font-size: 70%;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

/* -= Begin Style =-*/

/*-= Main Blog Layout =-*/
#outside {
	border: medium double black;
	margin: 0 auto;
	width: 990px;
}

#main-blog {
	border-top: medium double black;
	float: left;
	margin: 0 -330px 0 0;
	width: 100%;
}

#before-content {
	background: url(images/Text_Top.png) no-repeat;
	height: 39px;
}

#content {
	background: url(images/Text_Center.png) repeat-y;
	margin: 0 325px 0 0;
	padding: 10px 15px 10px 53px;
}

#after-content {
	background: url(images/Text_Bottom.png) no-repeat;
	height: 26px;
}

#sidebar {
	border-top: medium double black;
	float: right;
	overflow: hidden;
	width: 320px;
}

#footer {
	clear: both;
	width: 100%;
}

/*-= Header =-*/
#header-top {
	background: url(images/Blank_Header.png) no-repeat;
	height: 350px;
	margin-top: 0;
}

#header-middle {
	background-image: url(images/Menu_Center.png);
}

#header-title {
	text-align: center;
	padding: 70px 120px 10px;
}

#blog-title {
	color: #000;
	font-size: 195%;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0 40px;
	padding-bottom: 5px;
}

#blog-title a {
	color: #000;
}

#blog-title a:hover {
	color: #e3e3e3;
}

#blog-description {
	color: #000;
	font-size: 140%;
	margin: 0 70px;
	padding-bottom: 10px;
}

#header-bottom {
	clear: both;
	background: url(images/Menu_Bottom.png) no-repeat;
	height: 22px;
}

/*=- End Header -=*/

/* === MENU === */
div#top-navigation-menu {
	clear: both;
	left: 50px;
	position: relative;
	width: 910px;
}

.page ul.nav-menu {
	padding-left: 0;
}

.nav-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1000; /* Raise above all other elements */
}

.nav-menu a, .nav-menu a:hover {
	border: none;
	display: block;
	text-decoration: none;
}

.nav-menu li {
	float: left;
	list-style: none outside none;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	min-width: 99px;
	position: relative;
	white-space: nowrap;
}

.nav-menu a, .nav-menu a:visited {
	display: block;
	font-weight: bold;
	padding: 8px 12px;
}

.nav-menu a:hover, .nav-menu a:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}

/**
 * Strongly influenced by the "Horizontal CSS Drop-Down Menu Module"
 *
 * found @link: http://www.lwis.net/
 * @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.nav-menu,
ul.nav-menu li,
ul.nav-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav-menu {
	float: left;
	position: relative;
	z-index: 1097;
}

ul.nav-menu li {
	float: left;
	vertical-align: middle;
	zoom: 1;
}

ul.nav-menu li.hover,
ul.nav-menu li:hover {
	cursor: default;
	position: relative;
	z-index: 1099;
}

ul.nav-menu ul {
	background: #fff;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1098;
	width: auto;
}

ul.nav-menu ul li {
	float: none;
}

ul.nav-menu ul ul {
	left: 99%;
	margin-top: -1px;
	top: 1px;
}

ul.nav-menu li:hover > ul {
	visibility: visible;
}

ul.nav-menu ul.sub-menu li,
ul.nav-menu ul.children li {
	border: none;
	list-style: none;
	text-align: left;
}

/* End: Horizontal CSS Drop-Down Menu Module */

/* -- Rounded Corners for Menu -- */
.nav-menu a, .nav-menu a:visited, .nav-menu a:hover, .nav-menu a:active,
ul.nav-menu ul.sub-menu li, ul.nav-menu ul.children li, ul.nav-menu ul, ul.nav-menu ul ul {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* WordPress 3.0 Navigation Menu default widget */
.widget_nav_menu ul.sub-menu li {
	background: none;
	border-left: 1px dashed #000000;
	list-style: none inside none;
	padding: 0 0 0 15px;
}

/* === End: Menu === */

/*-= Posts and Pages =-*/
.sticky {
	border: medium double Black;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 120%;
	padding: 5px;
}

.sticky a {
	color: #000;
}

.sticky a:hover {
	color: #e3e3e3;
}

.post {
	border-bottom: thick double Black;
	overflow: hidden;
	padding-bottom: 9px;
	padding-top: 9px;
}

h2.post-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.post-comments {
	padding-bottom: 10px;
}

.post dl dd {
	margin-left: 20px;
}

blockquote {
	background: url(images/Quotes.png) no-repeat top left;
	margin: 9px 18px 9px 3px;
	padding-left: 30px;
}

cite {
	border-bottom: 1px dashed #000;
	font-style: italic;
}

cite.fn {
	border-bottom: none;
}

blockquote cite {
	padding-left: 10px;
}

blockquote cite a {
	font-weight: bold;
}

pre {
	/* Use for "code" text styling */
	border: 2px inset;
	color: #000;
	font-size: 100%;
	font-style: italic;
	margin: 0;
	padding: 5px;
	overflow: auto;
	text-align: left;

	overflow-x: auto; /* Use horizontal scroll if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

code {
	/* Use with "pre" for text styling */
	color: #000;
	font-family: "Courier New", Courier, sans-serif;
	font-size: 100%;
	font-weight: bold;

	overflow-x: auto; /* Use horizontal scroll if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.post-details, #page-meta {
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 9px;
	padding-left: 18px;
}

/*-- Tables --*/
table {
	width: 100%;
}

tr {
	border: 1px solid #000;
}

tr.even {
	background: none;
}

th {
	font-weight: bold;
	font-style: italic;
}

td {
	border-right: 1px solid #000;
	padding-left: 5px;
}

/*-- End Tables --*/

.current_page_item {
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}

.current_page_item a {
	color: #000;
	text-decoration: underline;
}

/*-- Category, Tag, and Date pages --*/
#category-title {
	font-size: 150%;
}

#category-name {
	font-size: 125%;
}

#category-description {
	font-style: italic;
	padding-left: 10px;
}

#tag-title {
	font-size: 150%;
}

#tag-name {
	font-size: 125%;
}

#tag-description {
	font-style: italic;
	padding-left: 10px;
}

#date-title {
	font-size: 180%;
	padding-bottom: 14px;
}

/*-- End Category, Tag, and Date pages --*/

/*=- End Posts and Pages -=*/

/*-= Images =-*/
img {
	font-size: 75%;
}

img.wp-smiley {
	display: none;
}

/** Keeps Featured Images to width of container */
img.wp-post-image {
	height: auto;
	width: 100%;
}

p img {
	height: auto;
	max-width: 100%;
	padding: 0;
}

/*-- Captions --*/
.caption {
	background: #E5F2FF;
	border: 1px solid #E5E5FF;
	font-size: 105%;
	margin: 5px;
	padding: 5px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	height: auto;
	max-width: 99%;
}

.wp-caption img.size-full {
	height: auto;
	max-width: 587px;
}

.wp-caption.aligncenter {
	margin: 0 auto;
	max-width: 595px;
}

/* Gallery columns up to three (3) are handled by default in the theme.
 * Four (4) or more columns requires a maximum width be set for the image
 * thumbnail; also note the height is set to 'auto' to maintain a square shape.
 **/
.gallery-columns-4 img {
	height: auto;
	max-width: 139px;
}

.gallery-columns-5 img {
	height: auto;
	max-width: 110px;
}

.gallery-columns-6 img {
	height: auto;
	max-width: 89px;
}

.gallery-columns-7 img {
	height: auto;
	max-width: 77px;
}

.gallery-columns-8 img {
	height: auto;
	max-width: 66px;
}

.gallery-columns-9 img {
	height: auto;
	max-width: 59px;
}

.gallery-columns-10 img {
	height: auto;
	max-width: 55px;
}

/*=- End Images -=*/

/*= Forms =*/
form, fieldset, legend {
	/* Initialized */
	margin: 0;
	padding: 0;
	border: 0;
}

input, textarea {
	margin: 5px 0;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

form.searchform input {
	padding: 4px;
	position: relative;
	top: -3px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
	display: inline-block;
	float: left;
	padding-top: 10px;
	width: 80px;
}

p.comment-form-author span.required,
p.comment-form-email span.required {
	margin-left: -7px;
}

input#author,
input#email,
input#url {
	padding: 5px;
}

textarea {
	width: 97%;
}

div#respond form#commentform p.form-submit {
	padding-right: 5px;
}

div.widget div.textwidget form select {
	width: 98%;
}

form.post-password-form input {
	padding: 4px;
	position: relative;
	top: -3px;
}

/* =- End Forms -= ---*/

/*-= Comments =- ---*/
/*-- Threaded Comments --*/
#comments-main {
	margin-top: 10px;
}

.commentlist {
	border: 1px solid #000;
	padding-bottom: 10px;
}

.depth-1 {
	border: 1px solid #000;
}

ul#singlecomments.commentlist {
	list-style: none none;
	margin: 0;
	padding: 0;
}

ul#singlecomments.commentlist li {
	margin-top: 0;
	padding-left: 10px;
	padding-top: 10px;
}

ul.children {
	list-style: none none;
	margin: 0;
	padding: 0;
}

ul.children li {
	border-left: 1px dashed #000;
}

.comment-body blockquote {
	margin: 19px 5px 0 0;
}

.comment-meta, .commentmetadata {
	font-size: 85%;
	padding-top: 2px;
}

.reply {
	font-size: 100%;
}

.odd, .comment-text-1 {
	background: #af7d7a;
	margin-top: 1px;
}

.even, .comment-text-2 {
	background: #60606b;
	margin-top: 1px;
}

.user-id-1, .administrator {
	/* also styles author page user block */
	background-color: #8e9ca4;
	margin-top: 1px;
}

.user-id-2 {
	/* sample User_ID == 2 styling */
	/* background-color: #8c8680; */
	/* margin-top: 1px; */
}

.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
}

#commentform p {
	margin: 2px;
}

#commentform #submit {
	cursor: pointer;
}

p.form-allowed-tags {
	font-size: 90%;
}

.form-allowed-tags code {
	text-align: justify;
	font-size: 90%;
}

form#commentform p.form-submit {
	text-align: right;
}

form#commentform p.form-submit input#submit {
	padding: 5px;

	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
}

textarea#comment {
	padding: 5px;
}

#respond {
	margin-top: 10px;
}

/*-- End Threaded Comments --*/

/*-= End Comments =-*/

/*=- Miscellaneous -=*/
#author {
	border: 2px solid #71380f;
	padding: 10px;
	margin-bottom: 10px;
}

#author ul {
	list-style: none none;
	margin: 0;
	padding: 0;
}

#author li {
	padding-bottom: 10px;
}

/*-= End Miscellaneous =-*/

/*-= Sidebar =-*/
/*-- Search / Forms --*/
#search-container {
	text-align: center;
}

input#s {
	padding-left: 5px;
	width: 70%;
}

.hidden {
	visibility: hidden;
}

/*-- Widgets --*/
.widget {
	background: url(images/SideBar_Center.png);
	color: #000;
	padding-left: 20px;
	padding-right: 50px;
}

.widget a {
	color: #000;
}

.widget a:hover {
	color: #e3e3e3;
}

.widget h2 {
	text-align: center;
}

h2.widget-title {
	margin: 0 auto;
}

.widget p {
	margin: 0;
}

.widget-top {
	background: url(images/SideBar_Top.png) no-repeat;
	height: 40px;
}

.widget-bottom {
	background: url(images/SideBar_Bottom.png) no-repeat;
	height: 22px;
}

.textwidget {
	padding: 0 10px;
}

.textwidget form {
	text-align: center;
}

.widget ul {
	list-style: none none;
	margin: 0;
	padding: 0;
}

.widget ul ul li {
	padding-left: 10px;
}

/*-- Calendar --*/
table#wp-calendar td#today {
	background-color: #FFFFFF;
	border-radius: 5px;
	font-weight: bold;
}

table#wp-calendar tr, table#wp-calendar td {
	border: none;
}

#wp-calendar {
	margin: 0 auto;
}

table#wp-calendar {
	text-align: center;
	width: 100%;
}

table#wp-calendar caption {
	text-align: center;
}

table#wp-calendar th {
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

/* End Calendar */

.widget_archive select,
.widget_categories select {
	width: 100%;
}

div.widget div.textwidget {
	overflow: hidden;
}

div.widget_text div.textwidget div.wp-caption {
	margin: 0;
}

div.widget_text div.textwidget div.wp-caption a img {
	height: auto;
	width: 98%;
}

/*=- End Sidebar -=*/

/*=- Footer -=*/
#footer-widgets-above {
	padding-top: 10px;
}

#footer-widgets .widget-top {
	background: url(images/Footer_Widget_Top.png) no-repeat;
	height: 40px;
}

#footer-widgets .widget-bottom {
	background: url(images/Footer_Widget_Bottom.png) no-repeat;
	height: 22px;
}

#footer-widgets a {
	color: #000;
}

#footer-widgets a:hover {
	color: #e3e3e3;
}

#footer-widgets {
	color: #000;
	padding-left: 330px;
	padding-right: 330px;
}

#footer-widgets .fw-column {
	float: left;
	position: relative;
}

#fw-middle,
#fw-left,
#fw-right {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	vertical-align: top;
}

#fw-middle {
	width: 100%;
}

#fw-left {
	margin-left: -100%;
	right: 330px;
	width: 330px;
}

#fw-right {
	margin-right: -330px;
	width: 330px;
}

/*-- Footer Widget - to style each widget --*/

.footer-widget {
	/* matches .widget */
	background: url(images/Footer_Widget_Center.png) repeat-y;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
}

.footer .widget a {
	color: #000;
}

.footer-widget h2 {
	text-align: center;
}

.footer-widget h6 {
	/* Used for BNS-Login function */
	margin-bottom: 0;
	padding-top: 9px;
}

.footer-widget ul {
	list-style: none none;
	margin: 0;
	padding: 0;
}

.footer-widget ul ul li {
	padding-left: 10px;
}

/*-- End Footer Widget --*/

#footer-widgets-below {
	clear: both;
}

#footer-middle {
	margin: 20px 0;
}

#footer-middle p {
	margin: 0;
	padding: 0;
	text-align: center;
}

/*-= End Footer =-*/

/*-- Default Widgets --*/
div.widget_rss ul li {
	margin-bottom: 10px;
}

div.widget_rss ul li:last-child {
	margin-bottom: 0;
}

div.widget_rss ul li div.rssSummary {
	font-size: 90%;
}

/*-- WordPress Plugin Styles --*/
img#wpstats {
	display: none;
}

#akismetstats {
	margin: 0 auto;
}

/* Miscellaneous */
/** Make sure Twitter embeds are not fixed width */
#content .twitter-tweet-rendered {
	width: 100% !important;
}

/* BNS Plugins */
/* bns-login plugin */
.nona-login, .bns-login {
	text-align: center;
	font-style: italic;
}

#bns-logged-in {
	font-weight: bold;
}

#bns-logged-out {
	font-weight: lighter;
}

/*-= The Finish Line - All Your Edits Belong To Us! =-*/