/*
Theme Name: ProGrip Baseball Theme
Theme URI: 
Description: A Custom Child Theme of Thematic on a WordPress platform.
Author: Terry Hall
Author URI: http://seobake.com/
Template: thematic
Version: 1.1
Tags: Thematic, seobake
.
Progrip Baseball Theme copyright Terry Hall http://seobake.com/
.
*/

/* IMPORT CUSTOM THEME FOR PROGRIP */
@import url("progrip.css");
 
/* Reset browser defaults */
@import url('reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* 3 column layout */
@import url('3c-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

  

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}


/* =Global Elements 
-------------------------------------------------------------- */ 

body, input, textarea { 
font: 15px Arial,Georgia,serif; 
line-height:22px; 
} 
p, ul, ol, dd, pre { 
margin-bottom:22px; 
} 
pre, code { 
font:14px Monaco, monospace; 
line-height:22px; 
} 
blockquote { 
color:#666; 
font-style:italic; 
} 
table { 
font-size:13px; 
line-height:18px; 
text-align:left; 
display: block; 
clear: both; 
margin-right: auto; 
margin-left: auto; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 
} 
caption { 
text-align:left; 
} 
tr { 
border-bottom:none; 
} 
th, td { 
padding: .2em .2em; 
} 
hr { 
background-color:#ccc; 
border:0; 
color:#ccc; 
height:1px; 
margin-bottom:22px; 
} 
a:link { 
color:#000; 
text-decoration:none; 
} 
a:visited { 
color:#000; 
} 
a:active, 
a:hover { 
color: #029834; 
} 


/* =Header 
-------------------------------------------------------------- */ 

#header { 
width: 973px; 
height: 154px; 
background-image: url(files/2009/08/ProGrip-Header.png); 
margin: 0 auto 0 auto; 
z-index:2; 
} 
#branding { 
padding:20px 0 50px 0; 
} 
#blog-title { 
font-family:Arial,sans-serif; 
font-size:34px; 
font-weight:bold; 
line-height:40px; 
} 
#blog-title a { 
color:#fff; 
text-decoration:none; 
} 
#blog-title a:active, 
#blog-title a:hover { 
color: #fff; 
} 
#blog-description { 
color:#029834; 
font-weight:bold; 
font-size:24px; 
font-style:italic; 
text-align:right; 
padding-top: 40px; 
padding-right: 150px; 
padding-bottom: 0px; 
padding-left: 0px; 
} 


/* =Menu 
-------------------------------------------------------------- */ 

.skip-link { 
display:none; 
} 
#access { 
font-size:12px; 
overflow:visible; 
z-index: 100; 
} 
/*** ESSENTIAL STYLES ***/ 
.sf-menu, .sf-menu * { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
.sf-menu { 
line-height: 1em; 
} 
.sf-menu ul { 
position: absolute; 
top: -999em; 
width: 10em; /* left offset of submenus need to match 
(see below) */ 
} 
.sf-menu ul li { 
width: 100%; 
} 
.sf-menu li:hover { 
visibility: inherit; /* fixes IE7 'sticky bug' */ 
} 
.sf-menu li { 
float: left; 
position: relative; 
} 
.sf-menu a { 
display: block; 
position: relative; 
text-decoration: none; 
font-weight: bold; 
} 
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul { 
left: 0; 
top: 2.5em; /* match top ul list item height */ 
z-index: 99; 
} 
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul { 
top: -999em; 
} 
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul { 
left: 10em; 
} 
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul { 
top: -999em; 
} 
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul { 
left: 10em; 
} 

/*** THEMATIC SKIN ***/ 
.sf-menu {
	margin-left: -16px;
	float:left;
	margin-top: -4px;
} 
.sf-menu a { 
color: #fff; 
text-decoration:none; 
padding-top: 7px; 
padding-right: 13px; 
padding-bottom: 7px; 
padding-left: 13px; 
} 
.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, 
.sf-menu .current_page_parent a { 
color:fff; 
} 
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 
applies text colour*/ 
color: #fff; 
} 
.sf-menu li { 
background: #000; 
color: #fff; 
} 
.sf-menu li li { 
background: #000; 
color: #fff; 
} 
.sf-menu li li li { 
background: #000; 
color: #fff; 
} 
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
background: #029834; 
color: #fff; 
} 
.sf-menu ul { 
border:none 
} 
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul { 
top:25px; /* overriding essential styles */ 
} 
.sf-menu ul ul { 
} 
.sf-menu ul a { 
background:#000; 
color: #fff; 
} 
.sf-menu ul a:hover { 
color: #FFFFFF; 
background-color: #029834; 
} 



/* =Progrip Home 
-------------------------------------------------------------- */ 
#pgcontainer { 
margin-top:-76px; 
} 


/* =Content 
-------------------------------------------------------------- */ 

#main { 
clear:both; 
width: 973px; 
background-image: url(files/2009/08/ProGrip-SubHeader.jpg); 
background-repeat:no-repeat; 
background-color:#fff; 
padding: 75px 0 22px 0; 
} 
.page-title { 
font-size:13px; 
line-height:18px; 
padding:0 0 44px 0; 
color:#fff; 
} 
.attachment .page-title { 
font-style:italic; 
} 
.page-title a { 
color:#666; 
text-decoration:none; 
} 
.page-title a:active, 
.page-title a:hover { 
color: #029834; 
} 
.page-title span { 
font-style:italic; 
} 
.page-title .meta-nav { 
font-style:normal; 
} 
.hentry { 
padding:0 0 22px 0; 
} 
.single .hentry { 
padding:0; 
} 
.home #content .sticky { 
margin:0 0 66px 0; 
padding:22px 20px 0 20px; 
} 
#primary .progrip-title { 
font-family:Arial, sans-serif; 
font-size:30px; 
font-weight:bold; 
color:#fff; 
white-space: nowrap; 
} 
#primary .progrip-title a { 
color:#fff; 
text-decoration:none; 
} 
#primary .progrip-left-nav { 
font-size:12px; 
overflow:visible; 
z-index: 100; 
} 

/*HEADER FOR PAGE ENTRY */
h1.entry-title {visibility:hidden }

 h2.entry-title
 {
	font-size: 25px;
	line-height:26px;
	color:#000000;
	margin-top: 70px;
} 
.entry-title a { 
color:#000; 
text-decoration:none; 
} 
.entry-title a:active, 
.entry-title a:hover { 
color: #029834; 
} 
.entry-meta { 
color:#666; 
font-size:13px; 
font-style:italic; 
line-height:18px; 
} 
.entry-meta .author { 
} 
.entry-meta .n { 
font-size:11px; 
font-style:normal; 
letter-spacing:0.05em; 
text-transform:uppercase; 
} 
.entry-meta a { 
color:#666; 
text-decoration:none; 
} 
.entry-meta a:active, 
.entry-meta a:hover { 
color: #FF4B33; 
} 
.entry-meta abbr { 
border:none; 
cursor:text; 
font-size:11px; 
font-style:normal; 
letter-spacing:0.05em; 
text-transform:uppercase; 
} 
.entry-content { 
padding:0 0 0 0; 
} 
.entry-content h1{ 
font-family:Arial,sans-serif; 
font-size:19px; 
font-weight:bold; 
padding:28px 0 14px 0; 
color:#fff; 
} 
.entry-content h2 { 
font-family:Arial,sans-serif; 
font-size:19px; 
font-weight:bold; 
padding:28px 0 14px 0; 
} 
.entry-content h3 { 
font-size:17px; 
font-style:italic; 
padding:28px 0 14px 0; 
} 
.entry-content h4 { 
font-size:11px; 
font-family:Arial,sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
letter-spacing:0.05em; 
} 
.entry-content table { 
margin-left:1px; 
} 
.entry-content embed { 
margin:0 0 22px 0; 
} 
.entry-utility { 
color:#666; 
font-size:13px; 
line-height:18px; 
margin:0 0 44px 0; 
} 
.entry-utility a { 
color:#666; 
font-style:italic; 
text-decoration:none; 
} 
.entry-utility a:active, 
.entry-utility a:hover { 
color: #FF4B33; 
} 
.page-link { 
font-size:13px; 
font-weight:bold; 
line-height:18px; 
margin:0 0 22px 0; 
padding:22px 0 0 0; 
word-spacing:0.5em; 
} 
.page-link a { 
color:#666; 
font-weight:normal; 
padding:0.5em 0.75em; 
text-decoration:none; 
} 
.page-link a:active, 
.page-link a:hover { 
color: #029834; 
} 
ul#links-page, 
ul#archives-page { 
list-style:none; 
margin-left:0; 
overflow:hidden; 
} 
li.content-column { 
float:left; 
margin-right:20px; 
width:45%; 
} 
.gallery { 
padding:0 0 22px 0; 
} 
.wp-caption-text, 
.gallery-caption { 
color:#666; 
font-size:13px; 
line-height:18px; 
} 
#author-info { 
margin:0 0 44px 0; 
overflow:hidden; 
} 
#author-info .avatar { 
float:left; 
margin:.3em 1em 0 0; 
} 


/* =Attachments 
-------------------------------------------------------------- */ 

.attachment-jpeg #container, 
.attachment-png #container { 
width:100%; 
} 
.attachment-jpeg #content, 
.attachment-png #content { 
width:930px; 
} 
.attachment-jpeg #comments, 
.attachment-png #comments { 
width:540px; 
overflow:hidden; 
} 
.attachment-jpeg .main-aside, 
.attachment-png .main-aside { 
display:none; 
} 


/* =Navigation 
-------------------------------------------------------------- */ 

.navigation { 
color:#666; 
font-size:13px; 
line-height:18px; 
margin:0px 0 22px 0; 
overflow:hidden; 
} 
.navigation a { 
color:#666; 
font-style:italic; 
text-decoration:none; 
} 
.navigation a:active, 
.navigation a:hover { 
color: #029834; 
} 
.navigation .meta-nav { 
font-style:normal; 
} 
.nav-previous { 
float: left; 
width:50%; 
} 
.nav-next { 
float: right; 
width:50%; 
text-align:right; 
} 
#nav-above,#nav-below { 
width: 100%; 
} 
#nav-above { 
display:none; 
} 
.paged #nav-above { 
display:block; 
padding:0 0 44px 0; 
} 


/* =Comments 
-------------------------------------------------------------- */ 

#comments { 
padding:22px 0 0 0; 
} 
#comments, 
#comments input, 
#comments textarea { 
font-size:13px; 
line-height:18px; 
} 
#comments code { 
font-size:12px; 
line-height:18px; 
} 
#comments h3 { 
font-family:Arial,sans-serif; 
font-size:15px; 
font-weight:bold; 
line-height:22px; 
padding:0 0 18px 0; 
} 
#comments-list { 
padding:0 0 18px 0; 
} 
#comments-list ol, 
#comments-list ul { 
list-style:none; 
margin:0; 
} 
#comments-list ol { 
border-bottom:none; 
margin:0 0 18px 0; 
} 
#comments-list li { 
background:#fafafa; 
padding:18px 1.5em 0 1.5em; 
position:relative; 
} 
#comments-list li.alt { 
background:#fff; 
} 
#comments-list li.bypostauthor { 
background:#FFFFCC; 
} 
#comments-list ul li { 
margin:0 0 18px 0; 
} 
#comments-list li .avatar { 
position:absolute; 
top:22px; 
left:1.5em; 
width:36px; 
height:36px; 
} 
#comments-list .comment-author { 
font-weight:bold; 
padding:9px 0 0 46px; 
} 
#comments-list .comment-meta { 
color:#666; 
font-size:11px; 
padding:0 0 9px 46px; 
} 
#comments-list .comment-meta a { 
color:#666; 
font-style:italic; 
text-decoration:none; 
} 
#comments-list .comment-meta a:active, 
#comments-list .comment-meta a:hover { 
color: #FF4B33; 
} 
.comment-reply-link { 
font-size:11px; 
padding:0 0 18px 0; 
text-align:right; 
} 
.comment-reply-link a { 
color:#666; 
font-style:italic; 
text-decoration:none; 
} 
.comment-reply-link a:active, 
.comment-reply-link a:hover { 
color: #FF4B33; 
} 
.comment-navigation { 
font-weight:bold; 
padding:0 0 18px 0; 
margin-right:0.5em; 
} 
.comment-navigation a { 
color:#666; 
font-weight:normal; 
padding:0.5em 0.75em; 
text-decoration:none; 
} 
.comment-navigation a:active, 
.comment-navigation a:hover { 
color: #FF4B33; 
} 
.comment-navigation a, 
.comment-navigation span { 
margin-right:0.5em; 
} 
#trackbacks-list .comment-content { 
position:absolute; 
left:-9000px; 
} 
#respond { 
background:#fff; 
margin-bottom:22px; 
overflow:hidden; 
padding:18px 0 0 0; 
position:relative; 
} 
#comments-list #respond { 
margin:0 0 18px 0; 
padding:18px 1.5em; 
} 
#comments-list ul #respond { 
margin:0; 
} 
#cancel-comment-reply { 
font-size:11px; 
position:absolute; 
top:18px; 
right:1.5em; 
} 
#cancel-comment-reply a { 
color:#666; 
} 
#respond .required { 
color:#FF4B33; 
font-weight:bold; 
} 
.form-section label { 
font-size:11px; 
} 
.form-section input { 
margin:0 0 18px 0; 
width:98%; 
} 
.form-section textarea { 
width:99%; 
} 
#form-allowed-tags p { 
color:#666; 
font-size:11px; 
margin:0; 
} 
#form-allowed-tags span { 
font-style:italic; 
} 
#form-allowed-tags code { 
font-size:11px; 
line-height:normal; 
} 
.form-submit { 
padding:18px 0 0 0; 
text-align:right; 
} 
.subscribe-to-comments { 
color:#666; 
float:left; 
font-size:11px; 
margin:0; 
padding:18px 0 0 0; 
} 
.solo-subscribe-to-comments { 
color:#666; 
font-size:11px; 
padding:18px 0 0 0; 
} 
.comment_license { 
color:#666; 
clear:both; 
font-size:11px; 
margin:0; 
padding:18px 0 0 0; 
} 


/* =Asides, Sidebars & Widget-Ready Areas 
-------------------------------------------------------------- */ 

.aside, 
.aside input { 
font-size:13px; 
line-height:18px; 
margin-bottom:6px; 
} 
.aside p, 
.aside ul, 
.aside ol, 
.aside dd, 
.aside pre { 
margin-bottom:18px; 
} 
.aside pre, 
.aside code { 
font-size:12px; 
line-height:18px; 
} 
.aside .current_page_item a { 
color: #000; 
} 
.aside .current_page_item .page_item a { 
color:#029834; 
} 
.aside .current_page_item .page_item a:hover, 
.aside .current_page_item .page_item a:active { 
color: #029834; 
} 
.aside { 
color:#666; 
} 
.aside a { 
color:#666; 
} 
.aside a:active, 
.aside a:hover { 
color: #029834; 
} 
.aside h3 {
	font-size:25px;
	font-style:italic;
	line-height:22px;
} 
.aside h3 a { 
text-decoration:none; 
} 
.aside caption { 
font-size:11px; 
font-family:Arial,sans-serif; 
font-weight:bold; 
text-transform:uppercase; 
letter-spacing:0.05em; 
} 
.aside ul { 
list-style:none; 
margin-left:0; 
} 
.aside ul ul { 
list-style:disc; 
margin:0 0 22px 20px; 
} 
.aside ul ul li { 
padding:1px 0; 
} 
.aside ul ul ul { 
margin-bottom:0; 
} 
.aside form, 
.aside table { 
margin-bottom:22px; 
} 
.aside table { 
border:none; 
} 
.aside thead { 
border:1px solid #ccc; 
} 
.aside tbody { 
border:1px solid #ccc; 
} 
.aside th, .aside td { 
border-right:1px solid #ccc; 
padding:.25em .8em; 
} 
.aside tfoot tr { 
border:none; 
} 
.aside tfoot td { 
border-color:none; 
} 
.widget_tag_cloud { 
margin:0 0 22px 0; 
} 
.aside #searchsubmit { 
display: none; 
} 
/* 
Main Asides 
*/ 
.main-aside ul { 
padding:30px 20px; 
} 
.main-aside h3 { 
color:#fff; 
} 
.main-aside ul ul { 
padding:0; 
} 
#primary { 
margin-top:-23px; 
margin-bottom:22px; 
} 
/* 
Content Asides 
*/ 
#content .aside { 
border:1px solid #ccc; 
margin:0 0 22px 0; 
padding:18px 0 0 0; 
} 
#content .aside ul { 
padding:0 20px; 
} 
#content .aside h3 { 
font-family:Arial,Georgia,serif; 
font-weight:normal; 
font-size:17px; 
font-style:italic; 
padding:0 0 7px 0; 
text-transform:none; 
} 
#content .aside ul ul { 
padding:0; 
} 
/* 
Footer Asides 
*/ 
#subsidiary { 
padding:33px 0 0 0; 
} 


/* =Footer 
-------------------------------------------------------------- */ 

#footer { 
width:973px; 
margin: 0 auto 0 auto; 
background:#fff; 
} 
#siteinfo { 

font-size: 10px; 
text-align: center; 
font-weight: bold; 
text-transform: uppercase; 
text-decoration:none; 
padding-top: 20px; 
padding-bottom: 20px; 
color: #000000; 
} 
#siteinfo a { 
color:#000; 
text-decoration:none 
} 
#siteinfo a:active, 
#siteinfo a:hover, 
#siteinfo a:visited { 
text-decoration:underline 
} 


/* =PageNavi 
-------------------------------------------------------------- */ 

/* Using !important to override PageNavi CSS */ 

.wp-pagenavi { 
margin:0 0 0 -.5em; 
padding:0.5em 0; 
} 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { 
color:#666!important; 
font-style:normal; 
margin:0 .375em !important; 
padding:0.5em 0.25em !important; 
} 
.wp-pagenavi a:visited { 
color:#666 !important; 
} 
.wp-pagenavi a:hover { 
color:#FF4B33 !important; 
} 
.wp-pagenavi a:active { 
color:#FF4B33 !important; 
} 
.wp-pagenavi span.pages { 
border:none !important; 
color:#666 !important; 
margin:0 !important; 
padding:0 !important; 
} 
.wp-pagenavi span.current { 
border:none !important; 
color:#666 !important; 
font-weight:normal !important; 
margin:0 !important; 
padding:0 !important; 
} 
.wp-pagenavi span.extend { 
background-color:#FFFFFF; 
color:#000000; 
margin:2px; 
padding:2px 4px; 
}