/* GLOBAL STRUCTURE -
Stylesheet for structure & layout used across the site

 Red #ff0000
 Blue #0066ff
 Yellow #ffff00
 Green #009900
 
 index ->
	global
	headings
	form
	layout
	adkit
	modules
	media
	story-listing
	story-block
	pagination
	current-issue
	poll
	article
	blogger-summary
	the-list
	gallery-listing
	photo-gallery
	comments
	alpha-female
	the-mag
	features
	toughest
	big-drive
	competitions
	newsletter-subscriptions
*/

/* =global */

body {font: 100.01%/1.4 arial, verdana, tahoma, sans-serif; background-color: #fff}
#site {font-size: 76%}

a {color: #ff0000}
a:link {text-decoration: underline}
a:visited {color: #ff0000} 
a:hover, a:active, a:focus {text-decoration: none}

p, blockquote, pre, address, code,
dl, dt, dd, ol, ul, li,
fieldset,
table {margin-bottom: 1em} 

ol {margin-left: 32px}
	ol li {padding-left: 0}

ul {margin-left: 15px; list-style: none}
	ul li {padding-left: 16px; background: transparent none 0 0 no-repeat}

ul ul,
ul ol,
ol ol,
ol ul {margin-bottom: 0}

table {width: 100%}

dfn {font-weight: bold}

blockquote {color: #ff0000; font-family: "Times New Roman", georgia, serif; font-weight: bold; margin-bottom: 1em}
	blockquote p {font-size: 1.5em; margin-bottom: 0.2em}
	blockquote .cite {font-family: arial, tahoma, verdana, sans-serif; text-align: right; font-weight: bold; color: #000; font-size: 1em}

.home blockquote, .sports-bucket blockquote {color: #0066ff}

/* =headings */

h1,
h2,
h3,
h4,
h5,
h6 {color: #ff0000; margin: .2em 0 .4em; font-weight: bold; line-height: 1.2em}

h1 a:link, h1 a:visited, 
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited {text-decoration: none}

h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus,
h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus,
h6 a:hover, h6 a:active, h6 a:focus {text-decoration: underline}

h1 {font-size: 1.5em}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h6 {font-size: 1em}

.home h1, .sports-bucket h1,  
.home h2, .sports-bucket h2,
.home h3, .sports-bucket h3,
.home h4, .sports-bucket h4,
.home h5, .sports-bucket h5,
.home h6, .sports-bucket h6 {color: #0066ff}

.home a, .home a:visited,
.sports-bucket a, .sports-bucket a:visited {color: #0066ff}

.heading-image {font-size: .95em; position: relative}
	.heading-image span {position: absolute}
		.heading-image a span {cursor: pointer}

.logo span {width: 201px; height: 64px; background: transparent url(/images/styles/logo-alpha.gif) 0 0 no-repeat}

/* =form */

legend {display: none}

button,
input.button {display: block; border: none; background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; color: #fff; font-weight: bold; font-size: 1.15em; text-transform: uppercase; font-family: verdana; padding: 1px 5px; margin-top: 5px}

label {font-weight: bold; margin: .4em 0 .2em}
label.error {color: #ff0000; display: block; margin: 0 0 1em}
.field {margin: .2em 0 .6em; width: 316px}
form .catch {display: none}

/* =layout */

#skip {display: none}

#site {width: 1000px; margin: 0 auto}

#header {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; height: 100px; border-bottom: 1px solid #fff}
	#header .logo {float: left; padding: 16px 15px; margin: 0}
	#header .logo a:link, #header .logo a:visited, #header .logo a:hover, #header .logo a:active, #header .logo a:focus {color: #000}
	
#navigation {font-size: 1.3em; background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; margin-bottom: 1em; height: 39px}
	#navigation ol {margin: 0; list-style: none}
	#navigation li {float: left}
	#navigation a {float: left; display: block; color: #000; width: 167px; position: relative}
		#navigation a span {position: absolute; cursor: pointer; display: block; top: 0; left: 0; width: 167px; height: 39px; background: transparent url(/images/styles/navigation-items.gif) 0 0 no-repeat}
			
			#navigation .the-mag a span {background-position: 0 0}
			body.the-mag #navigation .the-mag a span, #navigation .the-mag a:hover span, #navigation .the-mag a:active span, #navigation .the-mag a:focus span {background-position: 0 -39px}
			
			#navigation .features a span {background-position: -167px 0}
			body.features #navigation .features a span, #navigation .features a:hover span, #navigation .features a:active span, #navigation .features a:focus span,
			body.top-10 #navigation .features a span {background-position: -167px -39px}
			
			#navigation .alpha-female a span {background-position: -334px 0}
			body.alpha-female #navigation .alpha-female a span, #navigation  a:hover span, #navigation  a:active span, #navigation a:focus span {background-position: -334px -39px}
			
			#navigation .tee-off a span {background-position: -501px 0}
			body.tee-off #navigation .tee-off a span, #navigation .tee-off a:hover span, #navigation .tee-off a:active span, #navigation .tee-off a:focus span {background-position: -501px -39px}
			
			#navigation .comps a {width: 166px}
			#navigation .comps a span {background-position: -668px 0; width: 166px}
			body.comps #navigation .comps a span, #navigation .comps a:hover span, #navigation .comps a:active span, #navigation .comps a:focus span {background-position: -668px -39px}
			
			#navigation .subscribe a {width: 160px} 
			#navigation .subscribe a span {background-position: -834px 0; width: 166px}
			body.subscribe #navigation .subscribe a span, #navigation .subscribe a:hover span, #navigation .subscribe a:active span, #navigation .subscribe a:focus span {background-position: -834px -39px}

#content-1 {width: 316px; float: left; margin: 0 9px}
#content-2 {width: 316px; float: left; margin: 0 0 0 9px}
#content-3 {width: 316px; float: right; margin: 0 9px}

body.the-mag #content-2,
body.alpha-female #content-2,
body.features #content-2,
body.terms #content-2,
body.user-message #content-2 {width: 650px}

body.story #content-2 {width: 316px}

#site-info {clear: both; padding: 15px 9px}
	#site-info p {float: left}
	#site-info ol {float: right}
	#site-info li {display: inline}
		#site-info li a {color: #000; padding: 0 5px}

/* =adkit */

.adkit-leaderboard {float: right; margin: 5px 5px 0 0}
.adkit-halfpage {width: 300px; margin: 0 auto}

#content-3 .adkit {margin-bottom: 10px}

/* =banner-is-fixed */

.banner-is-fixed .module-content {position: fixed; top: 0; z-index: 1000}

/* =modules */

.module {margin-bottom: 1em}
.module-header {}
	.module-header .heading {margin-bottom: .8em}
.module-content {}

#content-1 .module-header {}
	#content-1 .module-header .heading {margin-top: 0; padding: 0 17px; height: 20px}

/* =icon */

.icon {display: block; text-indent: -9999em; width: 16px; height: 16px; background: transparent none 0 0 no-repeat}
.icon-facebook {background-image: url(/images/styles/icons/facebook.gif)}
.icon-myspace {background-image: url(/images/styles/icons/myspace.gif)}
.icon-reddit {background-image: url(/images/styles/icons/reddit.gif)}
.icon-twitter {background-image: url(/images/styles/icons/twitter.gif)}
.icon-digg {background-image: url(/images/styles/icons/digg.gif)}

/* =module-actions */

.module-actions {overflow: hidden}
	.module-actions dl {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; overflow: hidden; padding: 2px 0; width: 190px; letter-spacing: .02em; float: right; line-height: 1.3}
	.module-actions dt {color: #fff; float: left; margin: 0; padding: 0 11px 0 7px}
	.module-actions dd {float: left; margin: 0 2px 0 1px}
.module-actions-bottom {margin-top: 10px}

/* =media */

.media {float: left; margin: 0 15px 10px 0}
	.media img {display: block}
.media-video {width: 316px; height: 253px; float: none}

/* =story-listing */
/* =story-block */

.story-listing .first {padding-top: 0; border-top: none}
	.story-listing .module-header .heading {border-bottom: 1px solid #999; font-size: 1.8em; padding-bottom: .3em; margin-bottom: .3em}

.story-block {padding: 10px 0; border-top: 1px solid #999; overflow: hidden}
	.story-block .heading {font-size: 1.5em; margin-bottom: .3em}
.story-thumbnail {float: left; margin: 5px 12px 5px 0}
.standfirst p {margin-bottom: .3em}
.article-info {font-size: .9em; margin-bottom: .5em}

.module a.comment {color: #000; text-decoration: none}
.module a.comment:hover, .module a.comment:active, .module a.comment:focus {text-decoration: underline}

.category {clear: both; margin-bottom: .3em}
	.module a.archive-link,
	.module a.category-link {color: #000; text-transform: uppercase; padding-left: 15px; background: transparent url(/images/styles/bullet-square-blue.gif) 0 3px no-repeat; font-weight: bold; text-decoration: none}
	.module a.archive-link:hover, .module a.archive-link:active, .module a.archive-link:focus,
	.module a.category-link:hover, .module a.category-link:active, .module a.category-link:focus {color: #000; text-decoration: underline}

/* =pagination */

.pagination {clear: both; margin: 10px 0}
	.pagination b,
	.pagination a {padding: 4px 6px; border: 1px solid #ff0000; color: #ff0000; font-weight: bold; text-decoration: none}
	.pagination b,
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {background-color: #ff0000; color: #fff}

.home .pagination b, .sports-bucket .pagination b,
.home .pagination a, .sports-bucket .pagination a {color: #0066ff; border-color: #0066ff}
.home .pagination b, .sports-bucket .pagination b,
.home .pagination a:hover, .sports-bucket .pagination a:hover,
.home .pagination a:active, .sports-bucket .pagination a:active,
.home .pagination a:focus, .sports-bucket .pagination a:focus {background-color: #0066ff; color: #fff} 

/* =current-issue */

.current-issue .heading {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat}
	.current-issue .heading a, 
	.current-issue .heading a:link, 
	.current-issue .heading a:visited, 
	.current-issue .heading a:hover, 
	.current-issue .heading a:active, 
	.current-issue .heading a:focus {color: #000}
	.current-issue .heading a {color: #000}
	.current-issue .heading span {top: 3px; background: transparent url(/images/styles/heading-this-month.gif) 0 0 no-repeat; width: 101px; height: 13px}
.current-issue .module-content {overflow: hidden}
.current-issue img {float: left; margin-right: 10px}

/* =poll */

.poll .heading {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; color: #000}
	.poll .heading span {top: 3px; background: transparent url(/images/styles/heading-poll.gif) 0 0 no-repeat; width: 38px; height: 14px}
	.poll label {font-weight: normal}
	.poll input {float: left}
	.poll input.button {display: block; float: none; margin: 0 20px 0 auto}
	.poll fieldset div {margin-bottom: .5em}
		.poll fieldset div div {margin-left: 25px}
	.poll .hiddenFields {display: none}
	.poll .poll-bar-image {display: block}
	.poll .poll-question,
	.poll .poll-selected-answer {font-weight: bold}
	.poll .poll-result-answer,
	.poll .poll-total-votes,
	.poll .poll-selected-answer {clear: both; overflow: hidden}
	.poll .poll-result-answer span,
	.poll .poll-selected-answer span {float: left; margin-top: 2px}
	.poll .poll-result-answer .poll-bar-image,
	.poll .poll-selected-answer .poll-bar-image {float: left; margin-top: 6px}

/* =rss */

.rss .heading {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; height: 20px; margin-top: 0; padding: 0 17px}
	.rss .heading-image a {color: #000}
.rss ol {margin-left: 10px}
.rss li a {color: #000; padding-left: 15px; background: transparent url(/images/styles/bullet-square-blue.gif) 0 3px no-repeat}
.rss li a:visited {color: #000}

/* =rss-foxsports */

.rss-foxsports .heading-image span {top: 2px; background: transparent url(/images/styles/heading-fox-sports.gif) 0 0 no-repeat; width: 75px; height: 15px}

/* =rss-news */

.rss-news { margin-bottom: 2em }
	.rss-news .heading-image span {top: 1px; background: transparent url(/images/styles/heading-newscomau.gif) 0 0 no-repeat; width: 120px; height: 18px}

/* =category-listing */

.category-listing .heading {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; color: #000; height: 20px; margin-top: 0; padding: 0 17px}
	.category-listing .heading-image span {top: 2px; background: transparent url(/images/styles/heading-categories.gif) 0 0 no-repeat; width: 97px; height: 14px; top: 3px}
.category-listing ol {margin-left: 10px}
.category-listing li a {color: #000; padding-left: 15px; background: transparent url(/images/styles/bullet-square-blue.gif) 0 3px no-repeat}
.category-listing li a:visited {color: #000}

/* =article */

.article .heading {font-size: 1.6em; margin-bottom: .6em}
.article .media {float: none; margin-right: 0}
.overline {font-size: 1.2em}
.sub-articles {clear: both}
	.sub-articles ul {margin: 0; overflow: hidden}
	.sub-articles li {float: left; margin-right: 0; width: 316px; padding-left: 0}
	.sub-articles li.first {margin-right: 16px}

/* =blogger-summary */

.blogger-summary .heading {color: #fff}
.blogger-summary .media {float: none; margin: 0}
.blogger-summary .heading-image {margin-left: 110px; padding-top: 32px}
.blogger-summary .heading-image span {width: 202px; height: 96px}
.blogger-summary blockquote {color: #000}

/* =the-list */

.the-list {background: #009900 url(/images/styles/bg-diagonal-green.gif) 0 0 repeat}
		.the-list .heading-image {padding: 0 0 0 11px; margin: 0; float: left; width: 125px; height: 99px; color: #ffff00}
			.the-list .heading-image span {width: 116px; height: 99px; background: transparent url(/images/styles/heading-the-list.gif) 0 0 no-repeat; top: 0}
	.the-list .module-content {height: 99px}
	.the-list ol {margin: 0; padding-top: 4px; height: 95px}
	.the-list li {float: left; width: 168px; margin-bottom: .5em}
		.the-list li .heading {padding: 0 0 0 11px; margin: 0; font-size: 1.25em}
			.the-list li .heading a {color: #ffff00}
	
/* =gallery-listing */

.gallery-listing ul {margin-left: 0}
.gallery-listing li {width: 310px; padding-left: 0; float: left; margin: 0 15px 10px 0; min-height: 215px} 

/* =photo-gallery */

.photo-gallery .module-header {overflow: auto; line-height: 2em}
.photo-gallery .module-header p {float: right; margin-bottom: 0; line-height: 2.5em}
.photo-gallery .module-content #gallery-thumbnails {overflow: hidden; margin-left: 0; background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat}
.photo-gallery .module-content #gallery-thumbnails li {display: block; float: left; margin: 1em; padding: 0; width: 92px; height: 68px}
	.photo-gallery .module-content #gallery-thumbnails li a {outline: none; display: block; width: 92px; height: 70px; background-color: #000; text-align: center}
	.photo-gallery .module-content #gallery-thumbnails li a.active,
	.photo-gallery .module-content #gallery-thumbnails li a:hover {background-color: #ffff00}
	.photo-gallery .module-content #gallery-thumbnails li img {border: none; padding: 1px}
		.photo-gallery .module-content .gallery-preview div.gallery-caption {position: absolute; width: 100px; bottom: 0; background: transparent url(/images/styles/gallery/caption-bg.png) 0 0 repeat-y; width: 650px; display: none; z-index: 8}
			.photo-gallery .module-content .gallery-preview div.gallery-caption p {margin: 0; padding: 10px; color: #fff}
	.photo-gallery .module-content div.gallery-description {background: #fff; clear: both}
		.photo-gallery .module-content div.gallery-description p.article-info {float: left; padding: 0.2em 6px 0 0}
			.photo-gallery .module-content div.gallery-description p.article-info em {padding-right: 8px} 

/* =comments */

.comments .heading {font-size: 1.5em; padding-bottom: .4em; border-bottom: 1px solid #999}
.comments ol {}
.comments li {margin-bottom: .3em}
	.comments li div {position: relative; left: -32px; font-weight: bold; font-size: 1.1em}
		.comments li div p {margin-bottom: .3em} 

/* =alpha-female */

.alpha-female .module-header .heading {border-bottom: 1px solid #999; font-size: 1.8em; padding-bottom: .3em; margin-bottom: .3em}

/* =the-mag */

.the-mag .article .content-item {margin-left: 330px}
.the-mag .article .media {float: left; margin: 0 20px 20px 0}
.the-mag .article .sub-articles {margin-left: 0}
	.the-mag .sub-articles li .content-item {margin-left: 175px}
	.the-mag  .sub-articles .media {margin: 0 10px 10px 0}
	
/* =features */

.features .story-block {border-top: none; border-bottom: 1px solid #999; float: left; width: 310px; margin: 0 15px 10px 0; min-height: 225px}

/* =top-10 */

.top-10 .module-content .heading {margin-top: 1.6em}

/* =toughest */

.group-toughest .item {background-color: #000000; overflow: hidden; margin: 4px 0 0 0; padding: 0}
	.module-toughest {position: relative; width: 79px; padding: 80px 0 0 0; float: left; margin: 0}
		.module-toughest .media {position: absolute; top: 0; left: 0}
		.module-toughest h2.heading, .module-toughest h3.heading {font-size: 0.8em; text-transform: uppercase; text-align: center; margin: 0 0 1px 0}
		.module-toughest h3.heading {color: #778899}
		.module-toughest h2.heading {color: #ffff00; font-weight: bold}
		.module-toughest p {font-size: 0.8em; color: white; text-align: center; padding: 3px 3px 0 3px; line-height: 1.1em}
	.item .top-five {position: relative; width: 158px; padding: 160px 0 0 0; float: left}
	.item .top-one {position: relative; width: 316px; padding: 320px 0 0 0; float: left}
	
	.module-advertisement {margin: 0px}
		.module-advertisement .media {float: none; clear: both; margin: 0px}
		
/* =greatest */

ul.greatest-criteria strong {font-weight: bold}

#module-greatest-title {margin: 0px}
#module-greatest-title img {display: block}

.group-greatest .item {background-color: #000000; overflow: hidden; margin: 4px 0 0 0; padding: 0}
	.module-greatest {position: relative; width: 79px; padding: 80px 0 0 0; float: left; margin: 0}
		.module-greatest .media {position: absolute; top: 0; left: 0}
		.module-greatest h2.heading, .module-greatest h3.heading {font-size: 0.8em; text-transform: uppercase; text-align: center; margin: 0 0 1px 0}
		.module-greatest h3.heading {color: #778899}
		.module-greatest h2.heading {color: #ffff00; font-weight: bold}
		.module-greatest p {font-size: 0.8em; color: white; text-align: center; padding: 3px 3px 0 3px; line-height: 1.1em}
	.item .top-five {position: relative; width: 158px; padding: 160px 0 0 0; float: left}
	.item .top-one {position: relative; width: 316px; padding: 320px 0 0 0; float: left}
	
	.module-advertisement {margin: 0px}
		.module-advertisement .media {float: none; clear: both; margin: 0px}
		
		
/* =big-drive */

.module-big-drive {height: 50px; background: transparent url(/images/styles/title-hummer.jpg) 0 0 repeat}
	.module-big-drive h1 {display: none}

.adkit-leaderboard-big-drive {height: 90px; width: 728px; /*background: transparent url(/images/styles/leaderboard-hummer.jpg) 0 0 repeat*/}
.adkit-medrec-big-drive {height: 250px; width: 300px; margin: 0 auto; /*background: transparent url(/images/styles/medrec-hummer.jpg) 0 0 repeat*/}

/* =competitions */
.comps p.success {color: green}

/* =newsletter-subscriptions */
.alpha-newsletter {background-color: #d9d9d9; border: 1px solid black}
	.alpha-newsletter .heading {background: transparent url(/images/styles/bg-diagonal-black.gif) 0 0 repeat; color: #000}
		.alpha-newsletter .heading-image span {top: 3px; background: transparent url(/images/styles/heading-subscribe.gif) 0 0 no-repeat; width: 226px; height: 15px}
		
		.alpha-newsletter form input {margin-left: 8px; padding: 0px}
		.alpha-newsletter form .email {margin-right: 8px; margin-top: 0px; width: 292px; clear: both}
		.alpha-newsletter form .name, .alpha-newsletter form .postcode {float: left; width: 139px; margin-top: 5px}
		.alpha-newsletter form button {margin-right: 8px; margin-bottom: 5px; float: right}

	.alpha-newsletter .module-footer {clear: both}
	
	.alpha-newsletter label.error {margin-bottom: 0px; margin-left: 8px}
	
	.alpha-newsletter p {text-align: center}
	
	.alpha-newsletter #subscription-message-box p {text-align: left}
	.alpha-newsletter #subscription-message-box label {line-height: 1em}