/* 
    Theme Name: KSU's Twenty Eleven Theme
    Theme URI: http://www.kritischestudenten.nl
    Author: Jeremy Crowlesmith
    Description: Design for Kritische Studenten Utrecht's website.
    Template: twentyeleven
    Version: 1.0
    Tags: twentyeleven
*/

@import url("../twentyeleven/style.css");
@import url("alo-easymail.css");

/* GENERAL */

html {
    background: url("images/bglines.png") repeat scroll 0 0 transparent;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    background: none repeat scroll 0 0 transparent;
}

#page {
    border: 5px solid transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    min-height: 1000px;
}

/* HEADER */

header#branding {
    height: 153px;
    border-top:0;   
    background: url("images/divider.png") repeat scroll 0 0 transparent;    
    color: #B3BDC1;
}

header#branding .branding-background {
    height: 150px;
    background: url("images/header-background.png") no-repeat center top #FFFFFF;                  
}

#respond { 
    background: #E7DFD6; 
}

header#branding .widget {  
    position: absolute;  
    top: 2em;  
    right: 7.6%;  
}  

#branding hgroup {    
    margin: -108px 0 0 537px;
    position:absolute;
}

#site-title {    
    float: left;
    height: auto;
    margin: 3px 10px 3px 15px;
    width: auto;
    padding:0;
}

#site-title a {
    color: #F6F6D3;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
}

#site-description {
    color: #F6F6D3;
    font-size: 14px;
    line-height: 1.02em;
    margin: 0;
    padding: 0 15px;
}
#branding #site-title img {
    width: auto;
}
#branding #searchform {
    position: absolute;
    right: 1.4%;
    text-align: right;
    top: 7.8em;
    width: 17%;
}

#branding #s {    
    width: 100%;    
    color: #222222;
}

#branding #s input[type="text"], 
#branding #s input[type="password"], 
#branding #s textarea {    
    color: #222222;
}

#branding #header-image {
    width: 395px;
    height: 107px;
    overflow: hidden;
}

#branding #header-left {     
    width: 534px;
    float:left;
}

#branding #header-right {    
    float: right;      
    width: 463px; 
    height: 150px;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

#branding #header-right #top-feature-menu {    
    clear: both;
    float: right;
    height: 114px;    
    margin-top: 29px;
    width: 465px;
}

/* MENU */

/* =Menu
-------------------------------------------------------------- */

#access a {       
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 2.833em;  
    padding: 0 0.3em 0 0.9em;
    font-family: "Helvetica Neue",Helvetica;
    display: block;
    text-decoration: none;    
    text-shadow: 1px 1px #DDDDDD;
    background: url(images/driehoekje.png) 0 14px transparent no-repeat;
}

#access > ul li:first-child a { 
    background-image: none;
}

#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.833em;
	left: 0;
	width: 200px;
	z-index: 99999;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a {
	background: #ffffff;
        border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 180px;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background-color: #FFFFFF;
        color: #9AA93A;
        text-shadow: none;
}
#access li:hover > a,
#access a:focus {
	background: #ffffff; /* Show a solid color for older browsers */
        background: url(images/driehoekje.png) 0 14px transparent no-repeat;
	color: #9AA93A;
}

#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}


nav#access {
    background: url("images/driehoekje.png") no-repeat scroll 461px 14px transparent;
    
    width: 89%;  
        
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
        
    margin-left: 0.8em;
    margin-top: 0.4em;
}

nav#access div {
    margin: 0 0 0 3.1%;
}

nav#top-menu {        
    clear: both;
    display: block;
    float: right;
    margin: 0 auto;    
    width: 295px;
}

nav#top-menu div {
    margin: 0 0 0 3.1%;
}

nav#top-menu ul {    
    font-size: 13px;
    list-style: none outside none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
}
 
nav#top-menu a {    
    color: #000000;
    display: block;    
    line-height: 2.333em;
    padding: 0 0.7125em;
    text-decoration: none;    
    font-weight: bold;
}

nav#top-menu li {
    float: right;
    position: relative;
}

nav#top-feature-menu ul {    
    font-size: 13px;
    list-style: none outside none;
    margin: 0 0 0 0;
    padding-left: 0;
}
 
nav#top-feature-menu a {    
    color: #F6F6D3;
    display: block;       
    text-decoration: none;
}

nav#top-feature-menu li {
    float: left;      
    padding: 2px;
    position: relative;
}

/* SITE STRUCTURE */

#main {
    padding: 16px 0;    
}

#primary,
.home #primary,
.singular #primary,
.category #primary {
	float: left;
	margin: 0 -45.3% 0 0;
	width: 100%;
}

#primary #content header.page-header {
   
}

#category-footer {
    width: 100%;
}

#breadcrumbs p {    
    width: 50%;
    margin-bottom: 12px;    
    padding-left: 32px;    
    color: #41402d;
    font-size: 13px;
    background: url("images/driehoekje.png") no-repeat 17px 0.7em transparent;
}

#breadcrumbs p a {
    color: #7c892c;
}

#content,
.home #content,
.singular #content,
.category #content {
    border-right: 2px dotted #C0C0C0;
    margin-left: 1%;
    width: 54%;
    overflow: hidden;
}

.double-column #content {
    margin: 0 68% 0 1%;
    width: 75.5%;
}

#category-double-column {
    width: 75.5%;    
}

#secondary {
    float: right;
    margin-right: 0.6%;
    width: 195px;    
    overflow: hidden;
}

#tertiary {
    float: right;    
    margin-right: 1%;
    padding-right: 1.6%;
    width: 195px;
    border-right: 2px dotted #C0C0C0;
    overflow: hidden;
}

#blog {
    border-right: 2px dotted #C0C0C0;
    float: left;
    overflow: hidden;
    padding-right: 1.6%;
    width: 46.5%;
}

#krantjeboord {        
    padding-left: 1.6%;
    padding-right: 1.6%;
    width: 46.5%;
    overflow: hidden;
}

#featured {    
}


img[class*="align"], 
img[class*="wp-image-"], 
#content .gallery .gallery-icon img {
    border: none;
}

/* HEADINGS */

article .entry-content h2 {
    font-size: 1.5em;
}

article .entry-content h3 {
    font-size: 1.2em;
}

article .entry-content h4 {
    font-size: 1.1em;
    font-weight:bold;
}

/* HOME & CATEGORY PAGES */

#content ul {
    list-style-image: url(images/driehoekje.png);
    list-style-position: outside;
}

#featured article,
#blog article,
#krantjeboord article,
aside.widget_yarpp_widget,
aside div.event,
#tertiary aside article {
    padding-top: 0;
}

.home #content article .entry-title,
.category #content article .entry-title,
.search #content article .entry-title,
.category #content #category-footer article .entry-title {   
    font-size: 22px;
    font-weight: bold;    
    line-height: 28px;
    padding-top: 6px;
}

.home #content article .entry-title,
.category #content article .entry-title,
.search #content article .entry-title,
.category #content #category-footer article .entry-title,
#main .widget article .entry-title {   
    font-size: 22px;
    font-weight: bold;    
    line-height: 28px;
    padding-top: 6px;
    padding-bottom: 0;
}
/* SINGLE */

.entry-title,
.category #content article.category .entry-title {
    font-size: 39px;
    font-weight: normal;
    line-height: 44px;
    padding-top: 0;
    padding-right: 0;
}

.single #content article  .entry-title {   
    border-bottom: 2px dotted #C0C0C0;
    font-size: 39px;
    font-weight: normal;
    line-height: 44px;
    padding-top: 8px;
}

.category article.hentry, 
.category .no-results,
.single article.hentry, 
.single .no-results {
    border-bottom: 0;
    margin: 0 0 1.625em;
    padding: 0;
    position: relative;
}

/* CONTENT */

#content article,
.category #content #category-footer article.category {
    padding: 0;    
    margin-left: 0;
    margin-right: 4.5%;
    border-bottom: 2px dotted #C0C0C0;
}

.category #content article.category {
    border-bottom: none;
} 

#content article .entry-title, 
#content article .entry-title a,
#content article .entry-title a:link,
#content article .entry-title a:hover,
#content article .entry-title a:visited,
#main .widget article .entry-title, 
#main .widget article .entry-title a,
#main .widget article .entry-title a:link,
#main .widget article .entry-title a:hover,
#main .widget article .entry-title a:visited {
    color: #000000;
}
.singular #primary .entry-header .entry-meta, 
.singular #secondary .entry-header .entry-meta {
    left: auto;
    position: relative;
    top: auto;
}

#content article footer .entry-meta {
    padding-top: 0;
    padding-right: 0;    
} 

#content article .entry-meta {
    padding-top: 10px;
    padding-right: 0;       
    font-family: "Helvetica Neue",Helvetica;
} 

#content article .entry-meta,    
#content article .entry-meta a,
#content article .entry-meta a:link,
#content article .entry-meta a:hover,
#content article .entry-meta a:visited,
#secondary article .entry-meta,    
#secondary .entry-meta a,
#secondary .entry-meta a:link,
#secondary .entry-meta a:hover,
#secondary .entry-meta a:visited {
    color: #41402d;    
}

.entry-thumbnail {
    text-align: center;    
}

.entry-thumbnail img {
    max-width: 100%;
}

#content article  .entry-meta a:hover,
#content article  .entry-title a:hover {
    text-decoration: underline;
}

#content article  .entry-meta .edit-link a, 
#content article  .commentlist .edit-link a {
    color: #666666;
}

#content article .comments-link a,
.widget article .comments-link a {
    right: inherit;
    top: inherit;
    background: url("images/comments-balloon-small.png") no-repeat scroll 0 3px transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: inherit;
    line-height: inherit;
    overflow: inherit;
    padding: 0 0 0 12px;   
    margin-left: 3px;
    position: inherit;
    text-decoration: inherit;
    width: auto;   
}

#content article .entry-meta .cat-links {
    font-size: 13px;
    font-weight: bold;
    line-height: 100%;
    padding: 0 0 3px 0; 
}

#content article .entry-meta .cat-links a {       
    color:#7c892c;
}

#content article .entry-content,
#content article .entry-summary {
    padding: 10px 0 0 0;
}

#content article .entry-summary p {
    margin-bottom:10px;
}

#content article .entry-header, 
#content article .entry-content, 
#content article footer.entry-meta{
    margin: 0 auto;
    width: auto;    
    overflow: hidden;    
}

#content article footer.entry-meta{ 
    min-height: 10px;
    font-family: "Helvetica Neue",Helvetica;
}

#content > #comments #respond {
     width: 90%;
     background-color: #BAC76C;
     border: 1px solid #9AA93A;
}   

#content article a,
#content article a:link,
#content article a:hover,
#content article a:visited,
#content article a:active {
    text-decoration: none;
    color: #9AA93A;
}

#content article a:hover {
    text-decoration: underline;    
}


aside .textwidget .read-more-link {
    background: url("images/read-more.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 46px;
    width:42px;
    margin-top: -25px;    
}

#content article .read-more-link,
#main .widget article .read-more-link {
    background: url("images/read-more.png") no-repeat scroll 0 0 transparent;
    width:42px;
    height:46px;    
    position: absolute;
    right: 10px;           
    bottom: -13px;   
    font-family: "Helvetica Neue",Helvetica;
}

.read-more-link a,
#content article .read-more-link a,
#content article .read-more-link a:link,
#content article .read-more-link a:hover,
#content article .read-more-link a:visited,
#content article .read-more-link a:active {
    text-decoration: none;
}

.read-more-link a span,
#content article .read-more-link a span,
#main .widget article .read-more-link a span {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    height: 46px;
    line-height: 11px;
    margin-top: 10px;
    text-align: center;
    width: 42px;
}

aside .textwidget .read-more-link a span {
    font-size: 12px;
    line-height: 11px;
    margin-top: 6px;
}

#content article  .entry-meta .edit-link a,
#main .widget article  .entry-meta .edit-link a {
    bottom: 0;
    left: auto;
    padding-right: 8px;
    position: absolute;
    right: 55px;
    top: auto;
}

/* ASIDE & FOOTER */

#main aside.widget_em_widget ul li {
    font-size: 14px;
}

#main .widget article,
#main aside.widget_yarpp_widget,
#main aside.alo_easymail_widget,
#main aside.widget_search,
#main aside.widget_text,
#main aside.widget_wppp,
#main aside.widget_em_widget,
#main aside.widget_categoryposts,
aside div.event {            
    border-bottom: 2px dotted #C0C0C0;
    padding: 5px;
	font-family: arial,sans-serif;
}

#main aside.widget_categoryposts {    
    border-bottom: none;
}

#main  .widget  ul.event-categories  {    
    margin-left: 0;
}

p,
#main .widget article p,
#main aside.widget_yarpp_widget p,
#main aside.alo_easymail_widget p,
#main aside.widget_search p,
#main aside.widget_text p,
#main aside.widget_wppp p,
aside div.event p,
#main .widget article td,
#main aside.widget_yarpp_widget td,
#main aside.alo_easymail_widget td,
#main aside.widget_search td,
#main aside.widget_text td,
#main aside.widget_wppp td,
aside div.event td  {  
    color: #21200D;  
    font-size: 16px;
}

#main aside.alo_easymail_widget p,
#main aside.widget_text p,
#main aside.widget_wppp p,
aside div.event p,
#main .widget article td,
#main aside.widget_yarpp_widget td,
#main aside.alo_easymail_widget td,
#main aside.widget_text td,
aside div.event td { 
    line-height: 20px;
}

#main .widget article  .entry-details {
    padding: 0 0 5px 0;       
}

#main .widget article .entry-title, 
#main .widget article .entry-title a,
#main .widget article .entry-title a:link,
#main .widget article .entry-title a:hover,
#main .widget article .entry-title a:visited {
    text-decoration: none;
    padding-right: 0;  
}

#main .widget article .entry-title {   
    font-size: 22px;
    font-weight: bold;    
    line-height: 28px;
    padding-top: 6px;
}

#main .widget article .entry-meta a:hover,
#main .widget article .entry-title a:hover {
    text-decoration: underline;
}

#main .widget article .entry-thumbnail img {
    max-width: 181px;
}

#main .widget article  .entry-meta .edit-link a, 
#main .widget article  .commentlist .edit-link a {
    color: #666666;
}

#main .widget article  .cat-links {   
    padding-top: 5px;
}

#article-footer article  .cat-links a {       
    color:#F6F6D3;
}

#main .widget_categoryposts li {
    border-bottom: 2px dotted #C0C0C0;
    padding-bottom: 5px;
    padding-top: 5px;
}

#main .widget_categoryposts li a {
    color: #7c892c;
}

#main .widget article  a, 
#main .widget article  ul, 
#main .widget article  ul li {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

#main .widget  .entry-content,
#main .widget article  .entry-summary {
    padding: 0;
}

#main .widget article  .entry-header, 
#main .widget article  .entry-content, 
#main .widget article  footer.entry-meta, 
#main .widget article  #comments-title {
    margin: 0 auto;
    width: auto;
}

/* RELATED & POPULAR POSTS */

#main aside.widget_yarpp_widget .widget-title,
#main aside.alo_easymail_widget .widget-title,
#main aside.widget_caticons .widget-title,
#main aside.widget_search .widget-title,
#main aside.widget_text .widget-title,
#main aside.widget_wppp .widget-title {
    text-decoration: none;
    padding-right: 0;  
    color: #000000;
}

#article-footer .widget_yarpp_widget article:first-child {
    border-right: 2px dotted #C0C0C0;
}

#article-footer .widget_yarpp_widget article {
    padding-left: 7px;
    padding-right: 7px;
}


#main aside.widget_wppp ul {
    margin: 0;
}

#main aside.widget_wppp li {
    border-bottom: 4px dotted #41402d;
    padding-bottom: 5px;
    padding-top: 5px;	
	font-family: arial,sans-serif;
}

#main aside.widget_search  {
    border-bottom: none;
    padding: 0;
    margin-bottom: 5px;
}

#main aside.widget_search form {
    margin: 0;
}

#main aside.widget_search > h3 {
    display: none;
}

#krantjeboord > h3 span {        
   display: none;
}

#krantjeboord > h3 {
    height:40px;
    background: url("images/krantje-boord-boot.png") no-repeat scroll 0 0 transparent;   
}

#blog > h3 {
    padding-left: 63px;     
    height: 40px;
    background: url("images/blog-megafoon.png") no-repeat scroll 10px 0 transparent;   
}
 
.widget .alo_easymail > h3 {
    padding-left: 63px; 
    background: url("images/nieuwsbrief.png") no-repeat scroll 10px 0 transparent;   
}

.alo_easymail_widget > h3 {
    padding-left: 44px; 
    background: url("images/nieuwsbrief.png") no-repeat scroll 0 0 transparent;   
    padding-bottom: 10px;
}


#text-7 h3.widget-title {
    background: url("images/KSU-Basta-Kargadoor-logo-188.png") no-repeat scroll 0 0 transparent;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 60px;
}

#text-8 h3.widget-title {
    padding-left: 68px; 
    background: url("images/kritische-studenten-utrecht-small-logo.png") no-repeat scroll 0 2px transparent;   
    padding-bottom: 10px;
}

#text-9 h3.widget-title {
    padding-left: 68px; 
    background: url("images/donaties.png") no-repeat scroll 7px 0 transparent;   
    padding-bottom: 10px;
}

#alo_easymail_widget_form td { 
    padding-bottom: 5px;    
    min-width: 47px;
}

#alo_easymail_widget_form input[type="text"],
#alo_easymail_widget_form input[type="password"] { 
    width: 129px;
}

#alo_easymail_widget_form [type="submit"] { 
    width: 100px;
}

#alo_easymail_widget_form {
    text-align: right;
}

.widget_em_widget > h3 {
    padding-left: 51px; 
    background: url("images/agenda.png") no-repeat scroll 10px 0 transparent;   
}

.widget_caticons > h3 {
    padding-left: 47px; 
    background: url("images/grass-roots-projects.png") no-repeat scroll 3px 0 transparent;    
    padding-bottom: 10px; 
}

.home-column > h3,
#category-footer > h3,
#article-footer h3,
.widget-title,
.widget-title a {
    color: #000000;
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 5px;
    letter-spacing: normal;
    line-height: 31px;
    text-transform: none;
} 

#article-footer {
    width: 100%;
}

#article-footer article {    
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 42.5%;
}

.widget article .entry-meta .entry-date,
.widget article .entry-meta .comments-link {
    display:block;
}

#article-footer article .comments-link a,
.widget article .comments-link a {
    background-image: url("images/comments-balloon-small-white.png");
}

/* COMMENTS */

.commentlist .avatar {
    left: -72px;
}
.commentlist > li:before {
    content: none;
}

/* EVENTS & LOCATIONS */

#content article ul.event-categories {
    list-style: none;
    margin: 0;
}

#content article.event .entry-meta label,
#content article.location .entry-meta label {
    display: inline;
    padding-right: 5px;
    font-weight:bold;
    font-family: "Helvetica Neue",Helvetica;
    font-size:13px;
}

#content article .entry-meta .event-date,
#content article .entry-meta .event-time,
#content article .entry-meta .event-location {
    display: inline;
    font-family: "Helvetica Neue",Helvetica;
    font-size:13px;
}


#content article.event .entry-content .eventimagethumb,
#content article.location .entry-content .eventimagethumb {
    float: right;    
    padding: 0 0 10px 10px;    
}

#content article #em-wrapper li.event {
	padding-top:10px;
}


/* EVENTS WIDGET */

aside article.event {
    margin-bottom:20px;    
}

aside li {
    list-style: none;    
}

aside article.event a,
aside article.event ul,
aside article.event ul li {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
} 
 
aside article.event .eventimagethumb {    
    
}

aside article.event .eventimagethumb img,
aside .categroy-image img {
    padding: 5px 5px 0 0;
    float:left;
    border:0;
}

aside article.event .eventname {

}

aside article.event .eventdatetime {
    display:block;
}

aside article.event .eventdescription {    
    color: #F6F6D3;
    font-size: 12px;
}

.home aside .entry-header .entry-meta,
aside .entry-header .entry-meta {
    border-bottom: 4px dotted #7c892c;
    font-weight: bold;
    left: inherit;
    padding-right: 0;
    position: inherit;
    text-align: right;
    top: inherit;
    font-size: 13px;
}

.entry-header .cat-links,
aside .entry-header .cat-links {
    text-align: right;    
    font-weight: bold;
}

#content article .entry-header .event-categories li {    
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

aside article .entry-header .entry-meta .event-datetime,
aside article .entry-header .entry-meta .event-location {
    display:inline
}

article .entry-content .event-description {
    border-top:2px dotted #C0C0C0;    
    padding-top: 10px;
}

/* ATTACHMENTS */

.attachment .image-attachment #content  {
    margin: 0 98% 0 1.6%;
    width: 97.4%;
}

.image-attachment #content article {
    overflow: hidden;
}

.image-attachment #content article .attachment  {
    background-color: transparent;
}

/* SEARCH FORM */  

.error404 #main #searchform {
    margin-left: 0;
    margin-right: 0;
}

/* CATEGORY FOOTER */  

#category-footer article {
    width: 45.5%;
    margin-right: 25px;
    float:left;
}

#category-footer article .entry-title {
    padding-right: 0;
}

/* HEADERS */

.entry-content h1, 
.entry-content h2, 
.comment-content h1, 
.comment-content h2 {
    color: #41402d;    
    padding-top: 20px;
}

.entry-content h3, 
.comment-content h3 {
    font-size: 15px;
    letter-spacing: 0.15em;
}

/* MENU IMAGES */

nav#top-feature-menu li span {
    display:none;
}

nav#top-feature-menu li a {    
    height: 52px;
    width: 110px;
    border: 1px solid #7c892c;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */   
}

nav#top-feature-menu li.menu-reading-group a {
    background: url("images/ksu-reading-group-rethinking-the-commons.png") no-repeat scroll 0 0 transparent;    
}

nav#top-feature-menu li.schoonmakers-staking-2012 a {
    background: url("images/campagne-solidariteit-schoonmakers-staking-kritische-studenten-utrecht.jpg") no-repeat scroll 0 0 transparent;    
}

nav#top-feature-menu li.onderwijs-bezuinigingen a {
    background: url("images/onderwijs-bezuinigingen-actie-campagne-utrecht.png") no-repeat scroll 0 0 transparent;    
}

nav#top-feature-menu li.basta a {
    background: url("images/basta-info-debat-film-kargadoor-kritische-studenten-utrecht.png") no-repeat scroll 0 0 transparent;    
}

nav#top-feature-menu li.blockupy-frankfurt a {
    background: url("images/Blockupy-Frankfurt.png") no-repeat scroll 0 0 transparent;    
}

nav#top-feature-menu li.onderwijs-brochure a {
    background: url("images/onderwijs-brochure.png") no-repeat scroll 0 0 transparent;    
}

.menu li,
.event-categories li{
	font-family: arial,sans-serif;
}

#colophon {
    background: url("images/divider.png") repeat scroll 0 0 transparent;
    border-top: 0 none;
    color: #B3BDC1;
    height: 15px;
}

canvas {
	display: block;
}

@media (max-width: 1124px) {
              
	#branding #header-right {    
		position: absolute;
		right: 0;
		height:150px;
	}
	
	#branding #header-right #top-feature-menu {

	}
}

@media (max-width: 800px) {

	#branding #header-right #top-feature-menu {
		display:none;
	}
		
	/* Simplify the basic layout */
	#main #content {
		margin: 0 1.6%;
		width: auto;
	}
        
	#branding #header-left {
		width: 100%;
	}
	
	#branding #header-left {
		height: 107px;
	}
	
	#branding #header-image {
		display: none;
	}
	
	#branding #header-right {    
		position: absolute;
		right: 0;
		height:150px;
		width: 42%;
	}
	
	nav#top-menu {
		width: 100%;
	}
	
	nav#top-menu a {
		line-height: inherit;
	}
        
	#main #secondary {
	    float: right;
	    width: inherit;  
	    margin: 0 1.6%;
	    overflow: hidden;
	}
	
	#main #tertiary {
		width: inherit;
	margin: 0 1.6%;
		border-right: none;
	}
	
	#breadcrumbs {
		display:none;
	}
	
	#content > #comments #respond {
		width: 82%;
	}
	
	#content, 
	.home #content, 
	.singular #content, 
	.category #content {
		border-right: none;
	}
}