@CHARSET "UTF-8"; /***************************************************** * 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-size: 13px;*/ /* <--- This declaration is breaking layout in Safari... very weird... */ font-family: arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; font: 76% Verdana, Arial, Helvetica, sans-serif; } * HTML body { font-size: 60%;} table tr.odd{ background: #ddd; } tr, td { padding:.25em; } td.icon { text-align:center; } code, pre { font:115% monospace; *font-size:100%; } body * { /*line-height: 1.22em;*/ /* <--- This is causing elements to not inherit line-heights... frustrating... */ } /***************************************************** * 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 very 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; } #main .node .content{ color: #333; } a, a:link, a:visited { /*color: #6191C5; too light? */ color: #2763A5; text-decoration: none; } a:hover, a:focus { color: #6191C5; text-decoration: underline; } a:active, a.active { color: #89A3E4; } h1, h1 a, h1 a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color: #6191C5; font-size: 28px; margin:0; margin-bottom:0px; line-height:normal; } h1.title { margin-bottom:0px; } h2, h2 a, h2 a:hover, .block h3, .block h3 a { font-size: 16px; color: #444; font-family: Arial, Helvetica, sans-serif; margin:.5em 0 .5em 0; } h3 { font-size: 14px; 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: 1em; font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace; } img { border: 0; } ol, ul, dl { position: relative; } /* Header styles */ #logo, #site-name { display:inline; } #logo{ position:relative; top:.6em; margin-right:10px; } #logo-title { margin-left:20px; } #site-name a, #site-name a:hover { font-weight:normal; color: #6DA6E2; font-size:32px; margin:0; padding:0; z-index:5; } #site-slogan { color: #aaa; margin-top:4px; font-size:.8em; margin-left:40px; } #mission { color: #666; font-weight:bold; padding: 2em; background: #D7E3F0 url(images/background.png); margin-bottom:20px; font-size:.9em; border: solid 1px #B5C9D8; } #search { float:right; position:relative; padding:0; top:5px; margin-right:20px; } .breadcrumb { margin:0; padding:0; font-size: .9em; margin-left:20px; } /* Menu styles */ div.menu { margin-top:15px; } #primary { font-size: .9em; 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; } #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:.9em; text-decoration:none; padding:0px 5px 0px 5px; } #secondary a:hover { background:#2763A5; } /* Link styles */ ul.links { text-align:left; } ul.links li { border-left: 1px solid #9cf; } .taxonomy ul.links li { border:none; } .taxonomy .links a { text-decoration:none; border-bottom: dotted 1px #9cf; } .taxonomy .links a:hover { border-bottom: solid 1px #9cf; } ul.links li.first { padding-left:0px; border: none; } .links { color: #999; } .links a { padding:0 .1em 0 .1em; } .node div.links { padding-top:1px; padding-bottom:4px; border-bottom:dashed #eee 1px; } /* Form styles */ input, textarea, textfield { margin:0; color: #000; font-family: arial; padding:1px; font-size: 1em; } 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; padding:0; margin-top: 15px; margin-bottom:15px; } #footer { background-color: #2763A5; border: solid 1px #004969; color:#FFFFFF; text-align: center; margin:0; font-size: .9em; 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:1.2em; 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:1.25em; 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%; } /* Node, content styles */ .node { margin-bottom:15px; padding-bottom:15px; } .node h2.title { margin-bottom:.1em; } .node h2.title a { color: #555; font-size:20px; font-weight:normal; font-family:verdana; line-height:1.4em; } .node .content { padding-top:10px; padding-bottom:5px; } .submitted, .taxonomy { font-size:.9em; color: #999; } .sticky { border-bottom: solid 3px #ddd; } .profile { clear:none; } #container { margin:0px 10px 10px 10px; } #sidebar-left .block, #sidebar-right .block { border-bottom: solid #ddd 1px; padding-bottom:15px; margin-bottom:20px; } .block .item-list ul { padding-left:0; }