/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #444;
}

body {
	background: #eee;
	font-size: .8125em;
	line-height: 1.5;
	font-family: 'Helvetica Neue',Helvetica,sans-serif;
}

/*
 * Links
 */

a:link,
a:visited {
	color: #385dad;
}

a:hover,
a:active {
	color: #000;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/*
 * "box-sizing" fix for proper box model
 */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * Columns
 */

[class*='column-'] {
	float: left;
}

/* ==========================================================================
   Basic typography
   ========================================================================== */

/*
 * Webfonts
 */

@font-face {
	font-family: 'RobotoCondensed';
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-Condensed-webfont.eot');
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-Condensed-webfont.woff') format('woff'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-Condensed-webfont.ttf') format('truetype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'RobotoCondensedItalic';
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-CondensedItalic-webfont.eot');
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'RobotoBoldCondensed';
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensed-webfont.eot');
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'RobotoBoldCondensedItalic';
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensedItalic-webfont.eot');
	src: url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
		 url('https://footballguys.com/2013templates/webfonts/roboto/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

/*
 * Headlines
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
	line-height: 1;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	color: #284586;
}

h4 {
	font-size: 1.125em;
}

h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black {
	color: #222;
}

h1.green,
h2.green,
h3.green,
h4.green,
h5.green,
h6.green {
	color: #008c23;
}

/*
 * Baseline margins, padding
 */

p,
ul,
ol,
dl,
blockquote {
	margin-top: 0;
	margin-bottom: 1em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

/*
 * Additional text styles
 */

p.larger {
	font-size: 1.5em;
}

p.large {
	font-size: 1.25em;
}

p.dark {
	color: #222;
}

p.darker {
	color: #000;
}

p.light {
	color: #888;
}

p.lighter {
	color: #bbb;
}

p.lightest {
	color: #fff;
}


/*
 * Pullquotes
 */

.pullquote {
	width: 200px;
}

.pullquote p {
	margin: 1em 0 0;
}

.pullquote p:first-child {
	margin: 0;
}

.pullquote.float-left {
	border-right: 3px solid #bbb;
	padding-right: 20px;
}

.pullquote.float-right {
	border-left: 3px solid #bbb;
	padding-left: 20px;
}

/*
 * Lists
 */

ul,
ol {
	padding: 0 3em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1em;
}

/* Nav lists, used for menus */

ul.nav,
ol.nav,
dl.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.nav li,
ol.nav li {
	float: left;
}

/* Arrowed lists */

ul.arrows,
ol.arrows {
	margin: 0 0 1em;
	padding: 0 3em;
	list-style: none;
}

ul.arrows.no-indent,
ol.arrows.no-indent {
	padding: 0;
}

ul.arrows li,
ol.arrows li {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-li-arrow.png) 0 4px no-repeat;
	padding: 0 0 0 14px;
}

/* Plain lists */

ul.plain,
ol.plain {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
}

/* Article lists */

ul.articles,
ol.articles {
	margin-bottom: 3em;
}

ul.articles li,
ol.articles li {
	margin-top: .5em;
}

ul.articles a:link,
ul.articles a:visited,
ol.articles a:link,
ol.articles a:visited {
	color: #444;
}

ul.articles a:hover,
ul.articles a:active,
ol.articles a:hover,
ol.articles a:active {
	color: #000;
}

/* ==========================================================================
   Search forms, baseline styles
   ========================================================================== */

form.search .keywords {
	width: 216px;
	height: 34px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-search.png) 0 0 no-repeat;
	padding: 0 12px;
	font-size: 12px;
}

form.search .keywords:focus {
	border: none;
	outline: none;
}

/* ==========================================================================
   Tabs, baseline styles
   ========================================================================== */

.tab-controls {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab-controls li {
	float: left;
}

/* ==========================================================================
   Tables, baseline styles
   ========================================================================== */

table {
	width: 100%;
	margin: 0 0 2em;
	font-size: .9em;
}

table thead th {
	padding: 8px;
	text-transform: uppercase;
	text-align: left;
}

table tbody td {
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

table tbody tr:first-child td {
	border-top: 1px solid #ccc;
}

/*
 * Table wrapper for really wide tables, smaller displays
 */

.table-wrapper {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 2em;
}

.table-wrapper-outer {
	position: relative;
}

.table-wrapper-fade {
	position: absolute;
	right: 0;
	width: 15px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	z-index: 100;

}

.table-wrapper table {
	margin: 0;
}

.table-wrapper::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-wrapper::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0,0,0,.3);
}

/* ==========================================================================
   Forms, baseline styles
   ========================================================================== */

/*
 * General form field settings
 */

input,
select,
textarea {
	display: inline-block;
}

/*
 * Form rows
 */

.form-row {
	padding: 1em 0;
	border-top: 1px solid #ccc;
}

.form-row:first-child {
	padding-top: 0;
	border: 0;
}

.form-row .label {
	float: left;
	width: 140px;
	font-weight: bold;
}

.form-row .control {
	margin: 0 0 0 160px;
}

/*
 * Form footer
 */

.form-footer {
	background: #eee;
	padding: 12px;
	border-top: 1px solid #ccc;
}

/*
 * Checkboxes, Radio Buttons
 */

.checkbox_list,
.radio_list {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

.checkbox_list li,
.radio_list li {
	margin: .5em 0 0;
}

.checkbox_list li:first-child,
.radio_list li:first-child {
	margin: 0;
}

.checkbox_list li input,
.radio_list li input {
	vertical-align: baseline;
}

/*
 * Textareas
 */

textarea {
	width: 100%;
	height: 6em;
}

/* ==========================================================================
   Page header
   ========================================================================== */

#page-header {
	width: 1020px;
	height: 88px;
	margin: 0 auto;
}

/*
 * Logo
 */

#page-header-logo {
	float: left;
	width: 313px;
	height: 88px;
	background: #2b4785;
	padding: 3px 0 0;
}

#page-header-logo img {
	display: block;
	margin: 0 auto;
}

/*
 * Meta
 */

#page-header-meta {
	width: 707px;
	height: 54px;
	margin: 0 0 0 313px;
	background: #385dad;
}

/*
 * Member Login
 */

#member-login {
	float: left;
	width: 320px;
	padding: 9px 12px;
}

#member-login input {
	vertical-align: middle;
}

#member-login .username,
#member-login .password {
	width: 115px;
	height: 34px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-login-input.png) 0 0 no-repeat;
	padding: 0 12px;
	font-size: 12px;
}

#member-login .submit {
	width: 53px;
	height: 34px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-login-btn.png) 0 0 no-repeat;
	padding: 0;
	text-indent: -9999px;
	font-size: 0;
}

#member-login input:focus {
	border: none;
	outline: none;
}

/*
 * Currently logged in member
 */

#logged-in {
	float: left;
	width: 320px;
	padding: 12px 12px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1;
}

#logged-in a:link,
#logged-in a:visited {
	color: #e8edfa;
}

#logged-in a:hover,
#logged-in a:active {
	color: #fff;
}

#logged-in-avatar {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}

#logged-in-avatar img {
	border-radius: 4px;
	box-shadow: 0 0 0 2px #e8edfa;
}

#logged-in-greeting {
	width: 245px;
	margin: 1px 0 5px 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#logged-in-options {
	margin: 0 0 0 45px;
}

#logged-in-options ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#logged-in-options ul li {
	display: inline;
}

#logged-in-options ul li:before {
	content: '\2022\00A0';
}

#logged-in-options ul li:first-child:before {
	content: '';
}

/*
 * Social links
 */

#social-links {
	float: left;
	width: 150px;
	height: 54px;
	padding: 17px 0 0;
	text-align: center;
}

#social-links .genericon {
	font-size: 20px;
}

#social-links a:link,
#social-links a:visited {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 4px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#social-links a:first-child {
	margin: 0;
}

/*
 * Search
 */

#page-header-meta .search {
	float: right;
	padding: 10px 12px 0 0;
}

/* Menu
   ========================================================================== */

#page-header-menu {
	width: 707px;
	height: 34px;
	margin: 0 0 0 313px;
	background: #e8edfa;
	font: normal 13px/34px 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
}

#page-header-menu > ul {
	text-align: center;
}

#page-header-menu li.top {
	float: none;
	display: inline-block;
	*display: inline;
	height: 34px;
	margin: 0 0 0 -4px;
}

#page-header-menu li.top {
	position: relative;
	z-index: 2000;
}

#page-header-menu li.myfbg {
	text-transform: none;
}

#page-header-menu li.top > a:link,
#page-header-menu li.top > a:visited {
	display: block;
	height: 34px;
	padding: 0 10px;
	text-decoration: none;
	color: #364765;
	text-rendering: optimizeLegibility;
}

#page-header-menu li.top > a:hover,
#page-header-menu li.top > a:active,
#page-header-menu li.top:hover > a {
	color: #000;
}

/*
 * Menu, dropdowns, baseline styles
 */

#page-header-menu .dropdown {
	position: absolute;
	left: 0;
	top: -9999em;
	width: 300px;
	background: #ffffeb;
	border-radius: 4px;
	box-shadow: 0 0 0 5px rgba(0,0,0,.25);
	z-index: 1000;
	text-align: left;
}

#page-header-menu .dropdown.align-right {
	left: auto;
	right: 0;
}

#page-header-menu .dropdown h4 {
	margin: 0;
	background: #ffe669;
	padding: 9px 18px 6px;
	font-size: 1em;
	text-decoration: none;
	color: #444;
}

#page-header-menu .dropdown h4:first-child {
	border-radius: 4px 4px 0 0;
}

#page-header-menu .dropdown a:link,
#page-header-menu .dropdown a:visited {
	display: inline;
	height: auto;
	color: #666;
	text-decoration: none;
}

#page-header-menu .dropdown a:hover,
#page-header-menu .dropdown a:active {
	color: #000;
}

#page-header-menu .dropdown .clearfix {
	padding: 12px 10px;
}

/* Dropdown link lists, defaults for displaying two columns per section */

#page-header-menu .dropdown ul {
	float: left;
	width: 135px;
	margin: 0 0 0 10px;
	padding: 0;
	font: normal .9em/1.25 'Helvetica Neue',sans-serif;
	text-transform: none;
}

#page-header-menu .dropdown .clearfix ul:first-child {
	margin: 0;
}

#page-header-menu .dropdown ul li {
	float: none;
	position: relative;
	margin: 0 16px 6px 0;
	text-transform: none;
	padding: 0 0 0 8px;
}

#page-header-menu .dropdown ul li:last-child {
	margin-bottom: 0;
}

#page-header-menu .dropdown ul li:before {
	position: absolute;
	content: '\2022';
	top: 0;
	left: 0;
}

/* Dropdown link lists, if dropdown section only contains one column */

#page-header-menu .dropdown ul.expand {
	width: auto;
}

/* Active dropdown */

#page-header-menu li.top.active .dropdown {
	top: 34px;
}

/* ==========================================================================
   Reusable Widget Defaults
   ========================================================================== */

/* 'Free Downloads'
   ========================================================================== */

.free-downloads {
	width: 240px;
	height: 142px;
	margin: 0 0 1em;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-free-downloads.png) 0 0 no-repeat;
	font-weight: normal;
	line-height: 1;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
}

.free-downloads h4 {
	height: 37px;
	margin: 0 0 1em;
	text-align: center;
	font-size: 1em;
	line-height: 37px;
	color: #324159;
}

.free-downloads ol {
	margin: 0;
	padding: 0 25px 0 45px;
	font-size: 1em;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	color: #324159;
}

.free-downloads li {
	margin: .45em 0 0;
}

.free-downloads li:first-child {
	margin: 0;
}

/* Registration Form
   ========================================================================== */

.registration {
	text-transform: uppercase;
}

.registration .footer {
	font-size: .8125em;
}

.registration h4 {
	margin: 0;
	font-weight: normal;
}

.registration input {
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0;
}

.registration .email {
	width: 302px;
	height: 44px;
	margin-right: 5px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-promo-input.png) 0 0 no-repeat;
	padding: 15px;
}

.registration .submit {
	width: 172px;
	height: 46px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/btn-send-now-lrg.png) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 0;
}

.registration .submit:focus {
	border: none;
	outline: none;
}

/* ==========================================================================
   Page contents
   ========================================================================== */

#page-contents {
	width: 1020px;
	margin: 0 auto;
	background: #fff;
	padding: 30px;
}

/*
 * Main content
 */

#page-main-content {
	float: right;
	width: 720px;
}

/* Side content
   ========================================================================== */

#page-main-side-content {
	width: 210px;
	font-size: .9em;
}

#page-main-side-content ul.arrows {
	padding: 0;
}

#page-main-side-content .section {
	margin: 0 0 1em;
}

#page-main-side-content h4 {
	margin: 0 0 5px;
	background: #385dad;
	padding: 7px 9px 6px;
	font-size: 1.167em;
	color: #fff;
}

#page-main-side-content .section select {
	width: 100%;
}

#page-main-side-content li {
	background-position: 0 6px;
}

#page-main-side-content a:link,
#page-main-side-content a:visited {
	display: block;
	border-bottom: 1px solid #ededed;
	padding: 3px 6px;
	color: #333;
	text-decoration: none;
}

#page-main-side-content a:hover,
#page-main-side-content a:active {
	color: #000;
}

/*
 * The Latest
 */

 #the-latest {
	max-height: 425px;
	overflow-y: scroll;
}

#the-latest .section {
	max-height: 425px;
	overflow-y: scroll;
}

/*
 * Most Popular/Latest, tabs
 */

#most-popular-latest .tab-controls {
	width: 190px;
	height: 29px;
	margin: 0 0 9px;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-recommended-latest-tabs.png) 0 0 no-repeat;
}

#most-popular-latest .tab-controls.alt {
	background-position: -190px 0;
}

#most-popular-latest .tab-controls li {
	height: 24px;
	background: none;
}

#most-popular-latest .tab-controls a {
	display: block;
	height: 24px;
	border: 0;
	font: normal 1em/24px 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

#most-popular-latest .tab-controls li.most-popular {
	width: 114px;
}

#most-popular-latest .tab-controls li.latest {
	width: 76px;
}

/* Scrollable sub-option list */

#most-popular-latest .tab-content {
	max-height: 500px;
	overflow-y: scroll;
}

#most-popular-latest .tab-content ul {
	margin: 0;
}

/* <li> sub-options, baseline styles */

#most-popular-latest li .content {
	display: none;
	background: #e8edf9;
	font-size: .9em;
	line-height: 1.2;
	padding: 3px 0 9px 3px;
}

#most-popular-latest li .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#most-popular-latest li .content li {
	background: none;
	padding: 0 0 0 10px;
}

#most-popular-latest li .content li:before {
	float: left;
	content: '\2022';
	margin: 3px 0 0 -6px;
}

#most-popular-latest li .content li a {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
}

#most-popular-latest li .content a:hover,
#most-popular-latest li .content a:active {
	text-decoration: underline;
}

#most-popular-latest li:last-child a:link,
#most-popular-latest li:last-child a:visited,
#most-popular-latest li .content li:last-child a {
	border-bottom: 0;
}

/* <li> sub-options, inline style */

#most-popular-latest li .content .inline {
	display: inline-block;
	margin: 0 6px 0 0;
}

#most-popular-latest li .content .inline li {
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 2px 0 2px 10px;
}

#most-popular-latest li .content .inline li:before {
	float: none;
	padding: 0 9px 0 0;
}

#most-popular-latest li .content .inline li a {
	display: inline;
	border: 0;
	padding: 0;
}

/* If side content <li> is expanded to display sub-options */

#most-popular-latest li.open {
	background: none;
	margin: 0 0 0 -2px;
	padding-top: 4px;
}

#most-popular-latest li.open a:link,
#most-popular-latest li.open a:visited {
	display: inline-block;
	border-bottom: 0;
	background: #e8edf9;
	padding: 3px 6px;
	color: #000;
}

#most-popular-latest li.open .content {
	display: block;
}

/*
 * Ads
 */

#page-main-side-content .banner {
	width: 190px;
	margin: 0 auto 1em;
}

#page-main-side-content .banner a:link,
#page-main-side-content .banner a:visited {
	display: block;
	border: 0;
	padding: 0;
}

/* ==========================================================================
   MyFBG promo
   ========================================================================== */

.myfbg-promo {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	border-top: 8px solid #fff;
	padding: 26px 24px;
}

.myfbg-promo [class*='column-'] {
	text-align: center;
}

.myfbg-promo .column-l {
	margin: 0 23px 0 0;
}

.myfbg-promo img {
	display: block;
	border: 0;
}

.myfbg-promo .free {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 78px;
	height: 65px;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/100-free.png ) 0 0 no-repeat;
}

/* ==========================================================================
   'Win your league' homepage promo
   ========================================================================== */

#win-your-league-promo {
	position: relative;
	width: 1020px;
	height: 399px;
	margin: 0 auto;
	border-top: 8px solid #fff;
	padding: 15px 0 0 460px;
	color: #fff;
}

#win-your-league-promo.bg1 {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-promo.jpg) 0 0 no-repeat;
	background-position: 0 -391px;
}

#win-your-league-promo.bg2 {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-promo.jpg) 0 0 no-repeat;
	background-position: 0 -782px;
}

#win-your-league-promo.bg3 {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-promo.jpg) 0 0 no-repeat;
	background-position: 0 -1173px;
}

#win-your-league-promo.bg4 {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-promo.jpg) 0 0 no-repeat;
	background-position: 0 -1564px;
}

#win-your-league-promo h1 {
	margin: 0;
	font-size: 4.25em;
	line-height: 1;
	color: #fff;
}

#win-your-league-promo h2 {
	margin: 0 0 1em;
	padding: 0 0 0 1.75em;
	color: #ffea7a;
	line-height: 1;
	font-size: 2em;
	text-shadow: 0 0 3px rgba(32,54,124,1);
}

/*
 * Content
 */

#win-your-league-promo .content {
	margin: 0 20px 1em 0;
	padding: 0 30px 0 10px;
	font-size: 1em;
}

#win-your-league-promo .content h3 {
	margin: 0 0 .5em;
	color: #ffea7a;
	font-size: 1.15em;
}

#win-your-league-promo .content p {
	margin: 0 0 .5em;
}

#win-your-league-promo .content ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-family: 'RobotoCondensed','Helvetica Neue',sans-serif;
	font-size: 1.15em;
}

#win-your-league-promo .content ul li:before {
	position: relative;
	padding-right: .4rem;
	color: #ffea7a;
	content: '\2022';
}

#win-your-league-promo .video-from-founder {
	margin-top: 1em;
}

#win-your-league-promo .video-from-founder img {
	display: block;
	border: 0;
}

/*
 * Free
 */

#win-your-league-promo .free {
	position: absolute;
	top: 0;
	right: 0;
	width: 76px;
	height: 62px;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/free-sticker.png) 0 0 no-repeat;
}

/* ==========================================================================
   Homepage promo marquee image
   ========================================================================== */

body.home.marquee #marquee-promo {
	width: 1020px;
	height: 383px;
	margin: 0 auto;
	border-top: 8px solid #fff;
}

/*
 * Content
 */

#win-your-league-promo .content {
	margin: 0 20px 1em 0;
	padding: 0 30px 0 10px;
	font-size: 1em;
}

#win-your-league-promo .content p {
	margin: 0 0 .5em;
}

#win-your-league-promo .video-from-founder {
	margin-top: 1em;
}

#win-your-league-promo .video-from-founder img {
	display: block;
	border: 0;
}

/*
 * Free Downloads
 */

#win-your-league-promo .free-downloads {
	margin: 0;
}

/*
 * Email registration form
 */

#win-your-league-promo .registration {
	padding: 0 0 0 10px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(32,54,124,1);
}

#win-your-league-promo .registration .header h4 {
	font-size: .9em;
	color: #fff;
}

#win-your-league-promo .registration .footer {
	font-size: .8125em;
}

#win-your-league-promo .registration a:link,
#win-your-league-promo .registration a:visited {
	color: #fff;
}

#win-your-league-promo .registration .submit {
	width: 212px;
	background-image: url(https://cdn.footballguys.com/site/2013/img/btn-join-now-free.png);
}

/* ==========================================================================
   'Win your league' widget
   ========================================================================== */

.win-your-league {
	height: 111px;
	margin: 0 0 1em;
	text-transform: uppercase;
	color: #fff;
}

.win-your-league .column-l {
	width: 370px;
}

.win-your-league .column-r {
	width: 340px;
	padding: 13px 0 0;
}

.win-your-league a:link,
.win-your-league a:visited {
	color: #fff;
}

.win-your-league h2 {
	float: left;
	margin: 0;
	width: 370px;
	height: 111px;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/title-win-your-league.png) center center no-repeat;
}

.win-your-league h3 {
	margin: 0;
	font-size: 1em;
	color: #fff;
}

.win-your-league input {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 5px 0;
}

.win-your-league .email {
	width: 222px;
	height: 44px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-input.png) 0 0 no-repeat;
	padding: 0 12px;
}

.win-your-league .submit {
	width: 112px;
	height: 46px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/btn-send-now.png) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 0;
}

.win-your-league .submit:focus {
	border: none;
	outline: none;
}

.win-your-league .footer {
	font-size: .9em;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
}

/* ==========================================================================
   'Hoop It Up' widget
   ========================================================================== */

.hoop-it-up {
	height: 111px;
	margin: 0 0 1em;
	text-transform: uppercase;
	color: #fff;
}

.hoop-it-up .column-l {
	width: 370px;
}

.hoop-it-up .column-r {
	width: 340px;
	padding: 13px 0 0;
}

.hoop-it-up a:link,
.hoop-it-up a:visited {
	color: #fff;
}

.hoop-it-up h2 {
	float: left;
	margin: 0;
	width: 370px;
	height: 111px;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/title-hoop-it-up.png) center center no-repeat;
}

.hoop-it-up h3 {
	margin: 0;
	font-size: 1em;
	color: #fff;
}

.hoop-it-up input {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 5px 0;
}

.hoop-it-up .email {
	width: 222px;
	height: 44px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-win-your-league-input.png) 0 0 no-repeat;
	padding: 0 12px;
}

.hoop-it-up .submit {
	width: 112px;
	height: 46px;
	border: 0;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/btn-send-now.png) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 0;
}

.hoop-it-up .submit:focus {
	border: none;
	outline: none;
}

.hoop-it-up .footer {
	font-size: .9em;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
}

/* ==========================================================================
   'Go PRO' banner
   ========================================================================== */

   .go-pro-promo {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	border-top: 8px solid #fff;
	padding: 0;
}

.go-pro-promo .win-your-league {
	height: auto;
	margin: 0;
}

/* ==========================================================================
   Articles
   ========================================================================== */

/*
 * Article header
 */

#article-header {
	position: relative;
	margin: 0 0 2em;
	z-index: 0;
}

#article-featured-image {
	display: block;
	border: 0;
}

#article-header.has-fade #article-headline {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(32,54,124,0) 0%, rgba(32,54,124,0.35) 15%, rgba(32,54,124,1) 85%, rgba(32,54,124,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,54,124,0)), color-stop(15%,rgba(32,54,124,0.35)), color-stop(85%,rgba(32,54,124,1)), color-stop(100%,rgba(32,54,124,1)));
	background: -webkit-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 15%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: -o-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 15%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: -ms-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 15%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: linear-gradient(to bottom,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 15%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	padding: 15px 22px;
	color: #fff;
}

#article-header h1 {
	margin: 0 0 .35em;
	font-size: 1.8125em;
	color: #fff;
}

#article-header .summary {
	margin: 0 0 .35em;
}

#article-header .summary p {
	margin: 0;
}

#article-header .byline {
	text-align: right;
}

/*
 * Article content
 */

.article-content h2 {
	margin: 2em 0 .25em;
	font-size: 1.2em;
}

/* ==========================================================================
   Pages
   ========================================================================== */

/*
 * Page header
 */

.page-header {
	margin: 2.875em 0 2em;
}

body.logged-in .page-header {
	margin-top: 0;
}

.page-header h1 {
	margin: 0;
	font-weight: 500;
	font-size: 1.8125em;
	color: #284586;
	letter-spacing: -1px;
}

.page-header.has-button {
	position: relative;
}

.page-header .button {
	position: absolute;
	bottom: -20px;
	right: 20px;
}

body.contests .page-header .button {
	left: 32px;
	bottom: 32px;
	right: auto;
}

.page-header.has-menu {
	position: relative;
}

.page-header .menu {
	position: absolute;
	bottom: 60px;
	left: 33px;
	font: 500 1.3125em/1 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

.page-header .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-header .menu li {
	float: left;
	margin: 0 0 0 15px;
}

.page-header .menu li:first-child {
	margin: 0;
}

.page-header .menu a:link,
.page-header .menu a:visited {
	color: #fff;
}

/*
 * Page content, two column
 */

.page-content.two-column .column {
	float: left;
	width: 345px;
}

.page-content.two-column .column-l {
	margin: 0 30px 0 0;
}

/*
 * Page content, sidebar
 */

.page-content.has-sidebar .column {
	float: left;
}

.page-content.has-sidebar .column-l {
	width: 480px;
	margin: 0 40px 0 0;
}

.page-content.has-sidebar .column-r {
	width: 200px;
	font-size: .9em;
}

/*
 * FAQ, Testimonials content
 */

dl.faq dt {
	margin: 0;
	font: 500 1.125em/1 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	color: #284586;
}

dl.faq dd {
	margin: 0 0 2em;
	padding: 0;
}

/*
 * Testimonials content
 */

body.testimonials blockquote {
	margin: 0 0 2em;
}

/* ==========================================================================
   Article gallery
   ========================================================================== */

.article-gallery {
	margin: 0 0 1em;
}

/*
 * Article gallery item
 */

.article-gallery .item {
	position: relative;
	float: left;
	width: 350px;
	height: 245px;
	margin: 0 0 30px 20px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.article-gallery .item a:link,
.article-gallery .item a:visited {
	display: block;
	width: 350px;
	height: 245px;
	color: #fff;
	text-decoration: none;
}

.article-gallery .item a:hover h2,
.article-gallery .item a:active h2 {
	text-decoration: underline;
}

.article-gallery .item.odd {
	margin-left: 0;
}

.article-gallery .item .content {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #20367C;
	background: -moz-linear-gradient(top,  rgba(32,54,124,0) 0%, rgba(32,54,124,0.35) 10%, rgba(32,54,124,1) 85%, rgba(32,54,124,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,54,124,0)), color-stop(10%,rgba(32,54,124,0.35)), color-stop(85%,rgba(32,54,124,1)), color-stop(100%,rgba(32,54,124,1)));
	background: -webkit-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 10%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: -o-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 10%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: -ms-linear-gradient(top,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 10%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	background: linear-gradient(to bottom,  rgba(32,54,124,0) 0%,rgba(32,54,124,0.35) 10%,rgba(32,54,124,1) 85%,rgba(32,54,124,1) 100%);
	padding: 15px 11px;
	color: #fff;
}

.article-gallery .item h2 {
	margin: 0 0 .35em;
	font-size: 1.125em;
	text-shadow: 0 1px 2px rgba(32,54,124,1);
	color: #fff;
}

.article-gallery .item .summary,
.article-gallery .item .byline {
	font-size: .9em;
}

.article-gallery .item .summary {
	margin: 0 0 .35em;
}

.article-gallery .item .summary p {
	margin: 0;
}

.article-gallery .item .byline .author {
	float: right;
}

/* ==========================================================================
   Tool gallery
   ========================================================================== */

.tool-gallery {
	margin: 0 0 1em;
}

/*
 * Tool gallery item
 */

.tool-gallery .tool {
	float: left;
	margin: 0 7px 30px 0;
	width: 234px;
	height: 140px;
	border: 1px solid #000;
	background: rgb(41,69,135);
	background-image: url(https://cdn.footballguys.com/site/2013/img/bg-tool.png), -moz-linear-gradient(top,  rgba(41,69,135,1) 0%, rgba(21,53,83,1) 100%);
	background-image: url(https://cdn.footballguys.com/site/2013/img/bg-tool.png), -webkit-linear-gradient(top,  rgba(41,69,135,1) 0%,rgba(21,53,83,1) 100%);
	background-image: url(https://cdn.footballguys.com/site/2013/img/bg-tool.png), -o-linear-gradient(top,  rgba(41,69,135,1) 0%,rgba(21,53,83,1) 100%);
	background-image: url(https://cdn.footballguys.com/site/2013/img/bg-tool.png), -ms-linear-gradient(top,  rgba(41,69,135,1) 0%,rgba(21,53,83,1) 100%);
	background-image: url(https://cdn.footballguys.com/site/2013/img/bg-tool.png), linear-gradient(to bottom,  rgba(41,69,135,1) 0%,rgba(21,53,83,1) 100%);
	background-position: right bottom;
	background-repeat: no-repeat;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 2px 3px rgba(0,0,0,.25);
	color: #fff;
}

.tool-gallery .tool.col-3 {
	margin-right: 0;
}

.tool-gallery.two-columns .tool.col-2 {
	margin-right: 0;
}

.tool-gallery .tool a:link,
.tool-gallery .tool a:visited {
	display: block;
	width: 234px;
	height: 140px;
	padding: 32px 18px 0;
	color: #fff;
	text-decoration: none;
}

.tool-gallery .tool a:hover h3,
.tool-gallery .tool a:active h3 {
	text-decoration: underline;
}

.tool-gallery .tool h3 {
	display: inline-block;
	margin: 0 0 .25em;
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-tools-title.png) right 0 no-repeat;
	padding: 0 24px 0 0;
	font-size: 1.25em;
	color: #fff;
	zoom: 1;
	*display: inline;
}

.tool-gallery .tool .description {
	font-size: .9em;
	line-height: 1.25;
}

/* ==========================================================================
   Table of Contents list
   ========================================================================== */

.section-nav {
	margin: 0 0 1em;
	font-weight: normal;
	font-size: 19px;
	line-height: 29px;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

.section {
	margin: 0 0 3em;
}

.section-title {
	margin: 0 0 1em;
	background: #2f468a;
	padding: 12px 20px;
}

.section-title h1 {
	font-size: 29px;
	line-height: 1;
	color: #ffef5d;
}

.section-title .top {
	float: right;
	font-weight: normal;
	font-size: 19px;
	line-height: 29px;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	color: #fff;
}

#footballguys-content-2012 {
	font-size: 16px;
	line-height: 1;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

#footballguys-content-2012 .header {
	position: relative;
	float: left;
	height: 32px;
	background: #ffef5d;
	padding: 0 10px;
	line-height: 35px;
}

#footballguys-content-2012 .header span {
	display: inline-block;
	position: absolute;
	top: 0;
	right: -32px;
	width: 0px;
	border-bottom: 32px solid #ffef5d;
	border-right: 32px solid #fff;
	font-size: 0px;
	line-height: 0%;
}

#footballguys-content-2012 .content {
	background: #cdd3e3;
	padding: 10px;
	line-height: 1;
}

#footballguys-content-2012 .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footballguys-content-2012 .content li {
	float: left;
	margin: 0 0 0 5px;
}

#footballguys-content-2012 .content li:first-child {
	margin: 0;
}

#footballguys-content-2012 .content li:before {
	display: inline-block;
	content: '-';
	margin: 0 5px 0 0;
}

#footballguys-content-2012 .content li:first-child:before {
	display: inline-block;
	content: '';
	margin: 0;
}

#footballguys-content-2012 .content a:link,
#footballguys-content-2012 .content a:visited {
	color: #132053;
	text-decoration: none;
}

/* ==========================================================================
   Action Box
   ========================================================================== */

.action-box {
	margin: 0 0 1em;
	padding: 20px;
	background: #2f468a;
	color: #fff;
}

.action-box .column-l,
.action-box .column-r {
	height: 44px;
	font-family: 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
}

.action-box .column-l {
	float: left;
}

.action-box .column-r {
	float: right;
}

/* ==========================================================================
   Page footer
   ========================================================================== */

#page-footer {
	width: 1020px;
	margin: 0 auto;
}

#page-footer .main {
	border-bottom: 12px solid #385dad;
	background: #e8edfa;
	padding: 12px;
}

/*
 * Search
 */

#page-footer .search {
	float: left;
	margin: 0;
}

/*
 * Menu
 */

#page-footer-menu {
	float: right;
	height: 34px;
	padding-right: 3px;
	font: normal 13px/34px 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	text-transform: uppercase;
	color: #364765;
	text-rendering: optimizeLegibility;
}

#page-footer-menu li.myfbg {
	text-transform: none;
}

#page-footer-menu li {
	float: none;
	display: inline-block;
	*display: inline;
	margin: 0 0 0 -3px;
}

#page-footer-menu a:link,
#page-footer-menu a:visited {
	padding: 0 10px;
	text-decoration: none;
	color: #364765;
}

#page-footer-menu a:hover,
#page-footer-menu a:active {
	color: #000;
}

/*
 * Meta
 */

#page-footer-meta {
	padding: 12px 0;
	font-size: 0.75em;
	line-height: 1;
	color: #555;
}

/* Links */

#page-footer-meta a:link,
#page-footer-meta a:visited {
	color: #555;
}

#page-footer-meta a:hover,
#page-footer-meta a:active {
	color: #000;
}

/* Copyright */

#page-footer-meta .copyright {
	float: left;
}

#page-footer-meta .copyright span:first-child {
	margin: 0 15px 0 0;
}

/* Menu */

#page-footer-meta .menu {
	float: right;
}

#page-footer-meta .menu li {
	margin: 0 0 0 15px;
}

#page-footer-meta .menu li:first-child {
	margin: 0;
}

/* ==========================================================================
   Banner ads
   ========================================================================== */

.banner {
	display: block;
}

.banner_160x600 {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 160px;
	height: 600px;
	margin: 0 0 0 515px;
}

/* ==========================================================================
   Well
   ========================================================================== */

.well {
	width: 230px;
	border-radius: 8px;
	background: #2f468a;
	padding: 20px;
	color: #fff;
}

.well * {
	color: #fff !important;
}

.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6 {
	margin: 0 0 15px;
	text-align: center;
}

/* ==========================================================================
   Twitter/Facebook links
   ========================================================================== */

.twitter-facebook {
	width: 196px;
	height: 90px;
}

.twitter-facebook a:link,
.twitter-facebook a:visited {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	background: transparent url(https://cdn.footballguys.com/site/2013/content-img/bg-twitter-facebook.png) 0 0 no-repeat;
}

.twitter-facebook a.facebook:link,
.twitter-facebook a.facebook:visited {
	float: right;
	background-position: -106px 0;
}

/* ==========================================================================
   Spacing overrides
   ========================================================================== */

/*
 * Margins
 */

.margin-none { margin: 0; }
.margin-thinner { margin: 3px; }
.margin-thin { margin: 5px; }
.margin-medium { margin: 10px; }
.margin-thick { margin: 15px; }
.margin-left-none { margin-left: 0; }
.margin-left-thinner { margin-left: 3px; }
.margin-left-thin { margin-left: 5px; }
.margin-left-medium { margin-left: 10px; }
.margin-left-thick { margin-left: 15px; }
.margin-left-thicker { margin-left: 20px; }
.margin-right-none { margin-right: 0; }
.margin-right-thinner { margin-right: 3px; }
.margin-right-thin { margin-right: 5px; }
.margin-right-medium { margin-right: 10px; }
.margin-right-thick { margin-right: 15px; }
.margin-right-thicker { margin-right: 20px; }
.margin-top-none { margin-top: 0; }
.margin-top-thinner { margin-top: 3px; }
.margin-top-thin { margin-top: 5px; }
.margin-top-medium { margin-top: 10px; }
.margin-top-thick { margin-top: 15px; }
.margin-top-thicker { margin-top: 20px; }
.margin-bottom-none { margin-bottom: 0; }
.margin-bottom-thinner { margin-bottom: 3px; }
.margin-bottom-thin { margin-bottom: 5px; }
.margin-bottom-medium { margin-bottom: 10px; }
.margin-bottom-thick { margin-bottom: 15px; }
.margin-bottom-thicker { margin-bottom: 20px; }

/*
 * Padding
 */

.padding-none { padding: 0;}
.padding-thin { padding: 1px; }
.padding-medium { padding: 3px; }
.padding-thick { padding: 10px; }
.padding-thicker { padding: 15px; }
.padding-left-none { padding-left: 0; }
.padding-left-thin { padding-left: 5px; }
.padding-left-medium { padding-left: 10px; }
.padding-left-thick { padding-left: 15px; }
.padding-left-thicker { padding-left: 20px; }
.padding-right-none { padding-right: 0; }
.padding-right-thin { padding-right: 5px; }
.padding-right-medium { padding-right: 10px; }
.padding-right-thick { padding-right: 15px; }
.padding-right-thicker { padding-right: 20px; }
.padding-top-none { padding-top: 0; }
.padding-top-thin { padding-top: 5px; }
.padding-top-medium { padding-top: 10px; }
.padding-top-thick { padding-top: 15px; }
.padding-top-thicker { padding-top: 20px; }
.padding-bottom-none { padding-bottom: 0; }
.padding-bottom-thin { padding-bottom: 5px; }
.padding-bottom-medium { padding-bottom: 10px; }
.padding-bottom-thick { padding-bottom: 15px; }
.padding-bottom-thicker { padding-bottom: 20px; }


/* ==========================================================================
   Alignment, float classes
   ========================================================================== */

.float-left {
	display: block;
	float: left;
	border: 0;
	margin: 0 20px 15px 20px;
}

.float-right {
	display: block;
	float: right;
	border: 0;
	margin: 0 20px 15px 20px;
}

.float-center {
	display: block;
	border: 0;
	margin: 0 auto 1em;
}

text-align-left {
	text-align: left;
}

text-align-right {
	text-align: right;
}

text-align-center {
	text-align: center;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Add green pattern bg
 */

.bg-green {
	background: #1a6600 url(https://cdn.footballguys.com/site/2013/img/bg-green-pattern.png) 0 0 repeat;
}

/*
 * Add orange pattern bg
 */

.bg-orange {
	background: #bc5832 url(https://cdn.footballguys.com/site/2013/img/bg-orange-pattern.png) 0 0 repeat;
}

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden,
.print-only {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visually-hidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* IE 6/7 fallback */
.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Responsive display/sizing for img/object/embed elements
   ========================================================================== */

img,
object,
embed {
	max-width: 100%;
}

object,
embed {
	height: 100%;
}

img {
	display: inline-block;
	width: auto;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/* ==========================================================================
   Older than IE10-specific fixes
   ========================================================================== */

.lt-ie10 #article-header.has-fade #article-headline,
.lt-ie10 .article-gallery .item .content {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-blue-transp.png) 0 0 repeat;
}

.lt-ie10 .tool-gallery .tool {
	background: #294587 url(https://cdn.footballguys.com/site/2013/img/bg-tool.png) right bottom no-repeat;
}

/* ==========================================================================
   IE7-specific fixes
   ========================================================================== */

.is-ie7 form.search .keywords {
	width: 192px;
	height: 24px;
	padding: 10px 12px 0;
}

.is-ie7 #page-header-menu li.top {
	z-index: 2000;
}

.is-ie7 #member-login .username,
.is-ie7 #member-login .password {
	width: 92px;
	height: 24px;
	padding: 10px 12px 0;
}

.is-ie7 #social-links a:link,
.is-ie7 #social-links a:visited {
	background: transparent url(https://cdn.footballguys.com/site/2013/img/bg-social-media.png) 0 0 repeat;
}

.is-ie7 #social-links a.twitter:link,
.is-ie7 #social-links a.twitter:visited {
	background-position: -20px 0;
}

.is-ie7 #social-links a.google-plus:link,
.is-ie7 #social-links a.google-plus:visited {
	background-position: -40px 0;
}

.is-ie7 #page-header-menu li.top {
	float: left;
}

.is-ie7 #page-header-menu li.top:hover {
	border-top: 0;
}

.is-ie7 #page-contents {
	width: 960px;
}

.is-ie7 .myfbg-promo {
	width: 972px;
}

.is-ie7 .registration input {
	display: inline;
}

.is-ie7 .registration .email {
	width: 272px;
	height: 14px;
}

.is-ie7 #win-your-league-promo {
	width: 540px;
	height: 366px;
}

.is-ie7 .win-your-league .email {
	line-height: 44px;
	width: 198px;
}

.is-ie7 #article-header.has-fade #article-headline {
	width: 686px;
}

.is-ie7 .article-gallery .item .content {
	width: 328px;
	padding: 15px 11px;
}

.is-ie7 .tool-gallery .tool {
	margin: 0 4px 30px 0;
}

.is-ie7 .tool-gallery .tool a:link,
.is-ie7 .tool-gallery .tool a:visited {
	width: 196px;
	height: 108px;
}

.is-ie7 #footballguys-content-2012 .content li {
	margin: 0 0 0 10px;
}

.is-ie7 #footballguys-content-2012 .content li:first-child {
	margin: 0;
}

.is-ie7 textarea {
	width: 99%;
}

/* ==========================================================================
   IE8-specific fixes
   ========================================================================== */

.is-ie8 #page-header-meta .search {
	padding-top: 10px;
}

.is-ie8 form.search .keywords,
.is-ie8 #member-login .username,
.is-ie8 #member-login .password {
	line-height: 34px;
}

.is-ie8 .win-your-league .email {
	line-height: 44px;
}

.is-ie8 .article-gallery .item.odd {
	margin-left: 0;
}

.is-ie8 .tool-gallery .tool.col-3 {
	margin-right: 0;
}

/* ==========================================================================
   Responsive media queries
   ========================================================================== */

@media only screen and (max-width: 1370px) {

	/*
	 * Banner ads
	 */

	.banner_160x600 {
		display: none;
	}

}

@media only screen and (max-width: 1020px) {

	/*
	 * General resets
	 */

	#page-header,
	#page-contents,
	#page-footer {
		width: 730px;
	}

	#page-header {
		height: auto;
	}

	#page-header-logo,
	#page-header-meta,
	#page-header-menu,
	#page-footer .search,
	#page-footer-menu {
		float: none;
		width: 100%;
		margin: 0;
	}

	#page-contents {
		padding: 15px;
	}

	#page-main-content {
		width: 495px;
	}

	#page-main-side-content {
		width: 190px;
	}

	/*
	 * Social links
	 */

	#social-links {
		width: 170px;
	}

	/*
	 * Forms
	 */

	.form-row .label {
		float: none;
		width: auto;
	}

	.form-row .control {
		margin: 0;
	}

	/*
	 * MyFGB promo
	 */

	.myfbg-promo {
		width: 730px;
		padding: 26px 24px;
	}

	.myfbg-promo [class*='column-'] {
		float: none;
	}

	.myfbg-promo .column-l {
		margin: 0 0 23px;
	}

	/*
	 * 'Win your league' widget
	 */

	#win-your-league-promo {
		width: 730px;
		padding-left: 120px;
		background-position: 0 0 !important;
	}

	body.home.marquee #marquee-promo {
		width: 730px;
		height: auto;
	}

	#win-your-league-promo .content {
		padding: 0 100px 0 10px;
	}

	/*
	 * 'Win your league' widget
	 */

	#page-main-content .win-your-league {
		padding: 0 20px;
	}

	#page-main-content .win-your-league [class*='column-'] {
		float: none;
	}

	#page-main-content .win-your-league .column-l {
		display: none;
	}

	/*
	 * 'Hoop It Up' widget
	 */

	#page-main-content .hoop-it-up {
		padding: 0 20px;
	}

	#page-main-content .hoop-it-up [class*='column-'] {
		float: none;
	}

	#page-main-content .hoop-it-up .column-l {
		display: none;
	}

	/*
	 * 'Channel Banner' widget
	 */

	#page-main-content .channel-top-banner {
		padding: 0;
		height: 75px;
		margin-bottom: 1px;
	}

	/*
	 * Go PRO Banner
	 */

	.go-pro-promo {
		width: 730px;
		padding: 0;
	}

	/*
	 * Page header w/ menu
	 */

	.page-header .menu {
		left: 23px;
		bottom: 50px;
		font: 500 1.125em/1 'RobotoBoldCondensed','Helvetica Neue',sans-serif;
	}

	/*
	 * Page content, two column
	 */

	.page-content.two-column .column {
		float: left;
		width: 240px;
	}

	.page-content.two-column .column-l {
		margin: 0 15px 0 0;
	}

	/*
	 * Page content, sidebar
	 */

	.page-content.has-sidebar .column-l {
		width: 300px;
		margin: 0 20px 0 0;
	}

	.page-content.has-sidebar .column-r {
		width: 175px;
	}

	/*
	 * Article gallery
	 */

	.article-gallery .item {
		width: 240px;
		height: 245px;
		margin-left: 15px;
		font-size: .8em;
	}

	.article-gallery .item a:link,
	.article-gallery .item a:visited {
		width: 240px;
		height: 245px;
	}

	.article-gallery .item .content {
		padding: 11px;
	}

	/*
	 * Tool gallery
	 */

	.tool-gallery .tool.col-1,
	.tool-gallery .tool.col-2,
	.tool-gallery .tool.col-3 {
		margin-left: 7px !important;
		margin-right: 6px !important;
	}

	/*
	 * Action box
	 */

	.action-box .column-l,
	.action-box .column-r {
		float: none;
		text-align: center;
	}

	.action-box .column-l {
		margin: 0 0 10px;
	}

	/*
	 * Page footer
	 */

	#page-footer .search {
		margin: 0 0 1em;
		text-align: center;
	}

	#page-footer-menu {
		height: auto;
		text-align: center;
		line-height: 1;
	}

	#page-footer-menu li {
		display: inline-block;
	}

	#page-footer-meta .copyright,
	#page-footer-meta .menu {
		float: none;
		text-align: center;
	}

	#page-footer-meta .copyright {
		margin: 0 0 .5em;
	}

	#page-footer-meta .menu li {
		float: none;
		display: inline;
	}

	/*
	 * Twitter/Facebook links
	 */

	.twitter-facebook {
		height: auto;
	}

	.twitter-facebook a:link,
	.twitter-facebook a:visited {
		float: none !important;
	}

	/*
	 * IE7-specific fixes
	 */

	.is-ie7 #win-your-league-promo {
		width: 610px;
	}

	.is-ie7 .myfbg-promo {
		width: 682px;
	}

	.is-ie7 #page-contents {
		width: 700px;
	}

	.is-ie7 #article-header.has-fade #article-headline {
		width: 451px;
	}

	.is-ie7 .article-gallery .item .content {
		width: 218px;
	}

	.is-ie7 .tool-gallery .tool.col-1,
	.is-ie7 .tool-gallery .tool.col-2,
	.is-ie7 .tool-gallery .tool.col-3 {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	.is-ie7 #page-footer-menu li {
		display: inline;
	}

}
