/* 
Theme Name: Ninjammerz
Theme URI: http://ninjammerz.com
Description: A custom child theme based on Hybrid.
Author: Daniel Young
Author URI: http://danielcyoung.com
Version: 0.1.2
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Import reset, margins, plugins, and drop-down */
@import url('../hybrid/library/css/22px.css');
@import url('../hybrid/library/css/plugins.css');
@import url('../hybrid/library/css/drop-downs.css');	

/**
* Layout and Typography
************************************************/

html,body {font:14px/22px Cambria, Georgia, Times, "Times New Roman", serif;}
#body-container {width:960px;margin:22px auto;}
#container{height:100%;position:relative;top:80px}
.home #container{top:360px}
#content{float:left;}
.content {overflow:hidden;width:600px;padding:22px;}
.no-widgets .content,.no-default-widgets .content,.primary-inactive.secondary-inactive .content {width:920px;}

/* Contains site title and description */
#header{height:200px;margin:0 auto;overflow:hidden;width:960px;}
#site-title{margin-top:66px;margin-left:360px;}
#site-title a{display:block;height:140px;width:246px;}
#site-title a span,#site-description{display:none;}

#navigation {font-family:Arial Narrow, Arial, sans-serif;text-transform: uppercase;}
#navigation {height:20px;position:absolute;top:-219px;}
#page-nav ul {margin:0 8%;padding-top:2px;}
#page-nav li {float:left;}
#page-nav a {display:block;padding:10px 22px;}
#page-nav ul ul {font:12px/18px Arial, sans-serif;padding-top:0;text-transform:none;width:180px;}
#page-nav li li a {padding:8px 22px;}
#page-nav li:hover ul {top:34px;}
#page-nav li:hover ul, li.sfHover ul {top:34px;}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul {}

#primary{float:right;height:100%;padding:0 20px;width:300px;}
#primary ul{list-style-type: none;margin:0 0 22px 0;}
#primary li{margin:0px;}
#footer-container {padding-bottom:22px;position:relative;top:500px;clear:both;}
.breadcrumb{margin-bottom:22px;}

/* Elements */
h1,h2,h3,h4,h5,h6 {font-family: "Arial Narrow", Arial, sans-serif;text-transform: uppercase;}
h2.post-title{font-size:18px;}
p.byline{margin-top:-22px;}
#content p,#content li{letter-spacing:0.03em;}

/* Captions */
.wp-caption {max-width: 592px;padding: 6px 1px 0 1px;position:relative;top:6px;text-align:center;}
.wp-caption .wp-caption-text {margin: 0;padding: 0 5px;text-align: center;font-size: .8em;}
.wp-caption img {max-width: 586px;margin: 0 auto;padding: 0;}

/* Alignment */
.left, .alignleft {float: left;margin: 0 18px 0 0 !important;}
.right, .alignright {float: right;margin: 0 0 0 18px !important;}
.center, .aligncenter {display: block;margin: 0 auto 21px auto;}
.block, .alignnone {display: block;margin: 0 0 21px 0;}
.clear {clear: both;}

/**
* Colors
*
* #1f1f1f Almost black
* #8a0000 Dark red
* #ba161a Light red
* #a99971 Earth tone
* #e7e1c3 Off white
*
************************************************/

/* Links */
a, a:visited {text-decoration:none;color:#a99971;}
#container a:hover, #container a:active {color:white;}

html,body{color:#e7e1c3;}
body{background:black url(images/bg-ninjammerz.jpg) bottom center no-repeat;background-attachment:fixed;}
#site-title a{background:url(images/logo.png) no-repeat;}
#site-title a:hover{filter:opacity:0.85;}
#navigation{background:#1f1f1f;opacity:0.9;}
#page-nav,#content,#primary{background:black;opacity:0.6;}
#page-nav:hover,#content:hover,#primary:hover{opacity:0.9;}
#page-nav a{color:white;}
#page-nav a:hover {background:#e7e1c3;color:black;}
#page-nav ul ul {background:#e7e1c3;}
#page-nav li li a {color:#1f1f1f;}
#page-nav li li a:hover {background:black;color:white;}
#page-nav li.current_page_item a {color: #a99971;}
#page-nav li.current_page_item li a {color: #a99971;}

h1,h2,h3,h4,h5,h6{color:#a99971;}

.wp-caption{background: #e7e1c3;}
.wp-caption .wp-caption-text {color: #666;color: #1f1f1f;}
.wp-caption img {border: 1px solid #666;}
.wpng-page-list-head{border-bottom: 1px solid #a99971;color:#a99971;}
.wpng-page-list-title a{color:#e7e1c3;}

/* Working */
#footer-nav{font-size:11px;margin:-20px 0 40px -17px;text-transform:uppercase;}
#footer-nav li{float:left;list-style-type:none;padding-right:20px;}