/* # ------------------------------------------------------------------ # Londonderry Historical Society # Preserving the best of old Londonderry # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # Description: innards # Filename: com.head.php # Version: 4.0 # Date: May, 2007 # ------------------------------------------------------------------ */ /* - - BASELINE - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; vertical-align: top; } table { /* border-collapse: collapse;*/ border-spacing: 0; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } /* - - META ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - */ html, body { height: auto; color: #161616; background: #fff url(../i/stripes.gif) top left; } body { font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif; font-size: 80%; line-height: 1.5; } /* - - CHARACTER FORMATTING - - - - - - - - - - - - - - - - - - - - - */ strong, b { font-weight: bold; } em, i { font-style: italic; } sup, sub { font-size: .8em; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .uc { text-transform: uppercase; } .lc { text-transform: lowercase; } .sc { font-variant: small-caps; } .note { color: #999; } .float_left { float: left; } .float_right { float: right; } .nowrap { white-space: nowrap; } .inline { display: inline; } .inline_block { display: inline-block; display: -moz-inline-box; } /* - - LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a, a:link, a:visited { background-color: transparent; font-weight: normal; text-decoration: none; } a:active, a:hover { background-color: transparent; font-weight: normal; text-decoration: underline; } a, a:link { color: #9e532c; } a:visited { color: #939393; } a:active, a:hover { color: #ff6c36; } a.plain:active, a.plain:hover { text-decoration: none; } /* - - HEADINGS - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1, h2, h3, h4, h5 { font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.2em; text-decoration: none; } h1, h4, h5 { color: #888; font-family: Georgia, Times, "Times New Roman", Serif, serif; font-size: 1.2em; font-style: italic; margin-bottom: .5em; } h2 { font-size: 1.3em; padding-bottom: .25em; border-bottom: 1px solid #e6e6e6; margin-bottom: .25em; } h3, h4, h5 { color: #444; font-size: .9em; margin-bottom: .75em; } h3 span.dates { font-style: italic; font-family: Georgia, Times, "Times New Roman", Serif, serif; } h6 { color: #555; margin: .25em 0; font-size: .85em; } /* - - IMAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ img { display: block; border: 0; } .aligned { display: inline; position: relative; top: .1em; } .framed, .framed_left, .framed_right { padding: 3px; background-color: #f5f5f5; border: 1px solid #ccc; } .framed_left { float: left; margin: 0 8px 8px 0; } .framed_right { float: right; margin: 0 0 8px 8px; } /* - - BLOCK ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - */ p, cite, blockquote, ol, ul, dl { margin-bottom: .5em; } blockquote { background-color: #f5f5f5; padding: 10px; border: 1px solid #ccc; } code { font-family: Monaco, Consolas, Courier New, monospace; font-size: 1em; } pre { font-family: Monaco, Consolas, Courier New, monospace; font-size: 1em; } hr { height: 1px; margin: 9px 0 10px 0; border: none; border-bottom: 1px solid #ddd; background-color: transparent; } .odd { background-color: #eeeedc; } .even { background-color: #fff; } /* - - TABLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ table { width: 100%; } table th, table td { padding: .25em; } table th { text-transform: uppercase; font-size: .8em; font-weight: bold; letter-spacing: .1em; color: #fff; background-color: #4065a5; } table.merch th, table.merch td { padding: 1em .5em; border-bottom: 1px solid #ccc; } td.label { width: 20%; text-align: right; } /* - - LISTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ol { list-style-position: inside; } ul { list-style: none; } ul li { padding-left: 10px; background: url(../i/arrow.gif) no-repeat 0 .4em; } ul li.here { padding-left: 15px; background: url(../i/arrow_here.gif) no-repeat 5px .4em; font-weight: bold; } ul.nb li, ul.nb li.here { padding-left: 0; background-image: none; } dt { margin-top: 1em; font-size: 1.1em; } dd { margin-left: 0; } ul.data { width: 472px; padding: 3px; border: 1px solid #ddd; } ul.data li { background-image: none; padding: .25em .25em 0 .25em; border-bottom: 1px solid #ddd; } /* - - FORMS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ form { background-color: transparent; } fieldset { width: auto; padding: 10px; border: none; border: 1px solid #ddd; margin: 0 0 1em 0; } fieldset table { margin: 0; } legend { padding: 5px; text-transform: uppercase; font-size: .8em; font-weight: bold; letter-spacing: .1em; } input, textarea, select { font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif; font-size: .9em; line-height: 1.2em; display: inline; width: auto; padding: 2px; border: 1px solid #dbdbc8; border-top-color: #7a7a6f; margin: 0; color: #000; background-color: #fff; } input[type=text], input[type=password], input[type=search] { width: 13em; } .wide, textarea, option { width: 100%; } textarea { height: 20em; } textarea.short { height: 6em; } textarea.twoline { height: 3em; } input[type=submit], input[type=button] { color: #fff; background-color: #4a4a43; padding: 5px; } input[type=hidden] { display: none; } input[disabled=disabled] { } input.one { width: 1.1em; } input.two { width: 2.1em; } input.three { width: 3.1em; } input.four { width: 4.1em; } input.five { width: 5.1em; } #getpass_response { display: inline; width: auto; padding: 0; border: none; background-color: transparent; } input[type=text]:hover, input[type=search]:hover, input[type=password]:hover, textarea:hover, select:hover, input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus { border-color: #ff6c36; } /* - - ALERTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .alerts { width: 100%; padding: 0; margin-bottom: 10px; } #errors { color: #fff; background: #be5028 url(../i/error.gif) no-repeat 5px 6px; padding: 8px 10px 0 27px; border: 1px solid #bf9788; } #notices { color: #4a4a43; background: #e8da8b url(../i/notice.gif) no-repeat 5px 5px; padding: 8px 10px 0 27px; border: 1px solid #e9c501; } #arrays { color: #4a4a43; background-color: #ededd8; padding: 8px 10px 0 10px; border: 1px solid #dbdbc8; } #response { width: 468px; color: #161616; background-color: #eeeedc; padding: 5px; border: 1px solid #ddd; } #uploader { width: 480px; height: 0; padding: 0; margin: 0; border: 0; } /* #uploader { width: 468px; height: 140px; padding: 5px; margin: 0 0 1em 0; border: 1px solid #ddd; } */ #previewer { width: 458px; height: 135px; overflow: auto; white-space: nowrap; list-style: none; margin: 0; padding: 0; } /* - - NAMED SECTIONS - - - - - - - - - - - - - - - - - - - - - - - - */ #photos { padding: 3px; border: 1px solid #ddd; } #photos.plain { padding: 0; border: none; } #wait_photo { display: none; } .caption { border-bottom: 1px dotted #999; margin-bottom: .3em; } #main, #footer { position: relative; width: 668px; height: auto; padding: 18px; padding-bottom: 0; margin: 0 auto; background: #fff url(../i/bg.gif) repeat-y top left; } #slogan { width: 668px; height: 16px; text-align: right; margin-bottom: 4px; } #navbar { width: 666px; height: 25px; background: #9e522c url(../i/nav/redend) repeat-x top right; border: 1px solid #ccc; margin-bottom: 1px; } #navbar img { display: inline; } #photograph { width: 666px; height: 114px; border: 1px solid #ccc; margin-bottom: 10px; } #content { width: 668px; } #logobox { width: 515px; /* height: 171px;*/ height: 125px; border: 1px solid #ccc; background: #eee url(../i/box-stripes.gif) top left; } #logotype { position: relative; top: 36px; top: 20px; left: 40px; } #mission { display: none; position: relative; top: 0; left: 222px; width: 218px; height: 80px; color: #555; font-size: .75em; line-height: 1.5em; overflow: none; } #spacer { height: 10px; font-size: 0; line-height: 0; } #thin_column { width: 28px; padding: 0; } #fat_column { padding: 10px 50px 10px 10px; border: 1px solid #ccc; border-bottom: 0; width: 414px; } #login_column, #admin_column { padding: 10px; border: 1px solid #ccc; border-bottom: 0; width: 480px; } .post { clear: left; margin-bottom: 1.5em; } #sidebar { width: 127px; padding: 35px 10px 10px 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; background: transparent url(../i/extra.gif) no-repeat top left; } #sidebar.admin { padding-top: 10px; background-image: none; } #horsevane { position: relative; left: -47px; margin: 0 -47px 10px 0; clip: none; } #footer { padding-bottom: 20px; padding-top: 0; } #feet { width: 640px; height: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 0 28px; padding: 0 0 .2em 0; } #left-foot { float: left; text-align: left; } #right-foot { text-align: right; }