/* sUPL - simple Unified Presentation Layer
 * http://www.cch.kcl.ac.uk/supl/
 * v0.1.4.1 
 * 
 * (0.1.4.1 - code tidied and annotated)
 * 0.1.4 - Test implementation with minify.php; switched syntax to all PHP
 * 0.1.3 - Added new headers to compress CSS if browser can take it
 * 
 * To do:
 * - Look at JSmart caching mechanism and possibly incorporate it
 * - deliver different header depending on whether JS or CSS is required
 * - 'Debug mode' - either make it useful, or remove it...
 * - Switch to use browsecap
 * - XML config file for theme arrays (and other vars)
 * - ability to add any parameter and value pairs based on XML input (i.e. nothing hardcoded)
 */
@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse; border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,th,var,i,b{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a{text-decoration:none;cursor:pointer;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}.xl:after,.xr:after,.xb:after {content:".";display:block;height:0;visibility:hidden;}.xb:after {clear:both;}.xl:after{clear:left;}.xr:after{clear:right;}.xb,.xr,.xl{display:block; zoom:1;}a{outline:none;} @charset "utf-8"; body {font: 100% Verdana, Arial, Helvetica, sans-serif; color: #333; background:#6699CC url(/Assets/g/c/../i/bg.png) fixed;margin:0 0 40px 0; } @media screen { #gw {width: 664px; border: 6px solid #eff5fa; margin: 20px auto;} #iw {border: 3px solid #b2cce5; padding: 1px; background: #fff; } #hs { height: 120px; padding: 20px 0 0 0;} #hs h1 { text-indent: -10000px; background: url(/Assets/g/c/../i/hsH1.png) no-repeat; width: 371px; height: 105px; margin: 0 auto; } #cs {overflow: hidden; margin: 12px 0 0px 0;border-top: 3px solid #e0ebf5;border-bottom: 3px solid #e0ebf5; padding: 0 12px;} } #cs h1 { font: 110% Georgia, "Trebuchet MS"; color:#8F6D47; margin: 0 0 10px; line-height: 1.65em;} #cs .c1 h1 strong {font-weight: bold; color:#8F6D47;} #cs h2 {font: 95% Georgia, "Trebuchet MS"; color:#8F6D47; margin: 1.2em 0 0 0; line-height: 1.65em;} #cs h3 {font-weight: bold; font-size: 70%; color: #8F6D47; line-height: 1.65em; padding: 0.8em 0 0 0;} #cs .c1 ul { margin: 0 0 0.8em 0;} #cs .c1 li { font-size: 70%; line-height: 1.65em; padding: 0 0 0 20px; background:url(/Assets/g/c/../i/li.png) 10px 0.65em no-repeat } #cs .c1 li li {font-size: 100%;} #cs .in {font-size:70%; text-align:right; } #cs .c1 .fb {border: 1px solid #efefef; background: #f9f9f9; padding: 5px; margin: 10px;} #cs .c1 .fb * {color: #900; font-weight: bold;} #cs .c1 a { color: #476B8F; border-bottom: 1px dotted #69c; } #cs .c1 strong {color: #69c;} #cs .c1 dt {color: #476B8F; font-weight: bold;font-size: 70%; line-height: 1.65em;border-top: 1px solid #e0ebf5;} #cs .c1 dd {font-size: 70%; line-height: 1.65em; padding: 0 0 0 20px;} #cs .c1 dl {margin: 0 0 0.8em 0;border-bottom: 1px solid #e0ebf5;} #cs .c1 a:hover {border-bottom: 1px solid #476B8F;} #cs .c1 address {padding: 0 0 0.8em 20px; font-size: 70%; line-height: 1.65em; } #cs p { font-size: 70%; line-height: 1.75em; margin: 0 0 1.2em;} #cs p.i1 {font-weight: bold; color:#476B8F; border-top: 1px solid #e0ebf5;border-bottom: 1px solid #e0ebf5; padding: 0.7em 0; margin: 0 0 0.7em 0} #cs .c1 {float: left; width: 433px; padding: 12px 20px 12px 4px; border-right: 3px solid #e0ebf5; min-height: 300px;} #cs .c2 {float: left; width: 172px; } #cs img {} #cs .gn {margin: 16px 6px 0 14px;} #cs .gn ul {border-top: 1px solid #e0ebf5;} #cs .gn li {float: left; width: 152px;border-bottom: 1px solid #e0ebf5;} #cs .gn li a {font-size: 70%; float: left; width: 140px; padding: 5px 6px; color: #386fa7; font-weight: bold;} #cs .gn li a:hover,#cs .gn li.s1 a {background-color: #e0ebf5; color: #1b4b7b; } #cs .gn li ul{border-top:0px none;} #cs .gn li li { border: 0px none; } #cs .gn li li a { width: 120px; padding: 5px 6px 5px 26px; font-weight: normal; background:url(/Assets/g/c/../i/li.png) 18px 0.9em no-repeat} #cs .gn li li a:hover,#cs .gn li li.s1 a:hover { color:#386fa7; text-decoration: underline} #fs {padding: 6px 12px 9px 16px; background:#eff5fa; border-top:1px solid #fff; } #fs p {font-size: 70%; color: #386fa7; margin: 0; padding: 0;} @media print { body {font: 100% Verdana, Arial, Helvetica, sans-serif; color: #333;margin:0 0 40px 0; } #gw {width: auto; margin: 0; border: 0px none;} #iw {border: 0px none;} #cs .c1 {width: auto;border:0px none; padding: 0;} #cs .c2 {display: none;} #cs h1 { font: 100% Georgia, "Trebuchet MS"; margin: 0 0 10px; line-height: 1.65em;} #hs {height: auto;} #hs h1 {background: none; text-indent: 0; font: bold 130% Georgia, "Trebuchet MS"; width: auto; height: auto; margin: 0 0 2em 0;} #cs .in {display: none;} #fs {padding: 6px 0px 9px 0px; } }