/* Styles to match StO WP theme in multimedia */
/* $Revision: 1689 $ */

/* Resetters */
* {
	margin:0;
	outline:0 none;
	padding:0;
}

/* Globals */
body {
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:1.3;
	background: none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	min-width:100%;
}

a {
	color: #CF9123;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0 none;
}

ul {
	list-style: none outside none;
}

input, textarea, select {
	font-family: arial,sans-serif;
	font-size: 12px;
}

textarea {
	overflow: auto;
}

.cl {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.notext {
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

.left, .alignleft {
	display: inline;
	float: left;
}

.right, .alignright {
	display: inline;
	float: right;
}

.hidden { 
	display: none; 
}

/* Elements - Global Setters */
.grayback {
	background-color:#ECEAE5;
}

.red, .redbox h3 {
	color:#92151E;
}

.blue, .bluebox h3 {
	color:#5F7787;
}

.green, .greenbox h3 {
	color:#5F8877;
}

.gold, .goldbox h3 {
	color:#D28E00;
}

.redbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #92151E;
}

.bluebox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #5F7787;
}

.greenbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #5F8877;
}

.goldbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #D28E00;
}

/* Elements - Input Boxes & Buttons */
.inputbox {
	position:relative;
	background: url("images/search-field.png") no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 100%;
}

.inputfield {
	float:left;
	width:80%; /*fallback*/
	width:calc(100% - 32px);
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #636466;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 0 3px 6px;
}

.inputsel {
	width:100%;
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	color: #636466;
	font-size: 11px;
	line-height: 14px;
	padding: 3px 0 3px 6px;
}

.searchbutton {
	float:right;
	background: url("images/search-button.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	height: 21px;
	width: 26px;
}

/* Elements - Outer */
.responsive-shell {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    width: 100%;
}

.shell {
	background: #fff none repeat scroll 0 0;
	width:923px;
	margin:0 auto;
}

/* Elements - Header */
#header {
    margin-top: 30px;
    width: 100%;
}

#logo {
    float: left;
    width: 325px;
    text-align: left;
    margin-top: 0;
}

#logo img {
    max-width: 100%;
}

#header .right-menu {
    float: right;
    text-align: left;
    text-transform: uppercase;
}

#header .menu-right-top {
    margin-left: 16px;
}

#header .menu-right-top ul li a {
    color: #4d4d4f;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 12px;
    margin-bottom: 7px;
    margin-top: 3px;
    text-decoration: none;
}

#header .menu-right-top span, #header .menu-right-top a:hover span {
    color: #dea949;
    padding: 0 5px;
    text-decoration: none;
}

#header .menu-right-bottom {
    float: left;
    height: 35px;
    width: 222px;
}

#header .left-corner {
    border-color: transparent #d0d0d0 #d0d0d0 transparent;
    border-style: solid;
    border-width: 18px;
    float: left;
    height: 0;
    margin-left: -36px;
    margin-top: 21px;
    position: absolute;
    width: 0;
}

#header .links-and-search {
    background-color: #d0d0d0;
    float: left;
}

.menu-right-bottom ul li a {
    border-right: 1px solid #d89614;
    color: #4d4d4f;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
}

#search {
    float: right;
    margin-right: 7px;
}

#header .search-field {
    background: rgba(0, 0, 0, 0) url("images/search-field.png") no-repeat scroll 0 0;
    float: left;
    height: 21px;
    margin-bottom: -9px;
    margin-top: 5px;
    width: 114px;
}

#header .search-field .blink {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #636466;
    font-size: 11px;
    line-height: 14px;
    padding: 4px 6px 3px;
    width: 102px;
}

#header .search-button {
    background: rgba(0, 0, 0, 0) url("images/search-button.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 21px;
    margin-bottom: -9px;
    margin-top: 5px;
    width: 26px;
}

/* Elements - Navigation Bar */
#navigation-wrapper {
    background: rgba(0, 0, 0, 0) url("images/navigation.png") repeat-x scroll 0 0;
    width: 100%;
}

#navigation {
    background: rgba(0, 0, 0, 0) url("images/navigation.png") repeat-x scroll 0 0;
    clear: both;
    height: 26px;
    margin-bottom: 5px;
    padding-top: 9px;
    width: 923px;
}

#navigation ul {
    white-space: nowrap;
}

#navigation li {
    display: inline;
    padding-right: 35px;
}

#navigation li.current-menu-item a {
    text-decoration: none;
}

#navigation li a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
}

#navigation li a:hover {
    color: #f3cb80;
    text-decoration: none;
}

/* Elements - Header Image */
#headimg {
	position:relative;
	margin-top: 4px; 
	height: 248px;
	display:none;
}

#headimg img {
	position:absolute;
	width: 923px; 
	height: 248px; 
}

/* Elements - Inner */
#inner {
	width: 923px;
	color: #4D4D4F;
	margin-top:20px;
}

#inner p {
	padding-bottom: 14px;
}

#inner h2 {
	color: #637D5C;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 14px;
}

#inner h3 {
	font-size:15px;
	padding-bottom:4px;
}

#inner h4 {
	font-size:13px;
	padding-bottom:4px;
}

#inner .tinytext {
	font-size:9px;
}

/* Content Area Positioning */
#content, #landingcontent {
	position:relative;
	display: inline;
	float: left;
	margin: 0 0 20px 0;
}

#content.leftpane {
	width:663px;
}

#content.centerpane {
	width:428px;
}

#content.rightpane {
	width:688px;
}

#content.fullpane {
	width:923px;
}

#landingcontent {
	width:594px;
}

#landingcontent > div {
	position:relative;
	width:590px;
	margin:0 0 14px 0;
}

/* Elements - Content Area */
#content p {
	line-height:23px;
}

#content p.indent {
	padding-left:15px;
}

#content ul {
	line-height:23px;
	padding-bottom:14px;
}

#content ul.dotlist {
	list-style:disc outside none;
	margin-left:30px;
}

#content ul > p {
	padding-bottom:0;
}

/* Elements - Featured Streams */
#streamfeature {
	position:relative;
	height:332px;
}

#streamfeaturecontrols {
	position:absolute;
	top:0;
	left:0;
	height:13px;
	padding:8px 5px;
}

#streamfeaturecontrols a.prev {
	float:left;
	width:8px;
	height:13px;
	margin:0 3px;
	background:url('images/imagesel-sprite.png') 0 -33px no-repeat;
}

#streamfeaturecontrols a.next {
	float:left;
	width:8px;
	height:13px;
	margin:0 3px;
	background:url('images/imagesel-sprite.png') 0 -20px no-repeat;
}

#streamfeaturecontrols ul {
	float:left;
}

#streamfeaturecontrols .controlitem {
	float:left;
	width:10px;
	height:10px;
	margin:1px 3px;
	background:url('images/imagesel-sprite.png') 0 0 no-repeat;
	cursor:pointer;
}

#streamfeaturecontrols ul li.selected {
	background:url('images/imagesel-sprite.png') 0 -10px no-repeat;
}

#streamfeature > ul {
	position:relative;
	height:inherit;
}

#streamfeature > ul li {
	position:absolute;
	height:inherit;
}

#streamfeature > ul li img {
	position:absolute;
	bottom:0;
	left:0;
	width:590px;
	height:332px;
}

#streamfeature > ul li a {
	position:absolute;
	bottom:0;
	left:0;
	width:566px;
	padding:6px 12px;
	background: rgb(100,100,100); /*fallback*/
	background: rgba(85,85,85,0.6);
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
}

#streamfeature > ul li a span {
	position:absolute;
	bottom:0;
	right:0;
	padding:6px 30px 6px 12px;
	margin-right:6px;
	background: url('images/circlearrow-gold.png') no-repeat right 3px;
}

#streamfeature > ul li a:hover span {
    text-decoration: underline;
}

/* Elements - Search Box */
#streamsearch {
	width: 455px;
}

#searchbox a {
	float:right;
	height:100%;
	background:url('images/arrow-orange.png') no-repeat right center;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 10px 0 0;
}

/* Elements - Lower Boxes */
.boxitem {
	position:relative;
	width:260px;
	height:79px;
}

.boxitem.left {
	float:left;
	margin:0 25px 40px 0;
}

.boxitem.right {
	float:right;
	margin: 0 0 40px 25px;
}	

.boxitem.lastrow {
	margin-bottom:0;
}

.boxitem img {
	float:left;
	width:129px;
	height:73px;
	border:3px solid #E5E2DB;
}

.boxitem h3 {
	float:right;
	font-size:15px;
	text-align:right;
	width:125px;
	text-shadow: 0px 0px 1px #b7b7b7;
}

.boxitem ul {
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right;
	width:125px;
}

.boxitem ul li {
	float:right;
	width:100%;
	padding:4px 0 0 0;
}

.boxitem ul li a {
	background:url('images/arrow-orange.png') no-repeat right center;
	text-transform:uppercase;
	font-weight:bold;
	color:#4D4D4F;
	padding:0 10px 0 0;
}

/* Elements - Livebar (Streaming Today & Upcoming) */
#livebar {
	display: inline;
	float: right;
	margin: 34px 0 20px 14px;
	width: 315px;
}

#livebar a {
	color:#4D4D4F;
}

#livebar ul {
	padding: 10px;
	margin: 0 0 14px 0;
}

#livebar ul h3 {
	font-size:15px;
	font-weight:bold;
	text-shadow: 0px 0px 1px #b7b7b7;
}

#livebar ul li {
	position:relative;
	margin-top:10px;
}

#livebar span.statusicon {
	position:absolute;
	width:70px;
	height:11px;
}

#livebar span.statusicon.upcoming {
	background:url('images/status-sprite.png') 0 0 no-repeat;
}

#livebar span.statusicon.live {
	background:url('images/status-sprite.png') 0 -11px no-repeat;
}

#livebar span.statusicon.archived {
	background:url('images/status-sprite.png') 0 -22px no-repeat;
}

#livebar ul h3+li, #livebar ul li+div {
	margin-top:6px;
}

#allevents {
	border-top:1px solid #DDDDDD;
	padding-top:6px;
}

#allevents a {
	float:left;
	background:url('images/arrow-orange.png') no-repeat right center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#5F7787;
	padding:0 10px 0 0;
}

#allevents span, #livebar ul div span {
	float:right;
	text-transform:uppercase;
	font-size:10px;
	color:#B4B4B4;
	padding:1px 0 0 0;
}

/* Elements - Stream Listings */
#browsecontrols {
	margin-bottom:14px;
}

#browsecontrols .browseitem {
	position:relative;
	min-height:21px;
	margin-bottom:14px;
}

#browsecontrols .browseitem > h4 {
	width:110px;
}

#browsecontrols .browseitem > h4.addl {
	width:80px;
	margin-left:26px;
}

#browsecontrols .browseitem > h4.addl2 {
	width:45px;
	margin-left:26px;
}

#browsecontrols .browseitem > * {
	float:left;
	padding-bottom:0 !important;
}

#adyear, #semester, #sortorder, #nowthen {
	width:100px;
}

#browsecontrols #streamsearch {
	width:325px;
}

#browsecontrols .browseitem a {
	float:left;
	height:100%;
	background:url('images/arrow-orange.png') no-repeat right center;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 10px 0 0;
	margin-left:30px;
}

#rsslink {
	position:absolute;
	top:0;
	right:0;
}

#rsslink.podcast {
	right:40px;
}

#streamlist li.datehead {
	position:relative;
	padding:4px 0 7px 0;
	border-top:1px solid #5F8877;
}

#streamlist li.toplink {
	position:relative;
	padding:4px 0 20px 0;
}

#streamlist li.streamitem {
	position:relative;
	margin:0 0 14px 0;
	min-height:90px;
	border-radius:6px;
}

#streamlist li.streamitem div.playthumb {
	position:relative;
	float:left;
	width:120px;
	height:68px;
	border:3px solid #E5E2DB;
	overflow:hidden;
	margin:2px 0 0 2px;
}

#streamlist li.streamitem div.playthumb img {
	position:absolute;
	width:inherit;
	height:inherit;
	cursor:pointer;
}

#streamlist li.streamitem div.playthumb a.playicon {
	position:absolute;
	bottom:4px;
	right:4px;
	width:23px;
	height:23px;
	background: url('images/circlearrow-gold.png') center center no-repeat;
}

#streamlist li.streamitem div.playthumb a.playicon:hover, #streamlist li.streamitem div.playthumb a.playred {
	background: url('images/circlearrow-red.png') center center no-repeat;
}

#streamlist li.streamitem p {
	float:left;
	line-height:18px;
	margin-left:20px;
	max-width:538px;
}

#streamlist li.streamitem ul.attachments, #eventmeta ul.attachments {
	float:right;
	margin:4px 4px 0 14px;
	text-align:right;
}

#streamlist li.streamitem ul.attachments li, #eventmeta ul.attachments li {
	height:22px;
	padding-right:26px;
	margin-bottom:8px;
	cursor:pointer;
}

#streamlist li.streamitem ul.attachments li:hover, #eventmeta ul.attachments li:hover {
	text-decoration:underline;
}

#streamlist li.streamitem ul.attachments li.pdf, #eventmeta ul.attachments li.pdf {
	background: url('images/pdf.png') no-repeat right center; 
}

#streamlist li.streamitem ul.attachments li.link, #eventmeta ul.attachments li.link {
	background:url('images/link.png') no-repeat right center;
}

#streamlist li.streamitem ul.attachments li.mp3, #eventmeta ul.attachments li.mp3 {
	background:url('images/mp3.png') no-repeat right center;
}

#streamlist li.streamitem ul.attachments li a, #eventmeta ul.attachments li a {
	color:#4D4D4F;
}

#loadmore {
	position:relative;
	padding:4px 0 7px 4px;
	border-top:1px solid #5F8877;
}

#loadmore a {
	background: url("images/arrow-orange.png") no-repeat scroll right center transparent;
	color: #4D4D4F;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}

#loadmore a:hover {
	color:#92151E;
}

#nostreams {
	display:none;
	position:relative;
	padding:4px 0 7px 4px;
	border-top:1px solid #5F8877;
}

img.customresultslogo {
	margin-bottom:14px;
}

/* Elements - Sidebars (Nav Style) */
.sidebar {
	display: inline-block;
	background-color:#ffffff;
}

.sidebar.leftnav {
	float: left;
	margin: 0 20px 20px 0;
	width: 215px;
}

.sidebar.rightnav {
	float: right;
	margin: 0 0 20px 20px;
	width: 240px;
}

.sidebar ul {
	background-color: #ffffff;
}

.sidebar ul.nailup {
	position:fixed;
	top:0;
	width:inherit;
}

.sidebar li {
	margin-bottom: 5px;
	overflow: hidden;
	width: 100%;
}

.sidebar li a {
	background: none repeat scroll 0 0 #E5E2DB;
	color: #4D4D4F;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	padding: 9px 0 9px 10px;
}

/* this turns the top sidebar item gold/white from gray
.sidebar li.sidehome a {
	background: none repeat scroll 0 0 #CF9123;
	color: #FFFFFF;
	text-transform:uppercase;
}
*/

.sidebar li a:hover { 
	text-decoration: none; 
	background: #c0b9a9; 
}

.sidebar li ul { 
	padding: 20px 0 0 0; 
	margin: 0; 
	overflow: hidden; 
	display: none; 
}

.sidebar li li { 
	padding-bottom: 11px; 
}

.sidebar li li a { 
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
	background: transparent !important; 
	padding: 0 0 0 18px; 
}

.sidebar li li.current_page_item a, .sidebar li li a:hover { 
	background: url('images/arrow-orange.png') 8px 3px no-repeat !important; 
}

.sidebar li li.current_page_item a { 
	font-weight: bold; 
}

.sidebar li#users {
	display:none;
}

/* Public Forms */
#submit_return {
	padding:10px;
	width:600px;
	text-align:center;
}

.returns {
	display:none;
}

.success {
	background-color:#CFC;
	border:1px dashed #393;
}

.failure {
	background-color:#FCC !important;
	border:1px dashed #933 !important;
}

.required {
	color:#990000;
}

.pubform input, .pubform textarea, .pubform select {
	background-color:#e5e2db;  
	border:1px solid #666666;
	border-radius:4px;
	margin:2px 10px;
	padding:3px;
}

.pubform label, .pubform input {
	vertical-align:middle;
}

.pubform label, .pubform div span.label {
	margin:0;
	width:100px;
	line-height:24px;
	float:left;
}

.pubform div.field {
	min-height:30px;
}

.pubform .button {
	cursor:pointer;
}

/* Footer */
#footer {
    background-color: #e5e2db;
    clear: both;
    height: 58px;
    margin-bottom: 0;
    width: 100%;
}
#footer .footer-container {
    clear: both;
    margin: auto;
    overflow: hidden;
    width: 925px;
}
#footer .footer-container .social {
    float: left;
    margin-top: 15px;
    text-align: left;
    width: 212px;
}
#footer .footer-container .social a {
    border: medium none;
    float: left;
    font-size: 0;
    height: 26px;
	margin-bottom: 4px;
    width: 26px;
	margin-right: 9px;
}
#footer .social .facebook-link { 
	background: rgba(0,0,0,0) url('images/social-sprite.png') 0 0 no-repeat; 
}
#footer .social .twitter-link { 
	background: rgba(0,0,0,0) url('images/social-sprite.png') -26px 0 no-repeat; 
}
#footer .social .youtube-link { 
	background: rgba(0,0,0,0) url('images/social-sprite.png') -52px 0 no-repeat; 
}
#footer .social .instagram-link { 
	background: rgba(0,0,0,0) url('images/social-sprite.png') -78px 0 no-repeat; 
}
#footer .social .video-link { 
	background: rgba(0,0,0,0) url('images/social-sprite.png') -104px 0 no-repeat; 
}
#footer .footer-container .contact-info {
    color: #4d4d4f;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 25px;
    text-align: left;
}
#footer .footer-container .contact-info a {
    color: #4d4d4f;
}