@import url("http://www.bristol.ac.uk/styles/templates/import.css");

/* CENTRE FOR MEDIEVAL STUDIES - DARK RED/GOLD COLOUR SCHEME */ 

/* header */ 
#header {background: #8F2011 url(/medievalcentre/images/medievalcentre-banner.jpg) no-repeat right top; border-top: 1px solid #7F2417;}
#uoblogo a, #uoblogo span {background: url(/medievalcentre/images/medievalcentre-uoblogo.gif) no-repeat;}
.maintitle #title1, .maintitle a, .maintitle a:visited, .maintitle a:hover {color: #FFF;} 

/* page title and headings */ 
h1#pagetitle {color: #8F2011;} 
h2 {color: #8F2011;} 
h3 {color: #8F8C7D;}

/* links */
#uobcms-content a:link, #uobcms-content-nonav a:link {color: #002F5F;}
#uobcms-content a:visited, #uobcms-content-nonav a:visited {color: #0F487F;}
#uobcms-content a:hover, #uobcms-content-nonav a:hover {color: #8F2011;}
#breadcrumbs a, #breadcrumbs-nonav a, #breadcrumbs a:visited, #breadcrumbs-nonav a:visited {color: #0F487F;}

/* footer */ 
#footer span {white-space: nowrap;} 
#footer {color: #FFF; border-top: 1px solid #BEB9A6; border-bottom: 1px solid #7F2417;}
#footer a {color: #FFF;}
.footer-nav, .footer-nonav {background: #8F2011 url(/cmsimages/footer-crest.png) no-repeat right top;}
#uobcms-footer-feedback-separator {color: #AF6155;}

/* additional departmental top and bottom navigation bar */ 
#deptnav, #deptnavbottom {background: #AF8F57;  border-top: 1px solid #BEB9A6;} 
#deptnav ul, #deptnavbottom ul {background: #AF8F57; border-left: #BEB9A6;}
#deptnav ul li a, #deptnav ul li .link-on {color: #FFF; border-right: 1px solid #BEB9A6; height: 16px;}
#deptnav ul li .link-on {background-color: #FFF; color: #8F2011; border-top: 2px solid #BEB9A6; padding-top: 2px;}
#deptnav ul li a:hover, #deptnavbottom ul li a:hover {background-color: #BFA06B; color: #FFF;}
#deptnavbottom ul li a, #deptnavbottom ul li .link-on {color: #FFF; border-right: 1px solid #BEB9A6;}
#deptnavbottom ul li .link-on {background-color: #FFF; color: #8F2011;}

/* moving intranet links to right of top nav */
#deptnav ul {width: 100%;}
#deptnav ul li.intranet a, #deptnav ul li.intranet .link-on {float: right!important; border-right: 0; border-left: 1px solid #BEB9A6; padding: 3px 7px 5px 7px;}
#deptnav ul li.intranet .link-on {padding: 2px 7px 4px 7px;}
#deptnav ul li.intranet img {position: relative; top: 1px;}

/* zope - adding padlock for https */
#deptnav ul li a[href^="https://"]:after {content: " " url(/cmsimages/intranet-icon.gif) " "; vertical-align: top;}
#deptnav ul li a[href^="https://"] {float: right; border-right: 0; border-left: 1px solid #BEB9A6;}

/* side navigation */
.navtitle {color: #3F2C0C;}
.navtitle a {color: #3F2C0C;}
.navtitle a:hover {color: #3F2C0C;}
.navgrouptitle {background: none; color: #2B0D01;}
.navgrouptitle a, .navgrouptitle a:visited {color: #2B0D01;}
.navgrouptitle a:hover {color: #2B0D01; text-decoration: underline;}
.navgroup {background: none; border-top: 1px solid #DFDAD1;}
.navgroup li {border-bottom: 1px solid #DFDAD1; border-top: 1px solid #FFF; background-color: #EFEAE0;}
.navgroup li a {color: #000;}
.navgroup li a:visited {color: #000;}
.navgroup li a:hover {background-color: #EFE4D1; color: #000;}
.navgroup span.link-on, .navgroup ul span.link-on, .navgroup ul ul li span.link-on {color: #8F2011;}

/* sub navigation */
.navgroup ul li {border-top: 1px dashed #CFC4C2;}
.navgroup ul li a:hover {background-color: #F6F6F6;}
.navgroup ul li ul li a:hover {background-color: #F6F6F6;}

/* END OF COLOUR SCHEME STYLING */

/* basic data table formatting */
.data-table {border: 1px solid #5C277F; border-collapse: collapse; width: 100%; margin: 0 0 20px 0;}
.data-table caption {color: #42145F; background: #F3EFFF; border: 1px dotted #5C277F; border-bottom: none; padding: 3px 3px 4px 3px; font-size: 90%;} 
.data-table td, .data-table th {border: 1px solid #5C277F; border-collapse: collapse; padding: 5px;} 
.data-table thead th {color: #42145F; background: #F3EFFF; text-align: left;}
.data-table tbody th {text-align: left;}

/* table for ma page */
table.structure-breakdown {width: 100%; text-align: left; background-color: #FAFAFA; border: 1px solid #FFF; border-collapse: collapse; border-spacing: 0px; border-bottom: 1px solid #AAA;}
table.structure-breakdown th {background-color: #AAA; border: 1px solid #FFF; font-weight: bold; font-size: 90%; color: #FFF; padding: 5px; width: 33.3%;}
table.structure-breakdown td {border-right: 1px dashed #CCC; border-bottom: 1px dashed #AAA; font-size: 85%; padding: 4px 10px;}

/* page layout  */
/* h1#pagetitle {display: block; width: 737px;} */
#uobcms-content .layout-container p:first-child {margin-top: 0;}
#uobcms-content .layout-container h2:first-child {margin-top: 0;}
#uobcms-content .layout-container {margin-bottom: 0;}
#start-fix.row {margin-bottom: 10px; *margin-bottom: 26px /*IE7 fix*/;}

/* slider text block with left nav */
#uobcms-content .slider-full-width-static-block {margin: 10px 0 0px 0; position: relative; height: 238px; border: 1px solid #DCDCDC;}
#uobcms-content .slider-full-width-static-block .slider-text-block {padding: 0 20px 10px 20px; width: 220px; height: 228px; position: absolute; left: 498px; top: 0; background-color: #3F2C0C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F4312', endColorstr='#3F2C0C'); /* for IE */ background: -moz-linear-gradient(left, #5F4312 25%, #3F2C0C 100%); /* firefox */ background: -webkit-gradient(linear, left top, right top, color-stop(25%,#5F4312), color-stop(100%,#3F2C0C)); /* webkit */}
#uobcms-content .slider-text-block h1 {color: #BFA06B; margin: 0; padding: 16px 0 0 0;}
#uobcms-content .slider-text-block h1 span {color: #FFF;}
#uobcms-content .slider-text-block p {color: #FFF; margin-top: 10px;}
#uobcms-content .slider-text-block a {color: #FFF;}
#uobcms-content .more-link {position: relative; bottom: 4px;}

/* all sliders */
#uobcms-content .more-link a:hover, #uobcms-content-nonav .more-link a:hover {text-decoration: none!important;}

/* general styling */
#uobcms-content .box-style-one h2, #uobcms-content-nonav .box-style-one h2 {color: #8F2011; font-size: 120%;}
#uobcms-content .box-style-two h2, #uobcms-content-nonav .box-style-two h2 {color: #AF8F57; font-size: 120%;}
#uobcms-content .box-style-three h2, #uobcms-content-nonav .box-style-three h2 {background-color: #333;}

#right-col .box-style-one, #right-col .box-style-three {margin-bottom: 20px;}
#right-col p, #right-col li {font-size: 85%;}
#right-col .list-menu li {font-size: 100%;}

/* button style */
#uobcms-content a.button-style, #uobcms-content-nonav a.button-style {background-color: #8F2011; color: #FFF;}
#uobcms-content a:hover.button-style, #uobcms-content-nonav a:hover.button-style {background-color: #AF8F57; color: #FFF;}
#uobcms-content a.button-style span, #uobcms-content-nonav a.button-style span {font-weight: normal; font-size: 90%; font-style: italic;}

/* button style intranet */
#uobcms-content a.button-style-intranet, #uobcms-content-nonav a.button-style-intranet {background-color: #8F2011; color: #FFF;}
#uobcms-content a:hover.button-style-intranet, #uobcms-content-nonav a:hover.button-style-intranet {background-color: #AF8F57; color: #FFF;}
#uobcms-content a.button-style-intranet span, #uobcms-content-nonav a.button-style-intranet span {font-weight: normal; font-size: 90%; font-style: italic;}

/* highlight box with box style three */
#uobcms-content .box-style-three.highlight-box h2, #uobcms-content-nonav .box-style-three.highlight-box h2 {margin: 0; padding: 0.4em 0 0.4em 10px; color: #8F2011; background: none; opacity: none; -ms-filter: none; filter: none; text-shadow: none;}
#uobcms-content .box-style-three.highlight-box .box-border, #uobcms-content-nonav .box-style-three.highlight-box .box-border {border: none; background-color: #EFEFEF; padding-bottom: 0.2em; margin-bottom: 1em;}
#uobcms-content .box-style-three.highlight-box .box-border p, #uobcms-content-nonav .box-style-three.highlight-box .box-border p {margin: 0 10px 1em 10px;}
#uobcms-content .box-style-three.highlight-box .box-border ul, #uobcms-content-nonav .box-style-three.highlight-box .box-border ul {margin: 0 10px 1em 10px; font-size: 90%;}
#uobcms-content .box-style-three.highlight-box .box-border img {margin: 10px;}

#uobcms-content .box-style-three.highlight-box .box-border a.button-style, #uobcms-content-nonav .box-style-three.highlight-box .box-border a.button-style {background-color: #8F2011;}
#uobcms-content .box-style-three.highlight-box .box-border a:hover.button-style, #uobcms-content-nonav .box-style-three.highlight-box .box-border a:hover.button-style {background-color: #AF8F57;}

/* box hover link with arrow -h2- */
#box-hover-link h2 {position: relative; margin: 0; padding: 0; font-size: 90%; font-weight: bold;}
#box-hover-link h2 img {border: none;}
#box-hover-link h2 a {text-decoration: none;}
#uobcms-content #box-hover-link h2 a span {width: 350px;} /* grid 6 default */
#uobcms-content-nonav #box-hover-link h2 a span {width: 280px;} /* grid 4 nonav default */
#box-hover-link h2 a span {position: absolute; left: 0; bottom: 0; display: block; padding: 8px 10px; color: #FFF; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); background: #8F2011 url(/cmsimages/heading-overlay-arrow.png) no-repeat right center;}
#box-hover-link h2 a:hover span {opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); background: #AF8F57 url(/cmsimages/heading-overlay-arrow.png) no-repeat right center;}
#mega-footer #box-hover-link h2 {font-size: 100%; text-transform: none; letter-spacing: 0;}

/* box hover link with arrow -p- */
.box-hover-link {position: relative;}
.box-hover-link p a {margin: 0!important; text-decoration: none;}
.box-hover-link a img {border: none;}
.box-hover-link p a span {background: #8F2011 url(/cmsimages/heading-overlay-arrow.png) no-repeat 270px center; bottom: 0; color: #FFF; display: block; font-size: 110%; font-weight: bold; left: 0; padding: 7px 10px; position: absolute; width: 280px; opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
.box-hover-link p a:hover span {background: #AF8F57 url(/cmsimages/heading-overlay-arrow.png) no-repeat 270px center; opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
.box-hover-link p, #news-browse-col-container-homepage ul {margin: 0;}

/* film icon */
.film-icon {position: absolute; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}

/* box hover image style */
.box-hover-image a img {border-width: 0; display: block;}
#uobcms-content .box-hover-image h2 a,#uobcms-content-nonav .box-hover-image h2 a {text-decoration: none;}
.box-hover-image h2 a span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; background-color: #775FBF; color: #FFF; display: block; filter: alpha(opacity=85); margin-top: -1.9em; opacity: 0.85; padding: 0.3em 10px; position: relative; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; z-index: 1;}
.box-hover-image h2 a:hover span {background-color: #42145F;}
.box-hover-image p {font-size: 90%; line-height: 1.4;}
.box-hover-image .box-border {border: 1px solid #DCDCDC;}
.box-hover-image .box-border img {border: 0;}
.box-hover-image .box-border p {margin: 1em 10px;}
.box-hover-image .box-border ul.list-menu {border-bottom: 0; border-top: 0; margin:0;}
.box-hover-image .box-border ul {font-size: 90%; margin-bottom: 1.1em;}
.box-hover-image .box-border li {list-style-image: none; list-style-type: none; margin-left: 10px; padding: 0;}
.box-hover-image h2 {margin:0; padding:0;}

/* quotation box */
#fssl-quote-box {margin: 0 0 0 10px; padding: 0; height: 240px; background-color: #3F2C0C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F3914', endColorstr='#3F2C0C', GradientType=1); /* for IE */ background: -moz-linear-gradient(left, #4F3914 67%, #3F2C0C 100%); /* firefox */ background: -webkit-gradient(linear, left top, right top, color-stop(67%,#4F3914), color-stop(100%,#3F2C0C)); /* webkit */}
#fssl-quote-box blockquote {background: url(/medievalcentre/images/quote-open-brown.png) no-repeat 15px 20px; height: 240px; width: 205px; margin: 0; padding: 0 0 0 20px; color: #FFF;}
#fssl-quote-box p {background: url(/medievalcentre/images/quote-closed-brown.png) no-repeat bottom right; margin: 0; padding: 48px 5px 26px 0; line-height: 1.2; font-size: 110%;}
#fssl-quote-box cite {font-size: 90%; position: relative;}

/* name in quote */
.person-quote {font-style: italic; color: #666;}

/* tabs */
#uobcms-content .contentTabs li a, #uobcms-content-nonav .contentTabs li a {color: #333;}

/* drop down menu fix within layout container */
#uobcms-content .layout-container .column .drop-down-menu .content-padding {padding: 0.8em 10px 0.4em 10px;}

/* adobe reader width alteration */
#uobcms-content .adobe-reader {width: 628px;}

/* homepage events style */
ul.newseventslist {margin-top: 0;}
ul.newseventslist li {list-style: none; list-style-image: none; margin-left: 0; font-size: 80%; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dashed #CCC; color: #6F6F6F;}
ul.newseventslist li a {font-size: 110%;}
#events p.more-link {font-size: 80%; font-weight: bold;}

/* seminars and conferences category */
#seminars. ul.newseventslist li {list-style: none; list-style-image: none; margin-left: 0; font-size: 90%; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dashed #CCC; color: #6F6F6F;}
#seminars. ul.newseventslist li a {font-size: 100%; font-weight: bold;}

/* events section */
#horiznavlist {width: 760px;}
#horiznavlist #years {border-bottom: 4px solid #8F2011;}
#horiznavlist #years ul {margin: 0; padding: 0; white-space: nowrap;}
#horiznavlist #years li {line-height: 1.5em; padding: 0.2em 0.8em 0.1em 0.8em; display: inline; list-style-type: none; list-image: none; font-weight: bold; background: #EFE2E0; margin: 0 2px 0 0; border: 1px solid #8F2011;}
#horiznavlist #years .current {background: #8F2011; color: #FFF;}
#horiznavlist #years li a {color: #8F2011; text-decoration: none;}
#horiznavlist #years a:hover, #horiznavlist #years li a:focus {color: #8F2011;}

#horiznavlist #months {line-height: 1.5em; font-size: 90%; padding: 3px 5px 5px 5px; background: #EFEFEF;}
#horiznavlist #months a {color: #8F2011;}
#horiznavlist #months a:hover, #horiznavlist .months a:focus {background-color: #8F2011; color: #FFF; text-decoration: none;}

/* conference box style */
.conference-box {padding: 8px 10px 8px 10px; background: #EFEFEF; margin-bottom: 20px; width: 740px;}
.conference-box h3.title {margin: 0; font-size: 100%; font-weight: bold; color: #8F2011; bottom: 0px; width: 740px;}
.conference-box h3.title em {font-weight: normal; font-style: normal; font-size: 90%; color: #333; font-weight: bold;}
.conference-box p {margin: 0.5em 0 0 0; font-size: 90%;}
.conference-box p strong {font-size: 90%;}
.conference-box p.speaker {font-style: italic;}
.conference-box p.venue em {font-weight: normal; text-transform: uppercase; font-style: normal; font-size: 90%; color: #8F8C7D; float: right; margin-top: 1px; /*IE7*/ *position: relative; *bottom: 16px; *height: 0;}
.conference-box p.venue {font-size: 80%; border-top: 1px dashed #CCC; padding-top: 5px; margin-top: 14px;}
.conference-box ul {font-size: 90%; margin-top: 10px;}