/* Base Reset & Fonts ------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} th, td {vertical-align:top;} fieldset, img {border:0;} abbr,acronym {border:0;} body {font:13px Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;} table {font-size:inherit;} select,input,textarea {font:99% Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;} pre,code {font:115% monospace;} body * {line-height:1.22em;} label {cursor:pointer;} address,caption,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} /* Main Structure - DO NOT CHANGE THIS SECTION!! ------------------------------------------------- */ html, body {height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} #wrap { min-height:100%; margin:0 auto; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;} #pri, #sec, #ter {float:left; font-family: Verdana, Arial, Helvetica, sans-serif;} #pri {width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} #sec {position:relative;left:-100%; font-family:Verdana, Arial, Helvetica, sans-serif;} #ft {clear:both;position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;} .grid-2 .col, .grid-4 .grid-2 {float:right;display:inline;} .grid-2 div.first, .grid-4 div.first, .grid-3 .col {float:left;} .grid-2 .col, .grid-4 .grid-2, .grid-4 .grid-2 .col {width:50%;} .grid-3 .col {width:33%;} body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;} body#onecol #pri .pad {margin:0;} body#twocol-left #pri .pad {margin-right:0;} body#twocol-right #pri .pad {margin-left:0;} /* Widths & Footer height ------------------------------------------------- */ #wrap {width:1220px;} #pri .pad { margin:0 275px 0 265px; padding:8px; color:#000; background-color:#F5FAFA; font-family:Verdana, Arial, Helvetica, sans-serif; } #sec { width:218px; padding:8px; margin-right:-265px; font-family:Verdana, Arial, Helvetica, sans-serif; } #ter { width:179px; padding:8px; margin-left:-275px; font-family:Verdana, Arial, Helvetica, sans-serif; } #pri .pad, #sec, #ter {padding-bottom:56px; font-family:Verdana, Arial, Helvetica, sans-serif;} #ft { width:1204px; height:24px; padding:8px; margin:-40px auto 0; } /* General fonts ------------------------------------------------- */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element. NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #pagewrap p {font-family:Verdana,Arial,Helvetica,sans-serif;} would set every

within #pagewrap to Verdana. It is better to set font-sizes on elements rather than containers. */ #wrap, #ft {font-family: Verdana, Arial, Helvetica, sans-serif;} h1 {font-size:136%;} h2 {font-size:107%; color:#262626;} h3 {font-size:100%; color:#464646;} h4 {font-size:92%; color:#5D5D5D;} h5 {font-size:92%; color: #6D929B;} h6 {font-size:92%;} #pri p, #sec p, #ter p, #ter h2, #sec li, #pri th, #pri td, #pri caption, #pri dt, #pri dd, #nav li {font-size:92%;font-family: Verdana, Arial, Helvetica, sans-serif;} #utilitynav li, #nav li, #ft p, #ft li, #searchform input, #searchform label, #ter h3, #ter li {font-size:85%;} #ft p, #ft li {font-size:77%;} #sec li li, #pri legend, #nav li li {font-size:100%;} strong, b, h2, h3, h4, h5, h6, #pri legend {font-weight:bold;} em,i,cite {font-style:italic;} /* Theme ------------------------------------------------- */ html, body { background:#ACD1E9; color:#000; } a {color:#008dbc;} a:hover {color:#000;} a.skip {position:absolute;left:-9999px;} #wrap, #ft {background:#ACD1E9;} h2,h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10px 0px 5px 0px; font-weight:bold } #masthead { color:#000; background:#ACD1E9; position:relative; } #masthead h1 { letter-spacing: .2em; text-align:center; } h6.date-header { font-weight:bold; font-size: 12px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; margin-top: 0px; margin-bottom: 5px; clear:both; } #ter table, #ter td { background-color:#ACD1E9; } #logo a { display:block; background:url(cssimages/logo.gif) no-repeat 0 0; width:300px; height:70px; text-indent:-9999px; outline:none; } #tagline { position:absolute; left:-9999px; } #nav { background:#444; color:#fff; } pre { background-color: #f1f1f1; border: 1px black solid; padding-left: 2px; } #nav a { outline:none; color:#fff; margin-bottom: 10px; } h6.date-header { font-weight:bold; font-size: 12px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; margin-top: 0px; margin-bottom: 5px; clear:both; } div.blogbottom { background-color: #C7D4E6; border: 1px solid #C7D4E6; padding-right: 8px; height:25px; background-image: url("../images/noisedbg.png"); background-repeat: repeat-x; padding-bottom: 0px; padding-top: 6px; text-align:right; margin-top:15px; margin-bottom: 30px; font-size: .9em; } div.blogbottom a { color: #0099CC; text-decoration: none; text-align: center; margin: 0px; } div.blogbottom a:active,visited { color: #0099CC; text-decoration: none; text-align: center; margin: 0px; } div.blogbottom a:hover { color: #0099CC; text-decoration: none; text-align: center; margin: 0px; } pre { background-color: #f1f1f1; border: 1px black solid; padding-left: 2px; } .sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(cssimages/superfish/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } ul.sidenotesnav { margin-left: 0; padding-left: 0; list-style: none; } ul.sidenotesnav li { padding-left: 10px; list-style:none; background-image: url(/images/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: .1em } ul.sidenotesnav li a:link { list-style-image: url(/images/arrow.gif); color: #0F3B5F; } ul.sidenotesnav li a:visited { list-style-image: url(/images/arrow.gif); color: #0F3B5F; } ul.sidenotesnav li a:hover { list-style-image: url(/images/arrow.gif); color: #CE0000; text-decoration:none } ul.sidenotesnav li a:active { list-style-image: url(/images/arrow.gif); color: #0F3B5F; text-decoration:none } .adlinks a { color: #0F3B5F; } .adlinks a:link { color: #0F3B5F; } .adlinks a:visited { color: #0F3B5F; } .adlinks a:hover { color: #CE0000; text-decoration:none } .adlinks a:active { color: #0F3B5F; text-decoration:none } #subnav {margin-bottom:1em;} #subnav li { background:url(cssimages/bullet-subnav.gif) no-repeat 0 7px; padding:3px 0 5px 13px; border-bottom:1px solid #d1d3d4; } #subnav ul { padding-top:4px; } #subnav li li { background:url(cssimages/bullet-sub-subnav.gif) no-repeat 0 7px; border-bottom:0; } #subnav li.current a {text-decoration:underline;} #subnav li a {display:block;} #subnav li.current li a {text-decoration:none;} #subnav li.current li a:hover {text-decoration:underline;} #subnav li:last-child, #subnav li.lastchild {border-bottom:0;} #ft { background:#ACD1E9; color:#000; } #ft p, #ft ul {font-size:85%;} #ft p {padding:5px 5px 6px 7px;} #ft ul { position:absolute; right:10px; top:5px; } #ft li {display:inline;} #ft li a { display:block; float:left; border-right:1px solid #fff; margin-right:7px; padding-right:7px; color:#000; text-decoration:none; } #ft li a:hover {text-decoration:underline;} #ft li.last a { border-right:0; margin-right:0; padding-right:0;} /* Rounded corner box styles ------------------------------------------------- */ .rounded { background:#f1f1f1; padding:10px; } /* Shadowbox styles ------------------------------------------------- */ #shadowbox_container, #shadowbox_overlay { top:0; left:0; height:100%; width:100%; margin:0; padding:0; } #shadowbox_container { position:fixed; display:block; visibility:hidden; z-index:999; text-align:center; } #shadowbox_overlay { position:absolute; background-image:url(cssimages/shadowbox/overlay.png); background-repeat:repeat; } #shadowbox { position:relative; margin:0 auto; text-align:left; } #shadowbox_body { position:relative; margin:0; padding:0; border:1px solid #fff; overflow:hidden; } #shadowbox_body_inner { position:relative; height:100%; } #shadowbox_content.html { height:100%; overflow:auto; } #shadowbox_loading { position:absolute; top:0; width:100%; height:100%; } #shadowbox_body, #shadowbox_loading { background-color:#060606; } #shadowbox_loading_indicator { float:left; margin:10px 10px 0 10px; height:32px; width:32px; background-image:url(cssimages/shadowbox/loading.gif); background-repeat:no-repeat; } #shadowbox_loading span { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:10px; float:left; margin-top:16px; } #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color:#fff; text-decoration:underline; } #shadowbox_title, #shadowbox_info { position:relative; margin:0; padding:0; overflow:hidden; } #shadowbox_title_inner, #shadowbox_info_inner { position:relative; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:16px; } #shadowbox_title { height:26px; } #shadowbox_title_inner { font-size:16px; padding:5px 0; color:#fff; } #shadowbox_info { height:20px; } #shadowbox_info_inner { font-size:12px; color:#fff; } #shadowbox_nav { float:right; height:16px; padding:2px 0; width:45%; } #shadowbox_nav a { display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; } #shadowbox_nav_close { background-image:url(cssimages/shadowbox/close.png); background-repeat:no-repeat; } #shadowbox_nav_next { background-image:url(cssimages/shadowbox/next.png); background-repeat:no-repeat; } #shadowbox_nav_previous { background-image:url(cssimages/shadowbox/previous.png); background-repeat:no-repeat; } #shadowbox_nav_play { background-image:url(cssimages/shadowbox/play.png); background-repeat:no-repeat; } #shadowbox_nav_pause { background-image:url(cssimages/shadowbox/pause.png); background-repeat:no-repeat; } #shadowbox_counter { float:left; padding:2px 0; width:45%; } #shadowbox_counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; } #shadowbox_counter a.shadowbox_counter_current { text-decoration:underline; } div.shadowbox_clear { clear:both; } div.shadowbox_message { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:12px; padding:10px; text-align:center; } div.shadowbox_message a:link, div.shadowbox_message a:visited { color:#fff; text-decoration:underline; } /* Clearfix ------------------------------------------------- */ .grid-2:after, .grid-3:after, .grid-4:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }