/* -------------------------------------------------------------- Site Specific Stylesheet Model Rail Live 2010-19-02 Author: Jack Howell - www.e4education.co.uk -------------------------------------------------------------- */ @import url(reset.css); /* Global Reset */ @import url(default.css); /* Sets sensible default styles */ /* Site specific styling -------------------------------------------------- */ body {background: #191414;} .massiveforcer {height: 490px; width: 1px; float: left; display: inline;} #backgroundrpt {background: url(../images/design/background_innerrpt.jpg) repeat-x top;} #background {background: url(../images/design/main.jpg) center -240px no-repeat;} #background a {color: #FF0000; text-decoration: none;} #background a:hover {color: #FFCC00;} #headerbar {width: 100%; background: url(../images/design/menu_bar.jpg) top no-repeat;} #header {width: 960px; height: 245px; margin: 0 auto; color: #FFF; position: relative;} #header h1 {display: none;} #headertab {width: 270px; height: 404px; position: absolute; left: -10px; top: 0; background: url(../images/design/logo_tab.png) no-repeat;} #headertab a img {padding: 0; margin: 0 0 0 10px; border: none; display: inline;} #tabbg {width: 240px; float: left; margin-left: 20px; display: inline; background: url(../images/design/logo_tabpaper.jpg) top no-repeat;} #daycouter {float: left; display: inline; width: 235px; padding: 15px 0 0 5px; height: 30px; margin: 40px 0 14px 0; text-align: center; font-size: 150%; color: #333; letter-spacing: 0.2em; text-shadow: 1px 1px 1px #fff, 1px 1px 13px #ccc;} #daycouter p {margin: 0;} #headertab #callUs {color: #333; width: 220px; margin: 12px 0 0 12px; height: 53px; display: block; text-align: center; font-size: 150%;} #headertab #callUs strong {color: #FF0000;} #buytickets a {width: 240px; height: 93px; padding: 7px 0 0 0; margin: -20px 0 0 0; display: block; text-align: center; font-size: 240%; color: #fff; text-shadow: 1px 1px 1px #000, 1px 1px 13px #fff; line-height: 1em;} #buytickets a:hover {color: #FF9900; text-shadow: 1px 1px 1px #000, 1px 1px 13px #FF9900;} #buytickets a:focus {padding: 6px 0 0 0; height: 94px;} #headeradvert {position: absolute; bottom: 40px; right: 20px;} #headeradvert a img {padding: 0; margin: 0; border: none;} #container {margin: 0 auto; width: 961px; text-align: left;} #accessibilityLinks {display: inline; float: right; width: 460px; height: 33px; padding: 0; margin: 0; text-align: right;} #accessibilityLinks li {display: inline; padding: 0; margin: 0 0 .6em;} #accessibilityLinks li a {padding: 0 10px; height: 30px; text-decoration: none;} #main {width: 960px; display: inline; float: left; margin: 0} /* ------------------ start menu classes for standard menus ----------------- */ #menu {float: right; width: 680px; height: 65px;} #menu ul {margin: 0; padding: 0;} #menu li {display: inline; float: left; margin: 0 45px 0 0; padding: 0; list-style: none;} #menu li a {display: inline; float: left; padding: 25px 25px 20px; height: 20px; color: #fff; text-decoration: none; font-size: 140%;} #menu li a:hover {color: #FF0000;} #menu li.last {margin: 0;} #menu li.selected {background: url(../images/design/menu_arrow.png) bottom center no-repeat;} /* ------------------ ^^ end menu classes for standard menus ^^ ----------------- */ #contentWrapper {float: right; width: 680px; color: #fff; position: relative;} #subnavWrapper {width: 250px; float: left; display: inline; margin: 160px 0 0;} #subnavWrapper ul {margin: 0; padding: 0;} #subnavWrapper li {margin: 0; padding: 0; list-style: none; display: block; text-align: center;} #subnavWrapper li a {float: left; width: 160px; padding: 10px; margin: 10px 0 0 40px; color: #fff; font-size: 140%; background: #0F0F0F;} #subnavWrapper li a:hover {background: #000; color: #FF9900} #breadcrumbsWrapper {float: left; padding: 10px 0; margin: 10px 0; width: 660px; font-size: 95%; color: #999; position: absolute; top: 20px; left: 0;} #breadcrumbsWrapper ul {margin: 0; padding: 0; list-style: none; float: left; width: 470px; display: inline;} #breadcrumbsWrapper p {float: left; display: inline; margin: 0;} #breadcrumbsWrapper li {display: inline; margin: 0; padding: 0;} #breadcrumbsWrapper li a {text-decoration: none; padding: 0 10px; color: #999;} #breadcrumbsWrapper .last .arrow {display: none;} #dateTime {float: right; width: 110px; margin: 0; text-align: right; color: #666; } #content {clear: both;} #content h1 {margin: 0 0 1.75em 0} #content .e4eVideo {padding: 5px;} #content ul#photoAlbumImages li, #content ul#photoGalleryList li {border: none;} .forcer {float: left; width: 0; height: 250px;} iframe#embed {height: 600px;} #newsFeeds {margin: 30px 10px 0px; font-size: 90%;} #newsFeeds li {list-style: none;} #newsFeeds li a {font-size: 110%;} #newsFeeds img {margin: 0px 10px 0px 0px; padding: 0;} #footerbg {clear: both; background: url(../images/design/footerimage.jpg) no-repeat top; width: 100%;} .divider {float: left; display: block; width: 960px; height: 40px; background: url(../images/design/footer_decal.png) center no-repeat;} #footer {padding: 0; margin: 0 auto; width: 960px; height: 580px; background: url(../images/design/footerimage.jpg) no-repeat top; font-size: 80%; color: #FFF; text-align: right;} #footer a {color: #FFF;} #footer a:hover {color: #FFCC00;} #copyrightdetails {float: right; display: inline; clear: both; margin: 0 7px 0 0;} #callUsAgain {float: right; clear: both; width: 250px; margin: 385px 0 0 0; font-size: 140%;} /* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */ #editor {margin: 0; padding: 0; width: 495px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left; color: 000;} #editor #mainContent, #editor #subContent {border-right: 1px solid #cacaca; min-height: 590px; } #mainContent {float: left; margin: 0; width: 400px;} #mainContent.twoColumns {width: 400px;} #mainContent.even {width: 300px;} #subContent {float: right; margin: 0; width: 200px;} #subContent.even {width: 300px;} /* icons and styles for file attachments -------------------------------------------------- */ ul.fileAttachmentList {min-height: 40px; padding: 0 0 20px 0; margin: 0;} ul.fileAttachmentList li {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; } ul.podcastList li {height: auto !important; } ul.podcastList li.attachmentDownload_mp3 {background-position: top left;} ul.fileAttachmentList li.attachmentDownload_doc {background-image: url(../images/icons/doc.gif) !important;} ul.fileAttachmentList li.attachmentDownload_mp3 {background-image: url(../images/icons/mp3.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pdf {background-image: url(../images/icons/pdf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_pub {background-image: url(../images/icons/pub.gif) !important;} ul.fileAttachmentList li.attachmentDownload_zip {background-image: url(../images/icons/zip.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpg {background-image: url(../images/icons/jpg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_jpeg {background-image: url(../images/icons/jpeg.gif) !important;} ul.fileAttachmentList li.attachmentDownload_gif {background-image: url(../images/icons/gif.gif) !important;} ul.fileAttachmentList li.attachmentDownload_xls {background-image: url(../images/icons/xls.gif) !important;} ul.fileAttachmentList li.attachmentDownload_ppt {background-image: url(../images/icons/ppt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rar {background-image: url(../images/icons/rar.gif) !important;} ul.fileAttachmentList li.attachmentDownload_rtf {background-image: url(../images/icons/rtf.gif) !important;} ul.fileAttachmentList li.attachmentDownload_txt {background-image: url(../images/icons/txt.gif) !important;} ul.fileAttachmentList li.attachmentDownload_csv {background-image: url(../images/icons/csv.gif) !important;} ul.fileAttachmentList li.attachmentDownload_png {background-image: url(../images/icons/png.gif) !important;} /* Pagination - change border colours if necessary -------------------------------------------------- */ div#pagination {margin-top: 3px; height: 50px;} div#pagination .count {display: inline; float: left; padding: 5px;} div#pagination .pages {display: inline; float: right; padding: 5px;} div.pagination {display: inline; float: right; margin: 3px; padding: 3px;} div.pagination a, .Rows a {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #0c1a27; text-decoration: none;} div.pagination a:hover, div.pagination a:active, .Rows a:hover, .Rows a:active {border: 1px solid #999; color: #999;} div.pagination span.current {margin: 2px; padding: 2px 5px 2px 5px; background: #26537a; border: 1px solid #0c1a27; font-weight: bold; color: #FFF;} div.pagination span.disabled {margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; color: #DDD;}