@charset "UTF-8";

/**
 * Zahia website
 *
 * Contains all layout declarations.
 *
 * @author		Davy De Pauw <davy@marlon.be>
 * @copyright   Marlon bvba <http://www.marlon.be>
 * @date		2010-06-24
 */

/* General layout
---------------------------------------------------------- */

#wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 920px;
    -moz-box-shadow: 0 10px 55px #000;
    -webkit-box-shadow: 0 10px 55px #000;
    box-shadow: 0 10px 55px #000;
}

#header {
    background: #423e39 url(../img/header.png) no-repeat 0 0;
    height: 160px;
    position: relative;
}

#content {
    position: relative;
    background: #eaeaea;
}


/* Header
---------------------------------------------------------- */

#logo {
    background: transparent url(../img/logo.png) no-repeat 0 0;
    bottom: 28px;
    float: left;
    height: 52px;
    left: 25px;
    position: absolute;
    width: 128px
}

#logo img {
    display: none;
}

#tools {
    display: none;
}


/* Navigation
---------------------------------------------------------- */

#nav {
    left: 0;
    position: absolute;
    top: 0;
}

#nav ul {
    display: inline;
    float: left;
}

#nav li {
    display: inline;
    float: left;
}

#nav a {
    color: #d0c8ba;
    text-decoration: none;
}
#nav a:hover, #nav .selected a { color: #ef8b0f; }

#nav-primary {
    left: 170px;
    position: absolute;
    top: 116px;
    width: 780px;
    font-family: Arial, Helvetica, sans-serif;
}

#nav-primary li {
    font-size: 1.077em;
    line-height: 1.2857em;
    margin-right: 18px;
    text-shadow: #262320 0 -1px 0;
}

#nav-secondary {
    left: 170px;
    position: absolute;
    top: 16px;
    width: 450px;
    font-size: .846em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#nav-secondary li {
    line-height: 1.6363em;
    margin-right: 10px;
}

#nav-secondary li.home {
    left: -140px;
    position: absolute;
}

/* Page content & extended footer
---------------------------------------------------------- */

#pagecontent {
    overflow: hidden;
    position: relative;
    width: 600px;
    padding: 0 0 0 320px;
}

/* Widget
---------------------------------------------------------- */

.widget {
    clear: both;
    position: relative;
}

/* widget -> header
---------------------------------------------------------- */

.header {
    padding: 20px 30px;
    background: #eaeaea;
}

.header h1,
.header h2 {
    float: none;
    margin-bottom: 0;
    color: #5f544b;
}

.header .all {
    position: absolute;
    top: 15px;
    right: 0;
    padding-right: 30px;
    color: #9f9a93;
    background: url(../img/sprite.png) no-repeat 0 0;
}

/* section
---------------------------------------------------------- */

.section {
    position: relative;
    padding: 20px 30px 20px;
    background: #eaeaea url(../img/sprite_backgrounds.png) no-repeat 0 0;
}

/* articles
---------------------------------------------------------- */

.article {
    position: relative;
    padding: 40px 10px 20px 30px;
    background: #eaeaea url(../img/sprite_backgrounds.png) no-repeat 0 0;
}

.article h2,
.article h3 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0 0 10px 0;
    font-size: 1.385em;
    font-weight: normal;
}

.article h2 a,
.article h3 a {
    text-decoration: none;
}

.article p {
    clear: left;
}

.article img,
.photos img {
    position: relative;
    left: -5px;
    margin: 0 10px 10px 0;
    border: 5px solid #fff;
    -moz-box-shadow: 0 2px 3px #cacaca;
    -webkit-box-shadow: 0 2px 3px #cacaca;
    box-shadow: 0 2px 3px #cacaca;
}

.article a.comments {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 30px;
    font-size: 0.846em;
    line-height: 40px;
    text-decoration: none;
    color: #9f9a93;
    background: url(../img/sprite.png) no-repeat 100% -56px;
}

.article a.comments:hover {
    color: #4a4540;
    background-position: 100% -280px;
}

.article a.comments span,
.article a.comments abbr {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    text-align: center;
    cursor: pointer;
}

.article .meta .date {
    position: absolute;
    top: 15px;
    left: 30px;
    color: #b9b3a9;
}

.article .tags {
    position: relative;
    float: left;
    left: -30px;
    padding: 0 0 10px 30px;
    background: url(../img/sprite.png) no-repeat 0 -550px;
}

.article .tags,
.article .tags a {
    color: #a4a09d;
}

/* Blog -> article
---------------------------------------------------------- */

.blog .article h2 { color: #F77400; }

/* Comments
---------------------------------------------------------- */

.comments {
    position: relative;
    padding-left: 140px;
    zoom: 1;
}

.comments h3 {
    position: absolute;
    top: 20px;
    left: 30px;
}

.comments li {
    padding-bottom: 10px;
}

.comments p {
    margin-bottom: 5px;
}

.comments .meta {
    padding: 0 0 0 60px;
    color: #877e6f;
}

.comments .date {
    font-style: italic;
    font-size: .846em;
}

/* Comment form
---------------------------------------------------------- */

.comment-form { zoom: 1; }

.comment-form h3 {
    position: absolute;
    top: 24px;
}

.comment-form p.description {
    padding-left: 140px;
}

/* Blog
---------------------------------------------------------- */

.col-main .blog .all {
    line-height: 40px;
    background-position: 100% 0;
}

.col-main .blog .all:hover {
    color: #4a4540;
    background-position: 100% -328px;
}

/* Links
---------------------------------------------------------- */

a.more {

}

.clickable {
    cursor: pointer;
}

/* Archives
---------------------------------------------------------- */

.archives {
}

.archives h3 {
    position: absolute;
}

.archives ul {
    padding-left: 140px;
}

.archives li {
    clear: left;
    float: left;
    padding-bottom: 5px;
    width: 430px;
}

.archives ul a {
    clear: left;
    float: left;
    padding: 0 20px;
    background: url(../img/sprite.png) no-repeat -255px -203px;
}

/* Sidebar -> archives
---------------------------------------------------------- */

#sidebar .archives {

}

#sidebar .archives ul {
    clear: left;
    float: left;
    padding: 0;
}

#sidebar .archives a {
    float: none;
    padding: 0;
    color: #d0c8ba;
    background: none;
}

/* Calendar
---------------------------------------------------------- */

.calendar {
    padding: 0 0 40px 0;
}

.calendar h2 {
    color: #fff;
}

.calendar fieldset {
    margin: 0 0 20px 0;
}

.calendar h3 {
    font-size: 1.385em;
}

.calendar fieldset h3 {
    color: #eaeaea;
}

.calendar .month h3 {
    font-weight: normal;
    margin: 0;
}

.calendar dl {
    margin: 0 0 40px 0;
}

.calendar dt {
    position: relative;
    font-weight: bold;
    margin: 15px 0 4px 0;
    color: #cbb987;
}

.calendar dd {
    position: relative;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #655f58;
    zoom: 1;
}

.calendar dd p {
    margin: 0;
}

.calendar .action {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
}

.calendar .action:hover { text-decoration: underline; }

/* Footer
---------------------------------------------------------- */

.ext-footer {
    position: relative;
	width: 920px;
    background: #dad9d9 no-repeat 0 0;
}

.ext-main {
    clear: both;
    padding: 30px 30px 40px 350px;
    width: 570px;
}

.ext-side {
    position: absolute;
    top: 0;
    left: 0;
    background: #322e2b;
    clear: none;
    padding: 30px 30px 40px;
    width: 260px;
    color: #DAD9D9;
}

.ext-footer .ext-side h3 {
    color: #fff;
}

#ad {
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 310px;
}

/* Extended footer
---------------------------------------------------------- */

.ext-footer {
    color: #5f544b;
}

.ext-footer h3 {
    color: #5f544b;
    font-size: 1.385em;
    line-height: 1.1000em;
}

/* Extended footer > customer
---------------------------------------------------------- */

.customer h3 {
    clear: both;
    display: inline;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.customer a {
    clear: both;
    display: inline;
    float: left;
}

.customer .info {
    clear: none;
    display: inline;
    float: left;
    margin: 0 0 0 9px;
    width: 120px;
    color: #dad9d9;
}

.customer .name {
    font-size: 1.231em;
    color: #f77400;
}

.ext-footer	.customer .all {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 20px;
    clear: right;
}

/* Extended footer > training (opleidingscheques)
---------------------------------------------------------- */

#training h3 {
    width: 100%;
}

#training p {
    clear: both;
    display: inline;
    float: left;
    margin: 9px 0 0;
    padding: 0 0 10px 0;
    width: 100%;
}

#training img {
    left: -10px;
    position: relative;
}

/* Column system
---------------------------------------------------------- */

.col-main {
    clear: both;
    display: inline;
    float: left;
    width: 630px;
}

.col-side {
    clear: none;
    display: inline;
    float: left;
    width: 330px;
}

.cr {
    visibility: hidden;
}

.no-border {
    border: 0 !important;
}

/* workshops
---------------------------------------------------------- */

.workshops {
    position: relative;
}

/* workshops -> section
---------------------------------------------------------- */

.workshops .section {
    padding-right: 10px;
}

.workshops .section h2 {
    font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
    font-size: 1.385em;
    font-weight: normal;
    color: #f77400;
}

.workshops .section ul {
    clear: both;
}

.workshops .section li {
    float: left;
    width: 130px;
    margin-right: 10px;
    padding: 110px 0 30px 0;

}

.workshops .section li.portrait {
    padding-top: 182px;
}

#sidebar .all,
.ext-side .all {
    position: absolute;
    top: 6px;
    right: 0;
}

/* workshops -> detail
---------------------------------------------------------- */

.workshop {

}

.workshop h1,
.workshop .section h2 {
    font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 1.385em;
    color: #f77400;
}

.workshop .all,
.about .all {
    line-height: 40px;
    background-position: 100% -220px;
}

.workshop .all:hover,
.about .all:hover {
    color: #4a4540;
    background-position: 100% -384px;
}

.workshop .section .header {
    position: relative;
    padding: 25px 0 10px 0;
    background: none;
}

.workshop .section .header h2 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1em;
    color: #b9b3a9;
}

.workshop .section h2 { margin-bottom: 8px;}

.workshop .rte {
    padding: 0;
}

.workshop .info {
    position: relative;
    padding-left: 172px;
    zoom: 1;
}

.workshop .meta {
    position: absolute;
    top: 19px;
    left: 30px;
    width: 120px;
}

.workshop .price {
    padding-top: 27px;
    font-weight: bold;
}

.workshop .price strong {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.385em;
    font-weight: normal;
    color: #f77400;
}

.workshop .meta .note {
    margin: 0;
    color: #9d978e;
}

/* workshops -> related
---------------------------------------------------------- */

.related {
    padding-left: 170px;
}

/* workshops -> sidebar
---------------------------------------------------------- */

.wide #pagecontent {
    padding-left: 0;
    width: 920px;
}

.workshops li {
    position: relative;
    padding: 0 0 20px 70px;
    min-height: 60px;
    height: auto !important;
    height: 60px;
    font-family: Arial, Helvetica, sans-serif;
    zoom: 1;
}

.workshops li p {
    margin: 0;
}

.workshops .thumb {
    position: absolute;
    top: 0;
    left: 0;
}

.workshops .thumb img {
}

/* workshops -> sidebar
---------------------------------------------------------- */

#sidebar .workshops {
    padding-bottom: 30px;
}

/* workshops -> calendar
---------------------------------------------------------- */

.wide .calendar table {
    border-collapse: collapse;
}

.wide .calendar .section li {
    float: none;
    margin: 0;
    padding: 0;
}

.calendar table caption {
	height: 0px;
	line-height: 0px;
	text-indent: -999em;
}

.calendar table th {
    font-size: 1.231em;
    text-align: left;
    color: #fff;
    border: 1px solid #bfbfbf;
    background: #bfbfbf;
}

.calendar th,
.calendar td {
    padding: 0 5px;
    width: 112px;
    vertical-align: top;
    border: 1px solid #bfbfbf;
}

.calendar td {
    line-height: 1.231em;
    background: url(../img/sprite_backgrounds.png) no-repeat 0 0;
}

.calendar .today {
    color: #fff;
    background: #fff9e0;
}

.calendar .date {
    display: block;
    margin: 10px 0;
}

.calendar td .date {
    font-size: 1.154em;
    color: #5F544B;
}

.calendar td .location { 
    display: block;
    margin: 2px 0 0;
    color: #9D978E;
}

.calendar td .location,
.calendar td .register {
    font-size: 0.846em;
}

.calendar td .workshop {
    padding: 0 0 30px 0;
}

/* paging
---------------------------------------------------------- */

.paging {
    position: relative;
    margin: 10px 0;
    height: 30px;
}

.paging a {
    position: absolute;
    top: 0;
    line-height: 30px;
    color: #4a4540;
    background: url(../img/sprite.png) no-repeat 0 0;
}

.paging .prev {
    left: 0;
    padding-left: 30px;
    background-position: 0 -348px;
}

.paging .next {
    right: 0;
    padding-right: 30px;
    background-position: 100% -439px;
}

/* calendar -> paging
---------------------------------------------------------- */

.calendar .paging .prev { left: -30px; }
.calendar .paging .next { right: -10px; }

/* sidebar -> blog
---------------------------------------------------------- */

.blog {

}

.blog ul {
    clear: both;
    padding: 0;
}

#sidebar .blog li {
    position: relative;
    left: -65px;
    width: 255px;
    padding: 45px 0 25px 65px;
    background: url(../img/sprite_backgrounds.png) no-repeat -2440px 0;
}

#sidebar .blog h3 {
    font-size: 1.385em;
    font-weight: normal;
    color: #eaeaea;
}

#sidebar .blog .date {
    position: absolute;
    top: 15px;
    left: 65px;
    color: #b9b3a9;
}

/* thumbnails
---------------------------------------------------------- */

.thumb,
.rte img {
    margin-left: -5px;
    border: 5px solid #fff;
}

.col-main .thumb,
.rte img {
    -moz-box-shadow: 0 2px 3px #cacaca;
    -webkit-box-shadow: 0 2px 3px #cacaca;
    box-shadow: 0 2px 3px #cacaca;
}

.col-side .thumb {
    -moz-box-shadow: 0 2px 3px #36332f;
    -webkit-box-shadow: 0 2px 3px #36332f;
    box-shadow: 0 2px 3px #36332f;
}

/* Faq
---------------------------------------------------------- */

.faq {

}

.faq h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.385em;
    font-weight: normal;
    color: #F77400;
}

.faq dt {
    font-size: 1.0833em;
    font-style: italic;
    color: #4A4540;
}

.faq dt.selected {
    padding-top: 20px;
    font-weight: bold;
}

.faq dd {
    padding: 0 0 20px 0;
}

.faq dd.selected {
    padding-bottom: 40px;
}

.faq h3 { float: none; }

.faq ul {
    margin: 0 0 20px 0;
}

.faq .questions ul a {
    color: #9f9a93;
}

.faq .questions ul a:hover {
    text-decoration: underline;
    color: #F77400;
}

.faq li {
    margin: 0 0 0 15px;
    padding: 0 0 10px 18px;
    background: url(../img/sprite.png) no-repeat -206px -253px;
}

.faq h4 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}


.ext-side h4 {
    color: #fff;
}

/* footer -> faq
---------------------------------------------------------- */

.ext-footer .faq ul {
    clear: both;
    margin: 20px 0 0 0;
}

.ext-footer .faq li {
    margin: 0 0 20px 0;
    padding: 0;
    background: none;
}

/* register
---------------------------------------------------------- */

#content.register {
}

/* books
---------------------------------------------------------- */

#widgets {
    position: relative;
    left: -10px;
    width: 900px;
}

.bookwidget {
    float: left;
}

/* center image
---------------------------------------------------------- */

.center-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 220px;
    overflow: hidden;
}

.center-image img {
    position: absolute;
}

/* register -> header
---------------------------------------------------------- */

.register .head {
    position: relative;
    padding-left: 320px;
    zoom: 1;
}

.register .head img {
}

.register .head .image {
}


.register .header {
    height: 30px;
    background: #f08008 url(../img/sprite_backgrounds.png) no-repeat -1840px 0;
}

.register .header h2 {
    color: #fff;
}

.register .header .all {
    line-height: 40px;
    color: #fde19f;
    background-position: 100% -170px;
}

.register .head .section {
    position: relative;
    padding-top: 45px;
    height: 85px;
    background: #e26d0e url(../img/sprite_backgrounds.png) no-repeat -1240px 0;
}

.register .head h1 {
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.385em;
    text-shadow: #c2430a 0 1px 0;
    color: #fff;
}

.register .head .section h2 {
    position: absolute;
    top: 20px;
    left: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #fff6e0;
}

.register .head .section p {
    font-size: 1.231em;
    color: #4a4540;
}

/* register -> info
---------------------------------------------------------- */

.register .info {
    padding-left: 170px;
    height: 140px;
}

.register .info ul {
}

.register .info ul li {
    margin: 0 0 0 0;
    padding: 0 0 5px 18px;
    background: url(../img/sprite.png) no-repeat -206px -253px;
    zoom: 1;
}

/* register -> sidebar
---------------------------------------------------------- */

.register #sidebar {
    top: 220px;
    color: #dad9d9;
    background-image: none;
}

.register #sidebar-container { padding-top: 0; }

.register #sidebar .calendar {
    padding-top: 20px;
    height: 120px;
    background: #4a4540;
}

.register #sidebar .section,
.about #sidebar .section,
.blog #sidebar .section {
    position: relative;
    left: -30px;
    width: 260px;
    background: url(../img/sprite_backgrounds.png) no-repeat -2440px 0;
}

/* about
---------------------------------------------------------- */

.about .subtitle {
    margin: 0 0 10px 0;
    color: #b9b3a9;
}

/* about -> sidebar
---------------------------------------------------------- */

.people li {
    position: relative;
    clear: left;
    margin: 0 0 20px 0;
    padding-left: 75px;
    min-height: 60px;
    height: auto !important;
    height: 60px;
}

.people h3 {
    margin: 0;
    font-size: 1em;
}

.people .thumb {
    position: absolute;
    top: 0;
    left: 0;
}

/* Media
---------------------------------------------------------- */

#media h3 {
	font-size: 1em;
	margin-bottom: 0;
}

#media p.meta span {
	font-weight: bold;
}

/* Blog -> sidebar
---------------------------------------------------------- */

.blog #sidebar .section h2 {
    position: relative;
    left: -30px;
    float: left;
    margin: 0;
    padding: 0 0 20px 30px;
    line-height: 30px;
    background: url(../img/sprite.png) no-repeat 0 0;
}

/* RSS
---------------------------------------------------------- */

.rss {

}

.blog #sidebar .rss h2 { background-position: 0 -447px; }

.rss ul {
    clear: left;
    float: left;
}

.rss a {
    color: #d0c8ba;
}

/* RSS
---------------------------------------------------------- */

.blog #sidebar .tags h2 { background-position: 0 -548px; }

/* Archives
---------------------------------------------------------- */

.blog #sidebar .archives h2 { background-position: 0 -498px; }

/* Gift
---------------------------------------------------------- */

.gift {
    position: relative;
    padding: 0 0 0 70px;
    min-height: 80px;
    height: auto !important;
    height: 80px;

}

.gift img {
    position: absolute;
    top: 0;
    left: 0;
}

#sidebar .gift h2.cr {
    margin: 0;
    font-size: 1.385em;
    color: #fff;
}

/* Facebook
---------------------------------------------------------- */

.facebook {
    position: relative;
    min-height: 80px;
    height: auto !important;
    height: 80px;

}

/* RTE
---------------------------------------------------------- */

.rte {
    padding: 20px 30px 30px 30px;
}

.rte h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.385em;
    font-weight: normal;
    color: #f77400;
}

.rte h3 {

}

.rte h4 {
    font-style: italic;
    font-weight: normal;
    color: #4a4540;
}

.rte ul, .rte ol {
    margin: 25px 0 45px;
}

.rte ol {
    color: #ac6016;
}

.rte ol span {
    color: #5c4938;
}

.rte ul li {
    margin: 0 0 0 15px;
    padding: 0 0 10px 18px;
    zoom: 1;
    background: url(../img/sprite.png) no-repeat -206px -253px;
}

.rte ol li {
    list-style-type: decimal;
    margin: 0 0 0 20px;
    padding: 0 0 10px;
}

/* rte -> table
---------------------------------------------------------- */

.rte table {
    position: relative;
    left: -10px;
    padding: 0;
    width: 560px;
    border-collapse: collapse;
}

.rte table caption {
    padding: 2px 10px;
    font-weight: bold;
    text-align: left;
}

.rte table th {
    padding: 2px 10px;
    font-size: 1.231em;
    font-weight: normal;
    text-align: left;
    border-left: 1px solid #d0cec9;
    background: #ddd9d2;
}

.rte table td {
    padding: 5px 10px;
    border-left: 1px solid #dadad8;
}

.rte table .first { border-left: none; }
.rte table .last { }
.rte table .num { text-align: right; }

.rte table tr.even { background-color: transparent; }
.rte table tr.even { background-color: #f5f5f5; }

/* Media
---------------------------------------------------------- */

.media p,
.media ul {
    margin-top: 0;
}

.media ul li {
    margin-left: 0;
}

.media .meta {
    font-size: .923em;
    color: #9D978E;
}

.media li a {
}


/* Photos
---------------------------------------------------------- */

.photos {
    padding-right: 10px;
}

.photos img {
    margin-left: 0;
}

/* Subpages
---------------------------------------------------------- */

.overview {
    clear: both;
    padding: 10px 0 0 0;
}

.overview .article {
    clear: both;
    padding: 0 0 20px 142px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: none;
}

.overview .portrait {
    min-height: 172px;
    height: auto !important;
    height: 172px;
}

.overview .article h2 {
    margin-bottom: 10px;
}

.overview .thumb {
    position: absolute;
    top: 0;
    left: 0;
}

/* Sidebar > Training centre
---------------------------------------------------------- */

#training-centre {
    clear: both;
    display: inline;
    float: left;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 50px;
    width: 100%;
}

/* Sidebar
---------------------------------------------------------- */


#sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    color: #fff;
    overflow: hidden;
    background: #4a4540 url(../img/sprite_backgrounds.png) no-repeat -920px 0;
}

#sidebar-container {
    clear: both;
    padding: 20px 30px 0;
    width: 260px;
}

#sidebar h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.385em;
    font-weight: normal;
}

.blog #sidebar h2 {
    color: #d0c8ba;
}

#sidebar h2.cr { font-size: 1.846em; }

/* Sidebar > Workshops info
---------------------------------------------------------- */

#sidebar #workshops-info {
    clear: both;
    display: inline;
    float: left;
    padding: 10px 0 50px;
    width: 100%;
}

#sidebar #workshops-info h3 {
    margin-top: 15px;
}

/* Sidebar > RTE
---------------------------------------------------------- */

#sidebar .rte {
    padding: 0 0 20px 0;
}


#sidebar .rte h3 {
    font-family: DaxMedium, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.385em;
    color: #fff;
}

#sidebar .rte p {
    margin: 0 0 2em 0;
}


/* Sidebar -> alphabet
---------------------------------------------------------- */

.alphabet li {
    float: left;
    margin: 0 8px 8px 0;
}

.alphabet a {
    float: left;
    display: inline;
    width: 30px;
    height: 30px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../img/sprite_alphabet.png) no-repeat 0 0;
}

.alphabet a.last { margin-right: 0; }

a.a { background-position: 0 0; }
a.b { background-position: -30px 0; }
a.c { background-position: -60px 0; }
a.d { background-position: -90px 0; }
a.e { background-position: -120px 0; }
a.f { background-position: -150px 0; }
a.g { background-position: -180px 0; }
a.h { background-position: -210px 0; }
a.i { background-position: -240px 0; }
a.j { background-position: -270px 0; }
a.k { background-position: -300px 0; }
a.l { background-position: -330px 0; }
a.m { background-position: -360px 0; }
a.n { background-position: -390px 0; }
a.o { background-position: -420px 0; }
a.p { background-position: -450px 0; }
a.q { background-position: -480px 0; }
a.r { background-position: -510px 0; }
a.s { background-position: -540px 0; }
a.t { background-position: -570px 0; }
a.u { background-position: -600px 0; }
a.v { background-position: -630px 0; }
a.w { background-position: -660px 0; }
a.x { background-position: -690px 0; }
a.y { background-position: -720px 0; }
a.z { background-position: -750px 0; }

/* hover */
a.a:hover, .selected a.a { background-position: 0 -60px; }
a.b:hover, .selected a.b { background-position: -30px -60px; }
a.c:hover, .selected a.c { background-position: -60px -60px; }
a.d:hover, .selected a.d { background-position: -90px -60px; }
a.e:hover, .selected a.e { background-position: -120px -60px; }
a.f:hover, .selected a.f { background-position: -150px -60px; }
a.g:hover, .selected a.g { background-position: -180px -60px; }
a.h:hover, .selected a.h { background-position: -210px -60px; }
a.i:hover, .selected a.i { background-position: -240px -60px; }
a.j:hover, .selected a.j { background-position: -270px -60px; }
a.k:hover, .selected a.k { background-position: -300px -60px; }
a.l:hover, .selected a.l { background-position: -330px -60px; }
a.m:hover, .selected a.m { background-position: -360px -60px; }
a.n:hover, .selected a.n { background-position: -390px -60px; }
a.o:hover, .selected a.o { background-position: -420px -60px; }
a.p:hover, .selected a.p { background-position: -450px -60px; }
a.q:hover, .selected a.q { background-position: -480px -60px; }
a.r:hover, .selected a.r { background-position: -510px -60px; }
a.s:hover, .selected a.s { background-position: -540px -60px; }
a.t:hover, .selected a.t { background-position: -570px -60px; }
a.u:hover, .selected a.u { background-position: -600px -60px; }
a.v:hover, .selected a.v { background-position: -630px -60px; }
a.w:hover, .selected a.w { background-position: -660px -60px; }
a.x:hover, .selected a.x { background-position: -690px -60px; }
a.y:hover, .selected a.y { background-position: -720px -60px; }
a.z:hover, .selected a.z { background-position: -750px -60px; }

/* inactive */
.disabled a.a, .disabled a.a:hover { background-position: 0 -30px; }
.disabled a.b, .disabled a.b:hover { background-position: -30px -30px; }
.disabled a.c, .disabled a.c:hover { background-position: -60px -30px; }
.disabled a.d, .disabled a.d:hover { background-position: -90px -30px; }
.disabled a.e, .disabled a.e:hover { background-position: -120px -30px; }
.disabled a.f, .disabled a.f:hover { background-position: -150px -30px; }
.disabled a.g, .disabled a.g:hover { background-position: -180px -30px; }
.disabled a.h, .disabled a.h:hover { background-position: -210px -30px; }
.disabled a.i, .disabled a.i:hover { background-position: -240px -30px; }
.disabled a.j, .disabled a.j:hover { background-position: -270px -30px; }
.disabled a.k, .disabled a.k:hover { background-position: -300px -30px; }
.disabled a.l, .disabled a.l:hover { background-position: -330px -30px; }
.disabled a.m, .disabled a.m:hover { background-position: -360px -30px; }
.disabled a.n, .disabled a.n:hover { background-position: -390px -30px; }
.disabled a.o, .disabled a.o:hover { background-position: -420px -30px; }
.disabled a.p, .disabled a.p:hover { background-position: -450px -30px; }
.disabled a.q, .disabled a.q:hover { background-position: -480px -30px; }
.disabled a.r, .disabled a.r:hover { background-position: -510px -30px; }
.disabled a.s, .disabled a.s:hover { background-position: -540px -30px; }
.disabled a.t, .disabled a.t:hover { background-position: -570px -30px; }
.disabled a.u, .disabled a.u:hover { background-position: -600px -30px; }
.disabled a.v, .disabled a.v:hover { background-position: -630px -30px; }
.disabled a.w, .disabled a.w:hover { background-position: -660px -30px; }
.disabled a.x, .disabled a.x:hover { background-position: -690px -30px; }
.disabled a.y, .disabled a.y:hover { background-position: -720px -30px; }
.disabled a.z, .disabled a.z:hover { background-position: -750px -30px; }

/* fiches
---------------------------------------------------------- */

.fiche-overview {
    position: relative;
    padding-left: 140px;
}

.fiche-overview dl {
    padding: 0 0 40px 0;
}

.fiche-overview dt {
    font-size: 1.385em;
    color: #f77400;
}

.fiche-overview dd {
    padding: 0 0 30px 0;
}

.fiche-overview dd p {
    margin: 0;
}

.letter {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 4.615em;
    color: #5f544b;
}

/* Sidebar -> other
---------------------------------------------------------- */

.other {
    margin: 20px 0 0 0;
}

.other h3 {
    margin-bottom: 20px;
    color: #fff;
}

.other li {
    margin-bottom: 5px;
}

/* Sidebar -> tagcloud
---------------------------------------------------------- */

.tagcloud {
}

.tagcloud li {
    display: inline;
    margin: 0 5px 0 0;
    line-height: 25px;
}

.tagcloud a {
    line-height: 25px;
}

.tagcloud .tag1 a,
.tagcloud .tag2 a,
.tagcloud .tag3 a {
    color: #d0c8ba;
}

.tagcloud .tag4 a,
.tagcloud .tag5 a,
.tagcloud .tag6 a {
    color: #9b8e77;
}

.tagcloud .tag1 { font-size: 1.692em; }
.tagcloud .tag2 { font-size: 1.538em; }
.tagcloud .tag3 { font-size: 1.385em; }
.tagcloud .tag4 { font-size: 1.231em; }
.tagcloud .tag5 { font-size: 1.077em; }
.tagcloud .tag6 { font-size: 1em; }

/* Sidebar -> search
---------------------------------------------------------- */

.search {
    margin: 20px 0;
}

.search fieldset {
    position: relative;
    left: -10px;
    float: left;
    width: 272px;
    height: 30px;
    padding: 0;
}

.search .field {
    margin: 0;
    width: 225px;
    padding: 5px 35px 5px 10px;
    border-color: #403c38;
}

.search .button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    text-indent: -999em;
    background: url(../img/sprite.png) no-repeat 0 -200px;
}

.search .hover .button { background-position: -50px -200px; }

/* Footer
---------------------------------------------------------- */

#footer {
    position: absolute;
    clear: both;
    display: inline;
    padding: 10px 0 85px 0;
}

#footer {
    font-size: .9167em;
    color: #bf8776
}

#footer #copyright {
    float: left;
    padding: 0 30px;
    width: 260px;
}

#footer #links {
    clear: none;
    float: left;
    padding: 0 30px;
    width: 540px;
}

#footer a {
    color: #bf8776;
}

/* common
---------------------------------------------------------- */

.hide,
.hidden {
	position: absolute;
	display: block;
	padding: 0 !important;
	left: -9999px !important;
	left: -9999px !important;
	font-size: 0px;
	height: 0px !important;
	line-height: 0px !important;
	background: none !important;
}

.hidden {
	text-indent: -9999px;
}

/* Browser fixes
---------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */