/* @override https://www.elon.edu/shell/css/miro/elon-miro.css */

/* @group global.min styles */

#gh_container {
	z-index: 5;
}

#gh_container a, #gh_container label {
	text-shadow: #fff 0px 0px 0px!important;
}

div#footer {
	/*clear: both!important;*/
	/*text-align: center!important;*/
	/*margin: 0!important;*/
	/*position: relative!important;*/
	/*background: url(https://www.elon.edu/images/e-web/master_templates/footer_bg.png) repeat-x!important;*/
	/*width: 100% !important;*/
	padding: 0;
}

/*div#footer p {
	padding: 1.5em 0 3em 0!important;
	text-align: left!important;
	color: #797979!important;
}*/

div#footer p.footer_address {
	float: left!important;
}

div#footer p.footer_links {
	float: right!important;
	text-align: right!important;
}

#footer .container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group Custom Miro Styles */

/* @group Basic Setup */

html {
	background: url('https://www.elon.edu/shell/960/css/images/gh_bg.png')!important;
	background-repeat: repeat-x!important;
	background-color: #f5f5f5 !important;
	background-position: 50% 0!important;
}

body {
	background: none !important;
}

div#top_wrapper {
	width: 962px;
	margin-bottom: 20px;
}

#miro_content {
	float: left;
	background:#fff;
	margin-bottom: 20px;
	
}

#wrapper {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	float: left;
	text-align: left;
}

#content {
	width: 938px;
}

#below_fold, #content {
	background-color: #fff;
	float: left;
	padding: 0 10px;
}

#below_fold {
	width: 938px;
}

/* @group home_page */


#home_page #content {
	width: 960px;
	padding: 0;
	
}

/* @end */

#about_page .logo {
	max-width: 300px;
	border: 1px solid #e0e0e0;
	padding: 10px;
}

body, div, label, h1, h2, h3, h4, h5, span, strong, li, a {
	text-shadow: none;
}

#home_page .home_page a,
#video_listing_featured .featured a,
#video_listing_new .new a,
#about_page .about a,
#video_listing_popular .popular a,
body.incomingvids a.sub,
body.incomingfeeds a.sub,
body.bulkedit a.sub,
body.category_admin a.sub,
body.settings a.design,
body.uploadtemplate a.design,
body.flatpages a.design,
body.user_admin a.users,
body.comments a.comments,
body#categories_page li.categories a {
	color: #797979 !important;
}

h2 {
	letter-spacing: inherit;
	font-weight: normal;
	font-size: 1.6em;
}

h4 {
	color: #444;
	font-size:1.1666em;
	margin:0 0 1.285em;
	line-height:1.25em
}

#wrapper a, #overlay a {
	border: none;
}

.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0px;
}



/* @end */




/* @group Borders */

#miro_content {
	/*border: 1px solid #b0b0b0;*/
}

#home_page #miro_content {
	border: none;
}

#below_fold, #header, #content {
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
}

#header {
	border-top: 1px solid #b0b0b0;
}

#below_fold, #content {
	border-bottom: 1px solid #b0b0b0;
}

#home_page #content {
	border: none;
}

.featured_small_list, .new_small_list, #share_links, #tags ul.meta_listing li.item {
	border-bottom: 1px dotted #ddd;
}

#tags {
	border-top: 1px dotted #ddd;
}

#content {
	border-top: 1px dotted #b0b0b0;
}

dl, dt, dd {
	border: none;
	background: none !important;
}

/* @end */


/* @group Header */

#header {
	height: 89px;
	padding: 20px 20px 0;
	background-color: #f8f8f8;
	
	background-image: url("http://www.elon.edu/shell/css/miro/header_bg.png");
	background-repeat: no-repeat;
	background-position: 0 28px;
	
	/*height:111px;*/
	height:111px;
	padding-top: 30px;
}

#header #logo {
	/*display: none;*/
	margin:0;
	width:183px;

	height: 59px;
	position: absolute;
	top: 32px;
	left: 40px;
}

#header #logo {
	width: 500px;
	top: 20px;
	left: 45px;
}

#logo h1 {
	display: none;
}

#logo img {
	margin: 0;
	width: auto;
	height: auto;	
}

/*#header h1.tagline {
font-family: helvetica,"Helvetica Neue",arial,sans-serif;
font-size: 22px;
letter-spacing: .01em;
position: absolute;
top: 40px;
text-align: center;
margin: 0 0 0 -22px;
color: #454444;
padding: 0;
}*/

/* @group Search */

#search {
float: right;
/*margin-top: 37px;*/
/*padding: 0;*/


	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	
	/*padding-top: 4px;
	padding-left: 11px;
	padding-right: 11px;*/
	padding: 4px 11px 0;
/*_padding: 34px 0 0 0;*/
	background-color: #f8f8f8;
}

#search #search_field {
margin: 3px 2px 2px 0;
float: left;
padding: 4px 9px 6px;
/*height: 18px;*/
border: 0;
width: 140px;
_width: 140px;
font-size: 11px;

line-height: 11px;
}

#search #searchbutton {
float: left;
margin-top: 2px;
}

/* @end */

#header .show_admin {
	/*margin-top: 30px;*/
	margin-right: 0px;
	margin-top: 24px;
}


#fb_like-this {
	width: 52px;
	float: right;
	/*margin-top: 32px;*/
	margin-right: 15px;
	margin-top: 27px;
}

/* @group Nav */

#nav {
	width:790px;
	padding-left: 0;
	padding-top: 0;
	margin-top: 22px;
	margin-bottom: 0;
	margin-left: 34px;
	clear: none;
}

#nav, #nav span, #nav li, #nav strong {
	text-shadow: #e9e9e9 1px 1px 0px;
}

#nav li {
	font-size: 13px;
	*font-size:12px;
	width: auto;
	margin-right: 8px;
	font-family: Georgia, 'Hoefler Text', Utopia, 'Palatino Linotype', Palatino, Times, 'Times New Roman', Georgia, serif;
}

#nav ul li li {
	width: 223px;
}

#nav a {
padding-right: 14px;
	margin-top: 0;
}

#nav a span {
	line-height: 27px;

/*line-height: 29px;*/
padding: 0 3px 2px 17px

;
/*background: url(../images/nav_left.png) no-repeat;
_background: url(../images/nav_left.gif) no-repeat;*/
}

#nav li > a {
	font-weight: normal;
}

#nav a,
#nav a:hover {
	color: #900;
}

#nav a:active {
	color: #600;
}

#nav a:active span {
	padding-top: 0px;
}

.categories .downarrow  {
background:url("https://www.elon.edu/shell/css/miro/down_nav_arrow.png") no-repeat scroll right center transparent !important;
display:inline;
padding:0 15px 0 0 !important;
width: 10px;
height: 8px;
}

#nav li ul { /* second-level lists */
    position: absolute;
	background: none;
    width: 730px;
	margin-left: 5px;
    /*left: -999em;
	z-index:999;*/  
}


#nav li ul li{
padding: 0;
margin: 0;
width: 12em;
border:1px solid #ddd;
background: #fefefe;
background-image: none;
}


#nav li ul li a{
background: none;
margin: 0 !important;
line-height: 1.5em;
padding: 5px 5px 5px 10px;
text-shadow: none;
color: #444;
}

#nav li ul li div.bg {
	background: none;
}

/* @end */

/* @end */

/* @group Slider */

#slider {
	padding-top: 0;
	background-image: url("https://www.elon.edu/shell/css/miro/bg.png");
	background-position: center -91px !important;
	background-repeat: repeat-x !important;
	
	margin:0;
	
	height: 354px !important;	
}

#slider2 li{
	height:320px !important;
}

#slider2, #slider2 li {
	background: none !important;
}

#slider2 a.image {
	margin-top: 10px;
}

a.image, a.image:hover {
	border: none;
}

#slider2 li h2 {
	color: #eee;
	text-shadow: #222 1px 1px 0px !important;
	height: 50px;
}

#slider2 .copy {
	font-size: 12px;
	line-height: inherit;
	margin-top: 0;
	height: 200px;
}

#slider2 .copy div {
	font-size: 12px;
}

#slider2 li div.copy span,
#slider2 li div.copy div a, #slider2 li div.copy span a {
	text-shadow: none !important;
}

#slider2 li div.copy div {
	color: #e8e8e8 !important;
	text-shadow: #222 1px 1px 0px !important;
}

#controls {
position: relative;
top: -280px;
}

#prevBtn2{
	margin-left: 10px;
}

#nextBtn2 {
	margin-right: 10px;
}

#controls a {
	outline-style: none;
}

/* @end */





/* @group Headers */

#sidebar_header a, .sidebar_header a {
padding-left: 10px;
color: #444;
text-decoration: none;
}

#main_header, .main_header, .sidebar_header {
line-height: inherit;
clear: inherit;
height: inherit;
margin: 20px 0;
}

.main_header, #sidebar_header, .sidebar_header {
	background: none;
	height: 22px;
	padding-bottom: 2px;
}

.pag, .main_header, .sidebar_header {
border-bottom: 3px solid #666;
/*margin-bottom: 30px;*/
}

.sidebar_header {
	float: left;
	width:100%;
}


.pag {
	padding-top:60px;
	height: auto;
	margin-bottom: 20px;
	position: relative;
}

.pag.bottom {
    clear: both;
    border: none;
}

.pagetabs {
	position: absolute;
	top: 32px;
	right: 10px;
}

h2.page_title, .main_header h2, .sidebar_header h2 {
font-size: 1.6em;
font-weight: normal;
padding-left: 6px;
float: left;
/*margin-bottom: 0;*/
}

.sidebar_header h3 {
	float: left;
}

h2.page_title, #home_page .main_header h2 {
	padding-top: 35px;
	color: ;
}

#author-link {
	float: left;
	padding-top: 38px;
	font-size: 11px;
	font-style: italic;
}

#home_page .main_header h2 {
	padding-top: 0;
}

.h2_more, .main_header .floatright, .sidebar_header .floatright {
	margin-top: 2px;
}

.h2_more {
	float: left;
	margin-left: 10px;
	font-size:12px;
	font-weight: normal;
	color: #ddd;
}

.h2_more a {
	padding:0;
	padding-left: 6px;
}

.floatright a {
	color: #444;
}

/* @end */

/* @group Listings */

/* @group Horizontal Listings */

.featured_small_list, .new_small_list, .popular_small_list {
	width: 940px;
	margin-right: 0;
	margin-bottom: 20px;
}

.featured_small_list {
	margin-top: 20px;
}

.generic_listing .video,
#home_page .video
 {
	float: left;
	width: 100%;
	padding: 0;
	clear: none;
	margin-bottom: 20px;
	_overflow: hidden;
	
	width: 140px !important;
	height: 200px;
	margin-right: 22px !important;
	margin-left: 25px !important;
}


/* @end */

/* @group Markup */

.video * {
	font-size: 11px;
}

.title_desc {
padding-top: 4px;
height: auto;
margin-bottom:6px;
line-height: 1.5em;
}

.generic_listing .title_desc {
	height: auto !important;
}

.title_desc, .video > p {
	float: left;
	width: 100%;
}

.title_desc h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
line-height: 1.4em;
color: #333;
letter-spacing: .01em;
/*max-height: 57px;*/
max-height:34px;
overflow: hidden;
}

.title_desc h3 {
	margin-bottom: 3px;
}

.title_desc h3 a {
	height: auto;
}

.title_desc > p {
line-height: inherit;
max-height: 49px;
color: #555;
font-size: 11px;
overflow: hidden;
}

.title_desc a h3, .title_desc h3 a {
	color: #900;
	text-decoration: none;
	font-size: 13px;
}

.title_desc > p {
	color: #333;
}

 .title_desc .desc {
	display: none;	
}

.video span.author a {
	color: #700;
}

.video > p {
	font-size: 10px;
	color: #888;
}

.video p a {
	color: #888;
}

.video a span {
	font-weight: bold;
}

.video a:hover {
	text-decoration: underline;
}

.pub {
	color: #777;
}

.by {
	color: #777;
}

.by a {
	font-weight: bold;
}

/* @end */

/* @group Featured, Sidebar */

.vertical_listing .video {
border-bottom:1px dotted #B0B0B0;
margin:0px 0px 20px 0px;
padding:1px 0px 20px 0px;
}

.vertical_listing .title_desc {
	height:55px;
	padding-top: 0;
}

#sidebar .title_desc p {
	display: none;
}

.vertical_listing .video > p,
.vertical_listing .title_desc {
	float: none;
	width: auto;
	margin-right: 10px;
}

.vertical_listing .title_desc .desc {
    display: inline !important;
}

.vertical_listing a.thumbnail {
margin-right: 26px;
margin-left: 10px;
}

/* @end */

/* @end */

/* @group Individual Videos */

#main_video {
	padding-top: 30px;
}

#main_video, #main_video .video_wrapper {
	width: 100%;
	float: left;
	clear: both;
	
}

#main_video .video_wrapper {
	background: url("https://www.elon.edu/shell/css/miro/bg.png") repeat-x ;
	margin-top: 0;
	margin-bottom: 10px;
}

#main_video .inner_wrapper {
	width: 100%;
	float: left;
}

.video_wrapper div {
text-align: center;
margin: 17px auto 35px;
clear: both;
width: 534px;
padding-left: 2px;
float: left;
z-index: 0;
position: relative;

float:none;
margin:5px auto 10px;
}

#main_video .action {
	float: left;
	width: 100%;
	padding: 5px 0;
	background: #fff;
}

.vid_title_wrapper {
	width: 500px;
}

div.vid_title h2 {
	line-height: 1.3em;
	padding-top: 0;
	font-weight: bold;
	margin-bottom: 0;
}

#main_video .date {
}

#main_video .byline {
	float: left;
}

.byline a {
    color: #BB2515;
}

#main_content {
	float: left;
	width: 534px;
}

#main_content .admin div{
	float: left;
}

#main_content .description {
	margin-bottom: 25px;
}

#main_content ul, #main_content ul li{
    display: inline;
}

#main_content ul{
    float: left;
}

#tags {
	float: left;
	padding-top: 10px;
	background: none;
}

#tags ul.meta_listing a {
    color: #900;
}

#tags ul.meta_listing li.item {
	margin-bottom:1em;
}

#id_comment {
	background: none;
	border: 1px solid #ddd !important;
	border-top: 1px solid #b0b0b0 !important;
}

/* @end */

/* @group Sidebar */

#sidebar {
	padding-top: 0px;
}

#share_links {
    padding-left: 15px;
    /*padding-bottom: 10px;*/
    min-height: 2em;
	height: 55px;
	float: left;
}

#share_links a {
    float: left;
    width: 140px;
    font-size: 11px;
    display: block;
    font-weight: normal;
    padding-left: 20px;
    
    color: #900;
    text-decoration: none;
    
    padding-bottom: 0px;
    margin-bottom: 10px;
}

/* @group Playlists */

#playlists ul {
	list-style-type: none;
}

.playlist_thumbs {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0;
    float: left;
}

.playlist_thumbs a {
	color: #333;
}

.playlist_thumbs .thumb_title {
    margin-top: 10px;
    width: 140px;
    padding: 0;
    margin-left: 26px;
}

.playlist_thumbs .thumb_number {
	top: -90px;
}

#sidebar form {
	float: left;
	width: 380px;
}

#sidebar select#id_playlist {
	margin-right: 7px;
	margin-left: 19px;
}

/* @end */

/* @end */

/* @group Buttons */

.med_button,
#edit_video_wrapper .display_data {
color: #333;
}

.med_button > span,
#edit_video_wrapper .display_data a {
color: #333 !important;
}

.med_button:hover,
#edit_video_wrapper .display_data:hover {
color: #888;
}

.med_button:hover span,
#edit_video_wrapper .display_data:hover a {
color: #888;
}

.med_button:active,
#edit_video_wrapper .display_data:active {
color: #aaa;
}


#slider .med_button > span {
	color: #f8f8f8 !important;
	text-shadow: #333 1px 1px 0px;
}


/* @end */

/* @group Overlays */

#overlay {
	width: 624px;
    /*height:430px;*/
    background: #444;
    z-index: 9999;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 30px 5px #333;
    -webkit-box-shadow: 0 0 90px #000;
    
}

#overlay, div.contentWrap {
	height: inherit !important;
}

#exposeMask {
	background-color: #e9e9e9 !important;
}

#overlay .close {
	background-image:url(http://www.elon.edu/shell/960/js/elonOverlay/img/close_x.png);
	position:absolute;
	right:-31px;
	top:24px;
	cursor:pointer;
	width:31px;
	height:86px;	
	z-index: 10000;
}

#overlay .close:hover {
	background-position: 0;
}


#overlay #gh_container {
	display: none;
}

#overlay div#top_wrapper {
	width: 100%;
	float: left;
}

#overlay #miro_content {
	margin: 0;
}

#overlay .content {
	width: 580px;
	float: left;
	margin: 20px 20px 0;
}

/* */

#overlay {
	/*float: left;*/
	height:auto !important;
}

div.contentWrap {
	height: auto !important;
	overflow: hidden !important;
}

#overlay #top_wrapper {
	/*width: 600px;*/
	width: auto !important;
	margin: inherit !important;
}

#overlay #miro_content {
	/*width: 624px;*/
	margin:0px !important;
	width: auto !important;
}

#overlay #miro_content .content {
	width: auto !important;
	margin: 20px !important;
	float: none !important;
}



#overlay #login {
	margin: 10px;
}

#login .tabs li a {
	padding: 10px 15px 10px;
}

#login .tabs_content form p {
	margin-bottom: 10px;
}

/* @end */

/* @end */