/*  
Theme Name: The Weekly Sports Report
Theme URI: http://theweeklysportsreport.com
Description: Everything you need to know about the sports world, all in one place. 
Version: 1.0
Author: Todd Giannattasio
Author URI: http://toddgiannattasio.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
ul, ol{margin-left: 25px;}
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
p{margin-bottom: 1em;}

/* =Utilities
-----------------------------------------------------------------------------*/

.clear{clear:both}
.clear-left{clear: left;}
.clear-right{clear: right;}
.float-right{float: right;}
.float-left{float: left;}
.img-right{float: right; border: 1px solid #000000; margin: 0px 0px 5px 5px}
.img-left{float: left; border: 1px solid #000000; margin: 0px 5px 5px 0px}
.img{border: 1px solid #000000; margin: 5px;}

/* =Styles
-----------------------------------------------------------------------------*/

body{
background-image: url(images/bg-body.jpg);
background-repeat: repeat-x;
}

#wrapper{
width: 960px;
margin: 0 auto;
}

/* =Typography
-----------------------------------------------------------------------------*/

#wrapper {
font-size: 62.5%;
font-family: Verdana, Arial, sans-serif;
}

#wrapper #content{
font-size: 1.2em;
color: #000000;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited{
color: #242E38;
text-decoration: none;
font-style: italic;
}

a:hover{
color: #ac0000;
text-decoration: underline;
}

#branding h1 a{
color: #000000;
}

#content #main-content h2 a{
color: #000000;
}


#footer a:link, #footer a:visited{
color: #000000;
}



/* =Headings
-----------------------------------------------------------------------------*/

#wrapper #header h1{
font-size: 3em;
}

h2{font-size: 2em;}

#content #main-content .post h2{
font-size: 2em;
margin-top: 1.5em;
}

#wrapper #content #main-content .page h2{
margin-bottom: .5em;
}

h3{
font-size: 1.8em;
margin-bottom: .5em;
}

#wrapper #content #main-content .page h3, #wrapper #content #main-content .post h3{
font-size: 1.5em;
margin: 1em 0;
}

#wrapper #content #sidebar h3{

}

h4{font-size: 1.6em; margin: 1em 0;}

h5{font-size: 1.4em;}
#wrapper #content #streaming-news h5{font-size: 1.2em;}

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

#wrapper #header{
color: #ffffff;
height: 80px;
padding: 10px 20px 20px 0px;
padding-bottom: 10px;
background-image: url(images/bg-header.jpg);
background-repeat: no-repeat;
text-indent: -999999px;
}


#wrapper #header blockquote.slogan{
font-size: 1.2em;
}

#wrapper #header .google-ads{
	float: right;
	text-indent: 0;
	margin-top: -50px;
	margin-right: -30px;	
}




/* =Main Nav
-----------------------------------------------------------------------------*/

p.subscribe{
font-size: 1.5em;
float: right;
display: block;
padding: 5px 25px 5px 5px;
background-image: url(prototype3/images/rss-icon.jpg);
background-repeat: no-repeat;
background-position: right top;
margin: 1em 0;
}

p.subscribe a:link, p.subscribe a:visited{
color: #292730;
}

p.subscribe a:hover{
color: #000000;
}

ul#main-nav{
position: absolute; 
top: 100px;                    
width: 100%;
list-style:none;
background: url(images/bg-main-nav.jpg) no-repeat;
height: 65px;
line-height: 65px;
margin: 0 0 0 -10px;
}

ul#main-nav li{
float: left;
margin-left: 35px;
}


ul#main-nav li a:link, ul#main-nav li a:visited{
font-size: 1.8em;
color: #242E38;
}

ul#main-nav li a:hover{
color: #ac0000;
text-decoration: underline;
}

ul#main-nav li a strong{
display: block;
font-size: 2em;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/



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

#content{

}



/* =Featured Section
-----------------------------------------------------------------------------*/


#wrapper #content #featured-content{
background-color: #242E38;
color: #ffffff;
padding: 0px;
height: 175px;
margin-bottom: 25px;
}

#wrapper #content #featured-content h2{
display: none;
}

#wrapper #content #featured-content ul#featured-nav{
list-style: none;
margin: 0 0 0 0;
position: relative;
top: 147px;
left: 460px;
}

#wrapper #content #featured-content ul#featured-nav li{
display: inline;
}


#wrapper #content #featured-content ul#featured-nav li a:link, #wrapper #content #featured-content ul#featured-nav li a:visited{
color: #000000;
background-image: url(images/bg-featured-nav.jpg);
background-repeat: no-repeat;
padding: 5px 10px;
}

#wrapper #content #featured-content ul#featured-nav li a:hover{

}

#wrapper #content #featured-content img{
border: 1px solid #ffffff;
float: left;
margin-right: 10px;
}

#wrapper #content #featured-content h3{
color: #728DA8;
}

#wrapper #content #featured-content h3 a:link, #wrapper #content #featured-content h3 a:visited{
color: #ffffff;
}

#wrapper #content #featured-content h3 a:hover{

}



/* =Streaming News
-----------------------------------------------------------------------------*/

#wrapper #content #streaming-news{
margin-top: 0px;
}


#wrapper #content #streaming-news .content-section{
width: 220px;
float: left;
margin-right: 5px;
padding-right: 15px;
background: url(images/bg-headlinecurl.jpg) no-repeat 0 0;
display: inline;
}

#wrapper #content #streaming-news .content-section h4{
margin: 1px 0 10px 10px;
padding: 0;
}

#wrapper #content #streaming-news .content-section ul{
background: url(images/bg-shadow.jpg) no-repeat 0px 0px;
margin: 0;
list-style: none;
}

#wrapper #content #streaming-news .content-section ul li{
margin: 5px 0 0 15px;
padding-left: 2px;
width: 190px;
border-bottom: 1px solid #728DA8;
}

#wrapper #content #streaming-news .content-section ul li h5 a:link, #wrapper #content #streaming-news .content-section ul li h5 a:visited{
color: #242E38;
}

#wrapper #content #streaming-news .content-section ul li h5 a:hover{
color: #728DA8;
}




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

#main-content{
margin-top: 70px;
width: 600px;
float: left;
}

#content #main-content .navigation{

}


/* =Sidebars
-----------------------------------------------------------------------------*/

#wrapper #content #sidebar{
margin-top: 70px;
width: 300px;
float: right;
}

#wrapper #content #sidebar .content-section{
background: url(images/bg-sidebar-section.jpg) no-repeat 0 0;
padding: 1px 0 0 0;
}

#wrapper #content #sidebar .content-section h4{
margin: 5px 0 10px 10px;
padding: 0;
}

#wrapper #content #sidebar .content-section ul{
margin: 0;
list-style: none;
}

#wrapper #content #sidebar .content-section ul li{
margin: 5px 15px 0;
padding: 0 5px;
border-bottom: 1px solid #728DA8;
}

#wrapper #content #sidebar .content-section ul li h5{
font-size: 1.2em;
}



/* =Footer
-----------------------------------------------------------------------------*/
#footer a:link, #footer a:visited{color: #ffffff;}

#footer{
margin: 20px 0;
padding: 20px;
border: 1px solid #000000;
background: url(images/bg-footer.jpg) no-repeat bottom;
color: #ffffff;
clear:both;
background-color: #718ea9;
}

#footer .content-section{
float: left;
width: 220px;
margin-right: 20px;
display: inline;
}

#footer .content-section ul{
margin-bottom: 15px;
}

#footer #contact.content-section{
float: right;
margin-right: 0;
}

#footer #looking-for-writers.content-section{
width: 400px;
margin-right: 0;
}

#site-info{
}


/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {
border: 1px solid transparent;
}

#searchform{

}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
border-spacing: 0;
border-collapse: collapse;
font-size: 98%;
}

.table th{
text-align: left;
vertical-align: top;
}

.table td {
text-align: left;
vertical-align: top;
}

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

.comments{
}

.comments #commentform #comment{
width: 500px;
}



/* =Misc 1
-----------------------------------------------------------------------------*/