/*
 * Style tweaks
 * --------------------------------------------------
 */

 @import url("fonts.css");

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight: 200;
	background: -webkit-gradient(linear, left top, right top, from(#111), color-stop(0.15, #444), color-stop(0.85, #444), to(#111));
	background: -moz-linear-gradient(left, #111, #444 15%, #444 85%, #111);
	background: linear-gradient(to left, #111111 0%, #444444 15%, #444444 85%, #111111 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(enabled='true',
			startColorstr=#222222,
			endColorstr=#444444,
			GradientType=0);
}

h1{
	margin:0 0 5px 0;
	color:#87020B;
}

h2{
	color:#707070;
	margin-bottom:20px;
}

h3{
	font-size:24px;
	font-weight: 600;
}

#recordings h3{
	font-size:16px;
}

.adacc, .cc{
	float:right;
	margin-left: 8px;
	margin-bottom: 8px;
	display: inline-block;
	width: 22px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;;
}

.adacc{ background: url(../img/manage/adacc.png); }
.cc{ background: url(../img/manage/cc.png); }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.adacc{
		background-image: url(../img/manage/adacc@2x.png);
		background-size: 22px 16px;
	}

	.cc{
		background-image: url(../img/manage/cc@2x.png);
		background-size: 22px 16px;
	}
}

#recordings p{
	font-size:14px;
}

#recordings .rec-date{
	font-size:12px;
	font-weight:700;
}

h4{
	margin-top:0;
}

.well.well-main, .well.appinfo{
	background:#FFF;
	margin-top:30px;
	filter:none;
}

.well-main{
	margin-bottom:5px;
}

.panel{
	font-size:13px;
}

.panel-podcast h5{
	font-size: 15px;
	margin-bottom: 2px;
}

.panel-podcast{
	font-size: 14px;
}

.panel-podcast p{
	margin-bottom:4px;
	margin-top:0;
}

p.help{
	margin-top: -10px;
	font-style: italic;
	font-size: 12px;
}

.panel .table th, .panel .table td{
	padding-left:15px;
	padding-right:15px;
}

p.tagline{
	font-size:14px;
	font-weight:normal;
	margin:0;
	margin-top:-15px;
}

p.description{
	margin-bottom:15px;
}

.btn-play{
	display:inline-block;
	width:55px;
	color:#346699;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	border-radius:4px !important;
	background:#E6F7FF;
	border:1px solid #346699;
	text-transform:uppercase;
}

.btn-play.play-disabled{
	background:#FFF;
	color:#CCC;
	border-color:#CCC;
}

#install-links .btn{
	margin-right:25px;
	margin-bottom:25px;
}

.appinfo .col-custom{
	margin-left:140px;
}

.media-object{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	max-width:230px;
}

.col-sm-2 .media-object{
	width:100%;
	margin-bottom:15px;
}

.well.appinfo{
	padding-bottom:0;
}

.list-group .banner-message{
	background:#FF6;
	padding:8px 15px;
	margin-top:-10px;
	font-size:14px;
	margin:-10px -15px 12px -15px;
}

.list-group .pull-left{
	margin:0 15px 0 0;
}

.list-group-desc{
	margin-left:72px;
}

footer a, footer a:visited{
	color:#CCC;
	border-radius:4px;
}

footer .nav>li>a:hover, footer .nav>li>a:focus{
	background-color: transparent;
	color: #FFF;
}