/* custom banner */
a.custombanner{width:220px;height:567px;}


/* News Cycle */

.cycle-container {position:relative;background:#fff;margin-bottom:40px;height:190px;}

#pager {
    height: 25px;
    margin: 5px 0 0;
    position: relative;
    text-align: center;
}
#pager a {text-indent:-5000px; height:30px; width:30px; background: url(page.png) bottom right #fff;display:inline-block;cursor:pointer;text-decoration:none;}
#pager a:focus {outline:none;}
#pager a.activeSlide {background-color: #900;}
#pager a span.title {
    background: none repeat scroll 0 0 #333333;
    bottom: 30px;
    color: #EEEEEE;
    display: block;
    left: -5000px;
    margin-left: -100px;
    padding: 5px;
    position: absolute;
    text-indent: 0;
    width: 200px;
    z-index: 200;
    border-radius: 5px 5px 0 0;
    opacity: 0.9;
    font-size:0.9em;
}
#pager a:hover {background-color: #faa;}
#pager a.activeSlide:hover {background-color: #900;}
#pager a:hover span.title {left:50%;}
#pager a.activeSlide:hover span.title {font-weight:bold;}

#pager a span.next-title, #pager a span.prev-title {
    color: #FFFFFF;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    text-indent: 0;
    z-index: 100;
    display:none;
    top:0;
    bottom:0;
}
#pager a span.next-title {right:0;}
#pager a span.prev-title {left:0;}

#pager a.activeSlide span.next-title, #pager a.activeSlide span.prev-title {display:block;}

.cycle {margin: 0 40px;}
.cycle .news_item_inner {position:relative;height:190px;}
.cycle .news_item {overflow:hidden;width:620px;}
.cycle .news_item_hook {position:absolute; top:0; width:290px; bottom:0;left:00px; z-index: 100;background: url(image-mask.png) top left repeat-y;}
.cycle .news_image {position:absolute; top:0; left:0;}
.cycle h5, .cycle p.leader {padding: 20px 20px 0 300px; margin:0;}
.cycle h5 a {
    color: #220000;
    display: block;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
}
.cycle p.leader {color: #000;padding-top:10px;font-size:1.2em; line-height:1.3;font-size:10pt;}
.cycle .msl_pubdate {display:none;}

a#prev, a#next {position: absolute;top:0;bottom:0;width:40px;text-indent:-5000px; cursor:pointer;overflow:hidden; display:block;}
a#prev {left:0;background: url(previous.png) center right no-repeat #000;}
a#next {right:0;background: url(next.png) center left no-repeat #000;}
a#next:hover, a#prev:hover {background-color: #333;}

a#next:hover + #pager a.nextslide span.title {left:auto;right:40px;margin-left:0;border-radius: 30px 0 0 0;}
a#prev:hover + a#next + #pager a.prevslide span.title {right:auto;left:40px;margin-left:0;border-radius: 0 30px 0 0;}



/* ---------- layout ------- */
.homepage, .float {float:left;display:block;}
#wrapper{padding:0;}

/* Column widths, based on multiples of a 60px column with a 20px gutter */

.span-12 {width:940px; padding: 30px 30px 0; float:left; background: #fff;}
.span-10 {width:780px; margin: 0 20px 0 0; float:left;}
.span-9 {width:700px; margin: 0 20px 0 0; float:left;}
.span-6 {width:460px; margin: 0 20px 0 0; float:left;}
.span-5 {width:380px; margin: 0 20px 0 0; float:left;}
.span-4 {width:300px; margin: 0 20px 0 0; float:left;}
.span-3 {width:220px; margin: 0 20px 0 0; float:left;}
.span-2 {width:140px; margin: 0 20px 0 0; float:left;}

.last {margin-right:0;}

.box {background: #fff; margin: 0 0 20px;}

/* -------- Layout styles ------------ */
.homepage h3{text-transform:lowercase;margin:0;font-family:verdana,arial,sans-serif;}
.homepagegallery h3{display:none;}
h2.clear{clear:both;}
h2 {
    font-family: 'Helvetica Neue',Arial,sans-serif;
    margin: 0 0 10px;
    padding: 10px;
    text-transform: none;
    font-size:1.8em;
    background: #1e1f1a;
    color: #fff;
    text-align:right;
    clear:right;
}
.medium h2{padding-top:8px;}
.small h2{padding-top:8px;}

/* ---- Top banner ------------*/

#homepageteaser{margin-left:-30px;}
.homepage .news_item h5 a{text-transform:lowercase;font-family:verdana,arial,sans-serif;display:block;padding:4px 0;}

.homepage #search{padding:0;}
.homepage #search .button{background:#20baf0; padding:5px; font-size:0.9em;}
.homepage #search .textbox{padding:5px 0;position:relative;top:-5px;}

#homepagebanner{min-height:80px;}
#homepagebanner h5{display:none;}
#homepagebanner .leader{display:none;}

.scrollerbar {
    background: url(black75.png) repeat scroll 0 0 transparent;
    height: 80px;
    left: 0px;
    margin-top: -80px;
    overflow: hidden;
    padding: 0 40px;
    position: absolute;
    width: 920px;
}
#scrollersection{margin-left:25px;}
.scroller,#scroller a{color:#ffffff;}
.scroller{overflow:hidden;width:950px;float:left;margin-left:25px;}

.scrollerbar li {width:300px;float:left;list-style:none;}
.scrollerbar li a {padding: 0;position:relative;}
.scrollerbar li a.shrink {font-size:90%;}
.scrollerbar li img {float:left; width:80px;margin-right:10px;}
.scrollerbar li .sabb-name {
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px;
}
.scrollerbar li .sabb-pos {
    color: #AD9C71;
    display: block;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1;
    padding: 0 5px;
}

#sabbprev {
    background: url("/pageassets/scroll-arrow-left.png") no-repeat scroll 50% 50% transparent;
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    text-indent: -5000px;
    top: 0;
    width: 40px;
}
#sabbnext {
    background: url("/pageassets/scroll-arrow-right.png") no-repeat scroll 50% 50% transparent;
    display: block;
    height: 80px;
    right: 0;
    position: absolute;
    text-indent: -5000px;
    top: 0;
    width: 40px;
}

/*------ Latest News ------- */

#news-area {margin-bottom:45px;}

#latest .news_item {
    border-bottom: 1px solid #CCCCCC;
}
.msl-recentblogposttitle{font-weight:bold;}
.msl-recentblogpostblogname{display:none;}
li.msl-recentblogpost{display:block;position:relative;border-bottom:1px solid #cccccc;padding:5px;}
#latest h5 {text-transform:none;}
#latest a, .msl-recentblogposttitle {
    color: #222222;
    display: block;
    font-size: 11pt;
    margin: 0;
    min-height: 22px;
    padding: 6px 70px 6px 5px;
    line-height:1.1;
    text-transform: none;
}
.msl-recentblogposttitle{padding:1px 100px 1px 5px;}
#latest .msl_pubdate, .msl-recentblogpostdate {
    font-size: 9pt;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 60px;
}
.msl-recentblogpostdate{width:100px;}

#latest .news_image, #latest p.leader {display:none;}
#latest .news_all {position:absolute; right:0; bottom: -25px;}
#latest .news_all .msl_edit {display:none;}
#latest .news_all a {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 8pt;
    line-height: 1;
    min-height: 0;
    padding: 3px;
    text-transform: uppercase;
}

a.all-link {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 8pt;
    line-height: 1;
    min-height: 0;
    padding: 3px;
    text-transform: uppercase;
    float:right;
    display:block;
    margin: 0 0 20px;
}

/* ---------- Media --------- */
#video {text-align:center;}
#video object {
    display: block;
    margin: 0 auto;
}

#medialist li{display:block;float:left;}
#medialist a{display:block;width:110px;padding-top:100px;margin-right:6px;}
#medialist .lnkmedia{padding:0;}
#medialist a.last{margin-right:0;}
#pulse{background:url(http://www.lsesu.com/pageassets/pulse.jpg) no-repeat top left;}
#clare{background:url(http://www.lsesu.com/pageassets/clare.jpg) no-repeat top left;}
#beaver{background:url(http://www.lsesu.com/pageassets/beavnew.jpg) no-repeat top left;}
#loose{background:url(http://www.lsesu.com/pageassets/loosenew.jpg) no-repeat top left;}

/*----------- Clubs and Societies -------*/
#featuredclub{}
#featuredclub .news_item {
    padding: 100px 20px 0;
    position: relative;
}
#featuredclub h5{padding:0;}
#featuredclub a{border:none;padding-bottom:0;}
#featuredclub img {
    left: 20px;
    position: absolute;
    top: 20px;
}
#featuredclub h5 a{padding-top:90px;postition:relative;}
#featuredclub .leader{line-height:1.5em;}
#featuredclub .news_item_hook{display:none;}
#clubs-area h3 {padding: 0; font-family:Arial, Helvetica, sans-serif; text-transform:none;}

/*------ Club Search---------*/
#clubsocsearch {padding: 10px;}
#clubsocsearch .textbox{width:210px;}
.middle #search{margin-top:8px;}
#advertspacetwo{padding-left:20px; display:block;}

/* Video */

#video object {margin-bottom: 5px;}

/*-------- Blogs --------- */


/*------- Photos ---------*/

#photogallery img{width:70px;height:70px;}
#photogallery li{float:left;margin:0 8px 8px 0;list-style:none;} /* rhs margin offset using script */
#photogallery h3{display:none;}

#advertspacebanner, #advertspacebanner a{padding-top:8px;text-align:center;}
#additionalad, #additionalad a{text-align:center;}
#additionalad{padding-top:20px;}


/* -------- Adverts ---------*/
#advertblock{margin-left:25px;padding-top:20px;clear:both;overflow:hidden;}
#advertblock div{float:left;margin-right:3px;}

/* --------- Scroller -------*/
.scroller .msl_event_location{line-height:1em;}

#bannerwrapper{position:relative;overflow:hidden;}
#bannerprev{background:url(scroll-left.png) top left;text-indent:-6000px;width:50px;height:50px;display:block;position:absolute; top:40%;left:2%;z-index:20;}
#bannernext{background:url(scroll-right.png) top left;text-indent:-6000px;width:50px;height:50px;display:block;position:absolute;top:40%;right:2%;z-index:20;}

#eventprev{background:url(/pageassets/scroll-arrow-left.png) black no-repeat left 50%;text-indent:-5000px;width:25px;float:left;display:block;height:100px;position:absolute;left:0;top:0px;}
#eventnext{background:url(/pageassets/scroll-arrow-right.png) no-repeat right 50%;text-indent:-5000px;width:25px;float:right;display:block;height:100px;position:absolute;right:0;top:0px;}
#scrollerbar{position:relative;}

/* Link Buttons */

a.link-button {display:block; height:80px; overflow:hidden; text-indent:-5000px;margin: 0 0 20px;}
a.link-button.newsletter {background: url(link-newsletter.png) top left no-repeat;}
a.link-button.media {background: url(link-media.png) top left no-repeat;}
a.link-button.photos {background: url(link-photos.png) top left no-repeat;}

/* Calendar Styles */

.msl-eventcal-default {width:300px;}
.msl-eventcal-default td.msl_event_calendar_selected_day {background-color: #AADDFF !important;}
.msl-eventcal-default td.msl_event_calendar_selected_day:hover {
    background-color: #ccf0ff !important;
}
.msl-eventcal-default td.msl_event_calendar_selected_day:hover .msl-cal-wrapper {
    background: none repeat scroll 0 0 #ccf0ff ;
    color: #333;
}
.msl-eventcal-default .msl-cal-hoverbox {
    background: none repeat scroll 0 0 #ccf0ff;
    border: 1px solid #000;
    padding: 0;
}
.msl-eventcal-default td:hover .msl-cal-hoverbox {
    left: 1em;
    top: 1.5em;
    width: 12em;
}


/* Prev and Next */

.cyclewrapper {position: relative; width:460px;background:#fff;margin-bottom:20px;}

.cyclewrapper a#next, .cyclewrapper a#prev {
height: 230px;
position: absolute;
top: 0;
background-position: center left;
width: 20px;
cursor: pointer;
z-index: 20;
text-indent:-5000px;
overflow:hidden;
}

.cyclewrapper a#next:hover, .cyclewrapper a#prev:hover {
background-position: center right;
}

.cyclewrapper a#next {
background-image: url(next.png);
right: 0px;
}

.cyclewrapper a#prev {
background-image: url(prev.png);
left: 0px;
}

/* drop shadows */

/* .defaultnews, .box {box-shadow: 0 6px 10px 5px #AAAAAA;} */

.hide {display:none;}

.box h3 {margin-top:0;}
.box #search {padding: 0;}

.twtr-hd {display:none;}
.box .twtr-widget .twtr-tweet-wrap {padding:0;}

.news_list, h2, .cycle-container, #clubsocsearch, .twtr-ft, #home-blog {
    position:relative;
    box-shadow: 0 0 5px #333333;
    behavior: url(/assets/site_resources/PIE.htc);
}

.news_list, #clubsocsearch {background: #fff;}

.twtr-ft {
    background: none repeat scroll 0 0 #1E1F1A;
    height: 40px;
    margin-top: 10px;
    position: relative;
}
.twtr-ft span a {font-size:8pt;}

#follow-us ul.social-icons {
    background: none repeat scroll 0 0 #D9D9D9;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    height: 76px;
    padding: 2px 54px;
    text-align: center;
}
ul.social-icons li {display:block;width:38px;height:38px;float:left;}
ul.social-icons li a {display:block; width:38px; height:38px; text-indent:-5000px;}

/* Event list */

.box .msl_eventlist {}
.box .msl_eventlist img {display:none;}
.box .msl_eventlist dl {
    background: none repeat scroll 0 0 #D9D9D9;
    line-height: 1;
    margin: 0 0 5px 55px;
    min-height: 30px;
    padding: 9px;
    position: relative;
}
.box .msl_eventlist dt a {
    color: #000000;
    display: block;
    font-size: 12pt;
    font-weight: bold;
    max-height: 16px;
    overflow: hidden;
    text-transform: none;
}

.box .msl_eventlist dd.msl_event_time {position:absolute; left: -55px; top:0; padding: 5px; text-align:center; background: #333; color: #fff; height:40px; width:40px; overflow:hidden;}
.box .msl_eventlist dd.msl_event_location, .box .msl_eventlist dd.msl_event_types {display:none;}
.box .msl_eventlist dd.msl_event_description {
    height: 15px;
    line-height: 1;
    margin: 1px 0 0;
    overflow: hidden;
}
.box .msl_event_time .pub-date {
    display: block;
    font-size: 23px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 7px;
}
.box .msl_event_time .pub-month {
    display: block;
    left: 0;
    right:0;
    text-align:center;
    position: absolute;
    text-transform: uppercase;
    top: 30px;
}

/* Social Icons */

ul.social-icons li.bucs a {background: url(soc-bucs.png) no-repeat scroll left top transparent;}
ul.social-icons li.beaver a {background: url(soc-beaver.png) no-repeat scroll left top transparent;}
ul.social-icons li.clare a {background: url(soc-media.png) no-repeat scroll left top transparent;}
ul.social-icons li.loosetv a {background: url(soc-loose.png) no-repeat scroll left top transparent;}
ul.social-icons li.pulse a {background: url(soc-pulse.png) no-repeat scroll left top transparent;}

.box .box {margin-bottom:10px;}