/* @override 
 http://nathanshaffermusic.com/wp-content/themes/FlexxDark/style.css
 http://nathanshaffermusic.com/wp-content/themes/FlexxDark/css/reset.css
*/

/*
Theme Name: Flexx Theme - Dark
Theme URI: http://flexxtheme.com/
Author: iThemes
Author URI: http://ithemes.com/
Version: 2.6.5
Description: This theme is the Flexx theme which has been modified by Jodi Adams with 
BestSites4Professionals.com and help from Carlos.  For more information please contact Jodi.

Copyright (c) 2009 iThemes Media, LLC

See history.txt for version history.
*/
/*CSS Reset*/
@import url(css/reset.css);
/*Get the grid, baby!*/
@import url(css/grid.css);

body { /* This is where you set many of the universal defaults */
 background: black url(images/nathan.jpg) no-repeat -185px 0px fixed  !important; 
 color: #f2f2f2;
 font-family: calibri, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 16px;
}
body#hmpage { /* This is where you set many of the universal defaults */
 background: black url(images/nathan_eagle.jpg) no-repeat -185px 0px fixed  !important; 
 color: #f2f2f2;
 font-family: calibri, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 16px;
}
.clear {
 clear: both;
 display: block;
 height: 1px;
}

/*********************************************
  Universal Link Styles
*********************************************/
a {
 color: #47739c;
 text-decoration: none;
}
a:hover { 
 color: #fff; 
 text-decoration: underline; 
}

/*********************************************
  Universal Text Elements
*********************************************/

.ml380 {
 margin-left: 380px !important;
}
i, em {
 font-style: italic;
}
b, strong {
 font-weight: bold;
}
ol, ul {
 margin: 5px 35px;
}
ol {
 list-style-type: decimal;
}
ul {
 list-style-type: square;
}
blockquote {
 margin: 5px 20px 5px 20px; padding: 0px 20px;
 font-style: italic;
 background: #DDD;
 border: 1px solid #555;
 border-left: 3px solid #555;
}
img { border: 0px; background: none; }
p {
 padding: 10px 0px;
 margin: 0px;
}
/*********************************************
  Header Styles
*********************************************/
/* Use this for universal styles for all header elements
Be sure to uncomment the styles before using */
h1,h2,h3,h4,h5,h6 {
 /*
 font-family: ;
 font-size: ;
 color: px;
 margin: px; padding: px;
 */
}

h1 { /* This style is generally used as title on single posts and pages */
 color: #47739c;
 font-size: 20px;
 line-height: 24px;
}
h2 { /* This style used as a sub-header in post/page content */
 font-size: 18px;
}
h3 { /* This style used as the post titles on homepage/archive */
 clear: both;
 font-size: 20px;
 line-height: 24px;
}
h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
 font-size: 18px;
 padding: 0 0 0 10px;
}
h5 {
 font-size: 16px;
}
h6 {
 font-size: 14px;
}

/*********************************************
  The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin: 0px 8px 8px 0px;
}
.alignright {
   float: right !important;
   margin: 0px 0px 8px 8px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.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;
}
.post img {border: transparent;}

/*********************************************
  Container Div
*********************************************/
#container {
 position: relative;
 margin-top: 20px;
}
#eagle {
 position: absolute;
 width: 402px;
 height: 291px;
 margin: 110px 0 0 138px;
 background: url(images/eagle.png) no-repeat;
 z-index: 1;
}
#proceeds {
 font-family: calibri, Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 14px;
 text-align: center;
}
#defaultCube {
 width: 400px; 
 height: 240px;
 padding: 10px 0 0 0;
}


/*********************************************
  Header Styles
*********************************************/
#header {
 clear: both;
 position: relative;
}
#header #title a {
 display: block;
 overflow: hidden;
}
/*********************************************
  Horizontal Navigaion Styles 
    (with dropdowns)
*********************************************/
#pagemenu,
#catmenu {
 width: 100%;
 margin: 0 auto 0; padding: 5px 0;
 height: 22px;
 text-transform: uppercase;
 font-size: 11px;
}
#pagemenu ul,
#catmenu ul {
 float: left;
 list-style: none;
 margin: 0; padding: 0;
}
#pagemenu li,
#catmenu li {
 float: left;
 list-style: none;
 margin: 0; padding: 0 0 0 10px;
}
 
#pagemenu li a,
#catmenu li a {
 color: #C1D9D8;
 display: block;
 font-weight: normal;
    margin: 0; padding: 2px 10px;
 text-decoration: none;
 font-family: "comic Sans MS";
}
 
#pagemenu li a:hover,#pagemenu li.current_page_item a{
 color: #CB4B3A;
}

/* second level stuff */
#pagemenu li ul,
#catmenu li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 190px;
 margin: 0; padding: 0;
 border-top: 1px solid #333;
}
#pagemenu li li,
#catmenu li li {
 padding: 0;
}
#pagemenu li li a,
#catmenu li li a {
 width: 168px;
 float: none;
 margin: 0px;
 padding: 2px 10px;
 background: #1b1b1b repeat-x;
}
#pagemenu li li a:hover,#catmenu li li a:hover {
 background: #47739c;
 color: #FFFFFF;
 padding: 2px 10px;
}
#pagemenu li ul,
#catmenu li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 190px;
 margin: 0; padding: 0;
}
#pagemenu li ul ul,
#catmenu li ul ul {
 margin: -22px 0 0 189px;
}
#pagemenu li:hover ul ul,
#pagemenu li:hover ul ul ul,
#pagemenu li.sfhover ul ul,
#pagemenu li.sfhover ul ul ul,
#catmenu li:hover ul ul,
#catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul,
#catmenu li.sfhover ul ul ul {
 left: -999em;
}
#pagemenu li:hover ul,
#pagemenu li li:hover ul,
#pagemenu li li li:hover ul,
#pagemenu li.sfhover ul,
#pagemenu li li.sfhover ul,
#pagemenu li li li.sfhover ul,
#catmenu li:hover ul,
#catmenu li li:hover ul,
#catmenu li li li:hover ul,
#catmenu li.sfhover ul,
#catmenu li li.sfhover ul,
#catmenu li li li.sfhover ul {
 left: auto;
}
#pagemenu li:hover,
#pagemenu li.sfhover,
#catmenu li:hover,
#catmenu li.sfhover { 
 position: static;
}

/*********************************************
  Feature-Top Div
  Feature-Bottom Div
*********************************************/
.w260,.w260-,.w390,.w390- {display: inline; float: left; margin: 0px 10px; text-align: left; overflow: hidden;}
.w260 {width: 240px;} .w260- {width: 260px; margin: 0px;}
.w390 {width: 370px;} .w390- {width: 390px; margin: 0px;}
#feature-top,
#feature-bottom {
 width: 100%;
 float: left;
 margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
 overflow: hidden;
 border-bottom: 1px solid #333;
}
#feature-top a {
 text-decoration: none;
}
#feature-top a:hover {
 color: #000;
 text-decoration: underline;
}
#feature-bottom {
 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#feature-bottom a {
 color: #FFF;
 text-decoration: none;
}
#feature-bottom a:hover {
 text-decoration: underline;
}
#feature-top .widget,
#feature-bottom .widget {
 padding: 0px 0px 10px 0px;
}
#feature-top h4,
#feature-bottom h4 {
 margin: 0px; padding: 5px 10px;
 color: #47739c;
 font-size: 11px;
 text-transform: uppercase;
 border: 1px solid #333;
 border-left: none; border-right: none;
}
#feature-top h4 a,
#feature-bottom h4 a {
 color: #47739c;
 text-decoration: none;
}
#feature-top h4 a:hover,
#feature-bottom h4 a:hover {
 color: #FFF;
 text-decoration: none;
}
#feature-top-left h4,
#feature-top-middle h4,
#feature-bottom-left h4,
#feature-bottom-middle h4 {
 border: 1px solid #333;
 border-left: none;
}

#feature-top p,
#feature-top ul,
#feature-top ol,
#feature-top img  {
 padding: 10px;
}
#feature-bottom p,
#feature-bottom ul,
#feature-bottom ol,
#feature-bottom img  {
 padding: 10px;
}
#feature-top .textwidget,
#feature-bottom .textwidget {
 padding: 10px;
}
#feature-top ul,
#feature-top ol,
#feature-bottom ul,
#feature-bottom ol {
 padding: 10px 0px; margin: 0px 15px 5px 25px;
 list-style-type: square;
}
#feature-top li ul,
#feature-top li ol,
#feature-bottom li ul,
#feature-bottom li ol {
 padding: 0px;
}
#feature-top a.rsswidget img,
#feature-bottom a.rsswidget img {
 display: none;
}
 
/*********************************************
  Content Div
*********************************************/
#content {
}

.post {
 padding: 5px 10px 10px 10px;
}
.post .title {
 width: 580px;
}
.page .date {
 display: none;
}
.post .date {
 display: none;
}
.post .post-title {
 float: left;
 width: 500px;
 line-height: 28px;
 padding: 5px 0px 0px 0px;
}
.post .post-title a {
 text-decoration: none;
}

/*********************************************
  Post Meta Styles, if needed
*********************************************/
.meta-top {
 clear: both; /* we need this so floats in the post are cleared */
}
.meta-bottom {
 clear: both; /* we need this so floats in the post are cleared */
 border-top: 1px solid #333;
 margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;
}
.meta-bottom .alignleft {
 width: 70%;
}
.meta-bottom .categories {
 background: url(images/folder.png) 0px 0px no-repeat;
 padding: 0px 0px 0px 18px;
}
.meta-bottom .comments {
 background: url(images/comments.png) 0px 2px no-repeat;
 padding: 0px 0px 0px 18px;
}
.photometa {
 margin: 0px 5px 0px 5px; padding: 0px 0px;
 width: 100%;
}
.EXIF {
 margin: -22px 0px 0px 10px; padding: 0px 0px;
 float: left;
 width: 33%;
}
.photometa h4 {
 border-bottom: 1px solid #666;
 text-align: center;
 margin: 0px; padding: 0px;
}
.photometa ul {
 list-style-type: none;
}

/*********************************************
  Previous/Next Page Navigation
*********************************************/
.paging {
 clear: both; /* To clear any floats */
 margin: 0px; padding: 10px;
}

/*********************************************
  Sidebar
*********************************************/
#sidebar {
 margin-top: 10px;
}
.sidebar {
}
#sidebar .sidebar {
 background: none;
}
.sidebar a {
 text-decoration: none;
}
.sidebar a:hover {
 text-decoration: underline;
}
.sidebar h4 {
 clear: both;
 background: url(images/feature-top-title.gif) repeat-x;
 color: #FFF;
 font-size: 11px;
 text-transform: uppercase;
 margin: 0 0 10px 0; padding: 8px 0px 8px 8px;
 line-height: 13px;
}
.sidebar h4 img {
 padding: 0px;
}
.sidebar h4 a {
 color: #FFF;
 text-decoration: none;
 margin: 0px; padding: 0px;
}
.sidebar .widget {
 clear: both;
 padding: 5px 10px;
}
.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar img  {
 padding: 5px 0px;
}
.sidebar p, 
.sidebar .textwidget {
 padding: 5px 0px;
}
.sidebar img {
 text-align: center;
}
.sidebar ul {
 list-style-type: none;
 margin: 0px; padding: 0px;
}
.sidebar ul li {
 margin: 0px; padding: 0px 0px 0px 8px;
 line-height: 18px;
 background: url(images/arrow.gif) 0px 4px no-repeat;
}
.sidebar ul li a {
 text-decoration: none;
}
.sidebar ul li a:hover {
 
}
.sidebar ul li ul {
 margin: 0px; padding: 0px;
}
.sidebar ul li ul li {
 margin: 0px; padding: 0px 0px 0px 8px;
}
.sidebar a.rsswidget img {
 display: none;
}

/*********************************************
  Comment Styles
*********************************************/

#comments {
 margin: 0; padding: 20px 10px;
}
#comments .title {
 font-size: 25px;
 margin: 0px; padding: 15px 0px;
}
#comments ol.commentlist {
 margin: 0px; padding: 0px;
}
#comments ul.children {
 margin: 0px; padding: 10px 0px 0px 20px;
}
#comments .vcard {
 
}
#comments .vcard .avatar {
 display: block;
 float: left;
 margin: 0px; padding: 0px 10px 0px 0px;
}
#comments .comment-meta {
 padding: 0px 0px 20px 0px;
}
#comments li.even,
#comments li.odd {
 clear: both;
 list-style-type: none;
 margin: 5px 0px 5px 0px; padding: 10px;
 overflow: hidden;
 border: 1px solid #333;
}
#comments ul.children li {
}
#comments li.even {
 margin: 5px 0px 5px 0px;
 padding: 10px;
 overflow: hidden;
}
#comments li.odd {
 margin: 5px 0px 5px 0px;
 padding: 10px;
 overflow: hidden;
}
#comments blockquote {
 margin: 10px 0px; padding: 10px;
}
#comments .alert {
 background: #fffbd6;
 border: 1px solid #ebe067;
 margin: 5px 0px; padding: 5px;
}
#comments p {
 margin: 0px 0px 10px; padding: 0px;
}

#respond {
 overflow: hidden;
 padding: 10px;
}
#respond #commentform {
 margin: 5px 0px 0px 0px;
 padding: 0px;
 overflow: hidden;
}
#respond #commentform #author,
#respond #commentform #email,
#respond #commentform #url {
 width: 50%;
 margin: 0px 0px 5px 0px; padding: 5px;
}
#respond #commentform #comment {
 width: 90%;
 margin: 10px 0px 15px 0px; padding: 5px;
}
#ithemes-contact-page-name,
#ithemes-contact-page-website,
#ithemes-contact-page-email,
#ithemes-contact-page-form textarea {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 17px;
}
#commentform textarea,
#commentform input {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 17px;
}

/*********************************************
  Footer Styles
*********************************************/
#footer {
 text-align: left;
 color: #666;
}
#footer .alignleft,
#footer .alignright {
 padding: 10px;
}
#footer .alignright {
 text-align: right;
}
#footer a {
 color: #666;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}

/*********************************************
  Contact Form Styles
*********************************************/
.ithemes-contact-page {
 margin: 0 auto;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}
.ithemes-contact-page td {
 padding: 5px;
 text-align: left;
}
.ithemes-contact-page td.label {
 text-align: right;
 vertical-align: top;
 font-weight: bold;
}

.ithemes-contact-page input,
.ithemes-contact-page textarea,
.ithemes-contact-page select {
 font-family: Arial, Helvetica, Sans-Serif;
 padding: 3px;
}
.ithemes-contact-page input:hover,
.ithemes-contact-page textarea:hover,
.ithemes-contact-page  select:hover {
}

.ithemes-contact-page  input:focus,
.ithemes-contact-page  textarea:focus,
.ithemes-contact-page  select:focus {
}

.ithemes-contact-page textarea,
.ithemes-contact-page input {
}
#draw{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
 background: url(images/draw.jpg) no-repeat center top;
 text-indent:-1000px;
}

#content .post h3 {
 font-family: "comic Sans MS";
 margin-bottom: 30px;
 color: #cb4b3a;
}

#content.showface {
 float: right;
 width: 700px;
}

/* List of pages */

#lyrics a:hover {
 color: #CB4B3A;
}

#lyrics p {
 margin: 0 0 3px;
 padding: 0;
}

#lyrics h2 {
 margin-top: 20px;
 margin-bottom: 5px;
}

a.readmore {
 float: none;
 color: #CB4B3A;
}
#itunes_btn{
position: absolute;
color: white;
font-style: strong;
right:10px;
top:350px;
z-index: 0;
}
#cdbaby_btn{
position: absolute;
color: #cbcf0a;
font-style: strong;
right:10px;
top:410px;
z-index: 0;
}
#amazon_btn{
position: absolute;
right:10px;
top:460px;
z-index: 0;
}
#record_label{
position: absolute;
color: white;
right:10px;
top:520px;
z-index: 0;
}