@charset "utf-8";
@import url("css/reset.css");
/*
Theme Name: AFIO
Description: Theme developed for non-profit organization AFIO - Association Des Femmes Immigrantes De L'Outaouais in collaboration with Predrag Drljača (XHTML/CSS coder and WP integration).
Version: 0.9.1
Author: Dragan Nevjestić
Author URI: http://www.dragan.ca/
*/
* {font-size: 110.01%;}
html {font: 65.8% Arial, Helvetica, "Trebuchet MS", Tahoma, sans-serif; background:#7b4008;}
body {color: #79674a; font-size: 110%; background:#7b4008;}
a {color: #ab391d; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: dotted 1px; background-color: #ffc;}
abbr, acronym {cursor: help;}
del {text-decoration: line-through;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6 {color: #7b4008; font-weight: bold;margin: 10px 0pt;}
h1 {font-size: 160%; font-weight: lighter; color:#b5905f;}
h2 {font-size: 140%; margin-bottom: .5em; border-bottom: #b5905f solid 3px;}
h3 {font-size: 140%;}
img {padding: 0pt; margin: 0pt;}
p {margin-bottom: .5em;}
strong {font-weight: bold;}
div.ads {margin: 0pt 0pt 0pt 16px;}
div.ads img {margin-bottom: 20px; padding: 0pt;}
sup { line-height: 110%; }
#sidebarRight div.ads {margin: 0pt;}
div#header div.ads {position: absolute; left: 260px; top: 21px;}
.agenda h3, .date, .agenda ul li, .breadcrumb {border-bottom: #b5905f solid 3px;}
.agenda h3 {padding-bottom: 2px; clear: both;}
div.agenda ul li {border-bottom-width: 1px; line-height: 220%;}
.breadcrumb {border-bottom-width: 1px; padding-bottom: 4px;}
.clearer {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.date, .breadcrumb {color: #b5905f; margin-bottom: 16px;}
.description {margin-bottom: 28px; padding-left: 16px; padding-right: 5px;}
.highlight {width: 548px; padding: 19px 13px 9px; background: url(images/highlight.gif) no-repeat left top; margin-bottom: 15px;}
.ienotice {border: #FC0 solid 1px; background-color: #ffc; color: #666; margin: 1em 1em 2em; padding: 1em;}
.ienotice acronym {border-bottom: #666 dashed 1px;}
.left {float: left}
.right {float: right;}
.vCard {border-top: #a44f3a solid 1px; padding: 11px 5px 30px 21px; background: #95351c url(images/bg-vcard.jpg) no-repeat left bottom;}
.vCard .org, .vCard .type {font-weight: bold;}
#banner1 {position: absolute; right: 25px; width: 620px; bottom: 15pt; height: 165px;}
#banner2 {margin-bottom: 12px;}
#container {background: #fff url(images/bg-container.jpg) repeat-x top left; overflow: hidden; padding:0px 15px 0px 15px;}
#content {float: left; width: 392px; padding: 34px 0pt 0pt 27px;}
#content.wide {width: 595px;}
#content, #sidebarLeft, #sidebarRight {margin-bottom: 30px;}
#content img {margin: 0pt 8px 8px 0pt; float: left;}
#content h1 {margin-bottom: 27px;}
#content ul, #content ol {margin: 0px;}
#content.wide li {line-height: 200%; background: url(images/bullet-content.gif) no-repeat left .55em; padding-left: 10px; margin:5px 10px;}
#content #lastEntry li, #sidebarLeft li {line-height: 200%; background: url(images/bullet-content.gif) no-repeat left .55em; padding-left: 10px;}
#footer {clear: both; border-top: #831c01 solid 1px; font-size: 85%; letter-spacing: .1em; padding-bottom: 20px;}
#footer p {margin: 8px 0pt 4px;}
#footer p a {display: inline;}
#header {position: relative; height: 339px;width: 815px;padding: 21px 10px 0px 10px;background: #fff;}
#header, #page, #container {margin: 0pt auto; width: 815px;}
#lastEntry {margin-bottom: 35px; overflow: hidden;}
#logo {text-indent: -9999px; padding:0px 0pt 0pt 10px;}
#logo a {display: block; width: 397px; height: 140px; background: url(images/logo.jpg) no-repeat;}
#navigation {width: 177px; background: #791900 url(images/navigation.jpg) no-repeat left top; padding-top: 33px; text-indent: -9999px; position: absolute; bottom: 0pt; left: 10px;}
#navigation li {height: 100%; line-height: 28px;}
#navigation li a {display: block; width: 177px; height: 28px; background: url(images/navigation.jpg) no-repeat;}
#navigation li a.accueil {background-position: 0pt -35px;}
#navigation li a.services {background-position: 0pt -63px;}
#navigation li a.partenaires {background-position: 0pt -91px;}
#navigation li a.membre {background-position: 0pt -119px;}
#navigation li a.contactez {background-position: 0pt -147px;}
#navigation li a:hover.accueil {background-position: 0pt -175px;}
#navigation li a:hover.services {background-position: 0pt -203px;}
#navigation li a:hover.partenaires {background-position: 0pt -231px;}
#navigation li a:hover.membre {background-position: 0pt -259px;}
#navigation li a:hover.contactez {background-position: 0pt -287px;}
#page, #container {width: 805px;}
#sidebarLeft {color: #d9a881; float: left; width: 173px; padding: 41px 0pt 0pt; background: #8c2208 url(images/bg-leftsidebar.jpg) no-repeat;}
#sidebarLeft a {color: #fff;}
#sidebarLeft a:focus {background-color: #830201;}
#sidebarLeft ul {padding-left: 30px; margin-bottom: 22px;}
#sidebarLeft li {background-image: url(images/bullet-sidebarleft.gif);}
#sidebarRight {float: right; width: 181px; padding: 34px 0 0 22px;}
#sidebarRight ul {padding: 0pt; margin-bottom: 12px;}
#smallnav {position: absolute; left: 596px; top: 156px;}
#smallnav li {display: inline;}
#smallnav li.contactez, #smallnav li.plandusite {padding-left: 15px; background: url(images/contactez.gif) no-repeat 0pt 50%;}
#smallnav li.plandusite {background-image: url(images/plan-du-site.gif); margin-left: 8px;}
ul#subnav {padding: 0pt; margin-bottom: 80px;}
ul#subnav li {border-bottom: #b9553b solid 1px; background: none; padding: 0pt; line-height: 1.2em;}
ul#subnav li a {display: block; padding: 8px 0pt 8px 20px; height: 100%;}
ul#subnav li a:hover {background: #830201 url(images/bg-subnav-li-a-hover.jpg) repeat-y left top;}