@CHARSET "UTF-8"; /** * Zen CSS * * $Id$ */ /** * IMPORT EXTERNAL STYLE SHEETS * We have separated out these styles because they are * common to the zen template system. */ @import "layout.css"; @import "icons.css"; /** * FONT STYLES * * Standardize font sizes and line-height across browsers */ body { font:13px arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% arial,helvetica,clean,sans-serif; } pre, code { font:115% monospace; *font-size:100%; } table tr.odd { background: #ddd; } tr, td { padding: .25em; } td.icon { text-align: center; } /** * LAYOUT STYLES * * Styles pertaining to minor layout adjustments, such as * changing from fluid width to fixed width. * See layout.css for major adjustments. */ body { margin: 0; padding: 0; min-width: 700px; /* 2x (left-side fullwidth + main padding) + right-side fullwidth */ } #page { /*width: 900px; */ /* page width - optional */ /*margin: 0 auto; */ /* center the page - optional */ /*border-left: 2px solid #AAA;*/ /*border-right: 2px solid #AAA;*/ } /** * OTHER STYLES * * Styles that are specific to this theme. */ /* Common styles */ body { background: #fff; } #page { font-family: Verdana, Arial, Helvetica, sans-serif; color: #111; line-height:1.5em; background-color: #fff; } #container { margin:0px 10px 10px 10px; } #main .node .content{ color: #333; } div.content, div.links { font-size: 92%; } a, a:link, a:visited { color: #2763A5; text-decoration: none; } a:hover, a:focus { color: #6191C5; text-decoration: underline; } a:active, a.active { color: #89A3E4; } h1.title, h1.title a, h1.title a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #6191C5; font-size: 200%; margin:0; margin-bottom:0px; line-height:normal; } h1, h1 a, h1 a:hover { font-size: 140%; color: #444; font-family: Arial, Helvetica, sans-serif; margin:.5em 0 .5em 0; } h2, h2 a, h2 a:hover, .block h3, .block h3 a { font-size: 122%; color: #444; font-family: Arial, Helvetica, sans-serif; margin:.5em 0 .5em 0; } h3 { font-size: 107%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } h4, h5, h6 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } p, .book .body { padding: 0 0 0.5em 0; margin: 0; } pre { background: #ddd; border: 1px solid #aaa; padding: 0.75em 1.5em; } blockquote { border: 1px 0px #ccc solid; margin: 0.5em 1em; padding: 0.3em; font-style: italic; } code { font-size: 100%; font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace; } img { border: 0; } ol, ul, dl { position: relative; } /* Header styles */ #logo-title { margin: 10px 20px 0 20px; position: relative; } #logo{ vertical-align: baseline; } #name-and-slogan { display: inline; } #site-name { margin: 0; display: inline; } #site-name a, #site-name a:hover { font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; font-weight: normal; color: #6DA6E2; font-size: 176%; margin: 0; padding: 0; } #site-slogan { color: #aaa; margin: 0; font-size: 85%; margin-left:20px; } #search { position: absolute; padding:0; top: 0; right: 0; } #mission { color: #666; font-weight:bold; padding: 2em; background: #D7E3F0 url(images/background.png); margin-bottom:20px; font-size: 85%; border: solid 1px #B5C9D8; } .breadcrumb { margin:0; padding:0; font-size: 85%; margin-left:20px; } /* Menu styles */ div.menu { margin-top:15px; } #primary { font-size: 85%; line-height:normal; padding:0px 0px 1px 20px; border-bottom:4px solid #2763A5; } #primary ul { padding:0; margin:0; list-style:none; } #primary li { display:inline; } #primary a { background:url(images/tabs.gif) repeat-x; color:#FFF; font-weight:bold; display:block; float:left; padding:5px 14px 5px 14px; margin: 0px 1px 0px 0px; border: solid #6191C5 1px; border-width: 1px 1px 0px 1px; } #primary a { background-position:0% 0px; } #primary a:hover { background-position:0% -42px; text-decoration:none; } #primary a.active { background-position: 0% -84px; } #secondary { padding-left:20px; background: #6DA6E2; /*#347FD2;*/ border-bottom: solid #2763A5 4px; } #secondary ul { margin:0; padding:0; list-style:none; } #secondary li { margin:0; padding:0; display:inline; } #secondary li a { float:left; display:block; color: #fff; font-size: 85%; text-decoration:none; padding:0px 5px 0px 5px; } #secondary a:hover { background:#2763A5; } #secondary a.active { font-weight:bold; } /* Link styles */ ul.links { text-align:left; } ul.links li { border-left: 1px solid #9cf; } .taxonomy { margin:0; padding:0; display:inline; } .taxonomy ul.links li { border:none; padding:0 .1em 0 .2em; } .taxonomy ul.links li:after { content: ","; } .taxonomy ul.links li.last:after { content: ""; } ul.links li.first { padding-left:0; border: none; } .links { color: #999; } .links a { padding:0 .1em 0 .1em; } .submitted, .taxonomy { font-size: 85%; color: #999; } /* Form styles */ input, textarea, textfield { margin:0; color: #000; font-family: arial; padding:1px; font-size: 100%; } fieldset { border: solid #ccc 1px; } input.form-checkbox, input.form-radio { border: none; } #search .form-text, #user-login-form .form-text { color: #444; border: 1px solid #6191C5; padding: 2px; } .form-submit, .button { padding: 1px; } #search .button, #search .form-submit, #user-login-form .button, #user-login-form .form-submit { background-color: #68A0D9; color: #fff; font-weight:bold; border: 1px solid #4070A1; } #node-form, #node-form .node-form { overflow:auto; } #user-login-form { text-align:left; } #user-login-form .item-list ul { margin-top:10px; } /* Alerts, Status, Help Messages */ .messages { min-height: 32px; /* icon height */ padding: 1.3em 1em .3em 52px; border: 2px solid #ddd; background: #eee; margin: 10px 0; } div.error { border: 2px solid #F00; } .messages ul { padding: 0 0 0 20px; margin: 0; } /* Footer styles */ #footer-wrapper { margin:0; margin-top: 15px; } #footer { background-color: #2763A5; border: solid 1px #004969; color:#FFFFFF; text-align: center; margin:0; font-size: 85%; padding: 1em; } #footer a { color: #fff; font-weight:bold; border-bottom: 1px dotted #FFFFFF; } #footer a:hover { border-bottom: 1px solid #FFFFFF; } #footer img.drupal-powered { position:relative; top:.3em; } /* Administration styles */ .admin-panel { margin:0; padding:0; } .admin-panel .body { background-color: #eee; border: solid #6191C5 1px; } .admin-panel .body dl, .admin-panel .body p { padding:10px; } .admin-panel h3 { margin-bottom:0; padding:5px 5px 5px 30px; font-family: verdana; font-size: 122%; color:#fff; border-width: 0px 2px 2px 2px; } /* Comment styles */ .comment { margin:0px 0px 10px 0; padding: 10px; background: #EBF2F8; } .comment h3.title, .comment h3.title a { font-size: 122%; color: #2266AB; font-weight:normal; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; margin-bottom:3px; margin-top:0; } .comment .picture, .node .picture { float:left; margin-right:15px; } .comment-unpublished { background: #FCE38E; } .comment .new { color: #FFC600; font-weight:bold; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; } .comment .links { text-align: right; } /* Poll styles */ .poll .bar .foreground { background: #2763A5; } .poll .bar { padding:2px; background: #BDCBDD; } /* Book styles */ div.node div.content .book-navigation { background: #eee; margin:0; padding:0; } div.node div.content .book-navigation ul.menu { border:0; border-top:1px solid #2763A5; margin:0; padding-bottom:10px; } div.node div.content .book-navigation .page-links { background: #C1D4EA; /*#347FD2;*/ border:1px solid #2763A5; border-width:1px 0 1px 0; padding:5px; margin:0; } /* Forum styles */ #forum table { width: 100%; } /* Pager styles */ .pager { text-align:center; margin-top: 30px; } .pager a, .pager-current { padding:3px 8px 3px 8px; margin:0 2px 0 2px; color: #2763A5; font-weight:bold; border: solid 1px #eee; } .pager-current { color: #fff; background-color: #2763A5; } /* Node, Block, Content styles */ .node { margin-bottom:15px; padding-bottom:15px; } .node h2.title { margin-bottom:.1em; } .node h2.title a { color: #555; font-size: 129%; font-weight:normal; font-family:verdana; line-height:1.4em; } .node .content { padding-top:10px; padding-bottom:5px; } .sticky { border-bottom: solid 3px #ddd; } .profile { clear:none; } #sidebar-left .block, #sidebar-right .block { border-bottom: solid #ddd 1px; padding-bottom:15px; margin-bottom:20px; } .block .item-list ul { padding-left:0; }