/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* 960.css */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%} /* GLOBAL RULES */ html { background: #dfdfdf url('i/brushed_400.jpg') center 0 repeat; } body { color: #413433; font-family: Tahoma, Verdana, Arial, sans-serif, serif; line-height: 1.6em; position: relative; } /* HEADINGS */ h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Times New Roman", Times, serif; color: #000; position: relative; text-shadow: #fff 1px 1px 1px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; background: none; } h1 { font-size: 197%; /* 26px */ padding: 10px 0; } h1 span { width: 940px; margin: 0 auto; display: block; position: relative; } h2 { font-size: 138.5%; /* 18px */ font-weight: bold; margin-bottom: 10px; } h3 { font-size: 130%; margin-bottom: 5px; font-style: italic; } h4 { font-size: 115%; font-weight: bold; margin-bottom: 5px } h5 { font-size: 105%; margin-bottom: 5px } /* ELEMENTS */ strong, b, dfn { font-weight: bold; } em, i { font-style: italic; } abbr { border-bottom: 1px dotted black; } a { color: #000; text-decoration: underline; } a:hover { text-decoration: none; } p { margin-bottom: 0.8em; } #content ul, #content ol, #content code, #content pre { margin-bottom: 10px; } #content ol { } #content ol > li { list-style-position: inside; list-style-type: decimal; } #content code { word-wrap: break-word; } #content pre { padding-left: 10px; border-left: 5px solid #000; } dl { } dt { display: block; background: #fff url('i/dt-bg.jpg') 0 0 repeat-x; clear: right; padding: 5px 10px; font-size: 113%; font-weight: bold; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } dd dt { margin-top: 10px; } dd { background: #fff; padding: 5px 10px 5px 40px; border: 1px solid #ddd; border-top: 0; } table { border: 1px solid #413433; width: 100%; } th { padding: 10px; color: #fff; background: #413433 url('i/highlight-bg.jpg') 0 0 repeat-x; font-weight: bold; } td { padding: 5px 10px; } tr { border-bottom: 1px solid #413433; } blockquote { padding: 10px 0; font-size: 130%; font-family: "Georgia", "Times New Roman", Times, serif; text-align: right; } blockquote:before { content: "“"; float: left; font-size: 700%; margin: 10px 10px 0 0; line-height: 1ex; } blockquote p { color: #000; } blockquote .author { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 80%; } form { } label, button { cursor: pointer; } label, input, textarea, button { width: 100%; display: block; padding: 5px 0; float: left; } label { width: 80%; } button { color: #ebe3da; background: #413433; border: 0; margin-bottom: 10px; } button:hover { background: #313433; } input[type=hidden] { display: none; } input[type=checkbox] { float: left; width: 15px; height: 10px; clear: left; margin: 10px; } form p { clear: both; position: relative; } form .info { position: absolute; left: 90%; top: 0; background: #fff; padding: 4px; margin: 10px; clear: left; display: block; width: 90%; z-index: 10; border: 1px solid #555; background: #fee; } /* BASIC STYLING CLASSES */ .bold { font-weight: bold; } .italic { font-style: italic; } .circle li { list-style-type: circle; list-style-position: inside; margin-bottom: 0.2em; } .nolist li { list-style-type: none; margin-bottom: 0.2em; } .section { margin-bottom: 20px; clear: both; } .standout { font-size: 120%; } .clear-both { clear: both; } .float-left { float: left; margin-right: 10px; margin-bottom: 10px; } .float-right { float: right; margin-left: 10px; margin-bottom: 10px; } .expandable-actions { float: right; } .expandable-actions li { float: left; margin-left: 10px; } .center { margin: 0 auto; } .excerpt, .article-excerpts p { font-style: italic; } .article-excerpts li { clear: both; } .article-intro { padding: 0 0 10px 10px; background: #fff url('i/article-intro-bg.jpg') 0 bottom repeat-x; margin-left: -10px; width: 100%; border-bottom: 1px solid #413433; overflow: hidden; -box-shadow: 0px 0px 8px #555; -moz-box-shadow: 0px 0px 8px #555; -webkit-box-shadow: 0px 0px 8px #555; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .article-intro h1 { border-bottom: 1px solid #413433; margin-bottom: 10px; } .article-body { width: 100%; clear: both; padding-top: 10px; } .tree li { padding-left: 30px; } /* HEADER */ #header { position: absolute; top: 0; left: 0; width: 100%; } #top-nav { background: #796661; line-height: 1.5em; } #top-nav ul { font-size: 77%; /* 10px */ overflow: hidden; } #top-nav li { float: left; width: 160px; } #top-nav a { color: #fff; text-decoration: none; display: block; padding: 0px 10px; } #top-nav a:hover { color: #111; background: #dfdfdf; } #main-nav { clear: both; font-family: "Georgia", "Times New Roman", Times, serif; font-size: 167%; /* 22px */ text-transform: lowercase; text-shadow: #fff 1px 1px 0px; } #main-nav li {float: left; padding: 0 15px; height: 100px; line-height: 170px;position: relative; } #main-nav li a { height: 100px; } #main-nav li:hover { border-bottom: 5px solid #796661; } #main-nav li.active { border-bottom: 5px solid #000; color: #000; } #main-nav li ul { display: none; position: absolute; top: 105px; left: 0; background: #fff; width: 101px; font-size: 50%; font-family: Tahoma, Verdana, Arial, sans-serif, serif; text-shadow: none; border-bottom: 5px solid #796661; padding: 0; margin: 0; } #main-nav li:hover ul { display: block; z-index: 999; } #main-nav li.active ul { border-bottom: 5px solid #000; } #main-nav li ul li { line-height: 30px; height: 30px; display: block; float: left; width: 100%; padding: 0; margin: 0; clear: left; margin-bottom: 10px;} #main-nav li ul li:hover { border-bottom: 0; } #main-nav li ul li a { padding: 5px 15px; margin: 0; height: 30px; } #main-nav li ul li a:hover { background: #796661; color: #ebe3da; } #main-nav a { text-decoration: none; display: block; } #main-nav img { border: 0; display: block; } /* CONTENT */ #content-wrap { float: left; width: 100%; padding-top: 135px; background: url('i/radial-bg.png') center 0 no-repeat; } #content p a { padding: 0px 0px; color: #000; text-decoration: underline; font-weight: bold; } #content p a:hover { background: #413433; color: #fff; text-decoration: none; } #content p a:visited { font-weight: normal; } #content img { border: 1px solid #000; } #content a:hover img { border: 1px solid #fff; } #content h1 img { border: 0; position: absolute; right: -40px; top: -70px; } #content-wrap > .highlight-wrap { overflow: hidden; } .highlight-wrap { padding-bottom: 10px; margin-bottom: 10px; background: #fff; -box-shadow: 0px 0px 8px #555; -moz-box-shadow: 0px 0px 8px #555; -webkit-box-shadow: 0px 0px 8px #555; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .highlight { color: #ebe3da; display: block; background: #413433 url('i/highlight-bg.jpg') 0 0 repeat-x; overflow: hidden; padding-top: 10px; width: 100%; } .highlight h2 { color: #fff; text-shadow: #444 1px 1px 0; } #content .highlight a { color: #fff; } #content .highlight a:hover { text-shadow: none; background-color: #fff; color: #413433; } .highlight abbr { border-bottom-color: #fff; } #content .socials img { border: 0; float: left; margin-right: 10px; } /* ACTION BUTTONS */ .actions { margin: 10px 0; float: left; width: 100%; } .actions li { float: left; margin-right: 10px; } html #content a.button { float: left; padding: 10px 15px 10px 38px; background-color: #fff; color: #413433; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } html #content a.button:hover { background-color: #d6c5b1; color: #000; } html #content a.basket { background: #fff url('/img/icons/basket.gif') 5px center no-repeat; } html #content a.question { background: #fff url('/img/icons/question.gif') 5px center no-repeat; } html #content a.pdf { background: #fff url('/img/icons/pdf.gif') 5px center no-repeat; } /* SECONDARY NAVIGAITON */ #content #sec-nav { font-size: 120%; margin-top: 10px; margin-bottom: 0; } #sec-nav li { float: left; margin-right: 5px; } #sec-nav a { float: left; text-decoration: none; padding: 10px; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #sec-nav a:hover { background: #d6c5b1; color: #000; } #sec-nav a.active { background: #fff; color: #000; cursor: default; } .tab-content > div { clear: both; } /* SIDEBAR */ #sidebar { border-left: 1px dotted #000; margin-left: 0px; padding-left: 9px; margin-bottom: 10px; } /* FOOTER */ #footer-wrap { width: 100%; clear: left;background: #221c1c; color: #fff; padding: 0 0 70px 0; box-shadow: -10px 0px 10px #000; -moz-box-shadow: -10px 0px 10px #000; -webkit-box-shadow: -10px 0px 10px #000; } #footer { overflow: hidden; } #breadcrumb { border: 1px solid #413433; margin-bottom: 20px; } #breadcrumb li { margin-left: 10px; float: left; padding: 10px 0 10px 10px; border-left: 1px solid #413433; } #breadcrumb li:first-child { border-left: 0; padding-left: 0; } #footer li ul li { margin-bottom: 10px; } #footer h6 { color: #fff; text-shadow: none; margin-bottom: 15px; } #footer a { color: #d6c5b1; text-decoration: none; } #footer a:hover { text-decoration: underline; color: #fff; } /* MICROFORMATS */ .vcard .org { color: #000; font-weight: bold; }