/*
	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 user option enabled background colors. This built-in option gives 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 background color changing 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.1
	Author: Edward Caissie
	Author URL: http://buynowshop.com/
	Tags: black, red, white, dark, light, two-columns, right-sidebar, fixed-width, theme-options, custom-colors, translation-ready, threaded-comments, sticky-post
.
	- Changelog: see changelog.txt
.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
.
*/

/*-- 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 {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;
/* 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 {margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px; padding: 0 4px 5px; margin: 0;}
/*-- End WordPress Rules --*/

/*= The Starting Line - Edit after this point =*/
body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
}

body {background-color: black;}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
h1 {
	font-size: 27px;
	margin-bottom: 9px;
}
h2 {
	font-size: 24px;
	margin-bottom: 8px;
}
h3 {
	font-size: 21px;
	margin-bottom: 7px;
}
h4 {
	font-size: 18px;
	margin-bottom: 6px;
}
h5 {
	font-size: 15px;
	margin-bottom: 5px;
}
h6 {
	font-size: 12px;
	margin-bottom: 4px;
}

hr {
  border: 1px solid black;
  margin: 2px auto;
  width: 100%;
  height: 5px;
  background: #939393;
}

.hr, .pinup-meets-grunge {
  border: none;
  background: none;
  background-image: url(images/HorizontalRule.png);
  height: 50px;
  width: 680px;
  margin: 0 auto;
}

a {color: #000000;}
  a:link {}
  a:visited {}
  a:hover {color: #e3e3e3;}
  a:focus {}
  a:active {}

p {margin: 9px 0;}

.clear {clear: both;}
.hidden { /* display: none; */ }

sup { /* Superscripts */
    font-size: 60%;
}

sub { /* Subscripts */
  	font-size: 60%;
}

abbr { /* Abbreviations */ }
acronym {}

/* -= Begin Style =-*/

/*-= Main Blog Layout =-*/

#full-screen {
  background: url(images/GrungeOverlay.png) fixed;
}

#outside {
	border: medium double black;
	margin: 0 auto;
	width: 990px;
}

#header {}
#head2toe { /* Connects #header to #footer */ }

#main-blog {
	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 {
	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: 0px;
}

#header-middle { background: url(images/Menu_Center.png); }

#header-title {
	text-align: center;
  padding: 70px 120px 10px;
}

#blog-title {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0 40px;
	padding-bottom: 5px;
}

#blog-title a {color: #000;}
  #blog-title a:link {}
  #blog-title a:visited {}
  #blog-title a:hover {color: #e3e3e3;}
  #blog-title a:focus {}
  #blog-title a:active {}

#blog-description {
	color: #000;
	font-size: 22px;
	margin: 0 70px;
	padding-bottom: 10px;
}

#header-bottom {
	clear: both;
	background: url(images/Menu_Bottom.png) no-repeat;
	height: 22px;
}
/*=- End Header -=*/

/*-= Menu =-*/
.menu {
	margin: 0 50px;
}

#header div.menu ul {}

.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.menu li {
	float: left;
	display: inline;
	padding: 5px 0px 5px 15px;
	white-space: nowrap;
}

.menu a {
	text-decoration: none;
	color: #000;
}
  .menu a:link {}
  .menu a:visited {}
  .menu a:hover {
    color: #e3e3e3;
    text-decoration: underline;
  }
  .menu a:focus {}
  .menu a:active {}

/*-= Posts and Pages =-*/
.sticky {
	border: medium double Black;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 20px;
	padding: 5px;
}

  .sticky a {color: #000;}
    .sticky a:link {}
    .sticky a:visited {}
    .sticky a:hover {color: #e3e3e3;}
    .sticky a:focus {}
    .sticky a:active {}
    
.page {}

.post {
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: thick double Black;
}

.post a {}
  .post a:link {}
  .post a:visited {}
  .post a:hover {}
  .post a:focus {}
  .post a:active {}

.post-comments {padding-bottom: 10px;}

.post p {}

.post ul {padding-left: 20px;}

.post ol {}
.post li {}

.post dl {}
.post dl dt {}
.post dl dd {margin-left: 20px;}

.post pre {}
.post code {}
.post pre code {}

blockquote {
  background: url(images/Quotes.png) no-repeat top left;
  margin:9px 18px 9px 3px;
  padding-left: 30px;
}

cite {
	font-style: italic;
	border-bottom: 1px dashed #000;
}

  cite.fn {border-bottom: none;}

blockquote cite {padding-left: 10px;}

  blockquote cite a {font-weight: bold;}

pre { /* Use for "code" text styling */
	margin: 0px;
	padding: 5px;
	/* background-image: url(images/pre-bg.png); */
	border: 2px inset;
	font-style: italic;
	font-size: 16px;
	color: #000;
	text-align: left;
	overflow: auto;

	overflow-x: auto; /* Use horizontal scroller 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: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

code { /* Use with "pre" for text styling */
	font-style: monospace;
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bold;
	color: #000;

	overflow-x: auto; /* Use horizontal scroller 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: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

pre code {}

.post-details, #page-meta {
  font-size: 90%;
  font-weight: bold;
  padding-left: 18px;
  padding-bottom: 9px;
}

.post-comments {}
  .post-comments a {}

/*-- Tables --*/
table {}
tbody {}
tr {}
tr.even {background: none;}
th {}
td {}
/*-- End Tables --*/

.navigation {}
.navigation-links {}
.pagenav {}

.page_item {}

.current_page_item {
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
}
.current_page_item a {
  color: #000;
  text-decoration: underline;
}

.current_page_parent {}

/*-- Category, Tag, and Date pages --*/
.categories {}

#category-title {font-size: 28px;}
#category-name {font-size: 32px;}
#category-description {
  font-style: italic;
  padding-left: 10px;
}

.cat-item {}
.current-cat {}
.current-cat-parent {}

.tags {}

#tag-title {font-size: 28px;}
#tag-name {font-size: 32px;}
#tag-description {
  font-style: italic;
  padding-left: 10px;
}

#date-title {
  font-size: 28px;
  padding-bottom: 14px;
}
/*-- End Category, Tag, and Date pages --*/

/*=- End Posts and Pages -=*/

/*-= Images =-*/
img {font-size: 75%;}
  img.wp-smiley {float: none;}

p img {
  padding: 0;
  max-width: 100%;
}

a img.alignright, a img.right {}
a img.alignleft, a img.left {}
a img.aligncenter, a img.center {}

/*-- Captions --*/
.caption {
	border: 1px solid #E5E5FF;
	background: #E5F2FF;
	margin: 5px;
	padding: 5px;
	font-size:90%;
}

/*=- End Images -=*/

/*= Forms =*/
form, fieldset, legend { /* Initialized */
	margin: 0;
	padding: 0;
	border: 0;
}
  form {}
  fieldset {}
  legend {}
  
label {}

input, textarea {}
	input:focus, textarea:focus {}

textarea {width:99%;}
  textarea#text_area {max-width: 628px;}
/* =- End Forms -= ---*/

/*-= Comments =- ---*/
/*-- Threaded Comments --*/
#comments-main {margin-top: 10px;}

#comments {}
#singlecomments {}

.commentlist {border: 1px solid #000;}

  .commentlist p {}

.depth-1 {border: 1px solid #000;}

ul#singlecomments.commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

ul#singlecomments.commentlist li {
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
}

ul.children {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

  ul.children li {}

.comment {}
.comment-body {}

.comment-author {}
  .comment-author a {}

.avatar {
	display: inline;
	float:left;
	margin:0 10px 10px 0;
}

.comment-meta, commentmetadata {
	font-size: 75%;
	padding-top: 2px;
}

.reply {
	padding-bottom: 5px;
	font-size: 85%;
}

.comment-reply-link {}

.byuser{}

.odd, comment-text-1 {
	margin-top: 1px;
	background: #af7d7a; 
}

.even, comment-text-2 {
	margin-top: 1px;
	background: #60606b;
}

.alt {}

.user-id-1, .administrator { /* also styles author page user block */
	margin-top: 1px;
	background-color: #8e9ca4;
}
.user-id-2 { /* sample User_ID == 2 styling */
	/* margin-top: 1px; */
  /* background-color: #8c8680; */
}
.user-id-3 {}
.user-id-4 {} /* etc ... or "comment-author-authorname gets added for specific registered users" by default for comments */

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

#commentform {}
  #commentform p {margin: 2px;}
  #commentform input {}
  #commentform label {}
  #commentform textarea {}
  #commentform #submit {cursor:pointer;}

textarea#comment {
	padding: 0px;
	/* max-width: 654px; */
}

#respond {margin-top: 10px;}
/*-- End Threaded Comments --*/

/*-- Legacy Comments --*/
#comment-header {}
.comment-details {}
.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0;
}
/*-- End Legacy Comments --*/
/*-= End Comments =-*/

/*=- Miscellaneous -=*/
#author {
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #71380f;
}

  #author ul {
	 margin: 0;
	 padding: 0;
   list-style-type: none;
	 list-style-image: none;
  }
  
  #author li {padding-bottom: 10px;}

    #author ul li {}
/*-= End Miscellaneous =-*/

/*-= Sidebar =-*/
#sidebar-inside {}

.blogroll {}
.linkcat {}

/*-- Search / Forms --*/
#search {}
#searchform {}

#search-container {
  text-align: center;
}
#search-submit {}

.form-input {}
  .form-input:focus {}

input#s {width: 200px;}

/*-- Widgets --*/
/* div.widget {
  padding-left: 20px;
  padding-right: 20px;
} */

.widget {
	background: url(images/SideBar_Center.png);
	padding-left: 20px;
	padding-right: 50px;
	color: #000;
}

  .widget a {color: #000;}
    .widget a:link {}
    .widget a:visited {}
    .widget a:hover {color: #e3e3e3;}
    .widget a:focus {}
    .widget a:active {}

  .widget h2 {text-align: center;}
  h2.widget-title {margin: 0 auto;}

  .widget p {margin: 0;}
  
  .widget .tag-link {}
  
.widget-top {
	background: url(images/SideBar_Top.png) no-repeat;
	height: 40px;
}

.widget-title {}

.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-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

  .widget ul li {}
    .widget ul li a{}

  .widget ul ul li {padding-left: 10px;}

  .widget li {}
  .widget ol {}
  .widget ol li {}
    .widget ol li a{}
  
/*-- Calendar --*/
#wp-calendar {margin: 0 auto;}

.widget #wp-calendar {}

.widget table#wp-calendar {
  width: 100%;
  text-align: center;
  }

/*=- End Sidebar -=*/

/*=- Footer -=*/
#footer-top {}

#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 {
  position: relative;
  float: left;
}

#fw-middle,
#fw-left,
#fw-right {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}

#fw-middle {
  width: 100%;
}

#fw-left {
  width: 330px;
  right: 330px;
  margin-left: -100%;
}

#fw-right {
  width: 330px;
  margin-right: -330px;
}

/*-- Footer Widget - to style each widget --*/

.footer-widget { /* matches .widget */
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	background: url(images/Footer_Widget_Center.png) repeat-y;
}

.footer widget a {color: #000;}

.footer-widget p {}

.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-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}

.footer-widget ul li {}
  .footer-widget ul li a{}

.footer-widget ul ul li {padding-left: 10px;}

.footer-widget li {}
.footer-widget ol {}
.footer-widget ol li {}
  .footer-widget ol li a{}
/*-- End Footer Widget --*/

#footer-widgets-below {
	clear: both;
}

#footer-middle {margin: 20px 0;}

  #footer-middle p {
    margin: 0;
    padding: 0;
  	text-align: center;
  }

#footer-bottom {}
/*-= End Footer =-*/

/*-- WordPress' plugin stylings --*/
img#wpstats{display:none;}
#akismetstats{margin:0 auto;}

/* BNS Plugins */
/* bns-login plugin */
.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! =-*/
/* Testing, testing, testing ... */
