/* 
Theme Name: Skeleton
Theme URI: http://themehybrid.com/themes/skeleton
Description: A blank child of the Hybrid theme framework representing the visual hierarchy of Hybrid with designers in mind.
Author: Justin Tadlock
Author URI: http://justintadlock.com
Version: 0.1.1
Tags: Framework
Template: hybrid
*/

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

/* Eric Meyer's reset.css */

/*@import url('../hybrid/library/css/reset.css');*/

/* 18px, 20px, 21px, 22px, or 25px margins and line-height (don't use reset.css with these) */

/* @import url('../hybrid/library/css/18px.css'); */

/* @import url('../hybrid/library/css/20px.css'); */

@import url('../hybrid/library/css/21px.css');

/* @import url('../hybrid/library/css/22px.css'); */

/* @import url('../hybrid/library/css/25px.css'); */

/* Holy Grail */

/* @import url('../hybrid/library/css/holy-grail-fluid.css'); */

/* Plugins CSS */

 @import url('../hybrid/library/css/plugins.css'); 

/* Hybrid's default CSS */

@import url('../hybrid/library/css/screen.css');

/**
* Body
************************************************/

/* Contains everything */

body {
	font: 14px/21px Verdana, Arial, sans-serif;
	color: #666;
	background: #090909 url(images/verticle.png) repeat-x 0 0;
}

/* Wrapper for everything inside of the body */

#body-container {
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
	width: 100%;
}

/**
* Elements
************************************************/

.toc li {
	font-size: 12px;
	display: inline;
	margin: 3px;
	padding: 2px 0 2px 6px;
	background: url(images/bullet.png) no-repeat left 5px;
}

.toc ol {
	margin-left: 10px;
}

.left-list {
	float: left;
	width: 300px
}

#first {
	display: none;
}

.wp-caption .wp-caption-text {
	color: #494949;
	font-size: 0.8em;
	margin: 0;
	padding: 0 5px;
	text-align: center;
	background-color: #eee;
}

.wp-caption {
	background-color: #eee;
	margin: 5px 10px 0 10px;
}

.size-thumbnail img {
	float: right;
}

/* Hyperlinks */

a:link {
	color: #25aee9;
	text-decoration: none;
}

a:visited {
	color: #25aee9;
	text-decoration: none;
}

#container a:hover {
	color: #ffffff;
	text-decoration: none;
}

a:active {
	color: #25aee9;
	text-decoration: none;
}

.anew-window {padding-right: 14px;
	background: transparent url(images/external.png) no-repeat right center;
}

.links {
	margin-left: 110px;
}

/* Headers #b36b02 */

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

.single-title, .page-title {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

/* Text elements */

strong {
	color: #e6e6e6;
}

#content ul li {
	padding-bottom: 5px;
	background: transparent url(images/bullet.png) no-repeat scroll 0 6px;
	height: 100%;
	overflow: hidden;
	padding-left: 9px;
}

/* Blockquotes */

.post blockquote {
	background: transparent url(images/quotes.png) no-repeat scroll 2px 3px;
	border: medium none;
	margin: 0 24px 0 0;
	padding: 6px 0 0 24px;
}

blockquote {
	color: #ccc;
}

/* Code */

code {
	background-color: #656a6a;
}

/**
* Header
************************************************/

/* Contains entire header */

#header-container {
	margin-top: 41px;
	overflow: hidden;
	width: 100%;
}

/* Contains site title and tagline */

#header {
	background: url(images/head-main.jpg) no-repeat right top;
	height: 303px;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
	margin: 0px auto 0 auto;
	padding: 0;
}

/* Site title */

#site-title {
	background: url(images/logo.jpg) no-repeat left top;
	width: 525px;
	height: 140px;
	margin: 40px 0 0 0;
	float: left;
	text-indent: -9000px;
	overflow: hidden;
}

#site-title a {
	width: 400px;
	height: 60px;
	margin: 0 0 0 0;
	float: left;
}

/* Site description/tagline */

#site-description {
	background: url(images/description.jpg) no-repeat left top;
	float: left;
	width: 471px;
	height: 51px;
	text-indent: -9000px;
	overflow: hidden;
}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */

#navigation {
	background: transparent url(images/menu.png) repeat-x scroll 0 0;
	height: 35px;
	width: 100%;
}

/* Page nav */

#superfish-nav {
	background: transparent url(images/menu-light.png) repeat-x scroll 0 0;
	height: 33px;
	margin: 0 auto;
	width: 1020px;
}

.navigation-links {
	margin-bottom: 21px;
}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */

#container {
	float: none;
	overflow: hidden;
	width: 960px;
	margin: 20px auto;
}

/**
	* Content
	************************************************/

/* Contains site's main content */

#container a {
	color: #25aee9;
}

#content {
	padding: 15px 20px 20px 0;
	color: #ccc;
	background-color: #090909;
	overflow: hidden;
	float: left;
	width: 700px;
}

.no-widgets #content, .no-default-widgets #content, .primary-inactive.secondary-inactive #content {
	width: 960px;
}

/* Breadcrumb trail */

.breadcrumb {
	font-size: 1.1em;
	margin-bottom: 9px;
}

/* Archive and search <div> before posts are listed */

#search {
	padding-bottom: 18px;
}

/* Full entries */

#content {
	padding-bottom: 120px;
	border: none;
	background: url(images/hr.png) no-repeat center bottom;
}

/* Post meta data */

.post-meta-data {
	border-top: none;
}

/**
	* Widget sections (Primary and Secondary)
	************************************************/

/* Widgets in general */

.widget {
	background: #090909;
}

/* Primary widget section */

#primary, #secondary {
	width: 220px;
}

/**
* Footer
************************************************/

#footer-container {
	overflow: hidden;
	clear: both;
	width: 100%;
	padding: 0 0 0 0;
	color: #aaa;
	background: #222a2a;
	border-top: 2px solid #535a5a;
}

#footer-container p {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#before-footer blockquote {
	float: right;
	width: 600px;
	background: transparent url(images/quotes.png) no-repeat scroll 2px 3px;
	border: medium none;
	margin: 0 24px 0 0;
	padding: 6px 0 0 24px;
	border-left: none;
}

#footer {
	padding: 9px 0 27px 0;
	overflow: hidden;
	clear: both;
	width: 960px;
	margin: 5px auto 5px auto;
}

#footer .copyright {
	float: left;
	width: 69%;
}

#footer .credit {
	float: right;
	width: 29%;
	text-align: right;
}

#contact-info {
	margin-top: 18px;
	width: 300px;
	float: right;
}

.pagebox {
	width: 300px;
	float: left;
	margin-left: 15px;
}

.pagebox h2 {
	text-align: center;
}