/**
 * Theme Name: Outline
 * Theme URI: http://themehybrid.com/themes/outline
 * Description: A child theme of the Hybrid framework with impeccable typography and a custom background that makes use of all the features WordPress has to offer.
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Version: 0.1
 * Tags: threaded-comments, microformats, translation-ready, two-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2010 Justin Tadlock.  All rights reserved.
 *
 * Outline 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.
 */

@import url('../hybrid/library/css/25px.css'); 

@import url('../hybrid/library/css/plugins.css'); 

@import url('../hybrid/library/css/drop-downs.css'); 

@font-face{font-family:'Sansation'; src:url('/wp-content/themes/hybrid/font/sansation.eot'); src:local('Sansation Regular'), local('SansationRegular'), url('/wp-content/themes/hybrid/font/sansation.woff') format('woff'), url('/wp-content/themes/hybrid/font/sansation.ttf') format('truetype'), url('/wp-content/themes/hybrid/font/sansation.svg#webfontlgTi0mo4') format('svg'); font-weight:normal; font-style:normal}

@font-face{font-family:'Chunk'; src:url('/wp-content/themes/hybrid/font/Chunk.eot'); src:local('Chunk Regular'), local('ChunkRegular'), url('/wp-content/themes/hybrid/font/Chunk.woff') format('woff'), url('/wp-content/themes/hybrid/font/Chunk.ttf') format('truetype'); font-weight:normal; font-style:normal}

body{font:16px/25px Georgia,Times,'Times New Roman',serif; color:#333; background:#fff url(images/background.gif) repeat; border-top:5px solid #222; border-bottom:5px solid #222}

#body-container{overflow:hidden; height:100%; width:100%}

a{color:#215671; color:#680005; color:#243d61}

a:hover, a:active{color:#ac2e1b; text-decoration:underline}

h1, h2, h3, h4, h5, h6{font-family:Arial,Verdana,sans-serif; font-weight:bold; color:#000}

.content ul{list-style:none}
.content ul li{padding:0 0 0 12px; background:url(images/bullet.png) no-repeat 3px 10px}
.content ul li li{padding-left:15px; background:url(images/bullet-sub.png) no-repeat 3px 9px}

blockquote{overflow:hidden; margin:0 0 25px 0; padding:25px 25px 0 25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#f9f9f9; border:1px dotted #ccc}

code{padding:0 3px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#eee}
pre{overflow:auto; padding:15px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#f7f7f7; border:1px solid #eee}
pre code{padding:0; background:transparent}

object{max-width:600px}

table{width:100%; background:#fff; border:1px dotted #ccc}
caption{font:normal normal normal 13px/25px Arial,Verdana,sans-serif; text-align:right; color:#666}
td{padding:5px 2%; color:#444; border:1px dotted #ccc}
tr{background:#fff}
tr.alt, tr.even{background:#f6f6f6}
th{padding:5px 2%; font:normal normal bold 13px/25px Arial,Verdana,sans-serif; color:#333; background:#fff; border:1px dotted #ccc}

.note{padding:25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#444; background:#eee; border:1px dotted #ccc}

.warning, .alert{padding:25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#444; background:#fffbbc; border:1px dotted #E6DB55}

.error{padding:25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#444; background:#ffebe8; border:1px dotted #C00}

.download{margin:0 0 25px 0; padding:25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#444; background:#e7f7d3; border:1px dotted #6c3}

.series{overflow:hidden; margin-bottom:21px}

.left, .alignleft{float:left; margin:0 18px 0 0}
.right, .alignright{float:right; margin:0 0 0 18px}
.center, .aligncenter{display:block; margin:0 auto 21px auto !important}
.block, .alignnone{display:block; margin:0 0 18px 0}
.clear{clear:both}
span.pullquote{float:none; margin:0}

img{border:none; background:none}
.hentry img{max-width:600px}
.singular-attachment .hentry img{max-width:960px}
img.wp-smiley{max-height:12px; margin:0; padding:0; border:none}

.gallery{overflow:hidden; margin-bottom:21px}

.wp-caption{overflow:hidden; max-width:598px; padding:4px 0 0 0; background:#f1f1f1; border:1px dotted #ddd; text-align:center}
.wp-caption img{max-width:586px; margin:0; padding:0; border:1px dotted #ddd}
.wp-caption .wp-caption-text{margin:0 0 2px 0; padding:0 5px; font-size:12px; font-style:italic; color:#ae1b22; text-align:right; background:#f7f7f7}

.thumbnail{float:left; width:150px; height:150px; margin:0 15px 9px 0; padding:9px; background:#fff; border:1px dotted #ccc}

.avatar{float:left; width:75px; height:75px; margin:0 15px 6px 0; padding:3px; background:#f1f1f1; border:1px dotted #ccc}
.user .avatar{margin-bottom:21px; padding:9px; background:#f6f6f6}

#secondary-menu{width:100%; height:36px; margin:0 0 -22px 0}
#secondary-menu .menu{width:1030px; height:36px; margin:0 auto}
#secondary-menu ul{float:right; padding:1px 10px 5px 10px;         margin:0 5px; color:#aaa; background:#222;      -moz-border-radius:0 0 5px 5px;     -webkit-border-radius:0 0 5px 5px;     -khtml-border-radius:0 0 5px 5px;     border-radius:0 0 5px 5px}

#secondary-menu ul li{font:normal normal bold 11px/13px Arial,Verdana,sans-serif; text-transform:uppercase}
#secondary-menu ul li a{padding:5px 25px 5px 25px; color:#aaa; background:#222}
#secondary-menu li.current-menu-item a{color:#eee}
#secondary-menu li.current-menu-item li a{color:#aaa}

#secondary-menu li ul{ -moz-border-radius:5px 5px 5px 5px;  -webkit-border-radius:5px 5px 5px 5px;  -khtml-border-radius:5px 5px 5px 5px;  border-radius:5px 5px 5px 5px; border:none}
#secondary-menu li:hover ul, #secondary-menu li.sfHover ul{top:34px}
#secondary-menu li li:hover ul, #secondary-menu li li.sfHover ul{top:0}
#secondary-menu li li{font-weight:normal; text-transform:none}
#secondary-menu li li a{padding:9px 75px 9px 25px; border:none}
#secondary-menu li li a:hover{text-decoration:underline}

#secondary-menu a.sf-with-ul{padding-right:35px}
#secondary-menu .sf-sub-indicator{position:absolute; top:5px; right:18px; width:12px; text-indent:-9999em; background:url(images/secondary-menu-sub-icon.png) no-repeat 3px 5px}
#secondary-menu li li .sf-sub-indicator{background:url(images/secondary-menu-sub-sub-icon.png) no-repeat 3px 0px}

#header-container{width:960px; height:55px; margin:25px auto}
#header{height:55px}
#site-title{margin:0 0 10px 0; font-family:Chunk;         font-size:42px; text-shadow:1px 2px 3px #000; -moz-text-shadow:1px 2px 3px #000; -webkit-text-shadow:1px 2px 3px #000}
#site-title a{color:#ccc}
#site-description{margin:0; font:italic normal normal 15px/15px Georgia,Times,'Times New Roman',serif; color:#666}

#primary-menu{height:36px; width:1010px; margin:0 auto; width:1000px; height:36px; border-left:1px solid #ccc; color:#fff; background:#666; border:1px solid #333; padding:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); text-shadow:0px 1px 0px #bbb; -moz-text-shadow:0px -1px 0px #000; -webkit-text-shadow:0px -1px 0px #000}
#primary-menu .menu-container{float:left; width:1000px; height:36px; border-left:1px solid #ccc; color:#fff; background:#666; border:1px solid #333; padding:4px; margin:0 5px 5px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3), inset 0 14px 4px rgba(255,255,255,0.3), inset 0 1px 0px rgba(255,255,255,0.5); text-shadow:0px -1px 0px #000; -moz-text-shadow:0px -1px 0px #000; -webkit-text-shadow:0px -1px 0px #000}

#primary-menu ul{     -moz-border-radius:0 0 5px 5px;     -webkit-border-radius:0 0 5px 5px;     -khtml-border-radius:0 0 5px 5px;     border-radius:0 0 5px 5px;     float:left}
#primary-menu ul li{font:normal normal bold 11px/13px Arial,Verdana,sans-serif; text-transform:uppercase}
#primary-menu ul li a{padding:11px 25px 11px 25px; color:#000; background:transparent; border-right:1px solid #666362}
#primary-menu li.current-menu-item a{background:#fff url(images/primary-menu-active.png) repeat-x 0 0; border-top:none; border-bottom:2px solid #fff}
#primary-menu li li.current-menu-item a, #primary-menu li.current-menu-item li a{background:#fff; border-top:1px dotted #ccc; border-bottom:none}

#primary-menu li ul{margin-left:-1px}
#primary-menu li:hover ul, #primary-menu li.sfHover ul{top:36px; margin-left:-1px; background:#fff; border-bottom:1px solid #ccc}
#primary-menu li li:hover ul, #primary-menu li li.sfHover ul{top:0}
#primary-menu li li{font-weight:normal; text-transform:none;  color:#000;  text-shadow:0 1px 0 #BBB}
#primary-menu li li a{background:#ccc; padding:9px 75px 9px 25px; border:1px solid #333}
#primary-menu li li a:hover{background:#333; text-decoration:none;  color:#fff;  text-shadow:0 1px 0 #000}

#primary-menu a.sf-with-ul{padding-right:35px}
#primary-menu .sf-sub-indicator{position:absolute; top:11px; right:18px; width:12px; text-indent:-9999em; background:url(images/primary-menu-sub-icon.png) no-repeat 3px 5px}
#primary-menu li li .sf-sub-indicator{background:url(images/primary-menu-sub-sub-icon.png) no-repeat 3px 0px}

#primary-menu .search{float:right; width:278px; height:23px}
#primary-menu .search-text:focus{color:#000; background:#fff; border:1px solid #FC0}
#primary-menu input[type="text"]{float:right; width:278px; height:23px; color:#666; background:#fff; background:rgba(255,255,255,0.6); font:12px/18px Tahoma, Geneva, Arial, Helvetica, sans-serif; border:#ccc; padding:2px; margin:5px 2px 0 0; border:1px solid #aaa; outline-width:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2), 0 -1px 0px #fff; -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2), 0 -1px 0px #fff; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2), 0 -1px 0px #fff; -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; -moz-transition:background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition:background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out}
#primary-menu input[type="submit"]{float:left; font-size:0px; color:#fff; padding-left:10px; width:25px; height:23px; background:transparent no-repeat; border:none; text-indent:-9999em}

#container{overflow:hidden; width:960px; padding:25px 25px 0 25px; margin:15px auto 39px auto; background:#fff; border:1px solid #ccc;  -moz-border-radius:8px;  -moz-border-radius:8px;  -webkit-border-radius:8px;  -khtml-border-radius:8px;  border-radius:8px;  -moz-box-shadow:2px 3px 5px #333;  box-shadow:2px 3px 5px #333;  -webkit-box-shadow:2px 3px 5px #333}

.content{overflow:hidden; float:left; width:600px}
.primary-inactive.secondary-inactive .content{width:960px}

.breadcrumb-trail{overflow:hidden; margin-bottom:25px; font-size:12px; font-style:italic; line-height:25px; color:#666}
.breadcrumb-title{display:none}
.breadcrumb-trail a[rel="home"]{padding-left:18px; background:url(images/home.png) no-repeat 0 1px}
.breadcrumb-trail .sep{color:#999; padding:0 3px}
.breadcrumb-trail a{font-style:normal; color:#356e8b}
.breadcrumb-trail a:hover{color:#ac2e1b}

.hentry{clear:both; overflow:hidden; margin-bottom:50px}

.entry-title{margin-bottom:3px;  font-family:Sansation}
.entry-title a{color:#000}
.archive .entry-title, .search .entry-title, .home .entry-title, .blog .entry-title{font-size:1.2em}
.singular .entry-title{margin-bottom:25px}
.singular-post .entry-title{margin-bottom:10px}

.byline{margin:0 0 9px 0; font:normal normal normal 12px/24px Arial,Verdana,sans-serif; color:#999}
.singular .byline{margin-bottom:25px}
.byline abbr{border:none}
.byline abbr:hover{border-bottom:1px dotted #999}
.byline a{color:#356e8b}
.byline a:hover{color:#ac2e1b}

.entry-summary p{margin:0 0 9px 0}

.more{font-style:italic}

.entry-meta{margin:0; font:normal normal normal 12px/24px Arial,Verdana,sans-serif; color:#999}
.singular .entry-meta{clear:left}
.entry-meta a{color:#356e8b}
.entry-meta a:hover{color:#ac2e1b}

.singular-post .author-profile, .singular-post .content .series{overflow:hidden; margin-bottom:48px; padding:25px 25px 0 25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#fff; border:1px dotted #ddd}
.singular-post .author-profile .author-name{margin:0 0 9px 0; font-size:14px; color:#333}
.singular-post .author-profile .author-name a{font-style:normal}
.singular-post .author-profile .avatar{margin-bottom:5px; padding:9px; background:#fff; border:1px dotted #ccc}
.singular-post .author-profile .twitter{font-family:Georgia,Times,'Times New Roman',serif; font-style:italic; text-align:right}
.singular-post .author-profile .twitter a{padding-left:25px; background:url(images/twitter.png) no-repeat left bottom}

.archive-info, .search-info{overflow:hidden; margin-bottom:50px; padding:25px 25px 12px 25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#fff; border:1px dotted #ccc}
.archive-info p{margin:0 0 13px 0}
.archive-title, .search-title{margin:0 0 10px 0; font-size:14px; color:#333}

.wp-pagenavi{margin-bottom:25px; text-align:center}
p.pages, .wp-pagenavi{color:#666; line-height:24px !important}
p.pages a, .wp-pagenavi a{margin:0 3px 0 2px; padding:4px 10px; border:1px solid #d3d3d3}
p.pages a:hover, .wp-pagenavi a:hover{background:#eee}

.navigation-links{clear:both; overflow:hidden; margin:0 0 25px 0; font-style:italic}
.navigation-links .previous{float:left; max-width:49%}
.navigation-links .next{float:right; max-width:49%; text-align:right}
 
#primary, #secondary{float:right; width:280px}
#secondary{clear:right}
#primary .widget, #secondary .widget{overflow:hidden; margin-bottom:24px; font-size:13px}
.widget-title{margin-bottom:10px; padding-bottom:9px;         font-family:Sansation; font-size:15px; border-bottom:1px dotted #ccc}
.widget ul, .content .widget ul{list-style:none; margin:0 0 24px 0}
.widget ul ul, .content .widget ul ul{margin:0}
.widget li, .content .widget li{overflow:hidden; margin:0 0 10px 0; padding:0 3px 9px 12px; background:url(images/bullet.png) no-repeat 2px 10px; border-bottom:1px dotted #ccc}
.widget li li, .content .widget li li{margin:5px 0 0 0; padding:0 0 0 15px; background:url(images/bullet-sub.png) no-repeat 1px 7px; border:none}
.widget li a, .content .widget li a{color:#333}

p.term-cloud, p.post_tag-cloud{overflow:hidden}
p.term-cloud a, p.post_tag-cloud a{float:left; display:block; height:11px; margin:0 6px 12px 6px; padding:9px 21px 9px 10px; font-size:11px !important; line-height:11px; color:#fff; background:#000 url(images/tag-icon.png) no-repeat right 0}

#content .widget{overflow:hidden; margin-bottom:48px; padding:25px 25px 0 25px; font:normal normal normal 13px/25px Arial,Verdana,sans-serif; color:#666; background:#fff; border:1px dotted #ddd}

#comments-template h3{font-size:1.2em}

.comment-list{list-style:none; margin:0; border-top:1px dotted #ccc}
.comment-list ol{list-style:none; margin:0 0 21px 0; border-top:1px dotted#d3d3d3}
.comment-list li{overflow:hidden; margin:0; padding:21px 21px 0 21px; position:relative; background:#fff; border-right:1px dotted #ccc; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc}
.comment-list li.alt{background:#fff}
.comment-list li.entry-author{background:#f1f1f1}
.comment-list .avatar{width:40px; height:40px; margin-bottom:0; padding:1px}
.comment-meta{color:#888; font:12px Arial,sans-serif; margin:3px 0 21px 0}
.comment-meta cite{color:#666; font-size:16px; font-style:normal; font-weight:bold}
.comment-meta cite a{color:#333}
.comment-meta abbr{border:none}
.comment-meta abbr:hover{border-bottom:1px dotted #999}
.comment-list .comment-text{padding:0 9px}

#respond{overflow:hidden; margin:24px 0}
#commentform label, .contact-form label{font:12px Arial,Verdana,sans-serif; color:#888}
#commentform input[type="text"], .contact-form input[type="text"]{display:block; width:98%}
#commentform p.form-author{float:left; width:45%; margin-right:9%}
#commentform p.form-email{float:right; width:45%; margin-right:1%}
#commentform textarea, .contact-form textarea{display:block; width:98.5%}
.contact-form div{margin-bottom:21px}
.contact-form div.form-label{margin:0}
.contact-form legend{display:none}
#submit{float:right; margin-left:21px}
#submit:hover, .button:hover{cursor:pointer}
span.required{font-size:16px; font-weight:bold; color:#FF4B33}

#subsidiary{overflow:hidden; width:1000px; margin:25px auto -25px auto;  background:#ADB1A9}
#subsidiary .widget{float:left; width:220px; margin:0 5px 25px 20px}

#footer-container{overflow:hidden;  background:#ADB1A9; border-top:4px solid #333}
#footer{overflow:hidden; width:960px; margin:0 auto;  padding:5px 0 0; color:#333; border-top:1px solid #ccc}
#footer a{font-style:italic}
#footer a:hover{}

#footer .copyright{float:left; width:50%}
#footer .credit{float:right; width:50%; text-align:right}

