/* TSUNAMI SUB SITE template Copyright 2008 Canadian Red Cross Developed by Jonathan Snook // http://snook.ca/ | gutter | left col | gutter | main col | gutter | drop shadow | filler 5 243 5 708 4 5 */ body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#06C url(img/bg.png) repeat-x 0 0; } form { margin:0; padding:0; } img { border:0; } input { vertical-align: middle;} a { text-decoration:none; color:#06C; } a:hover { color: #900;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } #container { width:965px; background: url(img/bg-alpha.png) repeat-y 100% 0; } #container .inner { width:951px; border-right:1px solid #CCC; background:#FFF; padding:20px 4px 0 5px; } #header { clear:both; font-family: Arial, Helvetica, sans-serif; font-size:10px; } #header h2 { float:left; } #findability { float:right; width: 708px; padding:10px 0; position:relative;} #findability .nav { font-weight:bold; text-transform:uppercase; float:left; list-style:none; margin:5px 0 0; padding:0;} #findability .nav li { float:left; margin:0; padding:0 5px; list-style:none; border-left:1px solid #06C; } * html #findability .nav { border-right: 1px solid #06C;} /* adds a border to the beginning to offset last of first-child support */ #findability .nav li:first-child { border:0;} #findability form { float:right; } #findability form label { font-weight:bold; text-transform: uppercase; } html.fr #findability form input.text { width:75px;} #backhome { background: url(img/section-home.png) no-repeat 0 0; width:86px; position:absolute;bottom:-10px;right:0; z-index:2;} #backhome a { display:block; height:58px; text-indent:-9999px;z-index:2;} * html #backhome { bottom: -28px; } #intro { clear:both; } #section-id { float:left; height:258px; width: 243px; position:relative; } #section-id h1 { padding-top:12px;} #section-id .nav { list-style:none; margin:0; padding:0; position:absolute; bottom:0; width:243px; } #section-id .nav li { margin-bottom:1px; text-transform:uppercase; } * html #section-id li { float:left; display:block; width:243px; } /* for IE6 */ #section-id .nav li a { background:#06C url(img/bg-anim.png) repeat-x 0 0; color:#FFF; display:block; padding:0 10px; line-height:20px;} * html #section-id .nav li a { zoom:1; } #section-id .nav li a:hover { background:#036 url(img/bg-anim.png) repeat-x 0 -480px; color:#FFF; } #section-id .nav li.active a { background-position: 0 -480px; color:#FFF; } #images { width:702px; float:left; border-top:1px solid #CCC; } #main { clear:both; padding-top:20px;} body.article #main { clear:none; } #sidebar { text-align:center; width:243px; float:left; padding-top:20px; } #content { float:right; width:708px; font-size:12px; line-height:1.5; } body.article #content { margin-left:30px; padding-top:10px; width:678px; } #content #bc { margin-bottom:20px; font-size:11px; } #content h1 { font-size: 14px; } #content h2, #content h3, #content h4 {font-size: 12px; } #footer { clear:both; zoom:1; border-top: 4px solid #039; margin: 1em 0 0; font-family: Arial, Helvetica, sans-serif; font-size:11px;} #footer p { margin: 0 0 0 243px; padding: 1em 0;} body.article #footer p { margin-left: 273px;} /* ========================= HOME STYLES */ #content .module { position:relative; float:left; width:187px; height:325px; background:url(img/bg_sec.jpg) no-repeat 100% 27px; } #content h2 { text-align:center; text-indent:-9999px; height:40px;} #content .module .content { height:279px; clear:both; margin-left:1px; border-right:1px solid #CCC; } #content .module .content .inner { width:auto; background:url(img/bg-home-content.gif) repeat-x 0 0; border: 1px solid #CCC; border-width:1px 0 0; height:100%; margin-right:1px; padding:0 10px;} #content .module ul { margin:0; padding:0; list-style:none; } #content .module li { margin-bottom:.8em;} #content #news { width:334px; background-position: 0 27px;} #content #news h2 { background:url(img/latestnews.gif) no-repeat 50% 0; } html.fr #content #news h2 { background-image:url(img/latestnews_fr.gif); } #content #programs { } #content #programs h2 { background:url(img/programs.gif) no-repeat 50% 0;} html.fr #content #programs h2 { background-image:url(img/programs_fr.gif); } #content #programs .content .inner { padding:0; } #content #programs .content li { margin-left:20px;} #content #partners .content { border:0; } #content #partners h2 { background:url(img/partners.gif) no-repeat 50% 0;} html.fr #content #partners h2 { background-image:url(img/partners_fr.gif); } #content #media { width:334px; background-position: 0 27px;} #content #media h2 { background:url(img/media.gif) no-repeat 50% 0;} html.fr #content #media h2 { background-image:url(img/media_fr.gif); } #content #media .content .inner { background:url(img/bg-home-media.gif) repeat-x 0 0;} #content #resources { font-size:11px;line-height:1.4} #content #resources h2 { background:url(img/resources.gif) no-repeat 50% 0;} html.fr #content #resources h2 { background-image:url(img/resources_fr.gif); } #content #gallery .content { border:0;} #content #gallery h2 { background:url(img/galleries.gif) no-repeat 50% 0;} html.fr #content #gallery h2 { background-image:url(img/galleries_fr.gif); } #content #gallery .content .inner { padding:0; } #content .rss {background:url(img/rss.gif) no-repeat 0 0;display:block; width:23px; height:25px; text-indent:-9999px; position:absolute;right:4px;top:0;} #contentnav { float:left; display:inline; width:170px; margin:20px 0 0 25px; } #contentnav h3 { font-size:11px; text-transform:uppercase; margin-bottom:5px;} #contentnav ul { list-style-type: disc; padding-left:15px;} #contentnav li { padding-bottom:5px;} #contentnav a { color:#06C; } #contentnav a:hover { color:#900; }