/* @override 
	http://johnniefootball.com/wp/wp-content/themes/jf3/css/main.css
	http://johnniefootball.sucrose/wp/wp-content/themes/jf3/css/main.css
*/

/*
------------------------------------------------------------------------ 
This is the main stylesheet for the 2007 JohnnieFootball.com design.

The graphics and design are Copyright ? 2007 JohnnieFootball. Original 
site design by Joel Schou of Fuzzy Coconut. Code authoring by and 
Copyright ? Joel Schou and Fuzzy Coconut. Reproducing the design in 
whole or part is strictly prohibited. However, creative inspiration is 
wonderful and inevitable. Contact us at fuzzycoconut.com/contact

Feel free to learn from the CSS. Copying all or part is not only shallow,
but completely useless if you want to actually learn CSS. Please respect
our hard work and only use the code for reference. We will gladly answer
your questions. Contact us at fuzzycoconut.com/contact
-----------------------------------------------------------------------
*/

/* import blueprintcss stylesheets */
@import "reset.css";
@import "typography.css";

/* import other stylesheets */
@import "postdating.css";
@import "opponents.css";
@import "authors.css";

html {
	height: 100%;
}

body {
	height: 100%;
	text-align: center;
	min-width: 976px;
	background: #0d1a2b url(../img/body.png) 50% 0% repeat-y;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
}
.wrapper1 { background: url(../img/wrapper/wrapper1.jpg) 50% 90px no-repeat; }
.wrapper2 { background: url(../img/wrapper/wrapper2.jpg) 50% 90px no-repeat; }
.wrapper3 { background: url(../img/wrapper/wrapper3.jpg) 50% 90px no-repeat; }

* html #wrapper {
	height: 100%;
}

/* ######### header region ######### */
#header {
	position: relative;
	padding: 9px 0 0 0;
	height: 306px;
	background: url(../img/header.png) 50% 0 no-repeat;
}
#header.subnav {
	padding-bottom: 18px;
}

h1 {
	position: relative;
	margin: 0 auto;
	padding: 26px 760px 7px 27px;
	width: 189px;
	height: 45px;
}
h1 a {
	position: relative;
	display: block;
	height: 45px;
	text-indent: -999px;
	border: none;
	background: transparent !important;
	overflow: hidden;
	z-index: 2;
}

#header p.tagline {
	position: absolute;
	top: -99px;
}
#header p.subscribe {
	position: relative;
	top: -71px;
	margin: 0 auto -71px auto;
	padding: 28px 8px 5px 824px;
	width: 160px;
	height: 41px;
}
#header p.subscribe a {
	position: absolute;
	top: 0;
	left: 824px;
	display: block;
	width: 160px;
	height: 68px;
	text-indent: -999px;
	background: url(../img/header-subscribe.png) no-repeat;
	border: none;
	overflow: hidden;
	z-index: 3;
}

/* ========= nav bar ========= */
#header ul.nav {
	position: relative;
	margin: 0 auto;
	padding: 189px 0 0 16px;
	width: 976px;
	height: 27px;
	background: url(../img/nav-ul.png) 9px 185px no-repeat;
	z-index: 100;
}
* html #header ul.nav {
	background: transparent;
}

/* --------- list items --------- */
#header .nav li {
	display: inline;
	margin: 0 2px 0 0;
	width: 118px;
	height: 27px;
	text-align: center;
	float: left;
}

li.skipnav {
	position: absolute;
	top: -999px;
}

/* --------- links --------- */
#header .nav li a {
	display: block;
	padding: 4px 0 0 0;
	height: 23px;
	font: 11px/22px Rockwell, 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #ec1c24;
	white-space: nowrap;
	background: url(../img/nav-li.png);
	border: none;
}

/* --------- links hovered --------- */
#header .nav li a:hover {
	color: #fff;
	background-position: 0 -27px;
}

/* --------- current section --------- */
#header .nav li a:active,
.home #header .nav .home a,
.archive #header .nav .home a, /* compensates for the archives */
.links #header .nav .home a, /* compensates for the top-level links */
.team #header .nav .team a,
.about #header .nav .about a,
.stiftungsfest #header .nav .stiftungsfest a,
.contact #header .nav .contact a {
	color: #fff;
	background-position: 0 -54px;
	cursor: default;
}

/* --------- subnav --------- */
ul.subnav {
	display: none;
	position: absolute;
	left: 0;
	top: 216px;
	margin: 0;
	padding: 0 16px;
	width: 960px;
	height: 27px;
	background: url(../img/subnav.png) repeat-x;
}
.subnav ul.subnav { display: block; }

ul.subnav li {
}
#header ul.subnav li a,
#header ul.subnav li a:visited {
	color: #f68e92 !important;
	height: 21px;
	line-height: 21px;
	background: transparent;
	border-bottom: 2px solid #f68e92;
}
#header ul.subnav li a:hover {
	color: #fff !important;
	cursor: pointer !important;
}

#header ul.subnav li a:active,
/* Main tab */
.home #header ul.subnav li.current a,
.archive #header ul.subnav li.archive a,
.links #header ul.subnav li.links a,
/* Contact tab */
.contact #header ul.subnav li.form a,
.subscribe #header ul.subnav li.subscribe a {
	color: #fff !important;
	border-color: #d91a21;
}
.subscribe #header ul.subnav li.form a { /* turn some back off */
	color: #f68e92 !important;
	border-color: #f68e92 !important;
}

/* ######### grid region ######### */
#grid {
	margin: 0 auto;
	padding: 0 8px 0 0;
	width: 984px;
	min-height: 486px;
	background: url(../img/grid.png);
	/*background: url(../img/grid-grid.png);*/
	overflow: auto;
}

/* --------- opponentbar/seasongroup --------- */
#opponentbar {
	position: relative;
	margin: 0 -9px 0 0 /*0 18px 0*/;
	padding: 0 0 0 0;
	width: 992px;
	height: 54px;
	background: #0d1a2b;
}

dl.seasongroup {
	margin: 0 4px 0 10px;
	padding: 9px 4px;
	list-style: none;
	background: url(../img/opponentbar.png) 2px 5px no-repeat;
	float: left;
}
.playoffs dl.seasongroup { padding-right: 0; }
.schedule .archive .seasongroup {
	/*margin-top: -18px;*/
}

.seasongroup dt {
	margin: 0;
	width: 86px;
	height: 36px;
	text-indent: -999px;
	float: left;
	overflow: hidden;
	background: url(../img/seasongroup-dt.png) 50% 0;
}
.seasongroup.s2008 dt { background-position: 50% -36px; }
.seasongroup.s2009 dt { background-position: 50% -72px; }
.seasongroup.s2010 dt { background-position: 50% -108px; }
.seasongroup.s2011 dt { background-position: 50% -144px; }
.seasongroup.s2012 dt { background-position: 50% -180px; }
.seasongroup.s2013 dt { background-position: 50% -216px; }
.seasongroup.s2014 dt { background-position: 50% -252px; }
.seasongroup.s2015 dt { background-position: 50% -288px; }
.seasongroup.s2016 dt { background-position: 50% -324px; }
.seasongroup dt.playoffs {
	margin-left: 16px;
	width: 114px;
	background-position: 50% -360px;
}

.seasongroup dd {
	margin: 0 0 0 2px;
	width: 36px;
	height: 36px;
	text-indent: -999px;
	float: left;
	overflow: hidden;
	background-position: 0 -36px !important;
}
.seasongroup dd.on { background-position: 0 0 !important; }
.seasongroup dd.select { height: 36px; }
.seasongroup dt.playoffs,
	.seasongroup dd.playoffs { display: none; }
.playoffs .seasongroup dt.playoffs,
	.playoffs .seasongroup dd.playoffs { display: block; }
.seasongroup dd.earlyend {
	margin: -4px -4px -4px 0;
	width: 4px;
	height: 44px;
	background: url(../img/opponentbar.png) 100% 0 no-repeat !important;
}

.seasongroup dd a {
	display: block;
	width: 36px;
	height: 36px;
	background: transparent !important;
}
.seasongroup dd a:hover {
	width: 34px;
	height: 34px;
	border: 1px solid #366db4;
}
.seasongroup dd a:active,
.seasongroup dd.select a {
	width: 34px;
	height: 34px;
	border: 1px solid #d91a21;
}

/* ========= announcements ========= */
#grid div.announcement {
	margin: 0 -9px 0 0;
	padding: 0 0 0 0;
	width: 992px;
	height: ;
	background: url(../img/announcement.png) 50% 50% no-repeat;
	overflow: visible;
}

#grid div.announcement h3 {
	display: block;
	margin: 9px 0;
	padding: 9px 24px 9px 68px;
	width: 900px;
	color: #e3c50f;
	float: none;
}

#grid div.announcement h3 a { color: #e3c50f; }
#grid div.announcement h3 a:hover { color: #fff; background: transparent; }

/*div.announcement dl.details {
	margin: 0 0 0 -36px;
	padding: 36px 0 0 0;
	width: 36px;
	height: 0;
	background: url(../img/announcement-dl.png) no-repeat;
}

.announcement div.entry {
	margin: 0 0 0 -36px;
	padding: 0 18px;
	width: 748px;
	color: #fff;
}*/



/* ========= content and sidebar ========= */
#content {
	position: relative;
	margin: 0 0 0 0;
	padding: 18px 0 18px 16px;
	width: 800px;
	float: left;
	overflow: visible;
	background: url(../img/content.gif) -6px 95% no-repeat;
	/*opacity: .5; background: yellow;*/
	z-index: 1;
}
.selfclear { clear: both; }


/* --------- callouts --------- */
#callout {
	margin: 0 0 18px 0;
	padding: 0;
	width: 784px;
	height: 72px;
}
#callout a {
	display: block;
	width: 784px;
	height: 72px;
	border: none;
	background: transparent;
	text-indent: -999px;
}
#callout .voteforjohn {
	background: url(../img/specialevents/voteforjohn.png) no-repeat;
}


/* --------- feature box --------- */
#feature {
	position: relative;
	margin: -18px 0 18px 0;
	height: 234px;
	/*background: #2d5b99 url(../img/feature-ad.png) repeat-x;*/
}
.schedule #feature {
	margin-left: -16px;
	/*padding-right: 176px;*/
	padding: 9px 16px;
	height: 216px;
}
.author #feature {
	padding: 9px 16px;
	height: 216px;
	background: #366db4 url(../img/feature.png) repeat-x;
}

.schedule #feature h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 624px;
	color: #fff;
	background-repeat: no-repeat;
}

.schedule #feature h2 span {
	font-size: 14px;
	color: #6c96cc;
	/*text-transform: capitalize;*/
}
.schedule #feature h2 span.win { color: #36b442; }
.schedule #feature h2 span.lose { color: #ec1c24; }

.schedule #feature h2 a {
	color: #fff;
	border: none;
}
.schedule #feature h2 a:hover {
	color: #f68e92;
	background: none;
}

#feature p.icon {
	/*position: absolute;
	top: 9px;
	right: 168px;*/
	margin: 0 16px 0 0;
	padding: 4px 0 0 0;
	width: 36px;
	height: 36px;
	float: left;
}
#feature p.icon a {
	display: block;
	height: 36px;
	text-indent: -999px;
	overflow: hidden;
	border: none;
}
#feature p.icon a:hover {
	margin: -2px;
	border: 2px solid #366db4;
}
#feature p.icon a:active {
	border-color: #d91a21;
}

/*.schedule #feature ul { color: #97999e; list-style: none; }
.schedule #feature ul .datetime {
	font-size: 18px;
	line-height: 36px;
}
.schedule #feature ul .location {
	font-size: 14px;
	line-height: 18px;
}*/
/*.schedule #feature ul .result {
	margin-top: 18px;
	font-size: 24px;
	line-height: 36px;
	text-transform: capitalize;
}*/

#feature div.post {
	position: absolute;
	margin: 0 -176px 0 -16px;
	padding: 9px 160px 9px 160px;
	width: 496px;
	height: 216px;
	background: #366db4 url(../img/feature.png) repeat-x;
}



/* --------- weekgroups --------- */
div.weekgroup {
	position: relative;
	margin: 0 -16px;
    width: 816px;
    height: 1%;
    overflow: auto;
	background-position: 496px 0 !important;
}
div.weekgroup.solo {
	background-position: 999px 0 !important;
}
.archive div.weekgroup {
	background-image: none;
}

/* ---- grouphead ---- */
h2.grouphead {
	position: relative;
	margin: 0;
	padding: 18px 32px 18px 176px;
	width: 608px;
	height: 36px;
	color: #fff;
	background-repeat: no-repeat;
}
h2.grouphead a {
	color: #fff;
	border: none;
}
h2.grouphead a:hover {
	color: #f68e92;
	background: none;
}
p.grouphead {
	padding: 0 0 0 16px;
	/*position: absolute;
	right: 32px;
	top: 18px;
	text-align: right;
	color: #fff;*/
}

/* ---- latest ---- */
.weekgroup div.latest {
	margin: 0;
	padding: 18px 16px 18px 160px;
	width: 320px;
	float: left;
}
.solo div.latest {
	width: 640px;
}
.archive .weekgroup .latest {
	padding: 0 16px 0 16px;
	width: 784px;
}

.weekgroup .latest h3 {
	margin: 0 0 .75em 0;
	width: 304px;
}
.solo div.latest h3 {
	width: 624px;
}
.archive .weekgroup .latest h3 {
	width: 624px;
}

/* ---- therest ---- */
.weekgroup ul.therest {
	margin: 0;
	padding: 18px 16px;
	width: 288px;
	height: auto !important;
	height: 270px;
    min-height: 270px;
	list-style: none;
	float: right;
}
.weekgroup .therest li {
	margin: 0 0 18px 0;
	padding: 0 0 0 42px;
	width: 246px;
}
.weekgroup .therest h4 {
	font-size: 1.2em;
	line-height: 1.25;
}
.weekgroup .therest h4 a {
	color: #000;
	border: none;
}
.weekgroup .therest dl {
	margin: 0;
	width: 246px;
	font-size: .9em;
	line-height: 18px;
}
.weekgroup .therest dt {
	display: inline;
	font-weight: normal;
	color: #6e7379;
}
.weekgroup .therest dd {
	display: inline;
}

/* --------- sidebar --------- */
#sidebar {
	display: inline;
	position: relative;
	margin: -9px 0 0 0;
	width: 160px;
	float: right;
	z-index: 2;
}
#sidebar h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	color: #737880;
	background: url(../img/sidebar-h2.gif) 50% 60% no-repeat;
	visibility: hidden;
}

#sidebar p {
	position: relative;
	width: 160px;
}
#sidebar p#adpremium {
	margin: 0px -8px 9px -168px;
	padding: 9px 8px;
	width: 320px;
	height: 216px;
	background: #d5d6d9;
}
.feature #sidebar p#adpremium,
.author #sidebar p#adpremium,
.schedule #sidebar #adpremium {
	margin: -9px -8px 18px -168px;
	padding: 9px 8px;
	background: #2d5b99 url(../img/feature-ad.png) repeat-x;
}
#sidebar p#adprime {
	height: 216px;
}

#sidebar p img {
	display: block;
	margin: 0;
	float: none;
}
#sidebar a {
	border: none;
	background: transparent;
}

#sidebar p.soundcast a {
	display: block;
	padding: 4px 15px;
	width: 124px;
	height: 94px;
	background: #fed529;
	border: 3px solid #fed529;
}
#sidebar p.soundcast img {
	border: 2px solid #929196;
}


/* ========= post structure for homepage and single post pages ========= */
/* --------- post details and groupings --------- */
/* ---- live post listings ---- */
div.liveposts {
	position: relative;
	width: 464px;
	float: left;
}

/* ---- posts themselves ---- */
div.single {
	background: transparent;
}
.archive .schedule div.single {
	position: relative;
	margin: 0 -16px;
	width: 816px;
	background-position: 656px 0;
	overflow: auto;
}

div.post {
	position: relative;
	padding: 0 160px 3em 144px;
	width: 480px;
	clear: both;
	overflow: auto;
}
.liveposts .post {
	position: relative;
	padding: 0 0 18px 94px;
	width: 370px;
	overflow: visible;
}
.archive .post {
	padding: 0 0 3em 144px;
	width: 640px;
	background: transparent;
}
.archive .author .post {
	padding: 0 16px 3em 160px;
}
.single .post {
	display: inline;
	position: relative;
	padding: 0 0 3em 144px;
	width: 480px;
	float: left;
	overflow: visible;
}
.schedule .single .post {
	margin: 0;
	padding: 0 16px 0 160px;
	float: left;
}

/* ---- post styles ---- */

div.post h3 {
	position: relative;
	display: inline;
	margin: 0 -160px .75em 0;
	padding: 0 0 0 16px;
	width: 624px;
	float: right;
	overflow: auto;
	clear: both;
}
#feature div.post h3 {
	margin: 0 16px 0 0;
	padding: 0 0 0 0;
	width: 464px;
	color: #fff;
}

.liveposts div.post h3 {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 370px;
	font-size: 16px;
	line-height: 18px;
	float: none;
	overflow: visible;
}

div.post h3 a {
	color: #000;
	border: none;
}
#feature div.post h3 a { color: #fff; padding: 4px 0; }
#feature div.post h3 a:hover { background: #366db4; }

.liveposts h3 a .trigger {
	/*display: none;*/
	position: absolute;
	left: -18px;
	top: 0;
	width: 18px;
	height: 18px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/liveposts-trigger.png) 2px 0 no-repeat;
}
.liveposts h3 a .trigger.open {
	background-position: 2px -18px;
}
.liveposts h3 a .trigger:hover {
	background-color: #e9eff7;
}

.liveposts .excerpt {
	position: relative;
	margin: 4px 0 4px -8px;
	padding: 5px 8px;
	color: #818181;
	background: #e9eff7;
}
.liveposts .excerpt.closed {
	display: none;
}
.liveposts .excerpt p {
	margin: 0;
	font-size: 11px;
	line-height: 18px;
}
.liveposts .excerpt p.read {
	position: absolute;
	right: 8px;
	bottom: 4px;
}

div.post dl.details,
.single div.post dl.details {
	position: relative;
	display: inline;
	margin: 0 0 0 -144px;
	padding: 135px 0 17px 0;
	width: 144px;
	/*height: 72px;*/
	float: left;
	overflow: hidden;
}

.liveposts ul.details {
	margin: 0;
	padding: 0;
	list-style: none;
}
.liveposts ul.details .byline { color: #818181; }
.liveposts ul.details .byline .timestamp { color: #000; }
.liveposts ul.details .icon {
	position: absolute;
	top: -4px;
	padding: 4px;
	width: 36px;
	height: 36px;
	overflow: hidden;
}
.liveposts ul.details .author {
	left: 34px;
	/*background: url(../img/liveposts-icon-author.png) no-repeat;*/
	z-index: 1;
}
.liveposts ul.details .opponent {
	left: -4px;
	/*background: url(../img/liveposts-icon-opponent.png) no-repeat;*/
	z-index: 2;
}

.liveposts ul.details .icon a {
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	text-indent: -999px;
	border: none;
}
.liveposts ul.details .icon a:hover {
	/*width: 34px;
	height: 34px;*/
	margin: -2px;
	border: 2px solid #366db4;
	/*background-position: -1px -1px;*/
}
.liveposts ul.details .icon a:active {
	/*width: 34px;
	height: 34px;*/
	border-color: #d91a21;
}

div.post .details dt {
	display: none;
}
div.post .details dd.author {
	height: 18px;
}
div.post .details dd.author a {
	display: block;
	text-indent: -999px;
	border: none;
	background: transparent !important;
}

div.post .details dd.timestamp {
	position: relative;
	margin: 0 8px 0 8px;
	padding: 2px 0 0 0;
	width: 128px;
	height: 44px;
}
div.post .details .timestamp span {
	display: inline;
	float: left;
	text-indent: -999px;
	color: #ec1c24;
}
div.post .details span.day {
	width: 46px;
	height: 44px;
}
div.post .details span.month {
	margin-right: 1px;
	height: 25px;
}
div.post .details span.year {
	height: 25px;
}
div.post .details span.time {
	width: 80px;
	text-indent: 4px;
	font-size: 9px;
}

div.post ul.actions,
.single div.post ul.actions,
.archive .author #feature ul.actions,
div.profile ul.actions {
	position: relative;
	display: inline;
	margin: 197px 0 0 -144px;
	width: 144px;
	height: 16px;
	text-align: center;
	float: left;
	list-style: none;
}
#feature div.post ul.actions {
	/*display: none;*/
}

div.post .actions li,
.archive .author #feature ul.actions li,
div.profile ul.actions li {
	display: inline;
	padding: 0 2px;
	font-size: .75em;
	line-height: 2em;
}

div.post .actions li a,
.archive .author #feature ul.actions li a,
div.profile ul.actions li a {
	padding: 0 2px;
	color: #366db4 !important;
	border: none;
}
div.post .actions li a:visited,
.archive .author #feature ul.actions li a:visited,
div.profile ul.actions li a:visited {
	color: #546173 !important;
}
div.post .actions li a:hover,
.archive .author #feature ul.actions li a:hover,
.archive .author #feature ul.actions li.archive a,
div.profile ul.actions li a:hover,
div.profile ul.actions li.profile a {
	color: #0d1a2b !important;
	background: #366db4 !important;
}
div.post .actions li a:active,
.archive .author #feature ul.actions li a:active,
.archive .author #feature ul.actions li.archive a,
div.profile ul.actions li a:active,
div.profile ul.actions li.profile a {
	color: #fff !important;
}

.post div.entry {
	position: relative;
	padding: 0 0 0 16px;
	width: 464px;
	/*float: right;*/
	clear: right;
}
#feature div.entry {
	color: #0d1a2b;
}
.weekgroup div.entry {
	width: 304px;
}
.solo div.entry {
	width: 624px;;
}
.archive .weekgroup .entry,
.archive .author .entry,
.archive .archive .entry {
	width: 624px;
}

div.entry p.read {
	margin: -9px 0 9px 0;
}

/* ---- comments ---- */
#comments {
	position: relative;
	padding: 0 0 0 16px;
	width: 464px;
	float: right;
}

#comments h4 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 464px;
}
#commentform h4 {
	padding: 0;
}

ol.commentlist {
	position: relative;
	margin: 0;
	padding: 0;
	width: 464px;
	overflow: auto;
	list-style-position: inside;
}
ol.commentlist li {
	position: relative;
	margin: 0 0 18px 0;
	padding: 9px 16px;
}
ol.commentlist li.alt {
	background: #f0f1f2;
}

#commentform {

}


/* ---- photo gallery ---- */
div.photobox {
	display: inline;
	margin: -4px 12px 14px -4px;
	padding: 4px 4px 0 4px;
	width: 304px;
	height: 283px;
	background: url(../img/photobox.png) no-repeat;
	float: right;
}

.archive div.photobox {
	position: relative;
	display: inline;
	margin: -4px -4px 18px -4px;
	padding-bottom: 14px;
	width: 464px;
	height: 450px;
	background: url(../img/photobox-big.png) 0 0 no-repeat;
	/*float: none;*/
}


/* ---- player blogs ---- */
div.playerblog {
	display: inline;
	margin: -4px 12px 14px -4px;
	padding: 0;
	width: 312px;
	background: url(../img/playerblog.png) repeat-y;
	float: right;
}

div.playerblog .header {
	height: 103px;
	text-indent: -999px;
	overflow: hidden;
}
div.pierskalla .header {
	background: url(../img/playerblog-head-pierskalla.png) no-repeat;
}

div.playerblog .footer {
	margin: 0;
	padding: 0 12px 13px 4px;
	height: 18px;
	text-align: right;
	color: #2d5b99;
	background: url(../img/playerblog-foot.png) 0 100% no-repeat;
}

div.playerblog ol.posts {
	margin: 0;
	padding: 0 12px 0 13px;
	color: #d5d6d9;
	list-style: none;
}
div.playerblog ol.posts li {
	padding: 9px 0;
}
div.playerblog ol.posts h4 {
	font-size: 14px;
	line-height: 18px;
	color: #8fb0db;
	/*text-shadow: #152a46 0 1px 1px;*/
}
div.playerblog ol.posts p {
	margin: 0;
}

div.playerblog a { padding: 1px 0; color: #8fb0db; border: none; }
div.playerblog .footer a { border-bottom: 1px solid #1c4283; }
div.playerblog a:visited { color: #a8a8a8; }
div.playerblog a:hover { background: #1c4283; }
div.playerblog a:active { color: #db8f91; /*background: #a40d10;*/ }


/* ---- twitter ---- */
div.twitter {
	display: inline;
	margin: -4px 12px 14px -4px;
	padding: 0;
	width: 312px;
	background: url(../img/twitter.png) repeat-y;
	float: right;
}

div.twitter .header {
	height: 49px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/twitter-head.png) no-repeat;
}

div.twitter .footer {
	margin: 0;
	padding: 0 15px 13px 7px;
	height: 18px;
	text-align: right;
	color: #ec1c24;
	background: url(../img/twitter-foot.png) 0 100% no-repeat;
}

div.twitter ul.twitter {
	margin: 0;
	padding: 0 15px 0 16px;
	color: #818181;
	list-style: none;
}
div.twitter ul.twitter li {
	padding: 9px 0;
}
div.twitter ul.twitter abbr {
	display: block;
	border: none;
}

div.twitter a { padding: 1px 0; color: #000; border: none; }
/*div.twitter .footer a { border-bottom: 1px solid #1c4283; }*/
div.twitter a:visited { color: #a8a8a8; }
div.twitter a:hover { color: #ec1c24; background: none; }
div.twitter a:active { color: #366db4; /*background: #a40d10;*/ }


/* ---- SJUUUN ---- */
div.sjuuun {
	display: inline;
	margin: -4px 12px 14px -4px;
	padding: 0;
	width: 312px;
	background: url(../img/sjuuun.png) repeat-y;
	float: right;
}

div.sjuuun .header {
	height: 103px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/sjuuun-head.jpg) no-repeat;
}

div.sjuuun .footer {
	margin: 0;
	padding: 0 12px 13px 4px;
	height: 18px;
	text-align: right;
	color: #000;
	background: url(../img/sjuuun-foot.png) 0 100% no-repeat;
}

div.sjuuun ol.posts {
	margin: 0;
	padding: 0 12px 0 13px;
	color: #000;
	list-style: none;
	background: url(../img/sjuuun-head.jpg) 0 -103px no-repeat;
}
div.sjuuun ol.posts li {
	padding: 9px 0;
}
div.sjuuun ol.posts h4 {
	font-size: 14px;
	line-height: 18px;
	color: #72503c;
	/*text-shadow: #152a46 0 1px 1px;*/
}
div.sjuuun ol.posts p {
	margin: 0;
}

div.sjuuun a { padding: 1px 0; color: #72503c; border: none; }
div.sjuuun .footer a { border-bottom: 1px solid #23130a; }
div.sjuuun a:visited { color: #6e5d53; }
div.sjuuun a:hover { background: #1e1008; }
div.sjuuun a:active { color: #9b5932; /*background: #a40d10;*/ }


/* ---- special ads in column 2 ---- */
div.specialad {
	position: relative;
	display: inline;
	margin: -4px 12px 14px -4px;
	padding: 0;
	width: 312px;
	float: right;
}

div.specialad h3 {
	text-indent: -999px;
	overflow: hidden;
}

div.specialad p {
	text-indent: -999px;
	overflow: hidden;
}

#myjohnniespace {
	height: 152px;
	background: url(../img/specialads/myjohnniespace.jpg);
}
#myjohnniespace a {
	position: absolute;
	top: 114px;
	left: 4px;
	width: 304px;
	height: 34px;
	border: none;
	background: transparent;
}


/* ---- complete listings ---- */
div.complete {
	position: relative;
	display: inline;
	margin: 234px 16px 0 0;
	padding: 0;
	width: 144px;
	color: #737880;
	float: right;
	background: #152a46 url(../img/complete.png);
}
.fullarchive div.complete {
	float: left;
}
.schedule div.complete {
	display: block;
	padding: 18px 0 0 0;
	height: auto !important;
	height: 270px;
    min-height: 270px;
}
.about div.complete {
	margin-top: 180px;
}

.complete h3 {
	margin: 0 0 0 0;
	width: 144px;
	height: 36px;
	font-size: 1.5em;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: url(../img/complete-h3.png);
}
.schedule .complete h3 {
	display: none;
	height: 54px;
	background: none;
}

.schedule .complete h3 a {
	display: block;
	height: 54px;
	text-align: left;
	text-indent: -999px;
	border: none;
	background: transparent;
}

.complete ul {
	margin: 0 8px;
	width: 128px;
	list-style: none;
}

.fullarchive .complete ul {
	padding: 0 0 18px 16px;
	width: 112px;
	list-style: disc;
}
.fullarchive .complete ul ul {
	margin: 0;
	padding: 0;
	list-style: circle;
}

.complete li {
	position: relative;
}

.complete h4 {
	color: #fff;
	font-size: 1em;
	line-height: 18px;
}

.complete a {
	padding: 2px 0;
	color: #366db4;
	border: none;
}
.complete a:visited { color: #546173; }
.complete a:hover { color: #0d1a2b; background: #366db4; }
.complete a:active { color: #fff; }

.schedule .complete h4 a {
	color: #fff;
}

.complete li p.details {
	margin: 0 0 18px 0;
	font-size: .9em;
	line-height: 18px;
}
.schedule .complete li p.details {
	color: inherit;
}

.complete p.details a {
	display: inline;
	margin: 0 4px 0 0;
	padding: 18px 0 0 0;
	width: 18px;
	height: 0;
	overflow: hidden;
	border: none;
	float: left;
}

/* ---- full archive link ---- */
.fullarchive {
	position: relative;
	width: 100%;
	clear: both;
}
li.fullarchive {
	margin-bottom: 18px;
}

/* ========= archive structure ========= */
div.archive {
	
}
.archive div.author {
	position: relative;
	margin: 0 0 0 -16px;
	padding: 0;
	/*background: url(../img/archive-author.png) 0 72px repeat-x;*/
}

div.archive h2 {
	margin: 0 0 .75em 0;
}
.schedule div.archive h2 {
	color: #fff;
	padding: 18px 0 0 16px;
}
.archive .author h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 624px;
	color: #fff;
	background-repeat: no-repeat;
}

.archive .author #feature h2 span {
	font-size: 14px;
	color: #6c96cc;
}

.archive .author h2 a {
	color: #fff;
	border: none;
}
.archive .author h2 a:hover {
	color: #f68e92;
	background: none;
}

/* --------- opponent archive and feature post list --------- */
.schedule .archive #feature ul {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0 160px 0 0;
	width: 634px;
	color: #1c4283;
	list-style-position: inside;
	float: right;
}
.schedule .archive #feature ul a {
	margin-right: 16px;
	padding: 3px 0 0 0;
}

.schedule .archive #feature ul span {
	font-size: 10px;
}
.schedule .archive #feature span span {
	color: #6c96cc;
}


/* --------- author archive/profile pic and feature post list --------- */
.archive .author #feature ul.actions,
div.profile ul.actions {
	position: relative;
	display: inline;
	margin: 0;
	padding: 161px 0 1px 0;
	width: 144px;
	height: 18px;
	list-style-position: inside;
	background-repeat: no-repeat;
	float: left;
}

.archive .author #feature ul.posts {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0 160px 0 0;
	width: 472px;
	color: #1c4283;
	list-style-position: inside;
	float: right;
}
.archive .author #feature ul.posts a {
	margin-right: 16px;
}

.archive .author #feature span {
	font-size: 10px;
}
.archive .author #feature span.timestamp {
	color: #6c96cc;
}


/* --------- headline and post details --------- */
.archive .post h3 {
	margin: 0 0 .75em 0;
}
.archive .author h3 {
	margin: 0 0 0 0;
	width: 304px;
}
.archive .author h3 {
	width: 624px;
}
.single .post h3 {
	margin: 0 0 .75em 0;
	width: 464px;
	background: transparent !important;
}

.archive .author .post dl.details {
	padding-top: 0;
	padding-bottom: 0;
	/*height: 54px;*/
	background: url(../img/postdating/archive-details.jpg) 0 0 no-repeat;
}
.archive .author .post .details dd.relevant {
	height: 64px;
	background-position: -0px -0px;
}
.archive .author .post .details dd.relevant a {
	display: block;
	height: 54px;
	text-indent: -999px;
	border: none;
}
.archive .author .post .details dd.timestamp {
	padding-top: 10px;
	padding-bottom: 8px;
}

.schedule .post dl.details {
	
}

.archive .author .post ul.actions {
	margin-top: 6em;
}


/* ========= profile structure ========= */
div.profile {
	position: relative;
	margin: 0 0 0 -16px;
	padding: 0;
	width: 816px;
	overflow: auto;
}

/* --------- headline and profile details --------- */
div.profile h2 {
	margin: 0 0 .75em 0;
	padding: 0 0 0 178px;
	width: 464px;
}

div.profile ul.actions {
	position: absolute;
	top: 0px;
	left: 16px;
	margin: 0;
	z-index: 1;
}
div.profile .actions li {
}
.admin .actions li.profile,
.guest .actions li.profile,
.theteam .actions li.profile {
	display: none !important;
}

.profile div.entry {
	position: relative;
	margin: 0;
	padding: 0 0 0 176px;
	width: 464px;
	float: left;
	z-index: 0;
}

div.profile div.archive {
	width: 304px;
	float: right;
}


/* --------- pull quotes --------- */
blockquote.pull {
	position: relative;
	display: inline;
	margin: 0 1.5em 1.5em 1.5em;
	width: 304px;
}
blockquote.pull {
	float: left;
	margin-left: -160px;
}

blockquote.pull p {
	margin: 0;
	font-size: 2em;
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
	font-style: italic;
	text-align: left;
}
blockquote.pull p {
	text-align: right;
}


/* --------- prev/next page links --------- */
ul.prevnext {
	margin-top: 3em;
	margin-left: 160px;
	text-align: center;
	list-style: none;
	background: url(../img/prevnext.gif) 50% 50% no-repeat;
	overflow: auto;
	clear: both;
}
ul.prevnext li {
	display: inline;
	padding: 0;
	width: 47%;
	float: left;
	text-align: right;
}
ul.prevnext li.next {
	float: right;
	text-align: left;
}


/* ========= page items ========= */
.page div.post {
	/*position: relative;*/
	padding: 0 160px 3em 0;
	width: 640px;
	clear: both;
	overflow: auto;
}

div.page h2 {
	margin: 0 0 .75em 0;
	padding: 0 16px 0 0;
	width: auto;
}

.page .post div.entry {
	/*position: relative;*/
	padding: 0 16px 0 0;
	width: auto;
	/*float: right;*/
	/*clear: right;*/
}

.page .post h3 {
	/*position: relative;*/
	display: block;
	margin: 0 0 .75em 0;
	padding: 0 0 0 0;
	width: auto;
	float: none;
	/*overflow: auto;*/
	/*clear: both;*/
}

/* --------- text --------- */
h2 {
}

h3 {
}
h4 {
}
h5 {
}
h6 {
}

p {
}

blockquote {
	background: url(../img/blockquote.png) no-repeat;
}
blockquote p,
blockquote ol,
blockquote ul {
	color: #737880;
}

ins {
	text-decoration: none;
	border-bottom: 1px solid #777;
}
del {
	color: #777;
}
cite,
abbr,
acronym,
dfn {
	text-decoration: none;
	border-bottom: 1px dotted #777;
}

#content ul, #content ol {
}

address {
	margin-bottom: 18px;
	font-style: normal;
}


/* --------- forms --------- */
fieldset {
}

label {
}
label span.alert {
}
input,
textarea {
}
textarea {
}

button {
}

/* --------- flash --------- */
object {
}


/* ######### endgame region ######### */
#endgame {
	margin: 0 auto;
	background: url(../img/endgame.png) 50% 0 repeat-y;
	clear: both;
}
#endgame .cheater {
	margin: 0 auto;
	min-height: 90px;
	width: 992px;
	background: url(../img/endgame-cheat.png) 50% 0 no-repeat;
}

#endgame ul {
	margin: 0;
	padding: 9px 16px;
	font-size: .75em;
	line-height: 2em;
	list-style: none;
}
#endgame li {
	display: inline;
	margin: 0 4px 0 0;
	padding: 0 4px 0 0;
	float: left;
	white-space: nowrap;
}
#endgame li {
}
#endgame .totop {
	margin: 0 0 0 4px;
	padding: 0 0 0 4px;
	float: right;
}
#endgame .totop a {
}

#endgame a { color: #000; border-color: #152a46; }
#endgame a:visited { color: #800; }
#endgame a:hover { background: #d66; }
#endgame a:active { color: #366db4; border-color: #366db4; background: #590001; }


/* ######### footer region ######### */
#footer {
	position: relative;
	margin: 0 auto;
	height: 90px;
	background: url(../img/footer.png) 50% 0 no-repeat;
}

#footer p {
	margin: 0 0 0 0;
	padding: 9px 0 0 0;
	font-size: .75em;
	line-height: 2em;
	color: #486285;
	text-align: center;
	clear: both;
}

#footer a { color: #d5d6d9; border-color: #366db4; }
#footer a:visited { color: #8694b0; }
#footer a:hover { background: #2b4466; }
#footer a:active { color: #ec1c24; border-color: #ec1c24; background: #0d1a2b; }