/*SWATCHES * * Blue: #3094be * Orange: #db3b13 * Green: #3a595e * pale blue: #eaf4f7 * 25%blue: #cbe4ec * 50%blue: #83b5ca * 50%orange: #ed9d89 * grey: #e5e5e5 * 50%greenongrey: #8f9fa1; * white */ @import url("main_editor_styles.css"); /* Defaults */ body, td, input, textarea {font:normal normal normal 16px/22px Arial, Helvetica, sans-serif;color:#3C5A5E;text-align:left;} input, textarea {line-height:14px;font-size:12px;} a, a:link {color:#3094be;} a:visited {color:#83b5ca;} a:hover, a:focus, a:active{color:#db3b13} a img {border:0;} li.hidden {display:none !important;} /* Main Layout */ #body {margin:0;padding:0;background:#e5e5e5;} #masthead {background:white;height:120px;font-size:12px;} #masthead-inner, #container {width:940px;margin:0 auto;background:white;} #header {height:250px;position:relative;background:#db3b13;} #nav {height:36px !important;width:100%;position:absolute;bottom:0;left:0;z-index:100;background:#db3b13;} #banner {height:214px;z-index:50;position:relative;} .page-home #header {height:286px;} .page-home #banner {height:250px;} #subnav {padding:30px 0 30px 30px;width:194px;float:left;font-size:12px;line-height:16px;} #content {padding:30px;float:left;width:656px;} .page-home #content {width:880px;} #footer {width:940px; margin:30px auto; color:#8f9fa1; clear:left;font-size:12px;line-height:16px;} /* logo& search*/ h1#logo {margin:0;padding:0;float:left;} #logo a {text-indent:-9999px;display:block;width:430px;height:120px;background:url('../images/logo.png') 30px 33px no-repeat;} form#search {float:right;margin:42px 30px 0 0;clear:none;} #search .submit {border:0;background:url('../images/search.png') 5px center no-repeat;padding-left:25px;color:#3094be;font-weight:bold;cursor:pointer;} #search .submit:hover {text-decoration:underline;} /* Navigation */ ul.menulist, .menulist li {margin:0;padding:0;display:block;list-style:none;position:relative;z-index:120;} .menulist li a {display:block;text-decoration:none;white-space:nowrap;padding:0 12px;font-size:16px;line-height:36px;height:36px;width:auto;color:white;background:none;cursor:pointer;} .menulist li a:link, .menulist li a:visited {color:white;} #nav .menulist li.selected a {background:white;color:#db3b13;} .menulist li.selected a, .menulist li a.highlighted, .menulist li a:hover {height:42px;line-height:42px;margin-top:-6px;text-decoration:none;} #nav .menulist li a.highlighted, #nav .menulist li a:hover {background:#eaf4f7;color:#3094be;} .menulist ul li {background:#eaf4f7;color:black;height:auto;width:150px;margin:0 0 -3px !important;} #header #nav .menulist ul li a {white-space:normal;background:transparent;color:black;line-height:20px !important;font-size:14px;width:130px;height:auto;padding:5px 10px;margin:0;} .menulist ul li a.highlighted, .menulist ul li a:hover {margin-top:0;height:auto;color:#3094be !important;} .menulist ul ul {border:0 !important;top:0 !important;} /* subnav */ ul.submenu {padding:10px 0 0;margin:0;list-style-type:none;} .submenu li {padding:0;margin:0;} .submenu li.first a {border:0;} .submenu li a, #container .submenu ul li a{border-top:1px solid #cbe4ec;display:block;line-height:20px;padding:10px 0;text-decoration:none;font-size:16px;} #container .submenu ul li a{font-size:13px;line-height:13px;} .submenu ul {padding:0 0 0 30px;} /*footer*/ #footer .left {width:460px;float:left;text-align:left;} #footer .right {width:460px;float:right;text-align:right;} #footer a {color:#8f9fa1; text-decoration:none; border:0;} #footer a:hover {border-bottom:dotted 1px;} /* Common Text Styles */ .html li {list-style:url('../images/bullet_lightgreen.gif');} .html a {text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;} .html a:hover {text-decoration:none;} .html img, .exhibition_detail img {border:none;margin:0 0 5px;} .html .mix_file img { margin:0 } img[align="left"] {float:left; margin-right:10px;} img[align="right"] {float:right; margin-left:10px;} a.nextmonth, a.prevmonth {color:#397E8A;text-decoration:none;border-bottom:1px dotted #397E8A;margin-bottom:10px;float:left;} a.nextmonth {float:right;} a.nextmonth:hover, a.prevmonth:hover {color:#E45620;text-decoration:none;border-bottom:1px dotted #E45620;} /* homepage */ /* banner */ #banner .mix_event_item {width:940px;height:250px;position:absolute;top:0;left:0;border-right:6px solid #e5e5e5} #banner .mix_event_item .description{position:absolute;width:220px;border-right:6px solid #db3b13;right:-6px;top:30px;background:white;padding:6px;} #banner .mix_event_item a {text-decoration:none;} #banner .mix_event_item h3 {font-size:16px;color:#db3b13;margin:0;padding:0 0 6px;font-weight:normal;line-height:1.2} #banner .mix_event_item p {color:#3a595e;padding:0;margin:0;font-size:12px;line-height:16px;} /* exhibitions */ #exhibitions {width:886px;margin-left:-2px;} #exhibitions .mix_event_item{width:220px;float:left;margin-right:1px;} #exhibitions a img {border:0;width:220px;height:140px;background:#e5e5e5;} #exhibitions .mix_tab_menu a img {height:auto;width:auto;} #exhibitions a {text-decoration:none;} #exhibitions h3, #exhibitions p {margin-left:4px;margin-right:8px;} /*content-aux*/ #content-aux {padding:30px;clear:left;margin:30px -30px -30px;float:left;width:880px;background:#eaf4f7 url('../images/faux-col-home.png') repeat-y 470px 0px;} #profile {width:410px;float:left;padding-right:30px;} #blog-feed {width:190px;float:left;padding-left:30px;} #info {background:#3094be;color:white;margin:-30px 0;padding:30px 20px;width:180px;float:left;} #blog-feed ul, #blog-feed li{display:block;margin:0;padding:0;list-style-type:none;} #blog-feed li {margin-bottom:10px;} #blog-feed li a {display:block;padding-left:30px; min-height:29px;height:auto;background:url('../images/bullets-logo.png') -44px 3px no-repeat;color:#3a595e;text-decoration:none;} #blog-feed li a:hover {background-position:left -41px;color:#3094be;} #blog-feed h3, #blog-feed h3 a{font-size:24px;color:#3094be;margin:0 0 20px;text-decoration:none;} #info h3 {font-size:24px;color:white;margin:0;} #info p {color:white;margin:0 0 1em;font-size:12px;line-height:16px;} #info input {width:175px;;} #info .btn {text-align:center;width:auto;} /* content pages */ .exhibition_list {width:682px;} .exhibition_list a {width:328px;height:126px;background:#3094be;display:block;color:white;text-decoration:none;float:left;margin:0 13px 13px 0;cursor:pointer;} .exhibition_list a:hover {background:#db3b13;} .exhibition_list img {padding:3px;float:left;} .exhibition_list .description {float:left;width:142px;height:120px;overflow:hidden;} p.date {color:#83b5ca;margin:0;font-size:12px;line-height:16px;} .exhibition_list p.date {padding:0 9px;} .exhibition_list a:hover p.date {color:#ed9d89;} .exhibition_list h3 {color:white;margin:0;padding:9px;} .exhibition_list h3{font-size:16px;} .html h3 a {border-bottom:0;} dl.details {clear:both;line-height:30px;} dl.details dt {clear:both;border-top:1px solid #83b5ca; white-space:nowrap;width:180px;float:left;padding:0;margin:0;} dl.details dd {border-top:1px solid #83b5ca; white-space:nowrap;width:474px;float:left;padding:0;margin:0;} dl.details dd .html {white-space:normal;line-height:20px;margin:5px 0;} dl.details dd .html ul {margin:0;padding:0;} dl.details dd .html p {margin:0 0 5px;} dl.details dd .html li {list-style-position:inside;text-indent:-15px;margin:0 0 5px 15px;padding:0;} /* BLOG */ #blog img {border:1px solid #83b5ca} #blog .date {font-size:12px;color:#83b5ca;} #blog .comment-block {border:0;float:right;background:url('../images/comment-bubble.png') no-repeat top right;position:relative;min-width:80px;min-height:40px;} #blog .comment-block img {border:1px solid #7bb0b0;margin:15px 4px 0 0;} #blog .comment-count {position:absolute;top:0;right:0;width:64px;height:34px;padding:3px;display:block;margin:0;font-size:12px;text-align:center;color:white;line-height:16px;} #blog .comment-block hr {width:596px;border:0;border-bottom:1px solid #7bb0b0;margin:16px 60px 0 0;padding:0;} #comments p{margin-top:0;} #comments p.date {margin-top:1.5em;} #blog form {width:616px;} #blog fieldset {border:0;padding:0;margin:0;} #blog textarea {width:576px;height:200px;padding:0;} #blog label.textarea {font-style:italic;font-size:12px;margin:1em 0;} /* Contact Forms */ .contact_form label { clear:left; float:left; display:block; width:150px; padding-bottom:10px } .contact_form input {float:left;width:300px;} .contact_form label.inline { clear:left; float:left; display:inline; width:auto; margin-right:8px; } .contact_form textarea { float:left; width:300px; height:100px; margin-bottom:10px; } .contact_form p { clear:left; } .contact_form .float { float:left; } .contact_form .float input {float:none;width:auto;} input.submit { text-align:center;width:auto; } /* Redevelopment */ #redev_right { float: right; padding: 1.5em 0 10px 15px ; } /* * Shop */ .shop_item_image {} .shop_item_header {} .shop_item_header, .shop_item_header a, .shop_item_header a:hover {} .shop_item_header a:hover {} .shop_item_price {} /* * Checkout */ .checkout_box { float:left; width:175px; margin:0px 15px 15px 0px; } .checkout_box_input { float:left; width:25px; } .checkout_box_label { float:left; width:150px; } .checkout_subtle label { font-size:11px; color: #999; cursor: pointer; } .checkout_textarea { width:200px; height:80px; } .checkout_error { color:#FF0000; font-style:italic; } .checkout_payment_options { list-style:none; margin-left:20px; padding-left:0; } .checkout_order_summary th { font-style:italic; font-weight:normal; border-bottom:1px solid #E7D9C5; } .checkout_order_summary tr.row_item td { border-bottom:1px solid #E7D9C5; } .checkout_order_summary tr.row_discount td { } .checkout_order_summary tr.row_shipping td { } .checkout_order_summary tr.row_total td { border-bottom:1px solid #E7D9C5; border-top:1px solid #E7D9C5; } #body table {width:100% !important;} #body td p, #body th p {margin:0;} #body td {border-top:1px solid #cbe4ec;} /* * User signup */ .signup_text_label { float:left; clear:left; display:block; width:160px; padding-bottom:10px; font-weight:bold; } .signup_text_disabled_input {float:left;} input.check {width:auto;} blockquote {margin:1em 0;} /* utilitiy */ .clear {clear:both;}