/*

Theme Name: iTeam

Theme URI: http://iteam.ithemes.com/

Author: iThemes

Author URI: http://ithemes.com/

Version: 1.2.1

Description: iTeam is a premium WordPress theme designed for sports sites.

Tags: sports, football, basketball, baseball, golf

All the CSS, XHTML, design, and images are copyrighted. Please don't steal.



	Changelog:

		v1.0 - 10.03.08

		First Release

		v1.1 - 10.06.08

		Code Updates to Featured Images

		v1.2 - 10.07.08

		Code Updates to Featured Images to enhance support for 			older versions of PHP

		v1.2.1 - 11.03.08

		New Feature Image version - fixed bugs



*/

/*CSS Reset*/

@import url(css/reset.css);

/*Get the grid, baby!*/

@import url(css/grid.css);
body { /* This is where you set many of the universal defaults */ background: #111 url(images/body-bg.jpg); color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin: 0px; padding: 10px 0px; }
/*********************************************

		Universal Link Styles

*********************************************/

a { color: #FFF; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: none; }
/*********************************************

		Universal Text Elements

*********************************************/

p, ul, ol, blockquote { color: #333; }
ol, ul { margin: 5px 35px; }
blockquote { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px; font-style: italic; }
img { border: 0px; background: none; }
p { padding: 10px 0px; margin: 0px; }
/*********************************************

		Header Styles

*********************************************/

/* Use this for universal styles for all header elements

Be sure to uncomment the styles before using */

h1, h2, h3, h4, h5, h6 { color: #FFF; margin-bottom: 5px; }
h1 { /* This style is generally used as title on single posts and pages */ font-size: 25px; border-bottom: 4px double #9b9b9b; }
h2 { /* This style used as a sub-header in post/page content */ font-size: 22px; border-bottom: 4px double #9b9b9b; }
h3 { /* This style used as the post titles on homepage/archive */ clear: both; font-size: 16px; font-weight: bold; border-bottom: 4px double #9b9b9b; }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h4 { /* This style used as title for comments and as the identifying header on archive page  */ font-size: 18px; color: #111; border-bottom: 4px double #9b9b9b; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
/*********************************************

		The Obligatory WP Styles

*********************************************/

.aligncenter,  div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0px 8px 8px 0px; }
.alignright { float: right; margin: 0px 0px 8px 8px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/*********************************************

		Container Div

*********************************************/

#container { background: #FFF; border: 5px solid #FFF; }
/*********************************************

		Header Styles

*********************************************/

#header { background: #111 url(images/header.jpg) no-repeat; width: 900px; height: 212px; margin: 0px 0px 5px 0px; }
#header a#title { display: block; float: left; width: 350px; height: 85px; margin: 0px; padding: 0px; text-indent: -9999px; }
/*********************************************

		Horizontal Navigaion Styles 

				(with dropdowns)

*********************************************/

#menu { display: block; float: right; background: url(images/menu-bg.gif) repeat-x; border: 1px solid #FFF; border-right: none; font-size: 11px; width: auto; height: 20px; margin: 30px 20px 0px 0px; padding: 0px; z-index: 100; }
/* This is the style for the first UL (horizontal) */

#menu ul { display: block; float: left; background: transparent; height: 20px; line-height: 20px; margin: 0px; padding: 0px; text-transform: uppercase; }
/* This is the style for the top level list items */

#menu ul li { background: none; width: auto; display: block; float: left; list-style-type: none; height: 20px; line-height: 20px; margin: 0px; padding: 0px; border-right: 1px solid #FFF; }
#menu ul li.home { background: none; }
/* The style for all links */

#menu a { color: #FFF; text-decoration: none; font-weight: bold; }
/* The universal hover state colors and background for all LI items and links */

#menu li:hover,  #menu li:hover a,  #menu li.sfhover,  #menu li.sfhover a,  #menu li a:hover { background: #8f0f0e; color: #FFF; text-decoration: none; }
/* This is the style for the top level links, if different than the universal */

#menu ul li a { display: block; height: 20px; line-height: 20px; margin: 0px; padding: 0px 15px; text-decoration: none; }
/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a { }

/****************************** 

Sub Navigation

*******************************/

.subnavigation { clear: both; float: left; width: 100%; font-size: 12px; margin-bottom: 20px; }

.subnavigation a { text-decoration:none; text-transform: uppercase; }

.subnavigation ul { margin: 0px; padding: 0px; }

.subnavigation ul li { margin: 0px 15px 0px 0px; padding: 2px 4px; float: left; list-style: none; background: #1E1E1E; }



/****************************** 

The second-level stuff 

*******************************/

/* This hides the nested UL before you hover */

#menu li ul { clear: both; position: absolute; width: 120px; /* the width of the dropdown */ left: -999em; text-transform: none; }
/* This shows the nested UL when you hover */

#menu li:hover ul,  #menu li.sfhover ul { left: auto; display:  block; z-index: 3000; }
/* This is the style for the nested UL */

#menu li:hover ul, #menu li.sfhover ul { background: transparent; display: block; border-top: 1px solid #FFF; margin: 0px; padding: 0px; }
/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,  #menu li.sfhover ul li { background: transparent; width: 100%; display: block; padding: 0px; margin: 0px; height: 20px; line-height: 20px; overflow: hidden; text-align: left; border: 1px solid #FFF; border-top: none; z-index: 2000; }
/* This is the style for the links within the LI items within the nested UL */

#menu li:hover ul li a,  #menu li:hover ul li.current_page_item a,  #menu li.sfhover ul li a,  #menu li.sfhover ul li.current_page_item a { width: 120px; display: block; margin: 0px; padding: 0px 5px; height: 20px; line-height: 20px; border: none; background: #333; }
/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover,  #menu li.sfhover ul li a:hover { background: #8f0f0e; color: #FFF; text-decoration: none; margin: 0px; padding: 0px 5px; height: 20px; line-height: 20px; }
/*********************************************

		Top Div (homepage)

*********************************************/

#top { margin: 0px 0px 5px 0px; }
#top #video { padding: 0px 0px 0px 5px; }
#top #video h4 { display: block; background: url(images/video-h4.gif) repeat-x; height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; color: #FFF; margin: 0px 0px 1px 0px; padding: 0px 5px; border: none; }
#top #video embed,  #top #video object { width: 295px; height: 237px; }
/*********************************************

		Blue Boxes (homepage)

*********************************************/

#blueboxes { overflow: hidden; color: #FFF; }
#blueboxes p, #blueboxes ul, #blueboxes ol, #blueboxes blockquote { color: #FFF; }
#blueboxes h4 { background: url(images/red-block.gif) left 50% no-repeat; color: #FFF; padding-left: 22px; font-size: 16px; font-weight: bold; }
#blueboxes .box { margin-bottom: -2000px; padding-bottom: 2000px; /*Equal hight columns*/ background: #171d64 url(images/blue-box-bg.gif) repeat-x; }
#blueboxes .right { width: 295px; border-left: 5px solid #FFF; }
#blueboxes .widget { padding: 10px; }
/*********************************************

		Flickr (homepage)

*********************************************/

#flickr { margin-top: 5px; background: url(images/grey-fade-bg.gif) repeat-x; }
#flickr img { display: inline; float: left; width: 80px; height: 80px; margin: 5px 0px 5px 5px; }
/*********************************************

		Content Div

*********************************************/

#content { }
/*********************************************

		Post Styles

*********************************************/

.post { background: #525252; padding: 10px; margin-bottom: 5px; }
.post p, .post ul, .post ol, .post blockquote { color: #FFF; }
/*********************************************

		Post Meta Styles, if needed

*********************************************/

.meta-top { clear: both; /* we need this so floats in the post are cleared */ }
.meta-top a { color: #FFF; text-decoration: none; font-weight: bold; }
.meta-bottom { clear: both; /* we need this so floats in the post are cleared */ }
.meta-date { }
.meta-author { }
.meta-comments { }
.meta-category { }
#breadcrumb { margin-bottom: 10px; }
/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav { clear: both; /* To clear any floats */ margin: 0px; padding: 0px; }
.nav-previous { text-align: left; }
.nav-next { text-align: right; }
.page-nav a { color: #333; text-decoration: underline; }
.page-nav a:hover { text-decoration: none; }
/*********************************************

		Page Styles

*********************************************/

.page { background: #525252; padding: 10px; margin-bottom: 5px; }
.page p, .page ul, .page ol, .page blockquote { color: #FFF; }
/*********************************************

		Widget Styles

*********************************************/

.teamscore, .teamname { display: inline; width: 100px; float: left; margin: 0px 18px; }
.teamscore { background: #a21e0e; color: #FFF; padding: 5px 0px; text-align: center; font-size: 40px; }
.teamname { text-align: left; font-size: 13px; }
.socialicon { padding: 0px 6px; }
/*********************************************

		Sidebar

*********************************************/

.sidebar { color: #333; }
.sidebar a { color: #333; }
.sidebar .widget { margin: 0px 0px 10px 5px; padding: 10px; background: url(images/grey-fade-bg.gif) repeat-x; }
.sidebar .widget h4 { margin-bottom: 10px; }
.sidebar p,  .sidebar .textwidget { }
.sidebar img { text-align: center; }
.sidebar form { margin: 5px; padding: 0px; }
.sidebar ul { list-style-type: none; margin: 0px; padding: 0px; }
.sidebar ul li { margin: 0px; padding: 0px; }
.sidebar ul li a { }
.sidebar ul li a:hover { }
.sidebar ul li ul { margin: 0px; padding: 0px; }
.sidebar ul li ul li { margin: 5px 10px 5px 5px; padding: 0px; }
/*********************************************

		Feedreader Page Styles

*********************************************/

.feed { color: #333; }
.feed a { color: #333; }
.feed .widget { margin: 0px 0px 10px 5px; padding: 10px; background: url(images/grey-fade-bg.gif) repeat-x; }
.feed h2 { font-size: 18px; color: #111; border-bottom: 4px double #9b9b9b; margin: 10px 0px 5px 0px; }
.feed h3 a { text-decoration: none; border:none; }
.feed h3 a:hover { text-decoration: underline; }
.feed p,  .feed .textwidget { }
.feed img { text-align: center; }
.feed form { margin: 5px; padding: 0px; }
.feed ul { list-style-type: none; margin: 0px; padding: 0px; }
.feed ul li { margin: 0px; padding: 0px; }
.feed ul li a { text-decoration: none; }
.feed ul li a:hover { text-decoration: underline; }
.feed ul li ul { margin: 0px; padding: 0px; }
.feed ul li ul li { margin: 5px 10px 5px 5px; padding: 0px; }
/*********************************************

		Comment Styles

*********************************************/

#comments { width: 100%; }
#comments a { color: #333; }
#comments .comment { /* Even Comments: 2,4,6,8,etc. */ margin: 5px 0px 5px 0px; padding: 10px 0px; overflow: hidden; }
#comments .alt { /* Odd comments: 1,3,5,7,9,etc. */ margin: 5px 0px 5px 0px; padding: 10px 0px; color: #333; overflow: hidden; }
#comments .gravatar { display: block; float: left; }
#comments .commentmeta { display: block; float: left; padding-left: 8px; }
#comments .commenttext { clear: both; }
#respond { }
#respond a { color: #333; }
#respond #author,  #respond #email,  #respond #url { width: 50%; }
#respond #comment { width: 100%; }
/*********************************************

		Footer Styles

*********************************************/

#footer { background: #000; margin: 5px 0px 0px 0px; padding: 20px 0px; }
#footer p { color: #333; padding: 0px; }
#footer a { color: #333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }