/* ***************** MAIN DIVS ***************** */

#wrap { background: white; padding-right: 0; }
#right { padding: 15px 10px 3000px; margin-bottom: -2990px; background-color: #f7f7ff; box-shadow: -4px 0 10px -5px #555; margin-top: 0; }
.right { float: right; margin: 0 0 8px 5px; }
.left { float: left; margin: 0 5px 8px 0; }


#content { font-family: Georgia, Times, serif; line-height: 18px; width: 745px; width: calc(100% - 340px) }
#content p { font-size: 1.24em; line-height: 20px; }
#content p.meta { font: 12px arial; }
#content p.meta .noprint { font: 0.75em arial; }
#content > #headerimg img { width: calc(100% - 2px); border: 1px solid black; }
#content > #headerimg p.caption { font-family: arial; color: #444; margin: 0 0 10px; padding: 0; font-size: 11px; line-height: 15px; }

#top img { border: 0; }

#sidebar {
	clear: right;
	float: right;
	width: 293px;
	box-shadow: 1px 3px 3px #777;
	margin: 0 8px 8px 10px;
	padding: 0 6px 3px 6px;
	background: #ffeaca;
}
#sidebar a { background: #ffeaca; }
#sidebar a:hover { background: #007; }
#sidebar p { font-family: 'Ubuntu Condensed',sans-serif; font-size: 16px; }
#sidebar h2 {
	background: #054;
	color: #fff;
	font: bold 13px 'Trebuchet MS',tahoma,sans-serif;
	margin: 0px -7px;
	padding: 2px 2px 2px 10px;
	text-shadow: 1px 1px 1px #000;
	background-image: -webkit-gradient(linear, center top, center bottom, to(#054), from(#010));
	background-image: -webkit-linear-gradient(center top , #054, #010);
	background-image: -moz-linear-gradient(center top , #054, #010);
	background-image: linear-gradient(center top , #054, #010);
}
#sidebar h3 { font-size: 14px; border-bottom-width: 1px; margin: 6px 0 0 0; }
#sidebar img[src*=".png"] { border: none; margin-top: 8px; margin-bottom; 8px; }

#sidebar #pictorialHighlight     { border: 1px solid #ccc; padding: 2px; margin: 0 -5px -3px -5px; }
#sidebar #pictorialHighlight h3  { color: #000; background: #fceaaa; font: bold 11px arial; margin: 0 0 2px 0; padding: 3px; border: 1px solid #aaa; }
#sidebar #pictorialHighlight h4  { font: bold 11px arial; margin: 0 -2px 0 -2px; }
#sidebar #pictorialHighlight img { width: 244px; margin-bottom: 2px; }
#sidebar #pictorialHighlight p   { font: 10px arial; margin: 2px 0; }
#sidebar #pictorialHighlight p a { font: bold 10px verdana; }
#sidebar #pictorialHighlight p a:hover { font: bold 10px verdana; }

#right img { border: 0; }

#teamselect { right: 5px; }

blockquote { background: #eee; border-left: 3px dotted #aac; padding: 4px; }


/* ***************** HEADINGS ***************** */

h1 {
	font-family: 'Oswald',sans-serif;
	color: #300;
	font-size: 42px;
	line-height: 47px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	border-bottom: none;
	padding: 0;
}
h2 { font: bold 20px arial; margin-top: 8px; }
h3 { border-bottom:3px solid #500; color:black; font: bold 18px arial,Times,serif; margin:20px 200px 12px 7px; }
h4 { font: small-caps bold 1.6em Tahoma; margin-bottom: 4px; }

#sitemenu h3 { border-bottom: none; margin: 10px 0 5px;  }


/* ***************** BOXES ********************* */

#right #newslistblock { margin: 5px 0 8px 0; width: 248px; border: 1px solid #ccc; }
#right h3#headlines {
	margin: 0;
	background: url(/images/lids/recentnews.gif);
	height: 15px;
	text-indent: 190px;
	line-height: 15px;
}
#right #news2know {
	margin: 5px 5px 8px 0;
	float: left;
	width: 296px;
	border: 1px solid #ccc;
}
#right #news2know h3.sectionHeader {
	margin: 0;
	background: url(/images/lids/alsosee.gif);
	height: 11px;
	text-indent: -2000px;
	line-height: 15px;
}

/* ***************** SPECIAL STUFF ***************** */

#interactive { border: 1px solid #ccc; }
#interactive .catlabel { text-decoration: underline; }
#interactive .twocol { float: left; width: 48%; margin-top: -10px; }
#interactive .bevelbutton { margin-left: 5px; }

#right #widget_related { }
#right #widget_relevantNews { border-top: 0; }
#right #relevantNews_tabs { border-bottom: 1px solid #ccc; height: auto; }
#right #relevantNews_tabs a.on { background: #ce0000; }
#right #relevantNews_tabs a.off { background: #efebef; }

#assetContent h2 {
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	color: white;
	padding: 2px 2px 2px 10px;
	text-shadow: 1px 1px 1px #000;
	background: #555;
	background-image: -webkit-gradient(linear, center top, center bottom, to(#666), from(#000));
	background-image: -webkit-linear-gradient(center top , #666, #000);
	background-image: -moz-linear-gradient(center top , #666, #000);
	background-image: linear-gradient(center top , #666, #000);
}

.contentpush {
	background: #faf6e9;
	overflow: hidden;
	padding: 2px;
	margin-top: 5px;
}
.contentpush p { font: 12px arial; }
.contentpush a { background: transparent; text-decoration: underline; color: #325335; }
.contentpush a:hover { color: #809980 }
.contentpush h4 { font: bold 12px verdana; margin: 12px 0 0 27px; text-decoration: underline; }
.contentpush ul { margin: 0 0 4px 0; padding: 0 8px 8px; }


.MatchupPicksGrid th { background: #333; color: white; }
.MatchupPicksGrid tr td { background: #d3e8ed; border-bottom: 1px solid #54c2b9; width: 145px; text-align: center; }
.MatchupPicksGrid tr.row0 td { background: #e0eff3; }
.MatchupPicksGrid tr.row1 td { background: #e5f2e3; }
.MatchupPicksGrid tr td.rowSubject { width: 85px; }
.MatchupPicksGrid tr td.rowSubject img { width: 80px; height: 80px; border: 1px solid black; }
.MatchupPicksGrid tr.footer td { background: #333; color: white; }
.MatchupPicksGrid th p, .MatchupPicksGrid td p { margin: 1px; padding: 0; text-align: center; font: normal 11px arial; }
.MatchupPicksGrid tr td img { width: 60px; height: 60px; border: 0; }


/* ***************** ARTICLE DRESSING ***************** */

.namecaption {
	font: small-caps 11px arial, verdana, helvetica, sans-serif;
	color: #555;
	text-align: center;
	margin-top: 1px;
}

.regcaption {
	font: 11px arial, verdana, helvetica, sans-serif;
	color: #555;
	text-align: left;
	margin-top: 1px;
}


#blogline {
	margin: 2px 10px;
	padding: 5px;
	border-width: 2px 1px;
	border-color: #555 #ccc;
	border-style: solid;
	background: #eef;
}
#blogline p {
	margin: 2px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font: 12px Tahoma;
	text-align: center;
	padding: 5px;
}

.collogo { float: left; margin: 10px; }


#pullquote {
	float: right;
	clear: right;
	width: 220px;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
	margin: 10px;
	padding: 6px 0;
}
#pullquote p { font: 20px Georgia, Times, serif; text-align: center; }
#pullquote p.promo { font: 15px Tahoma, sans-serif; }
#pullquote p.quoteattrib { text-align: right; font: italic 12px arial, verdana, helvetica, sans-serif; }
#pullquote h3 { font-family: 'Open Sans',sans-serif; margin: 0; border-bottom: none; padding: 5px; color: #500; font-size: 22px; }
#pullquote img { width: 95%; border: 0; }


/* ***************** IMAGES ***************** */

img { border: 1px solid black; }
img.logo { border: 0; }
img.author { float: left; width: 86px; margin: 0 3px 3px 0; }
#sitemenu img { border: none; }

.fbconnect_login_button img { border: 0; }
.preview img { border: 0; width: 96px; }

a.logo, a.logo img { border: 0; }


/* ***************** ADS ***************** */

#innerAd {
	float: right;
	width: 300px;
	margin: 3px;
	text-align: center;
}


/* ***************** TABLES ***************** */

#content td { font-size: 10px; padding: 1px; }
#content table { margin: 0 5px 10px 5px; border: 1px solid black; }
#content table table { border: 0; }

#content table.bracket table {
	margin: 0px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}



/* ********* 2.0 *********** */

.news20 {
	width: 95%;
	margin: 2px auto;
	background: #fff;
	padding: 8px;
	border: 1px solid #aaa;
	text-align: center;
	clear: both;
	font: 0.75em arial;
}

#newsComments { border: 1px solid #aaa; width: 95%; margin: 5px auto; padding: 8px; }
#newsComments h4 { margin: 0 0 3px 0; font: bold small-caps 14px verdana; color: #17c; }
#newsComments table { border: 0; }
#newsComments td    { color: #15c; }
#newsComments form  { width: 40%; }
#newsComments input, #newsComments textarea { background: #eee; border: 1px solid #aaf; font: 12px arial; }
#newsComments input    { width: 180px; }
#newsComments textarea { width: 260px; }

#newsCommentDisplay {
	float: right;
	margin-top: 20px;
	width: 275px;
	/* height: 200px;
	border: 1px solid #ccc;*/
	overflow: auto;
}
#newsCommentDisplay p.comment { font: 11px verdana; margin: 1px 0 5px 0; border-bottom: 3px solid black; }

#newsCommentDisplay .ident { padding: 3px; margin: 5px 0 1px 0; height: 54px; background: #faf6e9; border: 1px solid #eee; }
#newsCommentDisplay .ident .name { font: bold 12px verdana; color: #333; }
#newsCommentDisplay .ident .date { font: italic 10px verdana; color: #999; }
#newsCommentDisplay .ident .ratings { }
#newsCommentDisplay .ident img.avatar { float: left; margin: 2px; }

#newsCommentDisplay-waiting {
	float: right;
	margin-top: 20px;
	width: 280px;
	height: 200px;
	border: 1px solid #ccc;
	overflow: auto;
	background: url(/images/spinner.gif) center center no-repeat;
	text-align: center;
}


.fullfeed { }
.fullfeed li { margin-bottom: 10px; margin-left: 20px; list-style-image: url(/images/design/racquo.gif); }


/* ******************* ASSETS ******************** */

#assetContent {
	clear: right;
	float: right;
	width: 302px;
	margin: 0 5px 5px 5px;
	padding: 5px 4px 3px 4px;
	background: #eed;
	font: 0.9em verdana, helvetica, sans-serif;
}
#assetContent a, #assetContent a:hover { background: transparent; }

#assetContent .railAd { margin-top: 8px; }
#assetContent .railAd:first-child { margin-top: 0; }
#assetContent p.caption { background: black; color: #ccc; margin: 0; padding: 3px 0.5%; width: 99%; font-size: 11px; line-height: 15px; }
#assetContent p#controls {
	font-size: 0.9em;
	background: #333;
	color: white;
	margin: 0px;
	width: 99%;
	padding: 3px 0.5%;
	border-top: 1px solid #777;
}

#sbImage { margin-bottom: 3px; }
#sbImage img.photo { width: 300px; }
#sbImage img.icon { border: 0; height: 14px; cursor: pointer; vertical-align: middle; }
#sbImage a, #sbImage a:hover { background: transparent; }

#sbPict a { background: transparent; color: yellow; }
#sbPict img.photo { width: 300px; }
#sbPict img.icon { border: 0; height: 14px; }

#sbEmbedVideo p { margin: 0 0 1px 0; font-size: 0.9em; padding: 2px; background: #333; color: white; }
#sbEmbedVideo p a { background: #333; color: yellow; text-decoration: none; }
#sbEmbedVideo p a:hover { background: #333; color: #ef9d84; }

#sbAudio li { list-style-image: url(/images/icon-audio-large.png); margin-left: 60px; }
#sbAudio img { float: left; margin: 0 3px 3px 0; border: 0; }
#sbAudio p { clear: both; font-size: 0.9em; }
#sbAudio h5 {
	color: white;
	background: #737770;
	padding: 0px 8px;
	font-size: 11px;
	margin: 2px;
	border-bottom: 3px solid #000;
}

#sbExtLink { }

#multimediaList { border: 1px solid #ccc; padding: 3px; }
#multimediaList li.audio     { list-style-image: url(/images/icon-audio.gif); }
#multimediaList li.video     { list-style-image: url(/images/icon-video.gif); }
#multimediaList li.pictorial { list-style-image: url(/images/icon-gallery.gif); }



@media screen and (max-width: 1080px) /*and (min-width: 641px)*/ {
	.noprint { display: none; }
	#wrap { background: white; }
	#content { width: 63%; margin-left: 3%; padding-right: 2%; }
	#right { width: 30%; padding-left: 1%; padding-right: 1%; margin: 5px 0 10px; }
	#assetContent { max-width: 57%; }
	#assetContent .railAd img { width: 99.5%; width: calc(100% - 2px); height: auto; }
	#sbImage img.photo { width: 99.5%; width: calc(100% - 2px); }
	.collogo { max-width: 20%; height: auto; }
}

@media screen and (max-width: 640px) {
	#content { float: none; width: 95%; }
	#right { float: none; width: 95%; padding: 10px 0 0 3%; box-shadow: none; background: white; }
}



/*

AGENTS CORNER

#content {
	width: 669px;
	font-family: arial;
	font-size: 10px;
	background: #68654A;
	margin: 5px;
	border-left: 2px solid #654;
	border-top: 2px solid #654;
	border-right: 2px solid #987;
	border-bottom: 2px solid #987;
}

h1 {
	background: url(/images/lids/agentscorner.gif) no-repeat;
	height: 90px;
	text-indent: -2000px;
}

#content a { background: #68654A; }
#wrap, #right {	background: black; }
#top img { border: 0; } 
#right a { background: black; color: white; }

.newslist ul { 	color: white; }

#interactive { border: 1px solid #ccc; width: 244px; }
#links { border: 1px solid #ccc; width: 244px; }

#right .contentpush a { background: white; text-decoration: underline; color: #325335; }

#sidebar p { font-size: 1.1em; }

.news20 { background: #68654A; }
#newsComments h4 { margin: 0 0 3px 66px; }
#newsComments td { background: #68654A; }


PENALTY BOX

#content
{
	width: 669px;
	font-family: arial;
	font-size: 10px;
	background: #bba0c3;
	margin: 5px;
	border-left: 2px solid #939;
	border-top: 2px solid #f3f;
	border-right: 2px solid #f3f;
	border-bottom: 2px solid #939;
}

h1
{
	background: url(/images/lids/penaltybox.gif) no-repeat;
	height: 90px;
	text-indent: -2000px;
}

#content a
{
	background: #bba0c3;
}

#wrap, #right
{
	background: black;
}

#top img
{
	border: 0;
}

#right a
{
	background: black;
	color: white;
}

.newslist ul
{
	color: white;
}


#interactive
{
	border: 1px solid #ccc;
	width: 244px;
}
#links
{
	border: 1px solid #ccc;
	width: 244px;
}

#right .contentpush a { background: white; text-decoration: underline; color: #325335; }

#sidebar p { font-size: 1.1em; }

.news20 { background: #bba0c3; }
#newsComments h4 { margin: 0 0 3px 66px; }
#newsComments td { background: #bba0c3; }


SECOND THOUGHTS

#content
{
	width: 511px;
	font-family: arial;
	font-size: 10px;
	background: #ffeaca;
	margin: 5px;
	border-left: 2px solid #ffcc80;
	border-top: 2px solid #ffcc80;
	border-right: 2px solid #ffeea0;
	border-bottom: 2px solid #ffeea0;
}

h1
{
	background: black;
}

#content a
{
	background: #ffeaca;
}

#wrap, #right
{
	background: black;
}

#right a
{
	background: black;
	color: white;
}

.newslist ul
{
	color: white;
}


#interactive
{
	border: 1px solid #ccc;
	width: 244px;
}
#links
{
	border: 1px solid #ccc;
	width: 244px;
}

#right .contentpush a { background: #faf6e9; text-decoration: underline; color: #325335; }
#right .contentpush a:hover { color: #809980 }

#sidebar p { font-size: 1.1em; }

*/