/*
Theme Name: Fab6
Theme URI: http://fab6.nl/
Description: Custom theme for fab6.nl
Version: 1.6
Author: Willem Daan Poppe aka _WD_ <wd@waag.org>, Matthijs van Henten <matthijs@waag.org>
Author URI: http://waag.org
*/
@import url('reset.css');

body, html{
    font: normal 13px/16px "Arial", "Lucida Grande", "Helvetica Neue", sans-serif;
    background-color: #ffffff;
    color: #231F20;
}

h1{
    font: bold 24px/36px "Arial", "Lucida Grande", "Helvetica Neue", sans-serif;
}

h2,h4{
    font: bold 18px/28px "Arial", "Lucida Grande", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
}
h5{
    font: bold 16px/28px "Arial", "Lucida Grande", "Helvetica Neue", sans-serif;
    text-transform: uppercase;
}

p{
    margin-bottom: 13px;
}

hr{
    color: #fff;
    background-color: #fff;
    border: 0px solid transparent;
    border-bottom: 2px solid #F6921E;
}

legend{
    font: bold 16px/28px "Arial", "Lucida Grande", "Helvetica Neue", sans-serif;
    border-bottom: 2px solid #F6921E;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

fieldset{
    margin-bottom: 14px;
}

blockquote{
    background-color: #ccc;
    padding: 10px;
    font-style: italic;
}

#content ul{
    padding: 10px;
    list-style-type: disc;
    list-style-position: inside;
}

#content ol{
    padding: 10px;
    list-style-type: decimal;
    list-style-position: inside;
}


h2{margin: 0 0 5px 0;}
h4{margin:0;}

a, a:hover, a:active, a:visited{
    text-decoration: none;
    color: #B12D31;
}

a:hover{
    text-decoration: underline !important;
}

/*** mailchimp ***/
form.validate{
    margin-bottom: 14px;
}

.indicate-required{
    margin-bottom: 10px;
    font-style: italic;
    color: #999;
}

.mc-field-group{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

.mc-field-group label{
    width: 180px;
    float: left;
}

.mc-field-group input, .mc-field-group textarea{
    width: 220px;
    float: left;
}

.btn{
    display: block;
    clear: both;
}

#mce-responses{
    clear: both;
    margin-bottom: 10px;
}

#mce-responses div{
    background-color: #ccc;
    padding:10px;
}

/*** site ***/
#bread-crumb{
    text-transform: lowercase;
    margin-top: 5px;
    margin-bottom: 14px;
}

#header h4{
    text-transform: none;
}

#header{
    padding: 26px 0 0 0;
    border-bottom: 2px solid #F6921E;
    position: relative;
    background: transparent url('images/headerbg.png') no-repeat bottom right;
}

#navigation{
    margin-bottom: 10px;
}

#navigation li a{
    color: #F6921E;
    display:block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}

#pages.home {
}

#post-list{
    padding: 0 !important;
    list-style-type: none !important;
}

#navigation li.current_page_item a, #navigation li a:hover{
    background-color: #F6921E;
    color: #fff;
}

#content{
    width:710px;
}

#narrow-content{
    width: 400px;
}

#sidebar{
    width: 224px;
}

#footer{
    margin-top: 75px;
}

#footer-pages{
    border-top: 2px solid #F6921E;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 25px;
}

#footer-pages a{
    text-transform: lowercase;
    margin-right:5px;
    color: #999;
}

#footer-pages ul li a:after{
    margin-left: 5px;
    content: '-';
    color: #999;
    padding:0;
}

#footer-pages ul li:last-child a:after{
    content: '';
}

#links li a{
    text-transform: lowercase;
    margin-left: 5px;
}

#links li a:after{
    margin-left: 5px;
    content: '-';
}

#links li:last-child a:after{
    content: '';
    margin: 0;
}

/***** category page ***********/

#posterframe{
    border: 1px solid #999;
    padding: 10px 0 10px 0;
}

#posterframe img{
    width: 690px;
    height: 250px;
    display: block;
    margin: auto;
}

#category-longtext{
    margin-top: 14px;
    padding-right:7px;
}

/******** homepage ***************/

#home-content{
    width: 400px;
}


#home-content p{
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
    background-color: #E0E0DD;
}

#categories{
    width: 300px;
}

/*first-child not supported ie6!*/
#pages.home li:first-child a{
    background-color: #F6921E;
    color: #fff;
}

#categories ul{
    padding: 0;
    list-style-type: none !important;
}

#categories ul li{
    background: #88aa33 url('images/corner_se_green.png') no-repeat bottom right;
    height: 118px;
    margin-bottom: 14px;
    /*padding: 10px 0 14px 5px;*/
    overflow: auto;
}

a.category-thumbnail{
    margin: 14px 0 0 10px;
    float: left;
}

p.category-teaser{
    margin:0;
    margin-top: 28px;
    border-left: 1px dashed #F6921E;
    padding: 0 0 5px 5px;
    margin-left: 10px;
    width: 190px;
    float: left;
    overflow: hidden;
}

.posterframe-home{
    padding:10px;
    border: 1px solid #999;
}

img.posterframe-home{
    width: 375px;
}

#locations{
    margin-top: 5px;
}

/*** speakers ***/

#speakers{
    width: 710px;
    overflow:hidden;
}

#speakers ul{
    list-style-type: none !important;
    list-style-position: inside;
    padding:0;
    margin:0;
}

#speakers li{
    float: left;
    width: 165px;
    margin-right: 16px;
}

#speakers li.last{
    margin-right: 0;
    float: right;
}

#speakers div.teaser{
    margin-top: 10px;
    background-color: #E0E0DD;
    position: relative;
    height: 100px;
}

#speakers li a.thumbnail{
    display: block;
    padding: 10px;
    border: 1px solid #999;
}

#speakers a.readmore{
    color: #000;
    /*padding: 5px 0;*/
    display: block;
    text-align: right;
    position: absolute;
    bottom:0;
    right: 0;
}

/***** speakers page *****/

#speakers-page li{
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
    list-style-type: none !important;
}

#speakers-page .thumbnail{
    float: left;
    width: 150px;
}

#speakers-page .teaser{
    float: left;
    width: 500px;
}

#speakers-page .readmore{
    display: block;
    text-align: right;
}


/******** twittrwidget pseudo sidebar *****/
#sidebar-widget{
    width: 224px;
    float: right;
}

div.twittr{
    border: 1px dashed #38CDFF;
}

/******** sidebar styling **********/


#sidebar li.event-item{
    background: #E0E0DD url('images/corner_se_black.png') no-repeat bottom right;
    height: 118px;
    margin-bottom: 14px;
}

#sidebar li.event-item h4 a{
    color: #999999;
}

#sidebar a.category-link{
    display: block;
    margin: 0 0 5px 10px;
    color: #000;
    text-transform: uppercase;
    padding-left: 36px;
    background: transparent url('images/arrow_right.png') no-repeat center left;
}

#sidebar a.category-link span.date{
    color: #F6921E;
}

#sidebar li.event-item p{
    padding: 0 10px 0 10px;
}

/****** generic classes ****/
.clear{
    clear: both;
    float: left;
}
.float-left{
    float: left;
}

.float-right{
    float: right;
}

.site-center{
    clear: both;
    width: 950px;
    margin:auto;
    overflow: auto;
}

#header-nav li, #pages li, #footer-pages li, #links li{
    float: left;
}