/*
ESPN Outside The Lines: Bob Bradley
Author: Derrick Pina
*/
.gray {
	background-color:#f7f7f7
}

body {
	margin:0;
	padding:0;
	font:14px/1.5 Arial,Serif
}

.e-content a,.e-content a:visited {
	color:#871d00
}

.e-content a:hover {
	color:#d52d00
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0
}

#nav li {
	position:relative;
	margin:0
}

#nav {
	position:fixed;
	left:20px;
	top:60px;
	z-index:10
}

#nav a,#nav a:visited {
	outline:none;
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/dot.png) no-repeat 0 0;
	background-position:0 0
}

#nav a:hover,#nav a.active,#nav a.active:visited {
	background-position:-20px 0
}

#nav div {
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	font-style:normal;
	position:absolute;
	left:28px;
	top:2px;
	width:140px;
	display:none;
	background-color:#000;
	color:#EEE;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	padding:4px 6px
/*	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/
}

.tools {
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 2em
}

.e-col1 {background-color:#f7f7f7}

.section {
	position:relative;
	background-repeat:no-repeat;
	overflow:hidden;
	background-color:#f7f7f7
}

.container_12 {
	position:relative;
	padding-top:0px;
	padding-bottom:30px;
	overflow:hidden;
}

.video .container_12, .zoom .container_12 {
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}

.h2-inline {
	font-size:26px;
	margin-bottom:10px;
	text-indent:-9999px;
	height:70px;
}


#s0 {
	height:560px;
	border-bottom:0 none;
	margin-top:32px
}

#main-header-image {
	background:transparent url(/i/eticket/20120515/images/header-2.jpg) 50% 0 no-repeat;
	height:591px
}

#s1 {
	border-top:0 none;
	overflow:visible
}

#s1 .container_12 {
	padding-top:10px
}

#fpo_videoPlayer {
	width:533px;
	height:300px;
	background:#111;
	text-shadow:none;
	text-align:center;
	color:#666
}

.floater,.floater-left,.aside {
	position:absolute;
	left:90px;
	width:200px
}

.aside {
	background:#F2EDE1;
	border:1px solid #d6d6d6;
	width:188px;
	padding:6px;
	font-size:.85em
}

.aside h2 {
	font-size:1em;
	height:auto;
	margin-bottom:0;
	text-indent:0;
	width:auto;
	padding:3px 6px;
	background-color: #283B4B;
	color:#fff;
	font-weight:700;
	text-shadow:none
}

.aside p {
	text-shadow:none;
	margin:6px 0 0
}

.floater-right {
	left:680px;
	width:auto
}

.pullquote {
	width:200px;
	position:absolute;
	left:90px;
	font-size:1.6em;
	font-family:Georgia,Verdana,serif;
	font-style:italic;
	color:#c90059;
	background:transparent url(../images/looney/quote-close.png) bottom right no-repeat
}

.photo {
	margin-bottom:1.3em;
	text-shadow:none
}

.photo .image {
	padding:10px;
}

.photo-wide {
	position:relative;
	left:-240px;
	width:840px;
}

.photo-wide .image {
	width:840px;
	border-bottom:1px solid #62708d;
	padding:10px 0;
}

.photo-col {
	width:600px
}

.photo-col .image {
	width:600px
}

.photo-right {
	float:right;
	margin-left:30px
}

.photo-right .image {
	width:260px;
	border-left:1px solid #62708d;
	padding: 0 10px;
}

.photo-left {
	float:left;
	margin-right:30px
}

.photo-left .image {
	width:260px
}

.photo-aside {
}

.photo-aside .image {
	width:180px
}

.photo-split {
	float:left;
	position:relative;
	left:-240px;
	margin-right:-210px;
	width:422px;
}

.photo-split .image{
	border-right:1px solid #62708d;
	padding: 0 10px;
}

.credit {
	padding:10px 0 0 10px;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	color:#ababab
}

.caption {
	font-style:italic;
	font-weight:700;
	float:left;
	font-size:.75em;
	padding:10px 0 0;
	color:#545454
}

.letter {
	font-style:italic;
	line-height:1.7em;
	font-size:.9em;
	color:#32322c;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	background-image:url(../images/bg-paper.jpg)
/*
	-moz-box-shadow: inset 0 2px 5px #777;
	-webkit-box-shadow: inset 0 3px 6px #BBB;
	box-shadow: inset 0 3px 6px #BBB;
	*/
}

.bevel {
	border-top:1px solid #fff;
	border-bottom:1px solid #dedbcd;
	background-color:#ebe8e1;
	text-shadow:1px 1px 0 #fff
}


.zoom, .video {
	background-image:url(/i/eticket/20120515/images/image-bg.jpg);
	background-repeat:no-repeat;
	text-shadow:none;
	border-bottom:1px solid #DEDBCD;
	border-top:1px solid #DEDBCD;
	margin-bottom:30px;
}

.zoom .carousel-info, .video .carousel-info {
	margin-top:0;
	background:none;
	padding-left:0
}

.videoplayer {
	width:576px;
	float:right;
}

.image-576 img {
	float:right;
}

.letter-mynate {
	position:relative;
	left:-9px
}

.letter-sig {
	position:relative;
	left:-3px
}

/* other 9 people carousel */
.allsouls {
	background-image:url(../images/bg-grain-dark.jpg);
	background-repeat:repeat;
	color:#EEE;
	text-shadow:1px 1px 0 #000
}

/* carousel for victims */
.carousel {
	position:relative;
	overflow:hidden;
	font-size:.875em
}

.carousel-controls {
	height:50px
}

.carousel-fade {
	position:absolute;
	right:0;
	top:0;
	z-index:3;
	width:300px;
	height:100%;
	background:url(../images/carousel.fade.png) repeat-y right 0
}

.carousel-list {
}

.carousel-list li {
	margin:0;
	width:400px;
	padding-right:60px;
	height:250px
}

.button,.button:visited {
	background:#2d2c2a url(../images/overlay.png) repeat-x;
	display:inline-block;
	padding:4px 14px 6px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,1);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,1);
	text-shadow:0 -1px 1px rgba(0,0,0,0.4);
	border:0;
	border-top:1px solid rgba(255,255,255,0.3);
	position:relative;
	cursor:pointer;
	outline:none
}

.button:hover,a.button:hover {
	background-color:#716f6a;
	color:#fff
}

.carousel-info {
	margin:50px 10px 0 0;
	color:#d9d9d9;
	padding:14px;
	font-size:.75em;
	background:#292929;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px
}

.carousel-info h3 {
	color:#fef8df
}

.carousel-info a,.carousel-info a:link {
	color:#fff !important;
}

.btn {
background-color:#131a27;
	display:block;
	font-weight:900;
	text-align:center;
	color:#fff;
	padding:10px;
	margin-top:30px;
}

.btn a {
	text-decoration:none
}

a:-webkit-any-link {
	color:-webkit-link;
	text-decoration:underline;
	cursor:auto
}

.carousel-info a,.carousel-info a:link {
	text-decoration:none
}

.carousel-info ul {
	list-style:none
	
}

.carousel-info li{

margin-left:-20px;

}


.btn:hover {
	text-decoration:none;
	background-color:#354156;

}
.btn:visited {
color:white;

}

.e-content a, .e-content a:visited{

color:#000;


}


a.otl-logo {
    background: url("/i/eticket/20120502/images/otl-logo-new.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    left: 90px;
    top: 8px;
    width: 180px;
    z-index: 100003;
}