@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body, input, textarea, button { font-family: 'Open Sans', sans-serif;}
.hero-unit h1,.hero-unit h2, .short_headline, .call-to-action h3, h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', sans-serif;}
.short_headline, .call-to-action h3, h2, h3, h4, h5, h6 {font-weight:500}
blockquote, .statement, .header .tagline { font-family: Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}

.container {width:1170px\9;}

.container {
    max-width: 1170px; /* width of content*/
    min-width:240px;
    position: relative;
    width:90%;
    padding:0;/*don't add or ios search will freak*/
    margin: 0 auto;
}

/*  Moved page heading in to the main content */
.main_content { margin-top: 2%;}
.main_content h1 { margin-top: 0;}
  
body {padding-top: 0px;}
.mainmenu {margin-top: 0px;}

html { -webkit-font-smoothing: antialiased; }    
body { background:#fff; font-size: 15px;  line-height:1.65; }

.page-node-38 .form-submit {margin-top:10px;}
.page-search .search-form input[type="text"] {width: 400px;}
.page-search .search-form .form-type-textfield {width: 420px; float: left;}
.page-search h2 {clear: both;}
.page-search .search-form .form-submit {margin-top:25px;}

/*	Text Color */
body, html, a { color: #576674 }
h1, h2, h3, h4, h5, h6, .slide-to-top .trigger { color: #758694 }
h1 a, h2 a, h3 a, h5 a, h4 a { color: inherit }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, .slide-to-top .trigger:hover { color: #0290b3 }


/*	bootstrap hero-unit reset */
.hero-unit {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0 0 2% 0;
    background: transparent;
	text-shadow: none;
}
.hero-unit h1, .hero-unit h2 { margin: 0; background: url(../img/hr.png) 0 100% repeat-x;    padding-top: 20px;    padding-bottom: 20px;    font-size: 200%;    font-weight: 300; color:#a3b0bb;
}
.hero-unit.center { text-align: center;}
.hero-unit.center { text-align: center;}
.hero-unit.no-padding-bottom h1, .hero-unit.no-padding-bottom h2 {padding-bottom:0;}

.hero-unit.no-border h1, .hero-unit.no-border h2 {background:none;}


/* call to action
================================================== */
.call-to-action {
	position:relative;
	text-align:center;
	padding:25px 0 28px 0;
	margin-bottom:20px;
	border-top:4px double #c8d2da;
	border-bottom:4px double #c8d2da;
}
.call-to-action h3 {
	margin-top:0;
	margin-bottom:1.5%;
	font-size:220%;
}
.call-to-action p {
    font-size:120%;
}

/*	Simple Accordion Fancy Styles
========================================================== */
.s-accordion.fancy {margin:0 0 4% 0;padding:0;width:100%;}
.s-accordion.fancy .trigger a {
	display:block;
	padding:5px 35px 5px 10px;
	position:relative;
	text-decoration:none;
	color:#fff;
	border:0px;
	margin-bottom:4px;
}

.s-accordion.fancy.faq .trigger a {
	padding:5px 10px 5px 35px;
	background: #C3CCD0 url(../img/toggle_plus.png) 4px 0px no-repeat;
}
.s-accordion.fancy.faq .trigger a.active {
	background: #C3CCD0 url(../img/toggle_minus.png) 4px 0px no-repeat;
}
.s-accordion.fancy .trigger i {position:absolute; right:10px;top:7px; }
.s-accordion.fancy.faq .trigger i {position:absolute; right:auto;left:10px;top:7px; }
.s-accordion.fancy li.s-wrap div.s-content {
	padding:2% 3%;
	border:1px solid #d8dfe5;
	background:#f7f7f9;
	margin-bottom:4px;
}
li.s-wrap {list-style: none;}


.s-accordion.fancy .trigger .active i:before { content: ""; }
.s-accordion.fancy.faq .trigger .active i:before { content: ""; }

/* end fancy styles on simple accordion */




/*	Hero Columns 3 / 4 / 2 Equal Columns
========================================================== */
.equalHero .span4,
.equalHero .span3,
.equalHero .span6 {
	background-color: #E8EDF0;
    margin-bottom: 3%;
    margin-top: 10px;
    padding-bottom:10px;
}
/** equalHero typography **/
.equalHero h3 a,
.equalHero h4 a,
.equalHero h2 a { text-decoration: none;color:#53a3b7 }
.equalHero h2,
.equalHero h3,
.equalHero h4,
.equalHero p {
    padding-left: 10px;
    padding-right: 10px;
}
.equalHero h2,
.equalHero h3,
.equalHero h4 { padding-top: 10px }

.equalHero .span4 h2,
.equalHero .span4 h3,
.equalHero .span4 h4 { padding-top: 0 }

.equalHero p.right { padding-right: 0; padding-top:10px; float: right;}

/** equalHero Image Styles **/
.equalHero img.aligncenter {
    width: 100%;
    margin: 0;
}
.equalHero img  {
    max-width: 100%;
}
.equalHero .span6 img {
margin-top:10px;
margin-left:10px;
}

/** four across span3 styles **/
.equalHero .span3 h3 {
    font-size: 115%;
    line-height: 1.3;
}
.equalHero .span3 p {
    font-size: 85%;
    line-height: 1.4;
}
.equalHero .span3 p.right .btn {
	font-size:90%;
	line-height:1.2;
	padding-top:5px;
}

.equalHero .btn {
	-webkit-border-radius:4px 0 0 4px!important;
	-moz-border-radius:4px 0 0 4px!important;
	border-radius:4px 0 0 4px!important;
}


/******  left sidebar layout ******/
#secondary-nav.span3 {
	float:left;
	margin-left:30px;
}
.row-fluid.sidebar-left .span9 {
	float:right;
	margin-right:0;
}
.sidebarbg {
	background-image: url(../img/rule.png);
	background-position: 23.5% 0;
	background-repeat: repeat-y;
}
.sidebar-left .secondary-column .widget {padding-right:20px;}

.sidebar-left .well {
min-height: 20px;
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
border: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* headline short lines */
.short_headline {
	border-bottom: 1px solid #d8dfe5;
    margin:0 0 1em 0;
    padding-bottom:9px;
    line-height:normal;
}
.short_headline span {
    border-bottom:5px solid #d8dfe5;
    padding-bottom:10px;
}


p + .short_headline,
table + .short_headline,
blockquote + .short_headline,
ul + .short_headline,
ol + .short_headline,
dl + .short_headline,
form + .short_headline,
h1 + .short_headline,
h2 + .short_headline,
h3 + .short_headline,
h4 + .short_headline,
h5 + .short_headline,
h6 + .short_headline,
.row-fluid + .short_headline { margin-top: 3% }

.short_headline + h1
 {margin-top:3%}
 
.short_headline.margin-top {
    margin:2em 0 1em 0;
}
/* sidebar and blog related posts navigation (in related posts area) */
.sidebar ul.menu {
    margin-left:0;
    padding-left:0;
}
.sidebar ul.menu li {
    margin-left: 0;
    padding: 3px 0 3px 13px;
    list-style: none;
    display:block;
    background: url(../img/sidebar-list-icon.png) 0 8px no-repeat;
}
.sidebar ul.menu li a {
    text-decoration: none;
    display: block;
}
.sidebar ul.menu li.active a,
.sidebar ul.menu a:hover { color: #53a3b7 }
.sidebar ul.menu li.active a:before,
.sidebar ul.menu li:hover a:before { color: #53a3b7 }

.sidebar ul.menu ul {
	margin-left:10px;
	margin-bottom:5px;
	font-size:90%;
}

/* sidebar text box */
.widget p {
	font-size: 90%;
}
.widget p:last-child {
	margin: 0px;
}


/* blockquotes / quotes / dropcap
================================================== */
blockquote {
    clear: both;
    font-style: italic;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px 20px 0 50px;
    position: relative;
    quotes: none;
    background: url(../img/open-quote.png) 0 0 no-repeat;
    border: 0px;
    font-size: 120%;
    line-height: 175%;
}
blockquote p {
    font-size: 100%;
    line-height: 175%;
}
blockquote p:last-child { margin-bottom: 0px }
blockquote footer {
    clear: both;
    display: block;
    text-align: right;
    font-size: 80%;
}
blockquote footer:before { content: "\2014 \0020" }
q {
    display: inline;
    quotes: none;
}
q:before { content: "\201c" }
q:after { content: "\201d" }
q q:before { content: "\2018" }
q q:after { content: "\2019" }
.dropcap {
    display: block;
    color:#758694;
    float: left;
    font-size: 45px;
    line-height: 45px;
    padding: 0;
    margin: 3px 5px 0 0;
    text-transform: uppercase;
    font-style: normal;
}

/*	footer  */
#footer { clear: both; background: #4c5966; padding: 0; padding-top: 20px; }
#footer a { color: #9bd9e9; text-decoration: none; }
#footer a:hover { text-decoration: underline }
#footer h4 { margin-bottom: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #6d767e; }
#footer p, #footer h4, #footer ul { color: #d8dfe5 }
#footer .row-fluid { margin-bottom: 2% }
#footer section { padding: 0 0 15px 0 }

/*	footer credit */
.footerCredits {
    padding: 0;
    clear: both;
    text-align: right;
    position:relative; 
    background: #576674;
}
.footerCredits ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    position: relative;
    left: -10px;
}
.footerCredits li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid #a3b0bb;
}
.footerCredits li:last-child,
.footerCredits .last { border: none }
.footerCredits li:first-child { padding-left: 0 }
.footerCredits {
    padding: 10px;
    font-size: 70%;
}
.footerCredits a,
.footerCredits li {
    text-decoration: none;
    color: #d8dfe5;
    margin: 0;
    text-transform: uppercase;
}
.footerCredits a:hover { color: #fff }

#footer ul, #footer  ol { margin: 0 0 10px 0px; }


.node-form .fieldset-wrapper { margin-top: 0 }
.filter-wrapper { top: 0; padding: 0; overflow: hidden; visibility: hidden; display: none; }



#metabar {background-color: #E0E7EB; height: 40px; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: bold; clear:both;}
#metabar .page-tabs, #metabar .metabar-right  {height: 40px;}
.metabar2 {background-color: #C3CCD0; height: 30px; border-top: 3px solid #516066; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: bold; clear:both; overflow: hidden; }
.metabar2 .metabar-right {height: 30px;}
#metabar .nav-tabs {border-bottom: 0px solid #DDD;}
.metabar-right .nav li {float: left;}
.metabar-right .nav li a:hover {float: left; background-color: #C9D1D6;}
.metabar-right {float: right; margin-right: 0;}

.metabar .nav li a {float: none; padding: 10px 15px 10px; color: #434C50; text-decoration: none; text-shadow: none;}
.metabar2 .nav li a {float: none; padding: 5px 15px 5px; color: #434C50; text-decoration: none; text-shadow: none;}

#mainmenu {font-family: 'Open Sans', sans-serif; font-weight: bold; background-color: #E0E7EB; height: 80px; }
.header_menu {width:auto; overflow:hidden; float:left;}
.mainmenu li {float:left;}
.mainmenu li a {padding: 30px 20px 30px 20px;  color: #434C50; text-shadow: none;}
.mainmenu .nav { float:left;  margin:0; height: 80px; }
.mainmenu .nav li a:hover { background-color: #C9D1D6; text-shadow: none;}
.mainmenu .nav li.active-trail a {text-shadow: none; color: white; background-color: #516066; }
.nav li a:hover {text-decoration: none; background-color: transparent;}
.mainmenu .nav li.dropdown > .dropdown-toggle .caret {display:none;}

.header-search-form { float:right; margin-top:20px; }

.metabar-right .nav li {float: left;}
.metabar-right .nav li a:hover {float: left; background-color: #C9D1D6;}
.metabar-right {float: right; margin-right: 0;}

.metabar .nav li a {float: none; padding: 10px 15px 10px; color: #434C50; text-decoration: none; text-shadow: none;}
.metabar2 .nav li a {float: none; padding: 5px 15px 5px; color: #434C50; text-decoration: none; text-shadow: none;}

#metabar .nav-tabs {float:left; height: 40px; overflow: hidden;}
#metabar .nav-tabs .active a, #metabar .nav-tabs > .active > a:hover {display: none;}

.page-tabs .nav-tabs li a {background:url(../img/edit-icon.png) center left no-repeat; padding-left:40px; background-position: 10px center;}
.metabar .nav-tabs li a:hover {border-color: transparent; background-color: #C9D1D6; border-radius:0;}

#metabar li.addpage a {background:url(../img/addpage.png) center left no-repeat; padding-left:35px; background-position: 10px center;}
#metabar li.addpage a:hover {background-color: #C9D1D6;}

#metabar li.pages a {background:url(../img/pages.png) center left no-repeat; padding-left:35px; background-position: 10px center;}
#metabar li.pages a:hover {background-color: #C9D1D6;}

#metabar li.advanced a {background:url(../img/extra.png) center left no-repeat; padding-left:35px; background-position: 10px center; }
#metabar li.advanced a:hover {background-color: #C9D1D6;}
.dropdown-menu {background-color: #E0E7EB;}
.dropdown-menu li a { font-weight: bold; }

#metabar li.shop a {background:url(../img/shop.png) center left no-repeat; padding-left:35px; background-position: 10px center; }
#metabar li.shop a:hover {background-color: #C9D1D6;}

#metabar li.account span {margin-left: 20px;}
#metabar li.account a {background:url(../img/account.png) center left no-repeat; padding-left:20px; background-position: 10px center; width: 130px;}


#metabar li.forms span {margin-left: 20px;}
#metabar li.forms a {background:url(../img/forms.png) center left no-repeat; padding-left:20px;  background-position: 10px center; width: 130px;}

#metabar li.logs span {margin-left: 20px;}
#metabar li.logs a {background:url(../img/logs.png) center left no-repeat; padding-left:20px;  background-position: 10px center; width: 130px;}


#metabar li.menu span {margin-left: 20px; }
#metabar li.menu a {background:url(../img/menu.png) center left no-repeat; padding-left:20px; background-position: 10px center; width: 130px;}


#metabar li.comments span {margin-left: 20px; }
#metabar li.comments a {background:url(../img/comments.png) center left no-repeat; padding-left:20px; background-position: 10px center; width: 130px;}


#metabar li.upload span {margin-left: 20px; }
#metabar li.upload a {background:url(../img/upload.png) center left no-repeat; padding-left:20px;  background-position: 10px center; width: 130px;}

#metabar li.logout span {text-indent: -9999px; display: block;}
#metabar li.logout a {background:url(../img/logout.png) center left no-repeat; padding-left:30px; background-position: 10px center;}
#metabar li.logout a:hover {background-color: #C9D1D6;}

.metabar li.editpage a {background-color: #98a3a8; border-radius: 4px;  color: white; margin-top: 5px; padding: 5px 10px 5px 10px;}
.metabar li.editpage a:hover {background-color: #434C50; color: white; }

.dropdown li.leaf {float: none;}
.dropdown:hover ul.dropdown-menu{ display: block;}

.mainmenu .logo { height: 60px; width: 300px; float: left; margin: 10px 10px 10px 0; }
.mainmenu .logo img { border: 0px }
.mainmenu .logo .slogan { height: 0px; width: 0px; position: absolute; overflow: hidden; }
.left_menu {padding-top: 25px;}

.page-user-imce .hero-unit {display: none;}


/* Admin Report Page */

.page-admin-reports dt {}
.page-admin-reports dt a {text-decoration: underline;}
.page-admin-reports dd {margin-bottom: 40px; margin-left: 0; }
.page-admin-reports section {margin-bottom: 40px; }

/* Category Menu for Shop */

.root_category {font-weight: bold;}
.child_category {margin-left: 20px;}
.view-categorie {margin-bottom: 20px;}
.view-categorie h3 {font-size: 15px; font-weight: bold; line-height: 10px;}

/* Tags Menu */

.view-tags .views-row {text-decoration: none;  padding: 5px 0 5px 10px; }
.view-tags .views-row-first { }
.view-tags a:hover { text-decoration: none }
.view-tags a:hover { text-decoration: none }
.page-taxonomy-term-edit .text-format-wrapper, .page-taxonomy-term-edit #edit-relations { display: none }
.view-tags .views-row { background:url(../img/sidebar-list-icon.png) 0px 12px no-repeat; }
.view-tags .views-field { margin-left: 4px; }
.view-tags  .view-content { margin-bottom: 20px; }


.sidebar .region-sidebar-first { margin-bottom: 20px; }


.field-tags a { margin-left: 20px; padding: 0 10px 0 12px; background: #ECECEC; color: #BBBBBB; text-decoration: none; float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px; }
.field-tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #ECECEC transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; }

/* ----------------- Comments ----------------- */
.comment { border-left: 5px solid #1D1D1D; padding-left: 20px; margin-bottom: 20px; background: #E0E7EB; padding: 10px 20px 10px 20px; width: 505px; }
.comment .submitted { color: #888; font-size: 12px; padding-bottom: 10px; }
.commenter-name { float: left; height: 5px; }
.commenter-name::after { content: "-" }
.comment-time { margin-left: 30px }
.attribution, .submitted { height: 20px }
.comment .content { color: #666; font-size: 14px; float: none; }
/* Comment form */
.comment-form label { width: 120px }
.comment-form .form-text { width: 500px }
.comment-form { background: #E0E7EB; padding: 20px; width: 510px; }
#comments h2 { margin-bottom: 20px; margin-top: 40px; }

.imce-frame {margin-top: 20px;}
body.imce { padding: 0 }
#ops-wrapper { margin-bottom: 0; padding: 5px; background: black; border: none; }
#ops-list a span { color: white }
#file-list td.width, #file-header td.width { width: 6em }
#navigation-header { background: #ECECEC; border: none; }
#file-header-wrapper { background: #ECECEC; border: none; }
#imce-content .x-resizer { background: #ECECEC; border: none; }
#imce-content .y-resizer { background: #ECECEC; border: none; }
#file-list tr:hover td { background-color: #2E2E2E; color: white; }
#file-list tr:hover span { color: white }
#ops-list a:hover { background-color: #2E2E2E }
#ops-list li.active a { background-color: #2E2E2E }
#navigation-tree li a.active { font-weight: bold; background-image: url(../img/folder-open.png); background-color: #ecf0f4; }


.vertical-tabs ul.vertical-tabs-list li { background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-top: none !important; }
div.vertical-tabs { border: 1px solid #e6e6e6 !important; background-color: white; }
.vertical-tabs ul.vertical-tabs-list { border-top: 1px solid #e6e6e6 !important }
.vertical-tabs ul.vertical-tabs-list li.selected { background-color: white !important; border-right-width: 0 !important; }
.vertical-tabs ul.vertical-tabs-list li a:hover { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; }
.vertical-tabs ul.vertical-tabs-list li:focus { outline: 0px auto -webkit-focus-ring-color }
.vertical-tabs ul.vertical-tabs-list li.selected:focus { outline: 0px auto -webkit-focus-ring-color }
.vertical-tabs .control-label { margin-left: 5px; }
.vertical-tabs fieldset.vertical-tabs-pane { padding-top: 10px; }
.form-item-promote, .form-item-sticky { display: none }
.vertical-tabs ul.vertical-tabs-list .summary { display: none }

#csstab { position: fixed; top: 30%; right: 0px; height: 74px; width: 30px; overflow: hidden; }
#csstab .box { position: relative; font-size: 10px; left: -21px; top: 21px; height: 20px; width: 60px; text-align: center; background-color: #516066; color: white; padding: 5px; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#csstab .box:hover { text-decoration: underline }
.imce #csstab { display: none }

.help-block { font-style: italic; margin-left: 30px; font-size: 12px;}

#csidebar { position: absolute; background-color: #EFEFEF; z-index: 1000; overflow: hidden; }
#csidebar.right { top: 0px; right: 0px; height: 100%; width: 500px; }
#csidebar.right #cedit { width: 494px }
#csidebar .stylelist { width: 484px; margin-left: 10px; margin-top: 10px; }
#csidebar.bottom { bottom: 0px; left: 0px; width: 100%; height: 300px; }
#csidebar.bottom #cedit { height: 235px; width: 100%; }
#csidebar { font-family: Arial, Sans-Serif }
#csidebar .save, #csidebar .close, #csidebar .dock { float: left; margin-top: 5px; margin-left: 10px; line-height: 14px; font-size: 12px; background-color: #F7F7F7; width: 50px; text-align: center; padding: 3px; text-decoration: none; cursor: pointer; color: #1D1D1D; text-shadow: none; }
#csidebar.bottom #cedit { top: 40px }
#csidebar.bottom .save, #csidebar.bottom .close, #csidebar.bottom .dock { margin-top: 10px }
#csidebar .save:hover, #csidebar .close:hover, #csidebar .dock:hover { color: #bbb }
#cedit { top: 65px; overflow: hidden; }
.ace_gutter { width: 30px !important }
.ace_gutter-cell.ace_warning { background-image: none !important }

/* Blog */
.date-blog-overview, .date-page { border-top: 1px solid #E0E7EB; border-bottom: 1px solid #E0E7EB; padding: 2px 0; margin-bottom: 10px; color: #C3CCD0; font-size: 11px; }
.intro-blog { clear: both }
.view-blog-overview { margin: 0 0px; }
.view-blog-overview p { display: block;}
.view-blog-overview .views-row { margin-bottom: 20px; }
.view-blog-overview h2 { clear: both;}

.page-node .left { margin: 0; margin-right: 8px; }

article {margin-bottom: 40px;}

.side_bar_block_zoek {height: 50px; none; margin-bottom: 0px;}
.side_bar_block_zoek .input-append { margin-top: 0px; margin-bottom: 10px; }
.input-append button.add-on { height: inherit !important; background-image: none; background-color: #E0E7EB; }
.mainmenu .input-append { margin-top: 0px; float: right; }
.input-append #edit-keys { background-color: #eff2f4; }
.input-append .icon-search { margin-top: 3px; }

.offline {text-align: center; margin-top: 20%; color: black;}

.page-admin-content-comment .form-type-select {float: left; margin-right: 10px;}

/* Large desktop */
@media (min-width: 1200px) { 
.container {width:1170px;}
 }
/* Small desktop */
@media (max-width: 1024px) { 
.container {width:90%;}
#metabar {}
form#search-form input {width:150px;}
.header-search-form {display:none; width:0;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.container {width:90%;}
.logo {display:none;}
#mainmenu { height: 40px; }
.mainmenu li a { padding: 10px 10px; }
#metabar .span5 {width:120px;}
#metabar li.pages span {text-indent: -9999px; display: block;}
#metabar li.addpage span {text-indent: -9999px; display: block; width: 0;}
form#search-form input {width:110px;}
.header-search-form {display:none; width:0;}
#csstab {display:none;}
iframe {width: 550px; height:300px;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  
.container {width:90%; padding: 0 10px;}
body {padding:0;}

.logo {display:none;}
#mainmenu { height: 40px; }
.mainmenu li a { padding: 10px 10px; }

#metabar .span5 {width:120px; float:left;}
.metabar-right { float:left;}
#metabar li.pages span {text-indent: -9999px; display: block;}
#metabar li.addpage span {text-indent: -9999px; display: block; width: 0;}
#metabar {display:none;}

form#search-form input {width:110px;}
.header-search-form {display:none; width:0;}
#csstab {display:none;}

iframe {width: 450px; height:300px;}

.sidebarbg {background-image: none;}
#secondary-nav.span3 {display:none;}

.comment {width:370px;}
.comment-form {width:370px;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.container {width:90%; padding: 0 10px;} 
body {padding:0;}

.logo {display:none;}
#mainmenu { height: 40px; }
.mainmenu li a { padding: 10px 10px; }

#metabar .span5 {width:120px; float:left;}
.metabar-right { float:left;}
#metabar li.pages span {text-indent: -9999px; display: block;}
#metabar li.addpage span {text-indent: -9999px; display: block; width: 0;}
#metabar {display:none;}

form#search-form input {width:110px;}
.header-search-form {display:none; width:0;}
#csstab {display:none;}

iframe {width: 400px; height:280px;}

.sidebarbg {background-image: none;}
#secondary-nav.span3 {display:none;}

.comment {width:370px;}
.comment-form {width:370px;}

}