/*  
Theme Name: Ultimate Baseball
Theme URI: http://www.category4.com/2008/04/08/ultimate-baseball-theme-for-wordpress-released/
Description: A baseball theme with built-in RSS, masthead and Flickr options
Version: 1.0 
Author: Category 4
Author URI: http://www.category4.com/2008/04/08/ultimate-baseball-theme-for-wordpress-released/
*/


/*The CSS, XHTML and design is released under Creative Commons Attribution-Share Alike:
	http://creativecommons.org/licenses/by-sa/2.0/


/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Clear
  Footer


 
/* ---------- @ HTML Elements -----------*/
* { margin: 0; padding: 0; }
body,html { min-height: 101%; /*Firefox scrollbar fix*/ }
body { color: #4c4944; background: #000; }
body, select, textarea, input { font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial }
p { margin: 0 0 0 0; padding: 0 0 8px 0; line-height: 155%; }
a, a:visited { color: #0179C5; text-decoration: none }
a:hover, a:active { text-decoration: underline; }
*:focus { outline: none; }
ol { margin: 15px 15px 15px 35px; }
a img { border: none }
.audioname { color: #0179C5; font-size: 12px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
/* ---------- @ Page Structure -----------*/
#content { float: right; width: 538px; }
#main { float: left; width: 997px; }
#interior #masthead { height: 25px; background: url(images/bg_masthead2.gif); }
#top { height: 327px; border-bottom: 2px solid #0b0f1a; background: url(images/bg_top.jpg) center no-repeat; padding-top: 0px; }
.wrapper { margin: 0 auto; font-size: 0.7em; width: 942px; }
#leather { background: url(images/ag-content_rpt.jpg) top center repeat-x #FFFFFF; padding: 18px 0 20px 0; }
#branding { background: url(images/logo.png) no-repeat; padding-left: 68px; height: 58px; }
#description { color: #bdbdbd; letter-spacing: 0.06em; font-size: 0.9em; text-transform: uppercase; padding-left: 5px; }
.left { float: left; }
.right { float: right }
/* ---------- @ Headings -----------*/
h1 { font: 2.8em Helvetica, Arial, Verdana; font-weight: bold; width: 548px; padding-top: 5px; padding-bottom: 15px; }
h2 { font: 23px Helvetica, Arial, Verdana; font-weight: bold; line-height: 100%; color: #0179C5; padding-bottom: 2px; padding-top: 10px; }
h2#pagetitle { font: 2.2em Helvetica, Arial, Verdana; letter-spacing: -0.02em; }
h3 { font: 1.5em Arial, Verdana; color: #666666; font-weight: bold; line-height: 110%; padding-bottom: 8px; }
#meta h3 { margin-bottom: -7px; }
h4 { font-size: 1.2em }
#commentarea h4, h4.pagetitle { margin-bottom: 13px }
#submenu h4 { margin: 6px 0 5px 0; }
/* ---------- @ Content Styles -----------*/
h1 a, h1 a:visited { color: #FFF; }
h1 a:hover, h1 a:active { text-decoration: underline }
/*Sidebar Styles*/
#sidebar { width: 284px; float: right; margin-right: 17px; margin-top: 0; }
	#sidebar ul { list-style: none }
.widget { padding: 8px 14px 14px 14px; margin-bottom: 15px; }
	.widget table { width: 100%; }
		.widget table th { text-align: left; background: #FFF; padding: 2px 4px }
	.widget li { margin-left: 22px; list-style: square; padding: 2px 0; }
/*Post Styles*/
.post a, .post a:visited,
.commentlist a, .commentlist a:visited { color: #25537b; text-decoration: underline }
.post a:hover, .post a:active,
.commentlist a:hover, .commentlist a:active { color: #25537b; }
.post h2 a, .post h2 a:visited { color: #25537b; text-decoration: none }
.post h2 a:hover, .post h2 a:active { text-decoration: none; color: #25537b; }
.entry { padding-bottom: 20px; font-size: 1.05em; }
	.entry ul, .entry ol { padding: 0 15px 10px 10px; }
	.entry ul li { margin-left: 45px; list-style: square; padding: 2px 0; }
	.entry ol li { margin-left: 17px; padding: 2px 0; }
	.entry blockquote, .commentlist blockquote { margin: 15px 45px 25px 45px; padding: 2px 15px 4px 15px; font-style: italic; line-height: 140%; background: #efe9df; border-bottom: 1px solid #cdc1b1; border-right: 1px solid #cdc1b1; }
	.entry img { margin: 0 14px 0 0; }
.postmetadata { text-transform: uppercase; font-size: 0.9em; margin-top: 10px; }
.entry pre, .entry code { font: 1em "Courier New", Courier, monospace; overflow: auto; padding: 14px; background: #efe9df; display: block; width: 100%; }
.entry pre { padding: 20px 20px 40px 20px; }
.entry table { width: 100%; border-collapse: collapse; margin: 15px 0; }
.entry td, .entry th {  }
.entry th { font-weight: normal; text-align: left; width: 35%; }
/*Comments*/
#commentarea { padding-top: 35px; background: url(images/dashes.gif) repeat-x }
.commentlist { margin: 25px 0 0 0; padding: 0 0 30px 0; }
	.commentlist li { margin: 15px 0 3px 22px; padding: 8px 15px 10px 15px; background: #f3f0ec; }
#commentarea small { font-size: 1.1em; }
.commentlist cite { font-style: normal; font-weight: bold; font-size: 1.2em; }
.gravatar { float: left; }
.commentinfo { width: 745px; float: right; padding-top: 5px; }
	.commentinfo a, .commentinfo a:visited { text-decoration: none }
.commentlist li.my_comment { background: #FFF; }
li.my_comment cite { font-size: 1.5em; }
/* ---------- @ Forms -----------*/
#searchform { float: right; width: 220px; text-align: right }
.widget #searchform { float: none; width: auto; text-align: left }
#s { background: #5a6d8f; border: 3px double #1c1e27; color: #FFF; width: 140px; padding: 2px; }
#searchsubmit { background: #048589; border: 1px solid #fff; font-size: 0.9em; text-transform: none; color: #fff; padding: 1px; }
.field { background: #FFF; border: none; padding: 5px; border: none; border: 3px double #d7cbbb; }
	.field:focus { background: #f9f7f2; }
#submit { background: #2c4261 ! important; border: none; font-size: 0.9em; color: #b5dbf3; padding: 5px; text-transform: uppercase }
	#submit:hover { background: #000 ! important; }
/* ---------- @ Float Clearing -----------*/
.clearfloat:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfloat { display: inline-block }
.clearfloat { display: block }
/* ---------- @ Footer -----------*/
#meta { padding: 22px 0; background: #333 url(images/bg_meta.gif) repeat-x; }
.block { width: 193px; float: left; margin-right: 19px; }
#meta ul { margin-top: 15px; }
#meta li { list-style: none; border-top: 1px solid #424242; padding: 6px 0; }
#meta a, #meta a:visited { color: #CCCCCC; }
#meta a:hover, #meta a:active { color: #FFFFFF; text-decoration: none }
#footer { padding: 16px 0 30px 0; color: #e3dcdd; text-align: center; font-size: 0.75em; background: url(images/bg_footer.gif) repeat-x; }
	#footer a, #footer a:visited { color: #a1caf1; }
div.spacer { clear: both; height: 10px; display: block; }
.picborder, .picRight, .picLeft { border: 1px solid #ccc; padding: 3px; background-color: #fff; -webkit-box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #ccc; }
.picRight { float: right; margin-left: 20px; }
.picLeft { float: left; margin-right: 20px; }
.picRightnoborder { float: right; margin-left: 20px; }
.picLeftnoborder { float: left; margin-right: 20px; }
hr { width: 90%; border: 1px solid #ccc; margin: 5px auto;}