/**
 * Theme Name: Creatine
 * Theme URI: http://www.jarretmorrow.com/theme/
 * Description: A blog-style child theme based on Hybrid News of the Hybrid theme framework.
 * Version: 0.3
 * Author: Jarret Morrow
 * Author URI: http://jarretmorrow.com
 * Tags: white, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2010 Jarret Morrow.  All rights reserved.
 * http://jarretmorrow.com
 *
 * Creatine 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/20px.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 */
@import url('tabs.css');



/**Style.css
*/
body{font:12px/22px Verdana,Geneva,Tahoma,sans-serif; background:#6f6c64}
#body-container{display:table; width:100%}
a, a:visited{color:#870000; text-decoration:none}
a:hover, a:active{text-decoration:underline}
.entry-content a{color:#346BA4}
h1, h2, h3, h4, h5, h6{font-family:Museo,Arial,Tahoma,Helvetica,Geneva !important,serif; color:#444}
.content ul{list-style:none; margin-left:20px}
.content ul li{overflow:auto; padding-left:15px; background:url(images/bullet5.gif) no-repeat 0 7px}
blockquote{margin:1em 3em; padding:.5em 1em; border-left:5px solid #777; background-color:#f1f1f1}
blockquote p{margin:0}
blockquote blockquote{color:#555}
blockquote em{font-style:normal}
blockquote.pullquote{width:210px; margin-top:6px; margin-bottom:3px; padding:6px 9px; text-align:center; font:italic normal normal 20px/22px Georgia,Times,'Times New Roman',serif; color:#444; background:transparent; border-top:3px double #ddd; border-bottom:3px double #ddd}
.pullquote p{margin:0}
code{padding:0 3px; font-size:12px; background:#eee}
pre{overflow:auto; padding:9px; font-size:12px; color:#000; background:url(images/code.png) repeat 0 0; border:1px solid #ddd}
pre code{padding:0; background:transparent}
table{width:100%; background:#ddd}
caption{font:italic normal normal 12px/22px Verdana,Geneva,Tahoma,sans-serif; text-align:right; color:#666}
tr{margin:1px; border:1px solid #ddd}
td{padding:3px; background:#f7f7f7; border:1px solid #ddd}
tr.alt td, tr.even td{background:#eee}
th{padding:3px; color:#fff; background:#4C4C4C; border:1px solid #ddd}
th a{font-weight:bold; color:#eee}
acronym{border-bottom:1px dotted #333}
.drop-cap{float:left; margin-right:3px; font:normal normal normal 48px/39px "Warnock Pro","Goudy Old Style",Palatino,"Book Antiqua",Cambria,Georgia,serif; color:#444}
.note{padding:6px 9px; background:#eee; border:1px solid #ccc}
.warning, .alert{padding:6px 9px; background:#fffbbc; border:1px solid #E6DB55}
.error{padding:6px 9px; background:#ffebe8; border:1px solid #C00}
.download{padding:6px 9px; background:#e7f7d3; border:1px solid #6c3}
.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}
span.pullquote{float:none; margin:0}
.post img{max-width:580px}
img.wp-smiley{max-height:12px; margin:0; padding:0; border:none}
.wp-caption{max-width:590px; padding:4px 4px 4px 4px; background:#eee; border:1px solid #ccc; text-align:center}
.wp-caption .wp-caption-text{margin:0; padding:0 5px; text-align:right; font-size:11px; color:#666}
.wp-caption img{max-width:588px; margin:0 auto; padding:0; border:1px solid #666}
.gallery{display:block; text-align:center; margin-bottom:20px !important}
.gallery img{border:1px solid #3c738c}
.avatar{float:left; width:60px; height:60px; margin-right:20px; padding:4px; background:#eee; border:1px solid #ccc}
.thumbnail{float:left; width:120px; height:120px; margin:0 20px 10px 0; padding:4px; background:#ddd; border:1px solid #ccc}
.category img.medium{float:left; max-width:230px; margin:0 20px 10px 0; padding:4px; background:#eee; border:1px solid #ccc}
#secondary-menu{background:#000; width:990px; height:30px; margin:0 auto 0 auto}
#secondary-menu div.menu{float:left; height:20px; margin:0 0 0 0; padding-top:2px; padding-left:5px; display:block}
#secondary-menu div.menu ul{list-style:none; margin:0}
#secondary-menu div.menu li{float:left; margin:6px 0 0 0; padding:0 0 8px 0}
#secondary-menu div.menu a{display:block; font:normal normal normal 11px/11px Verdana,Geneva,Tahoma,sans-serif; color:#999; padding:0 15px 0 15px; border-right:1px solid #353535}
#secondary-menu div.menu li:hover ul, #secondary-menu div.menu li.sfHover ul{top:22px}
#secondary-menu div.menu li li:hover ul, #secondary-menu div.menu li li.sfHover ul, #secondary-menu div.menu li li li:hover ul, #secondary-menu div.menu li li li.sfHover ul{top:-1px}
#secondary-menu div.menu ul ul{border-top:1px solid #222; background:#111}
#secondary-menu div.menu li li{margin:0; padding:0; border-bottom:1px solid #222}
#secondary-menu div.menu li li a{padding:7px 7px; border:none}
#secondary-menu .search{margin-top:3px; float:right; width:200px; height:15px}
#secondary-menu input{float:right; width:170px; height:15px; margin:0 30px 0 0; padding:1px 8px 1px 22px; font:normal normal normal 11px/15px Verdana,Geneva,Tahoma,sans-serif; color:#aaa; background:#180b0c url(images/search-icon.png) no-repeat 5px 0; border:3px solid #353535; display:block}
#secondary-menu .search-submit, #secondary-menu .button{display:none}
#header-container{padding-top:0px; margin-top:0px; height:90px}

#header{overflow:hidden; width:990px; height:90px; margin:0 auto}

#header{background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ededed)); background:-moz-linear-gradient(top,#ffffff,#ededed); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed'); height:100px; margin:0 auto; overflow:hidden; width:990px}

#site-title{float:left; width:240px; height:90px; margin:0 0 0 5px; font-family:georgia,serif; display:block; text-indent:-9999px; text-indent:-9999px; background:url(images/header.png) no-repeat center}
#site-title a{padding-top:40px; color:#A99E8A; display:block}
#site-description{display:none}
#utility-header{float:right; width:728px; height:90px; margin:0; padding:0}
#utility-header .widget{line-height:19px; margin:0px; padding:0 0px 0 0; color:#aaa; background:transparent; border:none}
#utility-header .widget-inside div, #utility-header .widget-inside img{float:right}
#primary-menu{width:990px; height:45px; margin:0px auto 0 auto; font:normal normal bold 12px/12px Verdana,Geneva,Tahoma,sans-serif; text-transform:uppercase; background: -moz-linear-gradient(0% 22px 90deg,#222222,#999999); -webkit-gradient(linear,0% 0%,0% 70%,from(#999999),to(#222222)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#000000'); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444',endColorstr='#000'); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75)}
#primary-menu li{float:left; border-right:1px solid #444}

#primary-menu{background:-webkit-gradient(linear,0% 0%,0% 70%,from(#999),to(#222))}
#primary-menu ul{list-style:none; margin:0}
#primary-menu a{display:block; padding:15px 15px 18px; text-transform:uppercase; color:#D0D8E3}

#primary-menu a:hover{background:#870000; text-decoration:none}
#primary-menu li li a{width:160px; font:normal normal bold 10px/10px Verdana,Geneva,Tahoma,sans-serif; padding:8px 10px; color:#d0d8e3; background:#222; border-top:1px solid #444}
#primary-menu div.menu ul ul, #primary-menu div.menu ul ul ul{margin-top:23px}
#primary-menu div.menu li li:hover ul, #primary-menu div.menu li li li:hover ul{left:180px}
#primary-menu div.menu li:hover ul, #primary-menu div.menu li.sfHover ul{top:2.05em}
#primary-menu div.menu li li:hover ul, #primary-menu div.menu li li.sfHover ul, #primary-menu div.menu li li li:hover ul, #primary-menu div.menu li li li.sfHover ul{top:0}
#primary-menu div.menu ul ul{background:#870000}
#primary-menu div.menu ul.menu{position:relative; z-index:98}
#secondary-menu div.menu ul.menu{position:relative; z-index:99}
#primary-menu #feed{width:160px; float:right; padding-top:8px; padding-right:10px}
#feed li{float:right; border:none}
#feed li a{padding:7px 18px 18px; background:url(images/feed-icon.png) no-repeat right 7px}
#feed li a:hover{background: url("images/feed-icon.png") no-repeat scroll right 7px transparent; padding 7px 18px 18px}
#feed-counter a{padding:3px 0 6px 0}
#container{background:none repeat scroll 0 0 #F9F9F9; border:10px solid #4C4C4C; margin:5px auto 0; overflow:hidden; padding:20px 0 0; width:970px}
.page-template-no-widget #container, .primary-inactive.secondary-inactive #container{background:#DFD3BB}
.content{overflow:hidden; float:left; width:600px; padding:0px 10px 20px 0px; margin-left:10px; background:#fff; border:none}
.content p img{background:#ddd; border:2px solid #ccc !important; padding:5px}
.page-template-no-widgets .content, .primary-inactive.secondary-inactive .content{width:980px; padding:0 0 20px 0}
.post{clear:both; overflow:hidden; margin-bottom:20px}
.single .post, .page .post{margin-bottom:0}
.page-template-blog .post, .page-template-quick-post .post{margin-bottom:20px}
.entry-title{margin-bottom:3px; font:20px/20px georgia,times,'times new roman',serif; font-weight:bold}
.entry-title a{color:#8693a3}
.entry-title a:hover{color:#555d68}
.home .entry-title, .page-title, .page-template-blog .entry-title, .single-title, .error-404-title, .attachment-title{font:bold 26px/26px Calibri,"Palatino Linotype",georgia,times,'times new roman',serif}
.page-title, .error-404-title{margin:0 0 20px 0}
.byline{font-size:.9em; font-style:italic; color:#777}
.archive .byline, .search .byline{margin:0 0 3px 0}
.byline a{font-style:normal}
.entry-content, .entry-summary{font-size:14px; overflow:hidden}
.entry-meta{clear:both; display:block; padding:9px 0 0 0; font-size:.9em; font-style:italic; color:#777; border-top:1px dotted #645c51}
.entry-meta a{font-style:normal}
p.pages{font-weight:bold}
p.pages a{margin:0 2px; padding:4px 12px; font-weight:normal; font-style:italic; color:#eee !important; background:#093653; border:1px solid #eee}
.series-title{font-size:1.2em}
.author-profile{overflow:hidden; margin:0 0 20px 0; padding:9px 9px 3px 9px; background:#F9F9F9; border:1px solid #ccc}
.author-profile p{margin:0 0 9px 0}
.author-profile .avatar{margin:0 20px 9px 0}
.author-profile{overflow:hidden; margin-bottom:10px}
.page-template-biography .author-profile{margin:0}
.author-profile .author-name{margin-bottom:0; font-size:1.5em; font-weight:bold}
.post-box{overflow:hidden; margin-bottom:20px}
.category-title, .tag-title, .date-title, .author-title, .search-title{font:normal normal bold 22px/22px Calibri,georgia,times,'times new roman',serif}
.author-info, .category-info, .date-info, .tag-info, .search-info{overflow:hidden; margin:0 0 20px 0}
.attachment object{width:100%; height:100%; min-height:400px}
.attachment object.video{width:100%; height:360px}
.attachment object.audio{width:100%}
.attachment-image .post-meta-data{clear:left}
.attachment .download{display:block; margin-bottom:20px}
.attachment-icon, .mime-type-icon{height:20px; margin-right:10px; padding:0}
.attachment-application-octet-stream .video{height:400px; margin-bottom:20px}
.breadcrumb{margin:0 0 20px 0; font-size:13px; color:#272727; border-bottom:dotted #000 thin}
.wp-pagenavi{overflow:hidden}
.wp-pagenavi .pages{float:left; margin:0 50px 0 0 !important; padding:3px 9px !important; color:#53595F !important; background:#D0D8E3; border:3px solid #53595F !important}
.wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend{float:left; margin:0 4px 2px 0 !important; padding:3px 9px !important; color:#000 !important; background:#D0D8E3; border:2px solid #53595F !important}
.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}
#comments li.entry-author{background:#EDEDED; color:#444}
#yarp-template{}
#in-post-ad{text-align:center; padding-top:20px; padding-bottom:20px}
#related-posts{}
.widget{overflow:hidden; margin:0px 0px 15px 0px; padding:0px 9px 0 9px; background:#F9F9F9}
.widget-title{border-bottom:5px solid #8693A3; -moz-border-radius:0.3em 0.3em 0 0; -webkit-border-radius:0.5em 0.5em 0 0; border-radius:0.5em 0.5em 0 0; background:#4C4C4C; font:20px calibri,times,'times new roman',serif; font-weight:bold; color:#c4c6c6; padding:0.1em 1.2em; text-shadow:1px 1px rgba(0,0,0,0.5)}
#footer-container{background:none repeat scroll 0 0 #1B1D1E; background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1B1D1E)); background:-moz-linear-gradient(top,#333,#1B1D1E); border-top:20px solid #4C4C4C; margin-left:auto; margin-right:auto; width:990px; clear:both; overflow:hidden; padding:02px 0 0}
#footer{overflow:hidden; width:990px; margin:0 auto; padding:20px 0 0 0; color:#f7f7f7; border-top:1px dotted #4C4C4C; background:clear) no-repeat}
#footer{overflow:hidden; width:980px; margin:0 auto; padding:20px 0 0 0; color:#f7f7f7; background:none}
#footer a{font-style:normal; color:#aaa}
#footer a{font-style:normal; color:#aaa}
#footer .copyright{display:inline; float:left; margin-right:9px; padding-left:20px}
.clearblock{width:100%; clear:both}
.widget-title a{color:#f7f7f7}
.widget ul{list-style:none; margin-left:0}
.widget ul li{padding:0 0 0 18px; background:url(images/bullet2.gif) no-repeat 3px 7px}
.widget-search .search-text{width:290px; margin-bottom:5px}
.widget-categories img{position:relative; max-height:16px; top:1px; margin:0; padding:0}
.content .widget{margin:0; padding:0; border:none}
.content .widget-title{margin:0 0 5px 0; padding:0 0 5px 0; font:normal normal bold 14px/20px georgia,times,'times new roman',serif; color:#333; background:transparent; border-bottom:1px solid #ddd}
.content .widget-title a{color:#093653}
.page-template-widgets .content .widget{margin:0 0 20px 0}
#widget-container{float:right; width:320px; margin-right:15px; margin-bottom:15px}
#primary{overflow:hidden; float:right; width:320px}
#secondary{overflow:hidden; clear:right; float:right; width:153px; margin:0 0 0 14px}
#tertiary{overflow:hidden; float:right; width:153px}
#primary .widget ul li{margin:0 0 5px 0; padding:0 5px 5px 20px; background:url(images/bullet2.gif) no-repeat 5px 7px; border-bottom:1px solid #ccc}
#primary .widget ul li a:hover{background:none repeat scroll 0 0 #870000; text-decoration:none; color:#fff; display:block}
#primary .widget ul ul{margin:5px 0 0 0}
#primary .widget ul li li{margin:0 0 2px 0; padding:0 0 2px 20px; border:none}
#primary object{float:left; width:300px; padding:0; margin:0 0 9px 0}
#text-4{padding-left:17px}
#comments-template{margin-top:20px}
#comments-number{font-size:2.0em; font-weight:700; text-indent:0px; margin:5px 5px; padding:0px 20px 20px 10px}
#reply{font-size:2.0em; font-weight:700; text-indent:0px; margin:5px 5px; padding:30px 10px 10px 70px}
#reply{background:url(images/Comment_edit.png) no-repeat}
.comments-closed{color:#666; font-style:italic}
#comments-template ol{list-style:none; margin:0}
#comments li{overflow:hidden; margin:0 0 15px 0; padding:15px 15px 0 15px; color:#333; background:#fff; border:1px solid #ddd}
#comments li li, #comments li li li li, #comments li li li li li li{background:#fff}
#comments li li li, #comments li li li li li{background:#f7f7f7}
#comments li .avatar{width:60px; height:60px; float:left; margin-right:10px; padding:0; border:4px solid #433D34}
#comments .comment-author{font-weight:bold; font-size:16px}
#comments .comment-meta-data{margin-bottom:15px}
.comment-text{clear:left; font-size:13px}
.text-input{display:block; padding:3px 6px; width:320px; font:18px Calibri,Arial,'Helvetica Neue',Helvetica,sans-serif; background:#F9F9F9}
.page-template-quick-post .text-input{width:97.5%}
#comments-template label{font:18px Calibri,Arial,'Helvetica Neue',Helvetica,sans-serif}
textarea{clear:left; font-weight:bold; display:block; width:98%; font:18px/25px Calibri,'Helvetica Neue',Helvetica,sans-serif; background:#F9F9F9}
.button{width:100px; margin-right:9px; padding:6px 9px; font:13px Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; color:#25211B; background-color:#D0D8E3; border:none}
.button:hover{cursor:pointer; color:#fff; background-color:#8593A3}
.search-form input{margin-right:9px}
#subsidiary{overflow:hidden; width:1000px; margin:0 auto 14px auto; padding:2px 0 0 0}
#subsidiary{overflow:hidden; width:1000px; margin:0 auto 14px auto; padding:2px 0 0 0}
#subsidiary .widget{overflow:hidden; float:left; width:29%; margin:0; padding:15px 20px 0; font:13px/21px Verdana,Arial,Verdana,sans-serif; color:#ccc; background:transparent; border:none}
#subsidiary .widget-title{margin:0 0 3px 0; padding:0 0 3px 0; font-size:17px; height:20px; color:#fff; background:transparent; border-bottom:2px solid #8693A3}
#subsidiary a{color:#999}

#subsidiary a:hover{background:none repeat scroll 0 0 #fff; font-weight:bold; color:#870000; text-decoration:none}

#subsidiary .widget ul li{margin:0 0 3px 0; padding:0 5px 3px 5px; background:transparent; border-bottom:1px solid #292A2A}
#advman-2 .widget-title{height:0px; margin:0 0 0px 0; padding:0px 0px 0 0px; font:18px/20px calibri,times,'times new roman',serif; font-weight:bold; color:#636363; background:transparent; border:none}
#advman-3{background:none repeat scroll 0 0 #fff; border:none; clear:left; overflow:hidden; padding:0px 9px 0}
#advman-3 .widget-title{height:0px; margin:0 0 0px 0; padding:0px 0px 0 0px; font:18px/20px calibri,times,'times new roman',serif; font-weight:bold; color:#636363; background:transparent; border:none}
#advman-5{background:transparent; border:none; clear:left; overflow:hidden; padding:0px 0px 0}
#advman-5 .widget-title{height:0px; margin:0 0 0px 0; padding:0px 0px 0 0px; ; background:transparent; border:none}
#singlesubscribe{background:none repeat scroll 0 0 #FFF; border:1px solid #8693A3; height:160px; margin:-20px auto 15px; padding:0; text-align:center; width:300px}
input.btn{background:none repeat scroll 0 0 #198DC9; border:medium none !important; color:#FFF; font-weight:bold; height:25px !important; left:110px; margin:0 0 0 -10px !important; position:relative; top:3px; width:90px !important}
input.txt{background:none repeat scroll 0 0 #FFF; border:1px solid #198DC9 !important; color:#198DC9; height:21px; left:110px; padding:2px 0 0 15px !important; position:relative; top:3px; width:220px}
#advman-4{text-align:center; border:none; background:none; padding:0px 0px 0}
#advman-7{background:none repeat scroll 0 0 #fff; border:none; clear:left; overflow:hidden; padding:0px 0px 0}
#advman-7 .widget-title{height:0px; margin:0 0 0px 0; padding:0px 0px 0 0px; font:18px/20px calibri,times,'times new roman',serif; font-weight:bold; color:#636363; background:transparent; border:none}

