/*

Theme Name: Spartan

Theme URI: http://themehybrid.com/themes/spartan

Description: A red child theme for Options.

Author: Justin Tadlock

Author URI: http://justintadlock.com

Version: 0.1.1

Template: options

*/



/* Import base CSS */

@import url('../options/library/css/base.css');



/* Body */

body {

	padding-bottom: 27px;

	color: #333;

	font: 85% "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;

	background: url(images/bg.png) repeat-x 0 0;

	}



#body-container {

	overflow: hidden;

	width: 980px;

	margin: 27px auto 0 auto;

	background: #eee;

	border: 1px solid #999;

	}



/**

* Elements

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

a:link, a:visited {

	color: #BE030B;

	text-decoration: none;

	}

a:hover {

	color: #000;

	}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-family: Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;

	color: #BE030B;

	}

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; }



abbr {

	border: none;

	}



/* Code */

code {

	font-size: 1.05em;

	}

pre {

	font-size: 1.05em;

	overflow: auto;

	margin: 0 0 18px 0;

	padding: 10px;

	}



/* Blockquotes */

blockquote {

	border-left: 2px solid #CC0409;

	color: #555;

	font-style: italic;

	padding-left: 10px;

	margin: 0 2.5em 18px 2.5em;

	}

blockquote blockquote { color: #666; }



/* Alignment */

.left, .alignleft {

	float:left;

	}

.right, .alignright {

	float: right;

	}

.alignright {

	margin-left: 15px;

	}

.alignleft {

	margin-right: 15px;

	}

.center, .centered, .aligncenter {

	margin: 0 auto 18px auto;

	display: block;

	}



/* Tables */

table {

	width: 100%;

	margin-bottom: 18px;

	border: 1px solid #ccc;

	}

th, td {

	padding: 3px;

	}

th {

	text-align: left;

	color: #f7f7f7;

	background: #D23132;

	}

td {

	background: #eee;

	border: 1px solid #ccc;

	}



/**

* Header

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

#header-container {

	overflow: hidden;

	width: 980px;

	height: 125px;

	margin: 0 auto;

	padding: 0 0 0 0;

	background: #ffffff;

	}

#header {

	float: left;

	width: 980px;

	margin: 0;

	

	}

#header #site-title {

	margin: 0; padding: 0;

	}

#header #site-title a {

	

	display: block;

	width: 980px;

	height: 125px;

	background: url(images/header.jpg) no-repeat 0 0;

	}

#header #site-title a span, #header #site-description  {

	display: none;

	}



/**

* Navigation

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

#navigation, #sub-navigation {

	width: 980px;

	margin: 0 auto;

	clear: left;

	color: #fff;

	letter-spacing: .03em;

	text-align: left;

	}

#navigation {

	height: 28px;

	background: url(images/nav-bg.png) repeat-x 0 0;

	}

#sub-navigation {

	height: 25px;

	font-size: 0.9em;

	background: #383838;

	}



/* List items */

#nav, #nav ul, #nav ul ul, #sub-nav, #sub-nav ul, #sub-nav ul ul {

	list-style: none;

	margin: 0;

	}

#nav li, #nav li li, #nav li li li, #sub-nav li, #sub-nav li li, #sub-nav li li li {

	float: left;

	}



/* Page nav style */

#nav li {

	border-right: 1px solid #ccc;

	}

#nav li li {

	background: #f7f7f7;

	border-bottom: 1px solid #ccc;

	}

#nav li a, #nav li a:visited {

	display: block;

	padding: 0 20px;

	line-height: 28px;

	color: #333;

	font-size: .9em;

	font-weight: bold;

	}

#nav li a:hover, #nav li a:active {

	color: #000;

	text-decoration: underline;

	}

#nav li.current_page_item a {

	}



/* Cat nav style */

#sub-nav li { line-height: 25px; background: #383838; }

#sub-nav li a { display: block; padding: 0 15px; color:#e2e2e2; }

#sub-nav li a:hover { text-decoration: underline; }



/* Drop-down controls */

#nav ul, #sub-nav ul { float: left; }

#nav li ul, #sub-nav li ul { visibility: hidden; position: absolute; width: 15em; left: -999em; }

#nav li:hover ul, #sub-nav li:hover ul { left: auto; z-index: 1000; }

#nav li ul li, #sub-nav li ul li { width: 15em; }

#nav li ul ul { margin: -28px 0 0 15em; }


#sub-nav li ul ul { margin: -25px 0 0 15em; }

#nav li:hover ul ul, #sub-nav li:hover ul ul { visibility: hidden; }

#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul { left: auto; }

#nav li:hover ul ul, #sub-nav li:hover ul ul { visibility: hidden; }

#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul { visibility: visible; left: auto; }



/**

* Search

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

#search {

	float: right;

	width: 150px;

	height: 28px;

	border-left: 1px solid #ccc;

	}

#search form {

	float: right;

	margin: .2em 0 0;

	padding: 0;

	}

#search input#s {

	font: 0.9em "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;

	font-weight: bold;

	color: #333;

	width: 130px;

	background: transparent;

	border: none;

	margin: 0;

	padding: 2px 6px 0 6px;

	}

#search #search-submit { display: none; }



/**

* Content

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

#container {

	height: 100%;

	width: 956px;

	clear: left;

	overflow: hidden;

	margin: 0 auto;

	padding: 12px 12px 0 12px;

	}

#home, #content {

	width: 590px;

	margin: 0;

	}

#home.left, #content.left, #sidebar.left { float: left; margin: 0; }

#home.right, #home.right, #sidebar.right { float: right; margin: 0; }



/**

* Images

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

img {

	padding: 3px;

	background: #eee;

	border: 1px solid #666;

	}

.post img {

	max-width:98%;

	}



/* Captions */

.wp-caption {

	padding: 3px 0 0 0;

	background: #f9f9f9;

	border: 1px solid #ccc;

	text-align: center;

	}

.wp-caption p.wp-caption-text {

	margin: 0; padding: 0 5px;

	text-align: right;

	font-size: .8em;

	color: #555;

	}

.wp-caption img {

	margin: 0; padding: 0;

	border: 1px solid #666;

	}

.thumbnail {

	float: left;

	width: 100px;

	height: 100px;

	margin-right: 15px;

	}

#feature img, #features-numbers img {

	float: left;

	margin-right: 15px;

	max-width: 270px;

	}

#author-box img {

	float: left;

	width: 70px;

	height: 70px;

	padding: 1px;

	margin-right: 15px;

	}

.author .post .avatar {

	float: left;

	width: 100px;

	height: 100px;

	margin-right: 15px;

	}



/**

* Sections of the site

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

.section {

	height: 100%;

	overflow: hidden;

	margin: 0 0 12px 0;

	background: #fff url(images/section-header.gif) repeat-x 0 0;

	border: 1px solid #ccc;

	}

.section-header {

	font-size: .9em;

	font-weight: bold;

	color: #f7f7f7;

	margin: 0 0 15px 0;

	padding: 3px 0 0 0;

	}

.section-header a {

	color: #f7f7f7;

	}

.author .section-header, .category .section-header, 

.tag .section-header, .archive .section-header,

.search .section-header {

	font-size: 1.5em;

	font-weight: normal;

	color: #BE030B;

	}



#no-sidebar .section, #no-sidebar .post {

	width: 98%;

	border: 1px solid #ccc;

	padding: 10px;

	}



/* Posts */

.post {

	overflow: hidden;

	height: 100%;

	margin-bottom: 12px;

	background: #fff;

	border: 1px solid #ccc;

	padding: 15px;

	}

.post-title {

	font-size: 1.4em;

	margin-bottom: 9px;

	}

.byline {

	font-size: .9em;

	color: #666;

	font-style: italic;

	}

.post-meta-data {

	font-size: .9em;

	font-style: italic;

	}

.gallery {

	margin-bottom: 18px;

	}



/* Navigation links */

.navigation-links {

	margin-bottom: 12px;

	background: #fff;

	border: 1px solid #ccc;

	padding: 15px;

	}

.navigation-links .previous {

	font-weight: bold;

	float: left;

	max-width: 50%;

	}

.navigation-links .next {

	font-weight: bold;

	float: right;

	max-width: 50%;

	text-align: right;

	}

/* WP PageNavi */

.wp-pagenavi {

	font-family: Georgia, "Times New Roman", Times;

	margin-bottom: 12px;

	}

.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a {

	padding: 3px 6px !important;

	background: #f7f7f7 !important;

	}

.wp-pagenavi .pages {

	border: none !important;

	}

.wp-pagenavi .pages, .wp-pagenavi .current {

	color: #333 !important;

	}

.wp-pagenavi .current, .wp-pagenavi a {

	border: 1px solid #eee !important;

	}

.wp-pagenavi a {

	color: #BE030B !important;

	}



/* Authors page template */

.author-profile {

	overflow: hidden;

	clear: left;

	margin-bottom: 12px;

	}

.author-profile .avatar {

	float: left;

	margin-right: 18px;

	}

.author-profile .author-name {

	margin-bottom: 3px;

	font-size: 1em;

	font-weight: bold;

	}



/* Author box */

#author-box {

	padding: 5px 15px 15px 15px;

	color: #f7f7f7;

	background: #BE030B;

	border: 1px solid #ccc;

	}

#author-box .section-header {

	color: #f7f7f7;

	}

#author-box h4 {

	margin-bottom: 3px;

	font-size: 1em;

	font-weight: bold;

	}

#author-box a {

	color: #f7f7f7;

	font-style: italic;

	}

#author-box .avatar {

	margin-bottom: 9px;

	background: #333;

	}



/* Breadcrumbs */

.breadcrumb {

	height: 100%;

	overflow: hidden;

	margin-bottom: 0;

	padding: 9px 15px;

	border: 1px solid #eee;

	border-bottom: none;

	color: #f7f7f7;

	background: #D23132 url(images/header-container.gif) repeat-x 0 0;

	}

#no-sidebar .breadcrumb {

	border-bottom: none;

	}

#no-sidebar .post {

	border-top: none;

	}

.breadcrumb a {

	color: #f7f7f7;

	}



/* Related posts */

#related {

	padding: 5px 15px 12px 15px;

	border: 1px solid #eee;

	}

#related ul {

	list-style: none;

	margin: 0 0 0 15px;

	}

#related ul li {

	padding: 0 0 0 20px;

	background: url(images/list.gif) no-repeat 0 0; 

	}



/* Custom home sections */

#home-insert-1, #home-insert-2, #home-insert-3 {

	padding: 15px;

	margin-bottom: 12px;

	background: #fff;

	border: 1px solid #ccc;

	}



/* Full Posts */

#full-posts .post {

	overflow: hidden;

	margin-bottom: 12px;

	padding: 15px;

	background: #fff;

	}

#full-posts h2.post-title {

	margin-bottom: 9px;

	}



/* Features Gallery */

#myGallery {

	height: 220px;

	margin-bottom: 12px !important;

	padding: 0;

	border: 1px solid #ccc;

	}

#myGallery .imageElement { display: none; }

.jdGallery .slideInfoZone { width: 100%; }

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone h2 a { color: #f7f7f7 !important; }



/* Feature */

#feature .post {

	margin: 0;

	border: none;

	}



/* Features numbers */

#features-numbers {

	background: transparent !important;

	border: none;

	}

#features-numbers .post {

	margin: 0;

	padding: 0;

	border: none;

	}



/* Gallery stream / Flickr */

div.gallery-stream, #home div.flickr {

	margin-bottom: 12px;

	padding: 5px 0 15px 15px;

	border: 1px solid #ccc;

	}

div.gallery-stream img, #home div.flickr img {

	width: 80px;

	height: 80px;

	margin: 2px 9px 2px 0;

	}



/* Excerpts */

#excerpts {

	margin: 0;

	padding: 0;

	background: transparent;

	border: none;

	}

#excerpts .section-header { display: none; }

#excerpts .post {

	margin-bottom: 12px;

	padding: 15px;

	border: 1px solid #ccc;

	}



/* Tag cloud, category cloud, author cloud, bookmark cloud */

#home div.cloud {

	padding: 5px 15px 15px 15px;

	border: 1px solid #ccc;

	}



/* Post blocks */

#post-blocks {

	padding: 0;

	margin: -12px 0 12px 0;

	background: transparent;

	border: none;

	}

#post-blocks .post {

	overflow: hidden;

	width: 43.5%;

	padding: 5px 15px 15px 15px;

	background: #fff url(images/section-header.gif) repeat-x 0 0;

	margin: 12px 0 0 0;

	border: 1px solid #eee;

	}

#post-blocks .even { float: right; clear: none; }

#post-blocks .odd { float: left; clear: both; }

#post-blocks h3 { font-size: 1em; }



/* Post sections */

#post-sections, #post-sections .section {

	padding: 0;

	margin: 0;

	background: transparent;

	border: none;

	}

#post-sections .post {

	overflow: hidden;

	margin: 0 0 12px 0;

	padding: 6px 15px 15px 15px;

	background: #fff url(images/section-header.gif) repeat-x 0 0;;

	}

#post-sections .post-title { font-size: 1em; }



/* Post tabs */

#post-tabs, #post-list-tabs, #post-block-tabs {

	border: none;

	}

#post-tabs .post, #post-list-tabs .post, #post-block-tabs .post {

	padding: 0; margin: 0;

	background: transparent;

	border: none;

	}

#post-tabs .post-title, #post-list-tabs .post-title, #post-block-tabs .post-title {

	font-size: 1em;

	}

#post-tabs .tab-content {

	padding: 15px;

	}

#post-list-tabs .odd, #post-block-tabs .odd {

	float: left;

	width: 50%;

	}

#post-list-tabs .even, #post-block-tabs .even {

	float: right;

	width: 47%;

	clear: none;

	}

#post-list-tabs .tab-content ul {

	margin: 0 0 0 5px;

	list-style: none;

	}

#post-list-tabs .tab-content ul li {

	margin: 4px 0; padding: 0 0 0 18px;

	background: url(images/list.gif) no-repeat 0 2px;

	}

#post-list-tabs .tab-content ul li a {

	font-size: 1em;

	font-weight: normal;

	}



/* Video tabbed */

#video-tabbed {

	padding: 6px 15px 15px 15px;

	border: 1px solid #ccc;

	}

#video-tabbed .v {

	float: left;

	width: 47%;

	}

.video-list {

	float: right;

	width: 45%;

	}

.video-list ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}

.video-list ul li {

	font-size: 1em;

	margin: 0 0 6px 0;

	padding: 0;

	}

.video-list li a {

	display: block;

	color: #666;

	width: 90%;

	padding: 9px 4.5%;

	background: #eee;

	border: 1px solid #ccc;

	}

.video-list li a:hover {

	color: #333;

	background: #ccc;

	}

.video-list li a.tab-current{

	font-weight: bold;

	color: #f7f7f7;

	background: #ca0409;

	}

div.v2, div.v3, div.v4, div.v5 {

	display: none;

	}



/* Video numbers */

#video-numbers {

	background: transparent !important;

	border: none;

	}

#video-numbers .post {

	margin: 0;

	padding: 0;

	border: none;

	}

#video-numbers .post-title { font-size: 1em; }

#video-numbers object { margin-right: 12px; }



/**

* Sidebar

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

#sidebar {

	width: 350px;

	margin: 0;

	}

#sidebar .menu {

	overflow: hidden;

	padding: 5px 9px;

	background: #fff url(images/section-header.gif) repeat-x 0 0;

	border: 1px solid #ccc;

	}

#sidebar .menu, #sidebar .tabbed {

	clear: left;

	margin: 0 0 15px 0;

	}

.tabbed .tab-content { padding: 10px 2%; }



#sidebar .menu ul, #sidebar .tabbed div ul {

	margin-bottom: 6px;

	}

#sidebar .menu li a, #sidebar .tabbed div li a {

	color: #333;

	padding: 3px 0 4px 0;

	}

#sidebar .menu li a:hover {

	text-decoration: underline;

	}



/* Recent widget */

#sidebar .recent .post {

	clear:left;

	margin: 0 0 3px 0;

	padding: 0;

	border: none;

	}

#sidebar .recent .post-title {

	margin-bottom: 3px;

	font-size: .95em;

	line-height: 1em;

	}

#sidebar .recent .entry { font-size: .95em; }



/* Video widget */

#sidebar .video div { padding: 2px 0; }

#sidebar .video object {

	width: 100%;

	height: 230px;

	margin-bottom: 6px;

	}

#sidebar .video .post-title { margin: 0; font-size: 1.1em; }



/* Gallery stream / flickr widget */

#sidebar .gallery-stream, #sidebar .flickr {

	padding: 0;

	border: none;

	}

#sidebar .gallery-stream img, #sidebar .flickr img {

	width: 90px; height: 90px;

	margin: 0 8px 5px 6px;

	}



/* Ads widget */

#sidebar .ads img { margin: 1%; }



/* Tabs */

.tabbed { background: #eee; }



/* Actual tabs */

.tabbed ul.tabs {

	float: left;

	list-style-type: none;

	margin: 0 0 3px 0;

	padding: 0;

	background: transparent;

	}

.tabbed ul.tabs li {

	display: inline;

	float: left;

	}

.tabbed ul.tabs li a {

	display: block;

	float: left;

	margin: 0 3px 0 0;

	padding: 6px 8px;

	color: #666;

	font-size: .95em;

	font-weight: bold;

	background: #ddd;

	border: 1px solid #ccc;

	}

.tabbed ul.tabs li a:hover {

	background: #f7f7f7;

	}

ul.tabs li a.tab-current {

	background: #fff;

	color: #333;

	}



/* Tab content */

.tab-content {

	height: 100%;

	overflow: hidden;

	clear: left;

	background: #fff;

	border: 1px solid #ccc;

	}

.tab-content ul { list-style: none; margin-left: 10px; }

.tab-content ul li { margin-bottom: 3px; }

.tab-content ul li a:hover { text-decoration: underline; }



/* Recent comments */

#sidebar ul.recent-comments { list-style: none; }

#sidebar ul.recent-comments li { margin: 2px 0 5px; }

#sidebar ul.recent-comments li a { display: inline; }



/* Search */

#sidebar .search input {

	width: 94%;

	background: #fff;

	color: #1b1b1b;

	margin: 4px 0;

	}

#sidebar .search-submit { display: none; }



/**

* Comments Template

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

#comments-template {

	margin-bottom: 15px;

	padding: 5px 10px 10px 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

/* Comment header */

#comments-template h3 {

	font-size: 1.3em;

	}

#comments-template ol {

	list-style: none;

	margin: 0;

	padding: 0 9px;

	}

/* Comments */

#comments-template ol li {

	height: 100%;

	overflow: hidden;

	margin:0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#comments-template li li li, #comments-template li li li li li {

	color: #333;

	background: #fff;

	}

#comments-template li li, #comments-template li li li li {

	color: #f7f7f7;

	background: #BE030B;

	}

#comments-template li li li a, #comments-template li li li li li a {

	color: #BE030B;

	}

#comments-template li li a, #comments-template li li li li a {

	color: #f7f7f7;

	}



/* Comment images */

.comments-list img {

	padding: 0;

	border: none;

	}

li .avatar, li li li .avatar, li li li li li .avatar {

	float: left;

	width: 40px; height: 40px;

	margin-right: 15px;;

	padding: 4px;

	background: #eee;

	border: 1px solid #ccc;

	}

li li .avatar, li li li li .avatar {

	width: 42px; height: 42px;

	padding: 0;

	border: 1px solid #333;

	}



/* Comment meta data */

#comments-template .comment-meta-data {

	font-size: 1.1em;

	margin-bottom: 15px;

	}

#comments-template ol li .comment-meta-data a.time {

	margin-left: 5px;

	color: #4e4e4e;

	}



/* Comment text */

#no-sidebar #comments-template ol li .comment-text {

	width: 92%;

	}



/* Comment form */

#comments-template textarea {

	width: 95%;

	padding: 9px;

	font-size: 1.1em;

	color:#444;

	background: #fff;

	border: 1px solid #ccc;

	}

#no-sidebar #comments-template textarea {

	width: 98%;

	}

#comments-template input.submit-comment, #comments-template input.reset-comment {

	width: 100px;

	margin-right: 10px;

	padding: 7px;

	color: #f7f7f7;

	background: #000 url(images/section-header.gif) repeat 0 0;

	}



/**

* Footer

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

#footer {

	overflow: hidden;

	height: 100%;

	clear: left;

	padding: 20px 10px 5px;

	color: #f7f7f7;

	background: url(images/footer-container.gif) repeat-x 0 bottom;

	}

#footer a:link, #footer a:visited {

	color: #f7f7f7;

	text-decoration: underline;

	}

#footer a:hover {

	text-decoration: none;

	}



.wp-smiley {

	padding: 0 !important;

	background: none !important;

	border: none !important;

	}