/*

Theme Name: Dark

Theme URI: http://justintadlock.com/wordpress/options

Description: A dark mixture of blacks and grays.

Author: Justin Tadlock

Author URI: http://justintadlock.com

Version: 1.1

*/

* {
	margin: 0;
	padding: 0;
}
body {
	color: #fff;
	background: #1b1b1b;
	font: 80% Arial, Tahoma, Verdan, sans-serif;
	text-align: center;
}
/* Contains the entire body of the layout */

#body-container {
	width: 942px;
	margin: 15px auto 0 auto;
	padding: 0 10px;
	background: #1b1b1b;
}
#extra-container {
	margin: 0 auto;
}
/* Contains content and sidebar */

#container {
	float: left;
	width: 920px;
	padding: 10px;
	background: #000000;
	border: 1px solid #000000;
	text-align: left;
}
/* Main content */

#home, #content {
	width: 590px;
}
#no-sidebar {
	width: 900px;
}
/************************************************

	Header

************************************************/

#header-container {
	height: 75px;
	width: 100%;
}
#header {
	float: left;
	width: 600px;
	height: 70px;
	text-align: left;
}
#header h1 {
	float: left;
	width: 600px;
	font-weight: bold;
}
#header h1 a {
	margin: 0 0 0 10px;
	/* Comment out or delete the next 4 lines to delete header image */

	width: 345px;
	height: 70px;
	display: block;
	background: url(images/header-dark.gif) no-repeat 0 0;
}
/* Comment out or delete this style rule if not using header image */

#header h1 a span, #header h2 {
	display: none;
}
#header h2 {
	float: left;
	clear: left;
	font-size: 1.1em;
	margin: 3px 0 0 10px;
}
/************************************************

	Feed

************************************************/

#feed {
	float: right;
	width: 85px;
	height: 22px;
	/* Comment out the line below if not using header image */

	padding: 48px 0 0 0;
}
#feed li {
	display: inline;
}
#feed li a {
	float: left;
	width: 34px;
	height: 22px;
	display: block;
}
#feed li.feed-url a {
	background: url(images/dark-feed-header.jpg) no-repeat 0 0;
}
#feed li.feed-email a {
	background: url(images/dark-email-header.jpg) no-repeat 0 0;
}
#feed li.feed-url a span, #feed li.feed-email a span {
	display: none;
}
/************************************************

	General style rules

************************************************/

/* Links */

a {
	color: #058FEA;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration:underline;
}
p {
	margin: 15px 0;
}
body, h1, h2, h3, h4, h5, h6, ul, ul li {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style-type: none;
}
pre, code, pre code {
	font-size: 1.1em;
}
/* Left, right, and center alignment */

.left {
	float: left;
	margin: 0 10px 10px 0;
}
#home.left, #content.left, #sidebar.left {
	margin: 0;
}
.right {
	float: right;
	margin: 0 0 10px 10px;
}
#home.right, #content.right, #sidebar.right {
	margin: 0;
}
.center {
	float: left;
	margin: 10px auto;
	text-align: center;
}
/* Headers and how they should look */

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #74aaed;
}
#content .post h2, #feature h2.post-title, #full-posts h2, #comments-template h3 {
 font-family: 'Myriad Pro', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}
/************************************************

	Top navigation menus

************************************************/

/* Main navigation bar (#sub-nav is bottom bar) */

#navigation, #sub-navigation {
	float: left;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .03em;
	text-align: left;
}
#navigation {
	width: 942px;
	font-size: 1.1em;
	background: #000000 url(images/nav-right-dark.gif) no-repeat right top;
}
#sub-navigation {
	width: 940px;
	font-size: .75em;
	background: #383838;
	border: 1px solid #252525;
	border-bottom: none;
}
#nav {
	float: left;
	padding: 0 0 0 15px;
	background: url(images/nav-left-dark.gif) no-repeat left top;
}
#navigation.nav-search {
	width: 740px;
}
#nav li, #sub-nav li {
	float: left;
}
#nav a {
	color: #fff;
	display: block;
	padding: 12px 16px;
}
#nav a:hover, #nav li.current_page_item a {
	color: #74aaed;
}
#nav a:hover, #nav li.current_page_item a:hover, #nav li.current_page_item li a, #sub-nav a:hover, #sub-nav li.current-cat a:hover, #sub-nav li.current-cat li a {
	color: #74aaed;
	text-decoration:underline
}
#sub-nav a {
	color: #e2e2e2;
	display: block;
	padding: 7px 17px;
}
#sub-nav li.current-cat a {
	background: #666;
}
#nav li li, #sub-nav li li {
	float: left;
	width: 150px;
	background: #fefefe;
}
#nav li li a {
	color: #333;
	background: #fefefe;
	float: none;
	margin: 3px 5px;
	padding: 6px 10px;
}
#nav li li a:hover, #nav li.current_page_item li a:hover {
	color: #fff;
	background: #609be4;
}
#nav li.highlight a, #sub-nav li.highlight a {
	color: #333;
	background: #fefefe;
}
#sub-nav li li a, #sub-nav li li.current-cat a {
	color: #333;
	background: #fefefe;
	float: none;
	margin: 3px 5px;
	padding: 4px 7px;
}
#sub-nav li li a:hover, #sub-nav li.current-cat li a:hover, #sub-nav li li.current-cat a:hover {
	color: #fff;
	background: #609be4;
}
#nav li ul, #sub-nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 999;
}
#nav li:hover ul, #sub-nav li:hover ul {
	left: auto;
	display: block;
}
/************************************************

	Search

************************************************/

#search {
	float: right;
	width: 185px;
	margin-right: 15px;
}
#search form {
	float: right;
	margin: .5em 0 0 0;
	padding: 0 0 0;
}
#search input#s {
	color: #ccc;
	width: 170px;
	margin: 0;
}
#search .search-submit {
	display: none;
}
/************************************************

	Images

************************************************/

/* Images */

.single img, img.thumbnail, .flickr img, img.feature-image, #post-thumbnail-tabs img, #post-sections img, #home img, .post img {
	padding: 3px;
	background: #222;
	border: 1px solid #333;
}
.post .avatar {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.archive .post .avatar {
	width: 80px;
	height: 80px;
}
a img {
	border: none;
}
/* Post images */

img {
	max-width: 98.5%;
}
/* Feature images */

img.feature-image {
	max-width: 300px;
	margin: 0 10px 0 0;
}
/* Thumbnail images */

img.thumbnail, .recent img.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 5px 0;
}
/* Thumbnail Large images */

img.thumbnail-large {
	max-width: 265px;
	float: left;
	margin: 0 10px 5px 0;
}
img.feature-full {
	max-width: 100%;
}
#post-blocks img.thumbnail-large, #post-blocks a img.thumbnail-large {
	border: none;
}
#post-thumbnail-tabs img {
	float: right;
	margin: 0 0 5px 10px;
}
#author-box img {
	float: left;
	margin-right: 10px;
}
/************************************************

	Sections of the site

************************************************/

/* Sections of the site */

.section, #content .post, #no-sidebar .post, #comments-template, #excerpts .post, #full-posts .post, .paged .post {
	clear: left;
	float: left;
	overflow: hidden;
	width: 568px;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #fff;
	background: #090909;
	border: 1px solid #000000;
}
#excerpts, #full-posts, .paged {
	width: 590px;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
}
#post-tabs, #post-thumbnail-tabs, #post-list-tabs, #features-numbers, #video-numbers {
	width: 590px;
	margin: 0;
	padding: 0 0 10px 0;
	background: transparent;
	border: none;
}
/* Section headers (each section of site and sidebar) */

.section-header, .menu h2, #category-blocks h2 {
	font: 1em Arial, Tahoma, Verdan, sans-serif;
	color: #fff;
	background: #000000 url(images/menu.gif) repeat-x;
	border: 1px solid #222;
	padding: 3px 5px;
	margin: 0 0 10px 0;
}
/************************************************

	Posts

************************************************/

.post {
	clear: left;
	overflow: hidden;
	float: left;
	width: 100%;
}
.post .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
p.post-meta-data {
	margin-bottom: 0;
}
.post p.byline {
	margin: 4px 0 0 0;
}
.post ul {
	padding-left: 15px;
}
.post ul li {
	list-style-type: disc;
}
.post ol {
	padding-left: 20px;
}
blockquote {
	padding: 10px 15px;
}
.navigation-links {
	font-size: .95em;
}
.navigation-links .previous {
	float: left;
	width: 50%;
}
.navigation-links .next {
	float: right;
	text-align: right;
	width: 50%;
}
html > body #no-sidebar .post, html > body #no-sidebar #comments-template, html > body #no-sidebar .section {
	width: 898px;
	padding: 10px;
}
#no-sidebar .post, #no-sidebar #comments-template, #no-sidebar .section {
	width: 878px;
	padding: 10px;
}
/************************************************

	Features gallery (home page)

************************************************/

/* Features Gallery */

#myGallery {
	width: 588px;
	height: 240px;
	margin: 0 0 10px 0;
	padding: 0;
}
#myGallery img, #myGallery h3 {
	display: none;
}
#myGallery h3, #myGallery h2 {
	font-size: 1.5em;
}
.jdGallery .slideInfoZone {
	height: 70px;
}
/************************************************

	Category sections (home page)

************************************************/

/* Home category blocks (2 colums) */

#post-blocks {
	width: 590px;
	background: transparent;
	padding: 0;
	border: none;
}
#post-blocks .post {
	width: 268px;
	float: right;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #090909;
	border: 1px solid #000000;
	clear: none;
}
#post-blocks .odd {
	float: left;
	clear: both;
}
#post-blocks h3 {
	margin: 10px 0 5px 0;
}
/* Home category sections / excerpts / full posts post titles */

#post-blocks h3, #post-sections h3, #excerpts h3 {
	font-size: 1em;
	margin: 0 0 5px 0;
}
#post-sections .post {
	clear: left;
	float: left;
	width: 100%;
}
#post-sections .section .odd {
	margin: 5px 0;
}
#post-sections .section .even {
	margin: 5px 0;
}
/* Flickr photos on the home page section */

#home .flickr img {
	margin: 0 6px 0 5px;
}
/************************************************

	Video

************************************************/

/* Video tabbed list of videos */

#video-tabbed .video-list {
	float: right;
	width: 45%;
}
#video-tabbed .video-list ul {
	width: 100%;
}
#video-tabbed .video-list ul li {
	margin: 0 0 5px 0;
	border: 1px solid #222;
}
#video-tabbed .video-list ul li a {
	color: #fff;
	display: block;
	padding: 10px;
	background: #292929;
}
#video-tabbed .video-list ul li a:hover {
	color: #fff;
	background: #292929;
}
#video-tabbed .video-list ul li a.tab-current {
	background: #292929;
	color: #fff;
	font-weight: bold;
}
#video-tabbed .video {
	float: left;
	width: 50%;
}
div.v {
	display: none;
}
div.v1 {
	display: block;
}
/************************************************

	Sidebar

************************************************/

/* Sidebar */

#sidebar {
	width: 320px;
}
.menu {
	width: 93%;
}
.tabbed {
	width: 100%;
}
#sidebar .menu, #sidebar .tabbed {
	margin: 0 0 10px 0;
}
#sidebar .menu, .tabbed {
	padding: 10px;
	float: left;
	overflow: hidden;
	background: #090909;
	border: 1px solid #000000;
}
/* Sidebar lists and sidebar tab lists */

#sidebar .tabbed ul {
	margin: 0;
	padding: 0;
}
#sidebar .menu ul li a, .tabbed div ul li a {
	color: #74aaed;
	display: block;
	padding: 2px 0;
}
.menu div li, .menu div li li, #sidebar .tabbed div li, #sidebar .tabbed div li li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
#sidebar .menu li li a, .tabbed div li li a {
	display: block;
	padding: 2px 0 2px 8px;
}
#sidebar .menu ul li a:hover, .tabbed div ul li a:hover {
	color: #fff;
}
/* Feed sidebar */

#feed-sidebar li a {
	height: 15px;
	display: block;
	text-indent: 25px;
	margin-bottom: 3px;
}
#feed-sidebar li.feed-url a {
	background: url(images/dark-feed-sidebar.jpg) no-repeat 0 .2em;
}
#feed-sidebar li.feed-email a {
	background: url(images/dark-email-sidebar.jpg) no-repeat 0 .2em;
}
/* Recent comments widget */

#sidebar ul.recent-comments li {
	margin: 5px 0;
}
#sidebar ul.recent-comments li a {
	display: inline;
}
/* Sidebar video */

#sidebar .video h3 {
	font-size: 1em;
	margin: 5px 0 0 0;
}
/* Sidebar ads */

#sidebar .ads p {
	margin: 0;
	padding: 0;
}
#sidebar .ads a img {
	border: none;
	padding: 0;
}
#sidebar .ads img {
	margin: 0 10px 0 11px;
	border: none;
	padding: 0;
}
#sidebar .ads img.last {
	margin: 0;
}
/* Sidebar flickr photos */

#sidebar .flickr img {
	margin: 3px 8px 3px 8px;
}
/* Sidebar subscribe */

#sidebar .subscribe div {
	padding-left: 2px;
}
/* Sidebar search */

#sidebar .search input {
	width: 96%;
}
#sidebar .search input.search-submit {
	display: none;
}
/* Sidebar recent posts and asides */

#sidebar .recent .post, #sidebar .asides .post {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
#sidebar .entry {
	padding: 0;
}
#sidebar .recent h3, #sidebar .asides h3 {
	font-size: .9em;
	margin: 0 0 1px 0;
}
#sidebar .recent h3 a, #sidebar .asides h3 a {
	font-weight: bold;
}
#sidebar .recent p, #sidebar .asides p {
	font-size: .9em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#sidebar .asides p, #sidebar .asides h3 {
	font-size: .95em;
}
/************************************************

	Tabs

************************************************/

/* Tabs (actual tabs) */

.tabbed {
	padding: 0;
	background: transparent;
	border: none;
}
.tabbed ul.tabs {
	position: relative;
	top: 0;
	left: 0;
	z-index: 997;
	list-style-type: none;
}
.tabbed ul.tabs li {
	display: inline;
}
.tabbed ul.tabs li a {
	color: #fff;
	float: left;
	display: block;
	margin: 0 .25em 0 0;
	padding: 5px .6em;
	background: #1b1b1b;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #161616;
}
.tabbed ul.tabs li a.t4 {
	margin: 0;
}
.tabbed ul.tabs li a:hover {
	background: #353535;
	text-decoration: none;
}
.tabbed ul.tabs li a.tab-current {
	background: #090909;
}
/* Tab content */

#sidebar .tabbed div.tab-content {
	float: left;
	width: 93%;
}
.tabbed div.tab-content {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	padding: 5px 10px 10px 10px;
	clear: left;
	background: #323232;
	border: 1px solid #000000;
}
div.t2, div.t3, div.t4 {
	display: none;
}
.tabbed div.c {
	display: none;
}
.tabbed div.c1 {
	display: block;
}
/* Features and video carousels (numbered carousel) */

#features-numbers .tabbed div.tab-content, #video-numbers .tabbed div.tab-content {
	width: 568px;
	clear: left;
	float: left;
	display: block;
	border-bottom: none;
}
#features-numbers ul.tabs, #video-numbers ul.tabs {
	width: 588px;
	display: block;
	clear: left;
	overflow: hidden;
	background: #1b1b1b;
	border: 1px solid #161616;
}
#video-numbers .post {
	margin-top: 5px;
}
#features-numbers ul.tabs li a, #video-numbers ul.tabs li a {
	border: none;
}
#features-numbers .tabbed div.tab-content, #video-numbers .tabbed div.tab-content {
	top: 0;
}
/* Post tabs and video tabs */

#post-tabs div.c, #post-thumbnail-tabs div.c, #post-list-tabs div.c {
	float: left;
	clear: left;
}
#post-thumbnail-tabs div.c, #post-list-tabs div.c {
	width: 568px;
}
#post-thumbnail-tabs div.c {
	padding: 10px;
}
#post-tabs div.c, #post-thumbnail-tabs div.c div, #post-list-tabs div.c div {
	padding: 0;
}
#post-tabs div.odd, #post-list-tabs div.odd,  #post-tabs div.even, #post-list-tabs div.even {
	display: inline;
	width: 270px;
	padding: 10px;
	clear: none;
}
#post-tabs div.odd, #post-list-tabs div.odd {
	float: left;
}
#post-tabs div.even, #post-list-tabs div.even {
	float: right;
}
#post-tabs h3, #post-thumbnail-tabs h3, #post-list-tabs h3 {
	font-size: 1em;
	margin: 0;
	padding: 1px 0;
}
#post-tabs h3 a, #post-thumbnail-tabs h3 a, #post-list-tabs h3 a, #post-list-tabs h3 {
	font-weight: bold;
}
#post-tabs p, #post-thumbnail-tabs p, #post-list-tabs p {
	margin: 5px 0 10px 0;
}
#post-list-tabs div.c ul {
	padding: 5px 2px 5px 7px;
}
#post-list-tabs li {
	list-style-type: none;
}
/************************************************

	Comments Template

************************************************/

/* Related posts (if using plugin) */

#related ul {
	width: 100%;
}
#related ul li {
	list-style-type: none;
}
/* Comments template */

#comments-template img {
	padding: 0;
	background: transparent;
	border: none;
}
#comments-template ol {
	list-style-type: none;
	margin-top: 10px;
}
#comments-template ol li {
	width: 97.5%;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px 1%;
	background: #464646;
	border: 1px solid #323232;
}
#comments-template .avatar {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	padding: 2px;
	background: #090909;
}
#comments-template ol li .comment-meta-data {
	float: left;
	margin-top: 2px;
	font-weight: bold;
}
#comments-template ol li .comment-meta-data a.time {
	float: left;
	clear: left;
	margin-top: 4px;
	color: #eee;
	font-size: .95em;
}
#comments-template ol li .comment-text {
	clear: left;
	float: left;
	padding: 10px 10px 0 10px;
}
input {
	color: #fff;
	width: 50%;
	padding: 5px;
	margin: 0;
	background: #fff;
	background: #464646;
	border: 1px solid #323232;
}
#no-sidebar input {
	width: 25%;
}
textarea {
	color: #fff;
	width: 97%;
	padding: 7px;
	background: #464646;
	border: 1px solid #323232;
}
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
}
/************************************************

	Footer

************************************************/

/* Footer */

#footer {
	clear: both;
	float: left;
	width: 942px;
	text-align: left;
	margin: 5px 0 15px 0;
}
#footer p {
	margin: 5px 0;
	line-height: 1.3em;
}
#footer p.left {
	width: 50%;
}
p.ie6-bug {
	margin: -15px 0;
	padding: 0;
}
.op {
	background: #990000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	width: 1000px;
	height: 2000px;
}
.op h2 {
	font-size: 5em;
}