/*  

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:#898586;

	}



body, select, textarea, input {	

	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial

	}



p {	

	margin: 15px 0;

	line-height:155%;

	}

		

a, a:visited {	

	color: #373531;

	text-decoration:none 

	}



a:hover, a:active {	

	text-decoration:underline

	}



*:focus { 

	outline: none;

	}



ol {

	margin: 15px 15px 15px 35px;

	}



a img {

	border:none

	}	

		

	



/* ---------- @ Page Structure -----------*/





#content {

	float:right;

	width:538px;

	}



#interior #masthead {

	height:25px;

	background:url(images/bg_masthead2.gif);

	}

		

#top {

	height:77px;

	border-bottom:2px solid #0b0f1a;

	background:url(images/bg_top.jpg) center no-repeat;

	padding-top:55px;

	}

	

.wrapper {

	margin: 0 auto;

	font-size: 0.7em;

	width: 850px;

	}



#leather {

	background:url(images/bg_leather.jpg);

	padding:18px 0 30px 0;
	
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;

	}



#branding {

	background:url(images/logo.png) no-repeat;

	padding-left:68px;

	height:58px;

	}



#description {

	display:none;
	color:#bdbdbd;

	letter-spacing:0.06em;

	font-size:0.9em;

	text-transform:uppercase;

	padding-left:5px;

	}

		

.left {	

	float:left;

	}



.right {	

	float:right

	}



	

		

/* ---------- @ Headings -----------*/


#top h1 {
	display:none;
}
#top a {
	display:none;
}
		   

h1 {

	font:2.8em Helvetica, Arial, Verdana;

	font-weight:bold;

	width:548px;

	padding-top:5px;

	}



h2 {	

	font:2em Helvetica, Arial, Verdana;

	font-weight:bold;

	line-height:200%;

	}



h2#pagetitle {

	font:2.2em Helvetica, Arial, Verdana;

	letter-spacing:-0.02em;

	}

	

h3 {	

	font:1.5em Arial, Verdana;

	color:#373531;

	font-weight:bold;

	line-height:110%;

	}



#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:left;

	margin-right:17px;

	margin-top:0;

	}



#sidebar ul {

	list-style:none

	}

	

.widget {

	background: url(images/bg_widget.jpg);

	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:#807a6f;

	text-decoration:underline

	}



.post a:hover, .post a:active,

.commentlist a:hover, .commentlist a:active {

	color:#a39a89;

	}



.post h2 a, .post h2 a:visited {

	color:#373531;

	text-decoration:none

	}



.post h2 a:hover, .post h2 a:active {	

	text-decoration:underline;

	color:#373531;

	}

			

.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 {

	float:left;

	margin:5px 14px 6px 0;

	border:4px solid #FFF;

	}



.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 {

	border-bottom:1px solid #e7e1d8;

	padding:4px 8px;

	background:#FFF;

	}



.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;

	}	

/*Captions*/
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
padding-right: 7px;
padding-left: 10px;
}
.wp-caption p.wp-caption-text {
	text-align: center;
	font-size: 90%;
	color: #000;
}

/* ---------- @ 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:#5a6d8f;

	border:3px double #1c1e27;

	font-size:0.9em;

	color:#b5dbf3;

	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:#cdc7c8 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 #dfdbdb;

	padding:6px 0;

	}



#meta a, #meta a:visited {

	color:#5b5455;

	}



#meta a:hover, #meta a:active {

	background:#e0dbdc;

	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;

	}