/**



 * Theme Name: Structure



 * Theme URI: http://themehybrid.com/themes/structure



 * Description: A beautifully-crafted blogging theme that is <em>structurally</em> sound in both markup and design, making it a powerful enough tool for any blogger.



 * Version: 2.0



 * Author: Justin Tadlock



 * Author URI: http://justintadlock.com



 * Tags: threaded-comments, microformats, translation-ready, rtl-language-support, two-columns, fixed-width



 * Template: hybrid



 * Status: publish



 *



 * Copyright (c) 2007 - 2009 Justin Tadlock.  All rights reserved.



 * http://justintadlock.com



 *



 * Structure is released under the GNU General Public License, version 2 (GPL).



 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html



 *



 * This program is distributed in the hope that it will be useful,



 * but WITHOUT ANY WARRANTY; without even the implied warranty of



 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.



 */







/* Get base CSS */



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







/* Get plugins CSS */



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







/* Get drop-downs CSS */



@import url('../hybrid/library/css/drop-downs.css');







/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */



/* @import url('tabs.css'); */







/**



* Body



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



body {



	font: 12px/16px Arial, Times, 'Times New Roman', serif;



	color: #000;



	background: #15191c;



	background: #eee;



	background: #fff url('http://saltlakerunningco.com/home/wp-content/uploads/2011/07/backgray.jpg');



	}







#body-container {



	overflow: hidden;



	width: 960px;



	margin: 10px auto;



	padding: 0px 2px;



	background: #fff;



	}







/**



* Elements



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







/* Links */



a {



	color: #0C386E;



	text-decoration: none;



	}



a:hover {



	color: #000;



	text-decoration: underline;



	}







/* Headers */



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



	font-family: Arial, Verdana, sans-serif;



	font-weight: bold;



	}



h1, h2 {



	font-size: 20px;



	}



h3 {



	font-size: 18px;



	}



.hentry h3 {



	font: italic normal normal 14px/22px Arial, Times, 'Times New Roman', serif;



	}



h4 {



	font-size: 14px;



	}



h5 {



	font-size: 14px;



	}



h6 {



	font-size: 14px;



	}







/* Lists */



ul {



	list-style: square;



	}







/* Blockquotes */



blockquote {



	padding: 20px 20px 0 20px;



	margin: 20px;



	font-family: Arial, Verdana, sans-serif;



	font-size: 10px;



	color: #333;



	background: #eee;



	border: 1px solid #ddd;



	}



blockquote blockquote {



	margin: 0 0 20px 0;



	background: #f7f7f7;



	border: 1px solid #ccc;



	}







/* Code */



code {



	padding: 2px 3px;



	font: normal normal normal 10px/22px Arial, Verdana, sans-serif;



	color: #444;



	background: #eee;



	}



pre {



	overflow: auto;



	padding: 20px;



	font: normal normal normal 10px/22px Arial, Verdana, sans-serif;



	color: #444;



	background: #eee;



	border: 1px solid #ddd;



	}



pre code {



	padding: 0;



	}







/* Tables */



table {



	width: 100%;



	background: #fff;



	border-left: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	}



caption {



	font: italic normal normal 10px/22px Verdana, Geneva, Tahoma, sans-serif;



	text-align: right;



	color: #666;



	}



tr {



	margin: 1px;



	border-top: 1px solid #ddd;



	}



td {



	padding: 3px;



	font: normal normal normal 10px/22px Arial, Verdana, sans-serif;



	border-right: 1px solid #ddd;



	}



tr.alt td, tr.even td {



	background: #f7f7f7;



	}



th {



	padding: 3px;



	font-weight: normal;



	color: #444;



	background: #eee;



	border-right: 1px solid #ddd;



	}







/* Acronyms */



acronym {



	font-size: 10px;



	border: none;



	}







/* Drop caps */



.drop-cap {



	float: left;



	margin: 3px 3px 0 0;



	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;



	color: #333;



	}







/* Notes, alerts, and such. */



.note, .warning, .alert, .error, .download {



	font: normal normal normal 10px/22px Arial, Verdana, sans-serif;



	color: #444;



	}







/* Notes */



.note {



	padding: 9px;



	background: #eee;



	border: 1px solid #ccc;



	}







/* Warnings/Alerts */



.warning, .alert {



	padding: 9px;



	background: #fffbbc;



	border: 1px solid #E6DB55;



	}







/* Errors */



.error {



	padding: 9px;



	background: #ffebe8;



	border: 1px solid #C00;



	}







/* Downloads */



.download {



	padding: 9px;



	background: #e7f7d3;



	border: 1px solid #6c3;



	}







/* Alignment */



.left, .alignleft {



	float: left;



	margin: 0 20px 0 0;



	}



.right, .alignright {



	float: right;



	margin: 0 0 0 20px;



	}



.center, .aligncenter {



	display: block;



	margin: 0 auto 20px auto;



	}



.block, .alignnone {



	display: block;



	margin: 0 0 20px 0;



	}



.clear {



	clear: both;



	}







/**



* Images



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







/* Thumbnails */



.thumbnail {



	float: left;



	width: 190px;



	height: 150px;



	margin: 0 15px 10px 0;



	padding: 4px;



	border: 1px solid #ccc;



	background: #fff;



	}







/* Avatars */



.avatar {



	float: left;



	width: 100px;



	height: 100px;



	margin: 0 15px 10px 0;



	padding: 4px;



	border: 1px solid #ccc;



	background: #fff;



	}







/* Captions */



.wp-caption {



	max-width: 576px;



	padding: 4px 0 4px 0;



	background: #eee;



	border: 1px solid #ccc;



	text-align: center;



	}



.wp-caption .wp-caption-text {



	margin: 0;



	padding: 0 5px;



	text-align: right;



	font-family: Arial, Verdana, sans-serif;



	font-size: 10px;



	color: #454545;



	}



.wp-caption img {



	max-width: 566px;



	margin: 0;



	padding: 0;



	border: 1px solid #666;



	}







/**



* Page Navigation



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



#navigation {



	position: relative;



	top: 0px;



	width: 960px;



	height: 42px;



	margin: 0 auto;



	background: #CC0000 url('http://saltlakerunningco.com/home/wp-content/uploads/2010/02/button_background1.png');



	}



#page-nav {



	float: left;



	width: 960px;



	margin: 0;



	}



#page-nav ul {



	list-style: none;



	margin: 0;



	}



#page-nav li {



	float: left;



	margin: 0;



	padding: 0;



	}



#page-nav a {



	display: block;



	font: normal normal bold 13px/13px Verdana, Verdana, Geneva, sans-serif;



	color: #fff;



	padding: 15px 20px 13px 30px;



	}



#page-nav a:hover {



	text-decoration: underline;



	}







/* Drop-down styles */



#page-nav li:hover ul, #page-nav li.sfHover ul  {




	top: 39px;



	}



#page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul  {



	top: -1px;



	}



#page-nav ul ul {



	border-top: 1px solid #ccc;



	background: #000;



	}



#page-nav li li {



	margin: 0;



	padding: 0;



	border-bottom: 1px solid #ccc;



	}



#page-nav li li a {



	padding: 8px 5px;



	border: none;



        font: normal normal normal 11px/11px Verdana, Verdana, Geneva, sans-serif;



        color: #fff;



	}







/* Search form in navigation bar. */



#navigation form {



	float: top right;



	}



#navigation .search-text {



	width: 153px;



	padding: 5px 10px;



	margin: 5px 0px;



	font-style: italic;



	color: #333;



	background: #fff;



	border: 1px solid #fff;



        display: none;  



	}



#navigation .search-submit {



	display: none;



	}







/**



* Header



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



#header {



	overflow: hidden;



	position: relative;



	top: 0px;



	height: 0px;



	padding: 0px 0px;



	border-top: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



	background-image:url('http://saltlakerunningco.com/home/wp-content/uploads/2011/01/header_mural.jpg');

        



	}



#site-title {



	font: normal normal bold 22px/22px Arial, Verdana, sans-serif;



	margin: 0 px 0;



        display: none; 



	}



#site-description {



	font: italic normal normal 12px/12px Arial, Times, 'Times New Roman', serif;



	color: #666;



	margin: 0;



        display: none; 



	}







/* Utility: Header widget area */



#utility-header {



	overflow: hidden;



	float: right;



	width: 960px;



	height: 153px;



	}



#utility-header .widget {



	margin: 0;



	padding: 0;



	background: transparent;



	border: none;



	}







/**



* Containers



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



#container {



	overflow: hidden;



	float: left;



	width: 940px;



	margin-top: 0px;



	padding: 10px;



	background: #e8e7e7;



	}



.content {



	overflow: hidden;



	float: left;



	}



.content, .no-widgets .content, .no-default-widgets .content  {



	width: 940px;



	}



.primary-active .content, .secondary-active .content {



	width: 710px;



	}







/**



* Content



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



.hentry, .breadcrumb {



	overflow: hidden;



	margin: 0 0 10px 0;



	padding: 20px 20px 0 20px;



	background: #fff;



	border: 1px solid #ccc;



	}







/* Entry titles. */



.entry-title {



	font-size: 16px;



	font-weight: bold;



	margin: 0 0 10px 0;



	}



.page-title, .singular-page-title {



	margin: 0 0 20px 0;



	}







/* Byline */



.byline {



	text-transform: lowercase;



	font-size: 10px;



	font-style: italic;



	color: #666;



	}



.blog .byline, .archive .byline, .search .byline {



	margin-bottom: 10px;



	}







.byline .author, .byline .published {



	font-size: 10px;



	font-style: normal;



	text-transform: uppercase;



	}



.byline a {



	color: #333;



	}







/* Entry meta */



.entry-meta {



	clear: both;



	font-size: 10px;



	font-style: italic;



	color: #666;



	}



.entry-meta a {



	font-style: normal;



	color: #333;



	}







.author-info, .category-info, .date-info, .tag-info, .search-info, .taxonomy-info {



	overflow: hidden;



	margin: 0 0 20px 0;



	padding: 20px 20px 0 20px;



	background: #fff;



	border: 1px solid #ccc;



	}







/* Page links <!--nextpage--> */



p.pages {



	font-style: italic;



	}



p.pages a {



	margin: 0 2px;



	padding: 4px 12px;



	color: #eee !important;



	background: #01203C;



	border: 1px solid #eee;



	}







/* WP PageNavi */



.wp-pagenavi {



	overflow: hidden;



	}



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



	float: left;



	margin: 0 6px 0 0;



	padding: 4px 12px;



	color: #eee !important;



	background: #01203C;



	border: 1px solid #eee;



	}







/* Navigation links */



.navigation-links {



	overflow: hidden;



	}



.next, .previous {



	max-width: 50%;



	font-size: 13px;



	}



.previous {



	float: left;



	}



.next {



	float: right;



	text-align: right;



	}



#comments-template .paged-navigation {



	text-align: center;



	}



#comments-template .paged-navigation .page-numbers {



	padding: 3px 6px;



	font-style: italic !important;



	border: 1px solid #eee !important;



	}



#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {



	float: none;



	text-align: left;



	border: none !important;



	}







/**



* Widgets



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



#primary {



	position: relative;



	float: left;



	width: 230px;



	}







#secondary {



	position: relative;



	clear: right;



	float: right;



	width: 230px;



	}







/* Widgets */



.widget {



	overflow: hidden;



	margin: 0px 0px 0px 10px;



	padding: 0px 10px 5px 10px;



	border: 0px solid #e8e7e7;



	background: #e8e7e7;



	}



#primary .widget, #secondary .widget {



	padding: -15px 25px 0px 15px;



	}







/* Widget titles */



.widget-title {



	font-size: 16px;



	font-weight: bold;



	margin: 0px 0px 10px 0px;



	color: #0C386E;



	}







/* Widget content */



.widget ul {



	list-style: square;



	margin-left: 10px;



	}







/**



* Comments



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



#comments-template {



	overflow: hidden;



	padding: 20px 20px 0 20px;



	margin: 0 0 20px 0;



	border: 1px solid #ccc;



	background: #fff;



	}







.comments-header {



	font-size: 14px;



	font-weight: bold;



	}







/* Comment list */



.comment-list, .comment-list ol {



	list-style: none;



	margin: 0;



	}



.comment-list li, .comment-list li li li, .comment-list li li li li li {



	overflow: hidden;



	margin: 0 0 20px 0;



	padding: 20px 20px 0 20px;



	background: #f7f7f7;



	border: 1px solid #ddd;



	}



.comment-list li li, .comment-list li li li li, .comment-list li li li li li li {



	background: #fff;



	border: 1px solid #ddd;



	}







/* Comment avatar */



.comment-list li .avatar {



	float: left;



	width: 37px;



	height: 37px;



	margin: 5px 10px 0 0;



	padding: 2px;



	border: 1px solid #ccc;



	background: #eee;



	}







/* Comment meta */



#comments .comment-meta-data {



	margin: 5px 0 20px 0;



	font-style: italic;



	color: #666;



	}



#comments cite {



	font-weight: bold;



	font-style: normal;



	}







/* Comment text */



#comments .comment-text {



	clear: left;



	}







/* Comments form */



#respond {



	overflow: hidden;



	margin: 0 0 20px 0;



	padding: 20px 20px 0 20px;



	background: #f7f7f7;



	border: 1px solid #ddd;



	}




.text-input {



	display: block;



	padding: 5px;



	width: 300px;



	margin:  0 0 20px 0;



	background: #fff;



	border: 1px solid #ddd;



	}



#respond label {



	font-style: italic;



	}



#respond span.required {



	font-weight: bold;



	color: #01203C;



	}



textarea {



	width: 98%;



	padding: 5px;



	margin: 0 0 20px 0;



	border: 1px solid #ddd;



	}



.button {



	width: 100px;



	padding: 7px;



	margin-right: 10px;



	font-weight: bold;



	color: #fff;



	border: 1px double #333;



	background: #01203C;



	}



.button:hover {



	cursor: pointer;



	background: #00162A;



	}







/**



* Footer



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







/* Footer container */



#footer-container {



	clear: both;



	overflow: hidden;



	}







/* Subsidiary */



#subsidiary {



	overflow: hidden;



	width: 960px;



	padding: 0px 0px 0px 0px;



	background: #fff;



	border-top: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



	}



#subsidiary .widget {



	float: left;



	width: 960px;



	margin: 0 18px 0 0;



	padding: 0;



	border: none;



	}







/* Footer */



#footer {



	clear: both;



	overflow: hidden;



	color: #fff;



	margin: 0 auto;



	padding: 10px 0 0 0;



	}



#footer a {



	color: #ccc;



	font-style: italic;



	}



#footer .copyright {



	display: inline;



	float: left;	



	margin-right: 9px;



	}



#footer .credit {



	text-align: right;



	}