/* CSS for Remembrance Wall site. Created: 2008-09-29 by Mike Taylor Note - in ie6.css: - each float should be give display:inline - each min-height should have a corresponding height. - each overflow:hidden should have a corresponding zoom:1 */ /* give "layout" (normally applied in addition to overflow:hidden) */ /*----------------------------------- ELEMENTS & OVERALL --*/ /* font families: font-family:Arial,Helvetica,Garuda,sans-serif; font-family:Verdana,Geneva,Kalimati,sans-serif; */ #blq-main { background: #F2F2F2 0 0 no-repeat url(/staticarchive/ec355dd50bd06f6664f78d2255e36458fe57f519.jpg); font-family:Verdana,Geneva,Kalimati,sans-serif; line-height: 1.2em; padding:163px 14px 15px; position:relative; width:946px } .lead { font-size:1.3em } .disclaimer { font-size:0.9em } .copyright { font-size:0.9em } a:link, a:visited { color:#F26722; font-weight:bold; text-decoration:none } a:hover, a:active { text-decoration:underline } /* See IE6 override. Note: padding cannot be used to adjust spacing. Use height, or margins (must be overridden in IE6) */ hr { background:no-repeat 50% 50% url(/staticarchive/08d9daf774c9adf0b4d6345a4aff4ebf7c58c10b.gif); border:none; height:1px; margin:0; padding:0 } /*----------------------------------- MASTHEAD & CONTENT --*/ a#ninety-years { text-decoration:none } a#ninety-years img { display:block; left: 21px; position: absolute; top:45px } #blq-content { color:#333; overflow:hidden; padding:24px 0 0 0; zoom:1 } /*----------------------------------- MAIN NAV --*/ #blq-local-nav { border-bottom:solid 1px #fff; font-family:Arial,Helvetica,Garuda,sans-serif; margin:0 auto; padding:0; width:946px } #blq-local-nav ul { background:#020202 repeat-x 0 0 url(/staticarchive/b09654c6e78de51884287c2aad1d1882b507f53f.gif); text-align:center } #blq-local-nav ul li { background:#505050 repeat-x 0 0 url(/staticarchive/d26b9dbe96b7d9d66b49d68c4eb58167adcbeaeb.gif); display:-moz-inline-box; font-size:1.22em } #blq-local-nav ul li { display:inline-block } #blq-local-nav ul li a { background:no-repeat 0 0 url(/staticarchive/cef6bcabee9afabffbd3c6c6fea58f711e66985f.gif); display:block; line-height:2.1; padding:0 9px } #blq-local-nav ul li.nth-child-first a { background-image: url(/staticarchive/311cadbb303a0a34995ebe6d5f496608b5ec3db3.gif) } #blq-local-nav ul li a:link, #blq-local-nav ul li a:visited { color:#fff; text-decoration:none } #blq-local-nav ul li a:hover, #blq-local-nav ul li a:active { background:repeat-x 0 0 url(/staticarchive/6bf3053e7ec92eb81cb65db2b394e2f8cc1f647b.gif) } .cat-home #blq-local-nav ul li.nav-home a, .cat-wall #blq-local-nav ul li.nav-wall a, .cat-timeline #blq-local-nav ul li.nav-timeline a, .cat-research #blq-local-nav ul li.nav-research a, .cat-mobile #blq-local-nav ul li.nav-mobile a, .cat-season #blq-local-nav ul li.nav-season a, .cat-how #blq-local-nav ul li.nav-how a, .cat-feedback #blq-local-nav ul li.nav-feedback a { background:repeat-x 0 0 url(/staticarchive/6bf3053e7ec92eb81cb65db2b394e2f8cc1f647b.gif) } /*----------------------------------- HOME PAGE --*/ .home #blq-main { background:#FFF 0 0 no-repeat url(/staticarchive/61def60a24405fc6647ee59add194e3c63471cab.jpg); min-height:600px } .home #blq-content { padding-top:18px } .home h1 { left: 21px; position: absolute; top:45px } .home .video { background:#000 no-repeat 0 0 url(/staticarchive/40505ad3bfd6e6d7e80d90270976e53fd7497864.gif); color:#fff; display:inline; float:left; margin-left:106px; padding:6px 0 0 0; width:461px } .home #video #emp-1 { height:287px; margin:0 6px 0 7px; width:448px } .home #video .caption { background:no-repeat 0 100% url(/staticarchive/0692572cc55f52310b9ae2e4a59cdce3ccd5139d.gif); min-height:34px; padding:6px 16px 23px 17px } .home #video .caption h2 { font-size:1.0em } .home #video .caption p { font-size:0.9em; padding-bottom:3px } /* overrides for "can't show video" message */ .no-js .video .emp .no-video-content { visibility:hidden } #blq-content .video .emp .no-video-content { background:#000; color:#fff; padding:10px } #blq-content .video .emp .no-video-content h2 { background:none; display:block; float:none; font-size:1.2em; margin:10px 0 0; padding:0 } #blq-content .video .emp .no-video-content p { display:block; float:none; font-size:1.0em; line-height:1.4em; margin:10px 0; padding:0 } #blq-content .video .emp .no-video-content ul { display:block; float:none; margin:10px 0 10px 3em; padding:0 } #blq-content .video .emp .no-video-content li { display:list-item; float:none; margin:0; padding:5px 0 } #blq-content .video .emp .no-video-content a:hover, #blq-content .video .emp .no-video-content a:active { text-decoration:underline } .home #coming-up { margin-left:635px; /*min-height:360px;*/ width:311px } .home #coming-up h2 { font-size:1.3em; padding:0 0 2px } .home #coming-up p { color:#666 } .home #coming-up p.when-and-where { color:#333 } .home #coming-up li { padding:10px 0 5px 0 } .home #coming-up p.full-listings { font-weight:bold; padding:11px 0 0 2px } .home #coming-up p.full-listings a { background:no-repeat 0 0.4em url(/staticarchive/837053b3f9f2a8b6180e8452490c727195922fd7.gif); padding:0 0 0 9px } .home #coming-up .outer { background:#fff no-repeat 0 100% url(/staticarchive/5707ea338a8a275c94218df306933c8554caca3b.gif) } .home #coming-up .inner { background:no-repeat 0 0 url(/staticarchive/2a501f7444be6a16654541ebcaca1c2ab7b8ce6a.gif); padding:14px 12px 22px } .home #records { clear:left; min-height:200px; margin-bottom:18px; width:946px } .home #records h2 { background:no-repeat 0 100% url(/staticarchive/c177325d559f1c07df3c6ea00d37d984c32aa127.gif); font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.3em; line-height:1.4em; margin:0; min-height:32px; padding:0 0 1px 8px } .home #records ul { background:no-repeat 0 100% url(/staticarchive/ac5b7e6c8aec504f5c8893fcb02e86c944a201b5.gif); min-height:145px; overflow:hidden; padding:0 0 20px 0; zoom:1 } .home #records li { display:inline; float:left; padding:5px 0 0 13px; width:157px; width:144px } .home #records li h3 { margin:0 0 2px 0 } .home #records li p { margin:1px 0 } .home #records li p.note { margin-top:15px } /*----------------------------------- SUBINDEX PAGE MAIN CONTENT BLOCK --*/ .subindex #main-content { display:inline; float:left; margin:0; padding:6px 0 10px; width:640px } .subindex #main-content h1 { background:no-repeat 0 100% url(/staticarchive/127a41bbfbe877d915406d39b60aac8a362707b4.gif); font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.7em; line-height:1.2em; margin:0 0 17px; padding:0 0 6px 9px; } .subindex #main-content .index-item-outer { background:#060606 no-repeat 0 100% url(/staticarchive/b7433373c868fd97c4048c18b11b44472dfc18be.gif); color:#fff; display:inline; float:left; margin-right:14px; padding:0; width:306px } .subindex #main-content .index-item { background:no-repeat 0 0 url(/staticarchive/34ed4fc70b8772aeb2abac917cd9078701cfecef.gif); padding:10px 10px 22px } .subindex #main-content .index-item img { display:block } .subindex #main-content .index-item h2 { font-size:1.2em; margin:9px 0 7px; padding:0 10px 0 } .subindex #main-content .index-item p { font-size:1.0em; margin:7px 0; padding:0 10px 0 } /*----------------------------------- CONTENT PAGE MAIN CONTENT BLOCK --*/ .content #main-content { background:0 0 repeat url(/staticarchive/e252746d59b3baf0a7ab5c5b84bbda010370b0ab.png); border:solid 1px #CDCDCD; display:inline; float:left; margin:0; padding:6px 9px 10px 9px; width:606px } .content #main-content h1 { background:no-repeat 0 100% url(/staticarchive/de4e7314c678ee9588d66e26458dc748245a5db2.gif); font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.7em; line-height:1.2em; margin:0 0 17px; padding:0 0 6px 9px; } .content #main-content .content-item { overflow:hidden; margin:15px 0; width:606px; zoom:1 } .content #main-content h2 { background:no-repeat 0 2px url(/staticarchive/2fbcb118040696af947842fec6b44e6fa773f0df.gif); font-family:Arial,Helvetica,Garuda,sans-serif; display:inline; float:left; font-size:1.3em; line-height:1.2em; margin:0 24px 14px 0; padding:0 0 0 7px; width:146px; width:129px } .content #main-content p { margin:0 0 14px 160px; padding: 0 } .content #main-content .video { margin:0 0 14px 160px } .content #main-content .video p.caption { background:#F0E9E5; font-size:0.9em; margin:0; padding:10px } .content #main-content .video .emp { background:#000; color:#fff; height:287px; width:448px } .content #main-content .fullwidth-image-with-caption { margin:0 0 14px 160px } .content #main-content .fullwidth-image-with-caption img { display:block } .content #main-content p.caption { background:#F0E9E5; font-size:0.9em; margin:0; overflow:hidden; padding:10px; zoom:1 } .content #main-content p.caption .copyright { color:#F26722; font-size:0.8em; float:right; margin-top:0.5em } .content #main-content .image-with-caption { float:right; margin:0 0 10px 10px; width:206px } .content #main-content .image-with-caption .w286 { width:206px } .content #main-content .image-with-caption .w206 { width:206px } .content #main-content .image-with-caption .w126 { width:126px } .content #main-content .image-with-caption img { display:block } .content #main-content .fullwidth-image-with-caption p.caption { background:#F0E9E5; font-size:0.9em; margin:0; padding:10px } .content #main-content blockquote { background:#EBEBEB no-repeat 0 0 url(/staticarchive/a882e3d9bb3e3f73035c9105a1127fc975eccb5f.gif); color:#F26722; display:inline; float:left; font-family:Arial,Helvetica,Garuda,sans-serif; font-size: 1.2em; margin:0 10px 10px 160px; padding:21px 0 0 0; width:206px } .content #main-content blockquote p { display:block; float:none; margin:0 0 10px 0; padding:0 20px 0 31px; width:auto } .content #main-content blockquote cite { background:no-repeat 0 0 url(/staticarchive/7beb95fbfcb8a911277594e0d6d8db12a5756923.gif); color:#666; display:block; float:none; margin:0 10px 0 0; padding:17px 10px 12px 17px; width:auto } /*----------------------------------- FULLWIDTH CONTENT PAGE (e.g. gallery) --*/ .content-full #main-content { background:0 0 repeat url(/staticarchive/e252746d59b3baf0a7ab5c5b84bbda010370b0ab.png); border:solid 1px #CDCDCD; display:inline; float:left; margin:0; padding:6px 9px 10px 9px; width:926px } .content-full #main-content h1 { background:no-repeat 0 100% url(/staticarchive/630e053e5127593ad66ffde1d906810608ca39fb.gif); font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.7em; line-height:1.2em; margin:0 0 17px; padding:0 0 6px 9px; } .content-full #main-content .content-item { overflow:hidden; margin:15px 0; width:926px; zoom:1 } #new-gallery-grid ul { border-bottom:solid 1px #d3d3d3; margin-top:20px; overflow:hidden; padding:0 1px 10px; width:924px; zoom:1 } #new-gallery-grid ul.first-row { margin-top:0 } #new-gallery-grid ul li { background:no-repeat 0 0 url(/staticarchive/ad9e8ad53defb2226bff44f8f27fd31843bc5b77.gif); float:left; min-height:20em; margin:0; padding:10px 14px 0; width:126px } /* first in row should not have a left border */ #new-gallery-grid ul li.first-in-row { background:none } #new-gallery-grid ul li.first-row { border:none } #new-gallery-grid ul li img { display:block; padding:0; width:126px } #new-gallery-grid .gallery-nav { border:solid 1px #d3d3d3; border-right:none; border-left:none } #new-gallery-grid .gallery-nav#gallery-nav-bottom { border-top:none } #new-gallery-grid li h3 { margin:10px 0 } #new-gallery-grid li p { margin:10px 0 } #new-gallery-grid .blockLinkHover { cursor: pointer } #new-gallery-grid .blockLinkHover a { text-decoration:underline } #gallery #intro { overflow:hidden; zoom: 1 } #gallery #intro .promo { background:no-repeat 0 100% url(/staticarchive/78ad5dc4af140a5a4f569473c30472319f99a3d0.gif); min-height:70px; padding:11px 8px 10px 14px } #gallery #intro .promo-outer { background:no-repeat 0 0 url(/staticarchive/cd0e55effe2bcac2369b43508da39353925af5f4.gif); display:inline; float:right; margin:0 0 6px 0; padding:5px 0 0 0; width:306px } #gallery #promo-memories .promo { background-image:url(/staticarchive/659d74a61bd6155194d3774f528982b5734a824d.gif) } #gallery #promo-memories .promo p { padding-right:116px } #gallery #intro form { overflow:hidden; width:600px; zoom:1 } #gallery #intro form fieldset.search-inputs { display:inline; float:left; overflow:hidden; width:330px; zoom:1 } #gallery #intro form fieldset.search-inputs label { clear:both; display:inline; float:left; padding:0; width:75px } #gallery #intro form fieldset.search-inputs input, #gallery #intro form fieldset.search-inputs select { display:inline; float:right; margin:0 0 0 10px; padding:0; width:200px } #gallery #intro form fieldset.search-inputs .fld-text { margin-bottom:10px } #gallery #intro form fieldset.search-controls { margin-left:10px; width:260px } #gallery #intro form fieldset.search-controls input { margin-top:10px } #gallery .fld-text { overflow:hidden; width: zoom:1 } #gallery .content-item h2 { background:#E6E8E7; border:solid 1px #ccc; font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.2em; line-height:1.6em; margin-bottom:10px; padding:0 0 0 10px; position:relative } #gallery .content-item h2 { height:27px } #gallery h2 span { position:absolute; right: 10px; top:0px } #gallery .gallery-nav { padding:10px 0; text-align:center } #gallery .gallery-nav .pagination { margin:0 90px } #gallery .gallery-nav a { font-size:1.0em; line-height:1.4em;padding:0 5px } #gallery .gallery-nav a.current { background:#F0E9E5; font-weight:bold } #gallery .gallery-nav a.page-nav-btn { display:-moz-inline-box } #gallery .gallery-nav a.page-nav-btn { display:inline-block; line-height:17px } #gallery .gallery-nav a.page-nav-btn { background:#F26722 no-repeat 0 0 url(/staticarchive/bc0bc41c6b2d161212aaa871588191039d3ba142.gif); border:none; color:#fff; font-size:1.0em; font-weight:bold; height:17px; padding:0 0 2px 0; width:63px } #gallery .gallery-nav a.page-nav-next { background-image:url(/staticarchive/0cff80df064fde0072a1e63ae21216a616bfbb5e.gif) } #gallery .gallery-nav a.page-nav-prev { background-image:url(/staticarchive/0cf8a2c7b54e8a370b18d068236070bcbf1d4efb.gif) } #gallery .gallery-nav a.page-nav-btn.disabled { background-image:url(/staticarchive/3dbbda22c5270d44d3b417138108ebdd1861d81a.gif) } #gallery .gallery-nav a.page-nav-btn.disabled:hover { cursor:default } #gallery .gallery-nav a.page-nav-btn:link, #gallery .gallery-nav a.page-nav-btn:visited, #gallery .gallery-nav a.page-nav-btn:hover, #gallery .gallery-nav a.page-nav-btn:active { text-decoration:none } #gallery .gallery-nav a.page-nav-btn:link { text-decoration:none } #gallery .gallery-nav a.page-nav-btn:hover { background-position:0 -19px; cursor:pointer; outline:none } dl.debug { display:none } /*-------------- EVENTS LIST --*/ #page-events #main-content p { margin-left:0 } #page-events #events-list li { display:block; margin:0 0 5px 0; padding:0 } #page-events #events-list h2 { background:#E6E8E7 no-repeat 5px 50% url(/staticarchive/321c49987bbe2a66cf7d5ea6f940041a59f34401.gif); border:#CCC 1px solid; display:block; float:none; font-size:1.2em; line-height:1.0em; margin:0; padding:5px 0 6px 20px; width:auto } #page-events #events-list h2 a { color:#000; display:block; text-decoration:none } #page-events #events-list a.external { background:no-repeat 0 0 url(/staticarchive/beae031eac13a3bb5402060bd5a79f149a2a4562.gif); padding-left:20px } #page-events #events-list li .subregion { background:no-repeat 0 0 url(/staticarchive/08d9daf774c9adf0b4d6345a4aff4ebf7c58c10b.gif); overflow:hidden; padding:10px 0 5px 0; zoom:1 } #page-events #events-list li .subregion.first { background:none } #page-events #events-list h3 { float:left; width:136px } #page-events #events-list p.where { font-weight:bold } #page-events #events-list li li { padding:0 0 10px 0 } /* for the benefit of Firefox 2, we need to float stuff right: */ #page-events #events-list ul { float:right; width:446px } #page-events #events-list p { margin:0 } .blq-js .collapsible { height:0; overflow:hidden } .blq-js .open .collapsible { display:block; height:auto } #page-events #events-list li.open h2 { background-image:url(/staticarchive/eca1d399a7e80f74263d7c0589aa060b2e8ab29e.gif); background-position:4px 50%; padding-left:20px } /*-------------- GLOSSARY --*/ .page-glossary #main-content dt { background:no-repeat 0 2px url(/staticarchive/2fbcb118040696af947842fec6b44e6fa773f0df.gif); clear:left; font-family:Arial,Helvetica,Garuda,sans-serif; display:inline; float:left; font-size:1.3em; font-weight:bold; line-height:1.2em; margin:19px 0 14px; padding:0 0 0 7px; width:146px } .page-glossary #main-content dt { background:no-repeat 0 2px url(/staticarchive/2fbcb118040696af947842fec6b44e6fa773f0df.gif); clear:left; font-family:Arial,Helvetica,Garuda,sans-serif; display:inline; float:left; font-size:1.3em; font-weight:bold; line-height:1.2em; margin:19px 0 14px; padding:0 0 0 7px; width:139px } .page-glossary #main-content dd { border-top:1px #D3D3D3 solid; margin:0 0 25px; padding:18px 0 0 } .page-glossary #main-content dd p { margin:0 0 4px 160px; padding: 0 } .page-glossary #main-content dt.first-item { margin-top:0 } .page-glossary #main-content dd.first-item { border:none; padding-top:0 } /*-------------- SOLDIER RECORD --*/ #page-record img.soldier-photo { display:inline; float:left; margin:0; padding:0; width:206px } /* don't use display:inline to fix IE6-double-margin probs for a table */ #page-record table.soldier-details { border:none; border-collapse:collapse; float:left; margin-left:10px; table-layout:fixed; width:230px } #page-record table.soldier-details th, #page-record table.soldier-details td { background-color:#EFEFEF; border:solid 1px #fff; padding:2px 4px; vertical-align:top } #page-record table.soldier-details tr.even th, #page-record table.soldier-details tr.even td { background-color:#E8E8E8 } #page-record table.soldier-details th { width:75px }/* required by Safari 2: */ #page-record .content #main-content .content-item { margin-left: 0 } #page-record .content #main-content p { margin-left: 0 } .content #main-content blockquote { background:#EBEBEB no-repeat 0 0 url(/staticarchive/a882e3d9bb3e3f73035c9105a1127fc975eccb5f.gif); color:#F26722; display:inline; float:left; font-family:Arial,Helvetica,Garuda,sans-serif; font-size: 1.2em; margin:0 10px 10px 160px; padding:21px 0 0 0; width:206px } .content #main-content blockquote p { display:block; float:none; margin:0 0 10px 0; padding:0 20px 0 31px; width:auto } .content #main-content blockquote cite { background:no-repeat 0 0 url(/staticarchive/7beb95fbfcb8a911277594e0d6d8db12a5756923.gif); color:#666; display:block; float:none; margin:0 10px 0 0; padding:17px 10px 12px 17px; width:auto } #page-record #main-content .item-content p { margin-left:0 } .item-content { margin-left: 160px } #page-record #main-content blockquote { margin-left:0 } /*-------------- DNA COMMENTS --*/ #comments.comments { padding-right:20px } #comments.comments { margin-top: 0; padding-top:0 } #comments.comments h3 { font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.3em; font-weight:bold; padding-left:0 } #comments.comments .comment-number { font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.0em; font-weight:bold } #comments.comments label { text-align:left } #comments.comments label.dna-invisible { height:0 } #comments.comments a:link, #comments.comments a:visited { color:#F26722; font-weight:bold; text-decoration:none } #comments.comments a:hover, #comments.comments a:active { text-decoration:underline } #comments.comments ul { border-top:solid 1px #D3D3D3; padding-left:0; padding-right:0 } #comments.comments ul.pagination { border:none } #comments.comments li { background:url(/staticarchive/53db72b194b5e9a8ea8e18ba2a92aaaa34a1c688.gif) no-repeat scroll 15px 15px; border:none; border-bottom:solid 1px #D3D3D3; } #comments.comments #postcomment #dna-commentbox-text { font-size:1.0em; height:10em; width:424px } #comments.comments #dnaacs label { background-color:#F1E9E6; display:block; float:none; line-height:1.7em; margin:0 0 5px 0; padding:0 0 0 10px; width:424px } #comments.comments #dna-commentbox-submit { background:#F26722 no-repeat 0 0 url(/staticarchive/8b098d4a005d9e11506e584961cd823e8f37dbd6.gif); border:none; color:#fff; font-size:1.0em; font-weight:bold; height:19px; margin-top:2px; padding:0 0 2px 0; width:114px } #comments.comments #dna-commentbox-submit:hover { background-position:0 -19px; cursor:pointer; outline:none } #comments.comments #dna-commentbox-submit:active { padding:0 0 0 2px } /*-------------- VA COMMENTS [NathanT] --*/ /** View comments **/ #vision-comments-view { } #vision-comments-view div.comment { margin:0 0 14px 160px; padding:0 0 10px 0; border-bottom: 1px solid #ccc; } #vision-comments-view div.comment cite { padding-bottom: 10px; } #vision-comments-view div.comment cite span.fn { font-weight: bold; } #vision-comments-view div.comment p { margin:0 0 0px 0px; padding:0; } #vision-comments-view div.comment p.flag { text-align: right; font-size: 90%; } #vision-comments-view div.comment p.flag a { font-weight: normal; color: #666; text-decoration: underline; padding: 0 0 0 20px; background: url(/staticarchive/dd522164c5c63f7a105380b2abd67f94c7c16c27.gif) 0% 50% no-repeat; } #vision-comments-view div.comment p.comment-text { margin:10px 0 0px 0px; } #vision-comments-view #vision-comments-nav p.back { background: url(/staticarchive/0cf8a2c7b54e8a370b18d068236070bcbf1d4efb.gif) 160px 0px no-repeat; height: 18px; width: 53px; color: #fff; font-weight: bold; padding: 2px 0px 0px 10px; margin-left: 0px; padding-left: 170px!important; float: left; } #vision-comments-view #vision-comments-nav p.back a { color: #fff; font-weight: bold; } #vision-comments-view #vision-comments-nav p.back:hover { background-position: 160 -19px; outline:none } #vision-comments-view #vision-comments-nav p.forward { background: url(/staticarchive/0cff80df064fde0072a1e63ae21216a616bfbb5e.gif) top right no-repeat; height: 18px; text-align: right; color: #fff; font-weight: bold; padding: 2px 10px 0px 0px; text-align:right; } #vision-comments-view #vision-comments-nav p.forward a { color: #fff; font-weight: bold; } #vision-comments-view #vision-comments-nav p.forward:hover { background-position: 100% -19px; cursor: hand; outline:none } /** Add comments **/ #vision-comments-add { } #vision-comments-add form { float:right; margin:0; width:446px } #vision-comments-add form h3 { display:block; float:none; margin-left:160px } #vision-comments-add label { color:#000; line-height:1.7em; margin:3px 0 3px 0; padding:0 0 0 10px; background-color: #F0E9E5; display: block;} #vision-comments-add label em { color:#000; font-size:80%;} #vision-comments-add textarea, #vision-comments-add div.vision-comments-name input , #vision-comments-add div.vision-comments-location input { width: 440px;} #vision-comments-add textarea { height: 90px;} #vision-comments-add div.vision-comments-submit input { background: url(/staticarchive/bc0bc41c6b2d161212aaa871588191039d3ba142.gif) top left no-repeat; height: 19px; width: 63px; color: #fff; font-weight: bold; text-align: center; padding: 2px 0px 0px 0px; margin: 10px 5px 0px 0px; border-width: 0px; } #vision-comments-add div.vision-comments-submit input:hover { background-position: 0 -19px; cursor: hand; outline: none; } #main-content #vision-comments-add form p, #vision-comments-add form h3 { margin: 0 0 14px 0; } /******** Vision gallery view ************/ #vision-gallery-view p.notfound { color: #ccc; } #related-content #vision-ugc-add { background-color: transparent; padding: 0 10px 0 0; } #related-content #vision-ugc-add #vision-ugc-form div { background-image: none; padding-left: 0px; } #related-content #vision-ugc-add #vision-ugc-form div label { padding-top: 3px; font-weight: normal; } #related-content #vision-ugc-add #vision-ugc-form .vision-ugc-terms { padding-bottom: 5px; } #related-content #vision-ugc-add #vision-ugc-form .vision-ugc-submit { margin-top: 0px; } #related-content #vision-gallery-view.vision-gallery-badge { height: 270px; } body #vision-gallery-view ul#vision-gallery-grid li div.image { width: 140px; height: 140px; } body #vision-gallery-view ul#vision-gallery-grid li { padding: 0px 12px 0px 0px !important; width: 136px !important; } /*-------------- CREATE/EDIT RECORD --*/ /* required for FF2 when overflow:hidden item (e.g. container of floats) is to right of left float Possibly should use this everywhere just in case we want a container with floats inside? #page-edit-record #main-content hr { clear:both } */ form#fm-edit fieldset { float:right; margin:0; width:446px } form#fm-edit h3 { display:block; float:none; margin-left:160px } #page-edit-record form#fm-edit fieldset p { background-color:#F1E9E6; margin:0 0 5px 0; overflow:hidden; padding:0; zoom:1 } #page-edit-record form#fm-edit fieldset.buttons p { background:none } form#fm-edit .fld-file label, form#fm-edit .fld-text label, form#fm-edit .fld-select label, form#fm-edit .fld-textarea label { color:#000; float:left; line-height:1.7em; margin:0; padding:0 0 0 10px } form#fm-edit .fld-textarea textarea { border-width:2px; display: block; float:none; width:422px } form#fm-edit .fld-text input { float:right; font-size:1.0em; height:1.5em; margin:0; width:20em } form#fm-edit select { float:right; font-size:1.0em; height:1.9em; margin:0 20px 0 0; width:15em } form#fm-edit select#fld-regiment { height:auto } form#fm-edit select option { } /* closely related pairs of fields */ #page-edit-record form#fm-edit fieldset.location-group { background-color:#F1E9E6; margin-bottom:5px; padding:2px 0 } #page-edit-record form#fm-edit fieldset.location-group p.fld-select, #page-edit-record form#fm-edit fieldset.location-group p.fld-text { margin-bottom:0 } #page-edit-record form#fm-edit fieldset.location-group p.fld-select { margin-top:5px } /* full-width labels above fields */ form#fm-edit fieldset.image-file input { border-width:2px; display:block; float:none; margin:0; padding:0; width:442px } form#fm-edit fieldset.image-file label { background-color:#F1E9E6; display:block; float:none; margin:0 0 5px 0 } #page-edit-record form#fm-edit fieldset.image-file p { background:none } /* yet another layout variation - color containing fields and labels */ form#fm-edit fieldset.your-memories { background-color:#F1E9E6; margin-bottom:5px; padding:5px; width:436px } form#fm-edit fieldset.your-memories input, form#fm-edit fieldset.your-memories textarea { border-width:2px; display:block; float:none; margin:0; padding:0; width:432px } form#fm-edit fieldset.your-memories label { background:none; margin:0 0 5px 0; padding:0 } #page-edit-record form#fm-edit fieldset.your-memories p { background:none } /* buttons */ #page-edit-record form#fm-edit fieldset.terms-and-buttons p { background:none; margin-top:10px } #page-edit-record form#fm-edit fieldset.delete-record { float:none; padding:0; margin:0; width:auto; position:absolute; top:10px; right:9px } form#fm-edit input.btn { background:#F26722 no-repeat 0 0 url(/staticarchive/bc0bc41c6b2d161212aaa871588191039d3ba142.gif); border:none; color:#fff; font-size:1.0em; font-weight:bold; height:19px; padding:0 0 2px 0; width:63px } form#fm-edit input.btn-delete { background-image:url(/staticarchive/8b098d4a005d9e11506e584961cd823e8f37dbd6.gif); width:114px } form#fm-edit input.btn:hover, form#fm-edit input.btn-hover { background-position:0 -19px; cursor:pointer; outline:none } form#fm-edit input.btn:active, form#fm-edit input.btn-active { padding:0 0 0 2px } form#fm-edit input.btn-clear { float:right } #page-edit-record form#fm-edit .disclaimer { float:right; margin-top:10px; width:446px } #page-edit-record form#fm-edit .disclaimer h3, #page-edit-record form#fm-edit .disclaimer p { display:block; float:none; font-size:0.8em; margin-left:0 } /*-------------- TIMELINE --*/ #nav-years { font-family:Arial,Helvetica,Garuda,sans-serif; font-size:1.3em; font-weight:bold } #nav-years li { display:-moz-inline-box; margin:0 0 0 13px; min-height:20px; padding:0; text-align:center; width:90px } #nav-years li { display:inline-block } #nav-years li.first-item { margin-left:0 } #nav-years li a { background:no-repeat 50% 50% url(/staticarchive/0868cdb14840bd1a77e5d4e4a5ea2d6472fd3202.gif); display:block; line-height:1.8em; width:90px } .page-1914 #nav-years .nav-1914 a, .page-1915 #nav-years .nav-1915 a, .page-1916 #nav-years .nav-1916 a, .page-1917 #nav-years .nav-1917 a, .page-1918 #nav-years .nav-1918 a, .page-1919 #nav-years .nav-1919 a { background-image:url(/staticarchive/ebce838d0ae6ec46cb23d3134e62a500862232d8.gif); text-decoration:none } #nav-years a:hover { background-image:url(/staticarchive/ebce838d0ae6ec46cb23d3134e62a500862232d8.gif); text-decoration:none } #main-content #wardates-and-events { clear:left; padding-bottom:50px } #main-content #wardates-and-events li { width:606px } /* essential for IE6 */ #main-content #wardates-and-events li h3 { clear:left; display:inline; float:left; letter-spacing:-0.07em; margin:0; padding:7px 0; width:136px } #main-content #wardates-and-events li p { margin:0 0 0 160px; padding:7px 0; zoom:1 } #main-content #wardates-and-events li hr { height:5px } /*----------------------------------- RELATED CONTENT (RIGHT) --*/ #related-content { float:right; margin:0; width:306px } #related-content h2 { font-size:1.3em; font-weight:bold; margin:0 0 6px 0 } #related-content .blockLinkHover { cursor: pointer } #related-content .blockLinkHover a { text-decoration:underline } /*----------------------------------- RELATED CONTENT (HOME PAGE) --*/ .home #related-content { display:block; float:none; margin:0; width:946px } .home #related-content h2 { font-size:1.3em; font-weight:bold; letter-spacing:-0.05em; margin:0 0 6px 0 } .home #related-content .blockLinkHover { cursor: pointer } .home #related-content .blockLinkHover a { text-decoration:underline } /*-------------- PROMOS --*/ #related-content .promo { background:no-repeat 0 100% url(/staticarchive/78ad5dc4af140a5a4f569473c30472319f99a3d0.gif); min-height:70px; padding:11px 8px 10px 14px } #related-content .promo-outer { background:no-repeat 0 0 url(/staticarchive/cd0e55effe2bcac2369b43508da39353925af5f4.gif); margin:0 0 6px 0; padding:5px 0 0 0; width:306px } #promo-search .promo { background-image:url(/staticarchive/9191c063ce4b97bbeea6dc8715f7b0b29bcc7b0f.gif) } #promo-search .promo p { padding-right:116px } #promo-events .promo { background-image:url(/staticarchive/7d7c1b2fd16d773c6a7bf751271decca13bacb39.gif) } #promo-events .promo p { padding-right:116px } #promo-memories .promo { background-image:url(/staticarchive/659d74a61bd6155194d3774f528982b5734a824d.gif) } #promo-memories .promo p { padding-right:116px } #promo-timeline .promo { background-image:url(/staticarchive/c3fbc41faba752e6df6353014489a19c5485fb25.gif) } #promo-timeline .promo p { padding-right:8px; padding-bottom:43px } #promo-articles { font-weight:bold } #promo-articles ul { padding:0 0 9px } #promo-articles ul li { background:no-repeat 0 0 url(/staticarchive/0c65fa0911db17d0cd39d2fafdbf9c56aa5e67ee.gif); padding:6px 0 6px 18px; } #promo-articles ul li.first-item { background:no-repeat 0 0 url(/staticarchive/201278266ba8196edddee98e69e0bec600b6bf9f.gif); } #promo-gallery { margin:0 0 6px 0 } #promo-gallery .promo-gallery { background:no-repeat 0 100% url(/staticarchive/73575910f0297cce1cd5fd30efc9e85d145c8163.gif); color:#fff; overflow:hidden; padding:0 0 57px 9px; zoom:1 } #promo-gallery h2 { margin:0 0 1px 0; padding:6px 0 0 4px } #promo-gallery p { background:no-repeat 50% 100% url(/staticarchive/1b5ae4edcd4cd70d66b363c5444f2857b4e0f095.gif); margin:0 0 9px 0; padding:0 0 5px 5px } #promo-gallery .gallery-pic { display:inline; float:left; margin:0 0 0 22px; width:129px } #promo-gallery div.gallery-pic.first-item { margin-left:0 } #promo-gallery .gallery-pic p { background:none; color:#F26722; padding:0; margin:0 0 0 4px } /*-------------- SIGN-ON BANNER --*/ #related-content .sso-info { background:#000 no-repeat 0 100% url(/staticarchive/5273becb6401cec9b2c0e3f6591879b830b9f4fc.gif); color:#ccc; min-height:70px; padding:9px 10px 10px 10px } #related-content .sso-info-outer { background:no-repeat 0 0 url(/staticarchive/7423836ce0fb8e582822b738c78e8f1d747754ee.gif); margin:0 0 6px 0; padding:2px 0 0 0; width:306px } /*-------------- PROMOS (HOME PAGE) --*/ .home #related-content .promo-outer { display:inline; float:left; margin-right:14px } /* for the first item only: */ .home #related-content #promo-events { margin-right:0 } .home #promo-articles h2 { margin-bottom:0 } .home #promo-articles ul { padding:0 } .home #promo-articles ul li { background:no-repeat 8px 0.7em url(/staticarchive/837053b3f9f2a8b6180e8452490c727195922fd7.gif); padding:2px 0 1px 18px; } /*----------------------------------- COPYRIGHT NOTICE --*/ #copyright { clear:both; padding-top:14px; } /*----------------------------------- SOCIAL BOOKMARKS --*/ /* Bookmarks & styling adapted from B-Templates version but without display:inline-block -moz-inline-box etc */ #social-bookmarks { background-color: #A8A8A8; clear:both; color:#FFF; font-family:Verdana,Geneva,Kalimati,sans-serif; margin:20px 0 0; overflow:hidden; padding:10px; vertical-align:middle; zoom:1 } #social-bookmarks h2 { display:inline; float:left; font-size:1.1em; line-height: 1.4em; margin:0; padding:0 } #social-bookmarks ul { display:inline; float:left; margin:5px 5px 0 15px; text-align:center; } #social-bookmarks ul li { background: 0 50% no-repeat transparent; display:inline; float:left; line-height:1.2em; margin: 0 0 0 20px; padding:0 8px 0 20px; } #social-bookmarks ul .icon-delicious { background-image: url(/staticarchive/9d05efa927d86ed9de692c95bca15d2eda20fc49.gif) } #social-bookmarks ul .icon-digg { background-image:url(/staticarchive/aabbbe2cc99b92794f81930e1bc669ba8f6c52ea.gif) } #social-bookmarks ul .icon-reddit { background-image: url(/staticarchive/cf55534912427987cc78471023ffedae9a86ca41.gif) } #social-bookmarks ul .icon-facebook { background-image:url(/staticarchive/8481b7573bdbe18d91cd8cadb19428e64ca33000.gif) } #social-bookmarks ul .icon-stumbleupon { background-image:url(/staticarchive/d56a391e3ced8760f3e0f82f1239189402a9910d.gif) } #social-bookmarks .helplink { float:right; margin:5px 0 0 0 } #social-bookmarks a:link, #social-bookmarks a:visited, #social-bookmarks a:active { background-color:transparent; color:#FFF; font-weight: bold } /*----------------------------------- DEBUG STYLES --*/ /* #main-content { background-color: aqua } #related-content { background-color: lime } */ dl.debug dd { color: red } dl.debug dt { color:blue; float:left; width:20em } /* end of styles */