body {min-width: 435px; } .primaryLeftNav li span {padding-top: 0; padding-bottom:0; padding-left:0;} /*FEATURED AND TODAYS EVENTS TABS*/ #maintabs { border-bottom: 1px solid #000; margin-left: 10px; padding: 5px 0; text-align: right;} #maintabs li { display: inline; padding: 5px 15px; border: 1px solid #000; background: #e2e2e2; } #maintabs li.selected { border-bottom: 1px solid #fff; background: #fff; } #maintabs a {text-decoration: none; color: #000;font-size: 120%;} /*END FEATURED AND TODAYS EVENTS TABS */ #searchbox {font-family: 'Open Sans', sans-serif; margin: 20px 0; background-color:#ededed; padding: 5px 10px; border: 1px solid #c3c3c3;} #searchbox h3 { margin:0 0 5px 0;} #searchbox form { display: block; } #searchbox form div { overflow: hidden; border: 1px solid #c3c3c3; } #keywordssubmit {float: right; border: 1px solid #c3c3c3; margin-left: 5px;} #keywords {width: 100%; border:0; } #surveybox {font-family: 'Open Sans', sans-serif; margin: 20px 0; background-color:#cc66ff; padding: 2px 8px; border: 1px solid #c3c3c3;} .clearboth {clear:both;} /*PAGE TITLE*/ .titleEvents { width:78.1%; padding: 0 0 0 165px; } .titleEvents a.titleLink { padding: 15px 45px 45px 42px; /*color:#717275;*/ text-align:left; color:#6b2c91; font-weight: 600; font-size: 22px; text-decoration:none; line-height: 26px; display:block;} .hidetitle {font-weight: 600;} /*END PAGE TITLE*/ .pageWrapper {min-width: 410px;} .twocol {width:20%;} /* LEFT MENU*/ .leftMenuContainer {width:25%;} /* END LEFT MENU*/ /*VISITOR ATTRACTIONS HOME PAGE*/ .venue { height: 100px; margin-top: 10px; padding: 10px 2px 10px 2px; color: #fff; background-color: blue;} .venue div { width: 150px; color: white; background-color: #000000;} #whitworth {background-image: url('assets/whitworth-img.jpg');} #museum {background-image: url('assets/museumegypt.jpg');} #jodrell {background-image: url('assets/jodrell-img.jpg');} #martinharris {background-image: url('assets/martin-img1.jpg'); } #johnrylands {background-image: url('assets/rylands-img.jpg');} .whitearrow { color:#fff; font-weight:800; font-size: 1.1em; padding: 6px 3px; display:block; } /*END VISITOR ATTRACTIONS HOME PAGE*/ /** EVENT DETAILS*/ #eventcontent {width: 100%; padding: 5px 10px 30px 0; float: left; } #eventcontent h1{ font-size: 2em; margin: 10px 15px; color: #6b2c91} #eventcontent h3{ font-size: 120%; margin: 0px 15px 3px 15px; color: #609;} #eventcontent h1, #eventcontent h1 a, #eventcontent h3, #eventcontent h3 a, #eventcontent span, #eventcontent span a, #eventcontent span p, #eventcontent a, #eventcontent p { font-family: 'Open Sans', sans-serif; font-weight: 400; } .event {margin: 10px 15px; font-weight: 500; border-bottom-style:dotted; border-bottom-width:1px} .eventimage { float:left; position:relative; top:8px; left:10px;} .eventimage img {padding: 0 5px 5px 0;border:0; } .todayimg {position:absolute;top:0px;width:72px;height:72px;background:url(today.png) no-repeat;} .event .times { color: #666; margin-top:-15px !important;} #noevents { margin: 10px 15px; } #moreevents { float:right; } #moreevents a {text-decoration:none; color: #609;} #moreevents a:hover {text-decoration:underline;} .event-text {margin-left: 120px; padding-left:20px;} .event-text h3 {font-size: 1.7em;} .event .times { color: #666; margin-top:0px !important;} .descriptionEvent {padding: 10px 200px 10px 20px; font-size: 0.9em;} /**for MHS Wiki***/ .descriptionEvent b { font-size: 1em; font-weight: 600; } .descriptionEvent a { text-decoration:underline; } /****end MHS Wiki***/ table {margin:0;} table td {background-color: #fff; border:0;} table td, table th {padding: 2px; 5px} p {0 0 0.5em;} .titlebox {width:95%;height:100%;min-height:300px;border:1px solid #aaa; margin: 10px 15px;position:relative; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 14px;} .titlebox.today { background:url(today-r.png) no-repeat 100% 0;} .titlebox .eventimage {width: 190px;} .middlebox {float:left;margin-left:25px; margin-right:5px;margin-top:5px; width:330px;} .middlebox .title {width:7em;font-weight:bold;display:inline-block;} .middlebox table * {text-align: left;vertical-align: top;} .middlebox table th {color: #609; width:30%; background-color: #fff; border:0;} .middlebox_image {width: 60%;} .infoicon {margin-bottom: 5px; } img.infoicon {width:55px; height: 25px;} #icaldownload {vertical-align: middle; width:150px; margin-bottom:10px; margin-left: 3px; padding: 5px 0 5px 25px; background: #609 url(calendar_small.png) no-repeat 5px 60%; } #icaldownload a { text-decoration: underline; font-weight: 500; color: #fff; } #icaldownload a:hover {text-decoration: underline;} #icaldownload a img {width:54px;height:25px;vertical-align:middle; padding-bottom: 5px;} #eventcontent .description, #eventcontent .speakers {margin-right: 190px; margin-left: 20px;} #eventcontent .description p, #eventcontent .speakers p {margin-left: 0px;} #eventcontent .speakers .speaker {margin-bottom:1em;} #eventcontent .speakers h3 {margin:.8em 0 0 0;} #eventcontent .speakers .description {margin:0;} #eventcontent .speakers ul.link {list-style-type:square; color:#609;margin: 0;padding-left: 1.2em;} #eventcontent .speakers .link li {margin:0;padding:0;} #eventcontent .speakers .link a { text-decoration: none; font-size: 90%; font-weight: normal; } #eventcontent .speakers .link a:hover {text-decoration: underline;} #eventsidebar {float:right; width: 180px; } #eventsidebar h3 {margin:10px 0 5px 0;padding:0; font-weight: 500;} #eventsidebar ul {list-style-type:square; color:#609;margin-left: 0;padding-left: 1.2em;} #eventsidebar li {margin:0;padding:0;} #eventsidebar a { text-decoration: none; font-size: 0.9em; font-weight: normal; color: #609;} #eventsidebar a:hover {text-decoration: underline;} #travelinfolink {vertical-align: middle; width:250px; margin-bottom:10px; margin-left: 3px; padding: 5px 0 5px 20px; background: #609 url(icon-down.png) no-repeat 5px 60%; } #travelinfolink a { color: #fff; } #travelinfo {clear:right;margin: 10px 15px; padding: 10px; background: #666666; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 500; } #travelinfo h3, h4 {margin: 0 5px 5px 5px;padding:5px; color: #fff;} #travelinfo h3 {font-weight: 800;} #travelinfo h4 {font-weight: 400;} #eventlocation { width:28%; float: left;} #eventlocation h4, #eventcontact h4, #eventsocial h4 { font-size:16px;} #eventlocation p, #eventcontact p, #eventcontact p, #eventsocial p { color:#fff; padding-left: 10px; font-size:13px;} #eventcontact p a {color:#fff;} #eventcontact { width:28%; float: left; } #eventcontact .phone { background:url(icon-phone.png) no-repeat; padding-left: 25px; height:25px;} #eventcontact .email { background:url(icon-email.png) no-repeat; padding-left: 25px; height:25px;} #eventsocial { width:260px; float: left; padding-bottom: 10px;} /** END EVENT DETAILS*/ /** EVENT MAP*/ .geomap {width: 100%; height: 300px; } /** END EVENT MAP*/ #mobile-menu-container ul li a {padding: 10px 10px 10px 30px; font-size: 0.9em;} input[type=submit] {padding: 2px 3px;} /**CALENDAR date picker**/ .ui-datepicker { width: 96%; } /**END CALENDAR date picker**/ @media only screen and (max-width: 1000px) { .inner .leftMenuContainer {display: none;} /*HIDES LEFT MENU*/ .twocol {width:25%;} /*EVENT LIST INC HOME PAGE*/ .sixcol {width:70%;}/*EVENT LIST INC HOME PAGE*/ .eightcol { width: 100%;} /*EVENT PAGE*/ .mobile-menu-icon {display: block;} /*SHOWS MOBILE MENU*/ .contentContainer div.row:first-of-type {padding-top:0;} /*MOVES PAGE UP WHEN MOBILE NAV SHOWS*/ .breadcrumbNav {display:none;} /*HIDES BREADCRUMBS*/ } @media only screen and (max-width: 800px) { .ui-widget-header { width: 162px;} /*CALENDAR HEADER*/ } @media only screen and (max-width: 700px){ .titleEvents a.titleLink { padding: 5px 45px 45px 42px; } /*MOVES TITLE*/ #maintabs {font-size: 85%;} .event {font-size: 85%;} .eventimage {display:none;} /*HIDES EVENT IMAGE*/ .event-text {margin-left: 0;} .descriptionEvent {font-size: 0.9em;} #eventsidebar {font-size: 0.9em;} } @media only screen and (max-width: 600px){ .titleEvents a.titleLink { padding: 15px 45px 45px 42px; } /*MOVES TITLE*/ .titleEvents a.titleLink span.hidetitle {display:none;}/*HIDES PART OF THE TITLE*/ } @media only screen and (max-width: 500px) { #maintabs {font-size: 70%;} .titlebox { overflow: hidden;} #eventcontact { float: right; } } /*OLD CSSSSSSS .clearfix { display:inline-block; } .clearboth {clear:both;} #maintabs { border-bottom: 1px solid #000; margin-left: 10px; padding: 5px 0; text-align: right;} #maintabs li { display: inline; padding: 5px 15px; border: 1px solid #000; background: #e2e2e2; } #maintabs li.selected { border-bottom: 1px solid #fff; background: #fff; } #maintabs a {text-decoration: none; color: #000;font-size: 120%;} .event {margin: 10px 15px; font-weight: 500;} .eventimage { float:left; position:relative; top:10px; left:10px;} .eventimage img {padding: 0 5px 5px 0;border:0; } .todayimg {position:absolute;top:0px;width:72px;height:72px;background:url(today.png) no-repeat;} .event .times { color: #666; margin-top:0px !important;} #noevents { margin: 10px 15px; } #moreevents { float:right; } #moreevents a {text-decoration:none; color: #609;} #moreevents a:hover {text-decoration:underline;} /** Event details*/ /*#eventcontent {width: 690px; padding: 5px 10px 30px 0; float: left; } #eventcontent h1{ font-size: 160%; margin: 10px 15px; color: #609;} #eventcontent h3{ font-size: 120%; margin: 0px 15px 3px 15px; color: #609;} #eventcontent h1, #eventcontent h1 a, #eventcontent h3, #eventcontent h3 a, #eventcontent span, #eventcontent span a, #eventcontent span p, #eventcontent a, #eventcontent p { font-family: 'Open Sans', sans-serif; font-weight: 500; } #eventcontent p { margin: 10px 15px;} .titlebox {width:680px;min-height:200px;border:1px solid #aaa; margin: 10px 15px;position:relative; font-family: 'Open Sans', sans-serif; font-weight: 500;} .titlebox.today { background:url(today-r.png) no-repeat 100% 0;} .titlebox .eventimage {width: 190px;} .middlebox {float:left;margin-left:15px; margin-right:5px;margin-top:5px; width:330px;} .middlebox .title {width:7em;font-weight:bold;display:inline-block;} .middlebox table * {text-align: left;vertical-align: top;} .middlebox table th {color: #609; width:30%;} .middlebox_image {width: 440px;} .infoicon {margin-bottom: 5px;} #icaldownload {vertical-align: middle; width:150px; margin-bottom:10px; margin-left: 3px; padding: 5px 0 5px 25px; background: #609 url(calendar_small.png) no-repeat 5px 60%; } #icaldownload a { text-decoration: underline; font-weight: 500; color: #fff; } #icaldownload a:hover {text-decoration: underline;} #icaldownload a img {width:54px;height:25px;vertical-align:middle; padding-bottom: 5px;} #eventcontent .description, #eventcontent .speakers {margin-right: 190px; margin-left: 20px;} #eventcontent .description p, #eventcontent .speakers p {margin-left: 0px;} #eventcontent .speakers .speaker {margin-bottom:1em;} #eventcontent .speakers h3 {margin:.8em 0 0 0;} #eventcontent .speakers .description {margin:0;} #eventcontent .speakers ul.link {list-style-type:square; color:#609;margin: 0;padding-left: 1.2em;} #eventcontent .speakers .link li {margin:0;padding:0;} #eventcontent .speakers .link a { text-decoration: none; font-size: 90%; font-weight: normal; } #eventcontent .speakers .link a:hover {text-decoration: underline;} #eventsidebar {float:right; width: 180px; } #eventsidebar h3 {margin:10px 0 5px 0;padding:0;} #eventsidebar ul {list-style-type:square; color:#609;margin-left: 0;padding-left: 1.2em;} #eventsidebar li {margin:0;padding:0;} #eventsidebar a { text-decoration: none; font-size: 90%; font-weight: normal; color: #609;} #eventsidebar a:hover {text-decoration: underline;} #travelinfolink {vertical-align: middle; width:250px; margin-bottom:10px; margin-left: 3px; padding: 5px 0 5px 20px; background: #609 url(icon-down.png) no-repeat 5px 60%; } #travelinfolink a { color: #fff; } #travelinfo {clear:right;width:660px;margin: 10px 15px; padding: 10px; background: #666666; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 500; } #travelinfo h3, h4 {margin: 0 5px 5px 5px;padding:5px; color: #fff;font-weight: 500;} #eventlocation { width:200px; float: left;} #eventcontact { width:200px; float: left; } #eventcontact .phone { background:url(icon-phone.png) no-repeat; padding-left: 25px; height:25px;} #eventcontact .email { background:url(icon-email.png) no-repeat; padding-left: 25px; height:25px;} #eventsocial { width:260px; float: left;} .geomap {width: 660px; height: 300px; }*/