/*
 * 2010 Design
 * By Jon Hartmann
 * http://www.jonhartmann.com
 */

/*
 * Bright Blue: 		#00c8f4;
 * Solid Blue:			#008ee9;
 * Darker Blue:			#0054a6;
 */

.section {
	clear: both;
	padding: 0 5px;
	margin: 5px 0;
}

.main-column,
.secondary-column {
	float: left;
	position: relative;
}

.main-column {
	width: 630px;
	margin: 0;
}
.secondary-column {
	width: 300px;
	margin: -7px 0px 5px 15px;
}

#leader-board {
	background: black url(../images/leader-board-background.jpg) repeat-x top left;
	margin: -15px -6px 0px -6px;
	padding: 5px;
	border: 1px solid #666;
	height: 332px;
}
#leader-board .main-column {
	width: 630px;
	margin: 5px 0 5px 5px;
}
#leader-board .secondary-column {
	width: 300px;
	margin: 5px 5px 5px 10px;
}

.panel {
	border: 1px solid #999999;
	padding: 5px;
	background: white url(../images/white-grey-vertical-gradient.png) repeat-x bottom left;
	position: relative;
}

.panel h3,
.panel h4.header {
	color: white;
	background: black url(../images/boxheader_black.gif) repeat center left;
	line-height: 20px;
	padding-left: 5px;
	margin: -5px -5px 5px -5px;
}

.panel h1,
.panel h1.header {
	color: white;
	background: black url(../images/boxheader_black.gif) repeat center left;
	line-height: 30px;
	padding-left: 5px;
	margin: -5px -5px 5px -5px;
	letter-spacing: 2px;
	
}
.panel p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

.panel div,
.post div {
	line-height: 1.5em;
}

#aa-extras li {
	line-height: 1.5em;
}

#branding h1 a {
	display: block;
	background: url(../images/AA-Logo-web.png) no-repeat center center;
	width: 222px;
	height: 103px;
	text-indent: -9999px;
}

#lead-feature {
	width: 388px;
	float: left;
	height: 319px;
	min-height: 1%;
	overflow: hidden;
}
#secondary-features {
	width: 225px;
	margin: 0 0 0 5px;
	font-size: .8em;
	float: left;
}
#secondary-features .subtitle {
	font-size: 1em;
}

#lead-feature .background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 398px;
}

#lead-feature .lead-feature-text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 5px;
	background: #FFFFFE url("../images/white-grey-vertical-gradient.png") repeat-x left bottom;
}

#lead-feature .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 398px;
	background: white;
	filter: alpha(opacity=45);
	opacity: 0.45;
	min-height: 1%;
	z-index: 3;
}
#lead-feature h2, #lead-feature h3  {
	position: absolute;
	padding: 0 0 0 5px;
	top: 0;
	left: 0;
	z-index: 5;
}
#lead-feature h2 a, #lead-feature h3 a {
	display: block;
	font-size: 1.6em;
	line-height: 1.25em;
	color: inherit;
	text-decoration: none;
	padding-bottom: 5px;
}
#lead-feature h2 a:hover, #lead-feature h3 a:hover {
	color: #A69529;
}

#lead-feature ul,
#secondary-features ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#secondary-features ul li.panel {
	position: relative;
	margin: 5px 0 0 0;
	padding-right: 75px;
	height: 67px;
	min-height: 1%;
	overflow: hidden;
}
#secondary-features ul li.panel.first {
	margin: 0;
}
#secondary-features h3 a {
	font-weight: bold;
	text-decoration: none;
}
#secondary-features h3 a:hover {
	color: #A69529;
}

#secondary-features a.image {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
}

#secondary-features img {
	float: right;
	width: 65px;
	height: 65px;
	border: 1px solid silver;
}
#secondary-features .panel p {
	margin: 0;
}

#secondary-features h3 {
	background: none;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
}
#secondary-features h3 a {
	color: #333;
}

#lead-feature ul.feature-controls {
	display: block;
	width: 388px;
}

#lead-feature .feature-controls {
	border-top: 1px dotted #AAA;
	margin: 5px 5px 0 0;
}

#secondary-features .feature-controls {
	position: absolute;
	bottom: 2px;
	width: 140px;
	border-top: 1px dotted #AAA;
}

#lead-feature .feature-controls li,
#secondary-features .feature-controls li {
	float: left;
	padding: 0 1em 0 0;
}

#news {
	border: 1px solid #999;
}
#news .ui-tabs-panel {
	height: 300px;
}

.section .partial {
	float: left;
	margin: 0 0 0 10px;
}

.section .partial.first {
	margin: 0;
}

.main-column .partial {
	width: 310px;
}

#ad-space {
	margin: 0 0 0 -5px;
}

.main-column .ad {
	margin: 0 78px;
	padding: 2px 2px 0 2px;
	border: 1px solid #999;
}
.main-column .ad .info {
	font-size: .8em;
	color: #999;
	text-align: center;
}

a img {
	border: 0;
}

ol.news-headlines {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: .925em;
	line-height: 1.2em;
}
ol.news-headlines li {
	margin: 0 0 .175em 0;
	padding: 0;
	height: 2em;
	overflow: hidden;
	border-bottom: 1px dotted #AAA;
	display: table;
	width: 100%;
	*display: block;
	*position: relative;
} 

ol.news-headlines .center {
	display: table-cell;
	vertical-align: middle;
	*display: block;
	*position: absolute;
	*left: 0px;
	*width: 100%;
	*cursor: pointer;
	*top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}

ul.sidebar li {
	margin: 0 0 .175em 0;
	padding: 5px 0;
	border-bottom: 1px dotted #AAA;
	/*display: table;*/
} 

ul.sidebar .item {
	/*display: table-cell;*/
	width: 275px;
	padding: 2px 0;
	vertical-align: middle;
}


.secondary-content {
	width: 225px;
	float: left;
}

.primary-content {
	float: left;
	padding: 0 0 0 5px;
	width: 388px;
}
.attention {
	font-weight: bold;
	font-size: 1.2em;
}

#aa-extras ul.list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aa-extras ul.list li {
	float: left;
	width: 189px;
	margin: 0 5px 0 0;
}
.archive {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.aside {
	font-size: smaller;
}

#affiliates,
#ask-the-expert {
	padding-bottom: 25px;
}

#affiliates li {
	float: left;
	width: 120px;
	height: 90px;
	margin: 5px 10px 5px;
	text-align: center;
	border: 1px solid #999;
}
#ask-the-expert img {
	padding: 0 5px 0 0;
	margin: 0 5px 10px 0;
	border-right: 1px solid #ccc;
}

.standout {
	color: #FCDF4C !important;
	font-weight: bold;
}
.message {
	color: #C03 !important;
	font-weight: bold;
}

ul.sidebar .item .subtitle a {
	color: #045eb5;
}

#utilities li,
#navigation li {
	border-right: 1px solid #454545;
}

#utilities li.last,
#navigation li.last {
	border-right: none;
}

.comments blockquote,
blockquote.quote {
	background: url(../icons/quote_icon.png) no-repeat top left;
	margin-left: 0;
	padding: 0 .25em 0 3em;
	min-height: 30px;
}

/*
 * Top Articles
 */

.top-articles {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.top-articles li.panel {
	float: right;
	width: 100px;
	position: relative;
	margin: 5px 0 0 5px;
	/*padding-right: 75px;*/
	height: 110px;
	min-height: 1%;
	overflow: hidden;
}
.top-articles li.panel.break {
	clear: right;
}
.top-articles li.panel.first {
	margin: 5px 0px 0px 5px;
	float: left;
	width: 250px;
	height: 240px;
}
.top-articles h3 a {
	font-weight: bold;
	text-decoration: none;
}
.top-articles h3 a:hover {
	color: #A69529;
}

.top-articles a.image {
	display: block;
	position: absolute;
	top: 5px;
	/*right: 5px;*/
	margin: 0;
	padding: 0;
	zoom: 1;
}

.top-articles img {
	
	width: 98px;
	height: 80px;
	border: 1px solid silver;
}

.top-articles li.panel.first img {
	
	width: 249px;
	height: 226px;
	border: 1px solid silver;
	margin: auto;
}

.videos a.image {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.videos img {
	float: right;
	width: 65px;
	height: 65px;
	border: 1px solid silver;
}


.top-articles h5 {
	background: none;
	font-size: 1em;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 3px;

}
.top-articles h5 a {
	color: #333;
}
.top-articles .subtitle {
	font-style: normal;
}
.top-articles .mask {
	position: relative;
	top: 6px;
	left: 5px;
	width: 333px;
	min-width: 333px;
	background: white;
	filter: alpha(opacity=45);
	opacity: 0.45;
	min-height: 1%;
	max-height: 20px;
	height: 20px;
	z-index: 3;
}

/*
 * Sidebar Support
 */

#blog-sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#blog-sidebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/*
 * Corporate Playbook
 */
#corporate-playbook .panel {
	border-color: #375b8f;
	background: url(../images/white-blue-vertical-gradient.png) repeat-x bottom left;
}

#corporate-playbook h3 {
	background: green url(../images/boxheader_green.png) repeat-x center left;
}

/*
 * Search Results
 */
.search-results {
	list-style-type: none;
	padding-left: 0;
	margin-left: 10px;
}

.search-results li {
	position: relative;
	padding-right: 5px;
	clear: both;
	margin: 5px 0 10px 0;
}
.search-results li a {
	color: #045EB5;
	font-weight: bold;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.results li a {
	color: #045EB5;
}

#athlete-resources {
	padding: 0;
	list-style-type: none;
	margin: 0;
}
#athlete-resources a {
	font-size: 1.6em;
}

#news-news .archive {
	bottom: 0px;
}
#news-news .subtitle a {
    color: #045eb5;
}

/*
 * Videos
 */
ul.top-articles .play {
	position: absolute;
	bottom: 0;
	right: 1px;
	padding: 3px 3px 3px 22px;
	line-height: 1em;
	width: 40px;
	min-height: 1%;
	z-index: 4;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/icons/play_small.png) no-repeat 3px 50%;
}
ul.top-articles .mask {
	position: absolute;
	bottom: 0;
	right: 1px;
	padding: 3px;
	line-height: 1em;
	width: 59px;
	background: white;
	filter: alpha(opacity=45);
	opacity: 0.45;
	min-height: 1%;
	z-index: 3;
}

.post-navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.post-navigation li {
	float: left;
	width: 50%;
}
.post-navigation li.next {
	text-align: right;
}
.post-navigation li {
	font-size: 1.5em;
}


/*
 * jQuery Style Overloads
 */
.ui-widget-content a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

/*
 * Books for Athletes
 */
#books-for-athletes img {
	border: 1px solid silver;
	/* float: left; */
	margin: 5px 10px 5px;
}

/*
 * Comments
 */
h3 {
	margin: 0;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

ol.comments,
#blog-posts {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contributor-signin {
	position: absolute;
	top: 1px;
	right: 5px;
	color: white;
	font-weight: bold;
}

ol.comments li img,
.bio-pic {
	float: left;
	max-width: 100px;
	margin: 0 10px 10px 0;
}
ol.comments li .comment-with-photo {
	margin-left: 110px;
}

.comments blockquote,
blockquote.quote {
	background: url(../icons/quote_icon.png) no-repeat top left;
	margin-left: 0;
	padding: 0 .25em 0 3em;
	min-height: 30px;
}

.comments .count {
	position:absolute;
	top: 10px;
	right: 10px;
	font-size: 2em;
	color: #999;
	font-weight: bold;
	display: block;
	line-height: 1em;
}
.comments blockquote {
	color: #999;
	font-style: italic;
	margin: .5em 2em;
}

.post {
	position: relative;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px 0;
}
.post.even {
	background: #f1f1f1;
}
.post.external,
.post.external.even {
	border: 3px solid #999;
	margin-left: -1px;
	margin-right: -1px;
}

.post h2 {
	line-height: 1.4em;
	border-bottom: 1px solid silver;
}

.post .info {
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: left;
	
	margin: -5px -5px 0px 0px;
	border: solid silver;
	border-width: 0px 0px 1px 1px;
	padding: 5px;
}
#info {
	float: right;
	text-align: left;
	
	margin: -5px -5px 0px 0px;
	border: solid silver;
	border-width: 0px 0px 1px 1px;
	padding: 5px;
}

.video-box {
	text-align: center;
}
.top-articles img.popular-badge {
	position: absolute;
	top: -4px;
	right: -9px;
	z-index: 10;
	width: 24px;
	height: 24px;
	border: none;
}

.post img {
	max-width: 603px;
}
.post .image {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 125px;
}
.post .post-text {
	width: 475px;
}
.post .teaser {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 125px;
}


/*
 * videos
 */

.videos {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.videos li.panel {
	float: left;
	width: 118px;
	position: relative;
	margin: 5px 0 0 5px;
	padding-right: 75px;
	height: 67px;
	min-height: 1%;
	overflow: hidden;
}
.videos li.panel.break {
	clear: right;
}
.videos li.panel.first {
	margin: 5px 0 0 0;
}
.videos h3 a {
	font-weight: bold;
	text-decoration: none;
}
.videos h3 a:hover {
	color: #A69529;
}

.videos a.image {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.videos img {
	float: right;
	width: 65px;
	height: 65px;
	border: 1px solid silver;
}

.videos h5 {
	background: none;
	font-size: 1em;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
}
.videos h5 a {
	color: #333;
}
.videos .subtitle {
	font-style: normal;
}


ul.videos .play {
	position: absolute;
	bottom: 0;
	right: 1px;
	padding: 3px 3px 3px 22px;
	line-height: 1em;
	width: 40px;
	min-height: 1%;
	z-index: 4;
	text-decoration: none;
	font-weight: bold;
	background: url(/images/icons/play_small.png) no-repeat 3px 50%;
}
ul.videos .mask {
	position: absolute;
	bottom: 0;
	right: 1px;
	padding: 3px;
	line-height: 1em;
	width: 59px;
	background: white;
	filter: alpha(opacity=45);
	opacity: 0.45;
	min-height: 1%;
	z-index: 3;
}

/* end 2010 Layout */