@import url(suckerfish.css);
@import url(formatting.css);
@import url(mainmenu.css);
@import url(horizontal.css);
@import url(churchonline.css);


body{/*min-width:750px;*/margin:0;padding:0 0 20px; font-family:Arial, Verdana, Helvetica, sans-serif;}
#page{/*width:990px;*/margin:0 auto}
#header{padding-top:5px}
#logo{float:right; margin-top:-27px;}
#header,#content{width:100%}
.sections{width:100%;padding:0}
.block{margin:5px;padding:5px}

#main{float:left;width:100%}

/* Overides */

.container {max-width:990px;width:100%;}
tbody{border:none;}
div#edit-search-theme-form-1-wrapper label {display:none;}
#content-top img {padding:0 22px 0 0;}
.col-right { max-width:388px !important;margin-top: 50px; width:100%;}
.span-9 {  max-width: 388px;}

.not-front .col-center, .span-14 { max-width:589px; width:100%;}
.front .col-center { max-width:990px !important; width:100%;}
.page-admin .col-center { max-width:990px !important; width:100%;}
.no-sidebars .col-center { max-width:990px !important; width:100%;}

.node .content h1 { font-weight:bold;}
/*Blueprint Overrides */

ul li, ul.menu li, .item-list ul li, li.leaf {list-style-image:none;}
.block ul, ul.menu, .item-list ul {margin:0;}
div.node div.meta {font-size:1em;line-height:8px;margin-bottom:0.6em;}

#main h2.title a {color:#DA8E00;}
div.node {border-bottom:none; /*width:975px*/;margin:0 0 0.1em;}


div.node-links ul.links {margin-right:75px;}

/* Old style overrides conflicting with Blueprint */

div.view-mosaiek-frontpage h2 a {color:#DA8E00; font-weight:bold;}
.node .taxonomy a {color:#BDBDBD;}
div.submitted {clear:both;}
div.terms ul.links a {color:#BDBDBD; font-variant:small-caps; text-transform:capitalize;}

/* Interal Blocks not .view-port.block */
.view-port .block {margin:0;padding:1px 4px;}

.view-port {	margin:0 22px 0 0;}

div#view-ports h2.title {background:none repeat scroll 0 0 #808285;color:#FFFFFF;font-size:90%;line-height:24px;padding:0 5px;text-align:center;text-transform:uppercase;}
#title-banner {padding: 6px 6px 19px;margin: 0 0 10px;}
#title-banner #user-login-form .form-submit { color:#FFF; font-weight:bold;}
div.view:hover div.views-admin-links {display:block;font-size:xx-small;margin-top:1px;margin-bottom:2px; margin-left:2px; height:12px; position:relative;}
#title-banner .login img { width:30px; height:30px; text-align:justify; margin: 0 0 0 6px;}
#header .login {padding: 1px 10px 10px 0;margin-right: 27px; margin-top:-3px;}
#header .login a { vertical-align: top;}

#fancy_login_login_box { padding:25px 50px !important;}


/* Sideswitch Customs */
#tweet {float:right;margin:-20px 10px 0 0;}
div.meta div.submitted, div.meta div.terms {    display: block;}
div.submitted { margin:5px 0 2px 0;}
.right { float:right;}
.button {   background: none repeat scroll 0 0 #EEE; border-radius: 12px;   clear: both; display: block; height: 40px; margin: -30px 0 10px 905px; padding: 10px;   text-align: center; width: 50px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.button a, .button a:link, .button a:visited { color:#1a1a1a; font-weight:bold;}
.button a:hover { color:#666;}

.hvoorblad {color: #A1B48C; font-size:12px;    font-size: 16px;    font-weight: bold;    margin: 0 5px 0 0;}
.pvoorblad {color: #808285; font-size: 10px;  margin: 0 0 5px;}

.elive {
border: 1px solid #ccc;
padding: 1px 8px;
background: #eee;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
-webkit-box-shadow: 0px 1px 1px 0px #999;-moz-box-shadow: 0px 1px 1px 0px #999;box-shadow: 0px 1px 1px 0px #999;
vertical-align: middle;
margin: -6px 0 0 270px;
position: absolute;
display: block;
width: 220px;
font-weight: bold;
text-align: center;
}
.elive:hover {
-webkit-box-shadow: 0px 1px 1px 1px #999;
-moz-box-shadow: 0px 1px 1px 1px #999
;box-shadow: 0px 1px 1px 1px #999
;}


/* Image Gallery*/
#block-views-mosaiek_imagegallery-block_1 h2.title { background-color:#A1B48C; padding: 5px;}
block-views-mosaiek_imagegallery-block_1 { border:solid 1px #CCC;}
div.view-mosaiek-imagegallery ul.images li { margin:10px 30px 30px 30px;height: 100%;}

.view .image-gallery-nodes ul li {height: 100%;}

.node-type-image div.node div.content img {width:570px !important;}

/*div.view-mosaiek-imagegallery .image image-thumbnail .image-gallery-nodes ul li { margin:2px 20px;}*/

a, a:visited { color:#DA8E00;}
.title, .title a { font-weight:bold;}

.view-port a { font-weight: bold; text-decoration: none; color: #808285;font-size: 10px;}

/* Views */

.view-mosaiek-imagegallery ul.pager { padding:30px 0; margin:20px auto;}
ul.pager { padding:30px 0; margin:20px auto;}

/* Product nodes */
.product-image {    float: none;}
.main-product-image {margin:0 0 0 -75px; /*border:1px solid #ccc;*/}

/* Sucker Fish Menu overrides */

#suckerfishmenu ul.menu li ul,  #mainmenu ul.menu li ul  {margin: 0px 0px 0px -88px;} /* this fix is for all but mainly for Firefox*/
#suckerfishmenu ul.menu li ul ul, #mainmenu ul.menu li ul ul {margin:-28px 0 0 88px;}
#suckerfishmenu ul.menu li ul ul ul, #mainmenu ul.menu li ul ul ul {  margin: -28px 0 0 88px;}



 /* Cart */
div#moscart {float: left;margin: -38px 0 -40px -45px;width: 240px;}
div#moscart div.content { float: left;    margin: 0px 0 0px 1px;  width: 150px;}
div#moscart .cart-block-summary { float: left;    margin:-28px 0 0 225px; }
div#moscart .cart-block-summary td.cart-block-summary-total { text-align: center;}
div#moscart ul.links { margin: 0px 0 0px -10px;  width: 200px;}
div#moscart .cart-block-summary-total label {font-weight: bold; margin-left: -25px;}

html.js fieldset.collapsed legend a {    height: 20px;}
html.js fieldset.collapsed legend a em { display:block;}


/* Mosaiek Speler */
body#lightboxnode-preek2 {width: 780px;}
#lightboxnode-content { width: 750px;}
#lightboxnode-content div.node { width: 782px;}
#lightboxnode-content .node .content { padding: 10px; width: 750px;}

.view-mosaiek-preekargief caption { background: none repeat scroll 0 0 #EEEEEE;color: #A1B48C;font-size: 20px; font-weight: bold; padding: 5px 10px;text-align: center;}

.mosspeler td.views-field-phpcode-2, td.views-field-phpcode, td.views-field-phpcode, td.views-field-phpcode-1, td.views-field-phpcode-5,
.mosspeler th.views-field-phpcode-2, th.views-field-phpcode, th.views-field-phpcode, th.views-field-phpcode-1, th.views-field-phpcode-5 {
 width:100px; text-align:center;
}
.mosspeler td.views-field-field-datum-value { width:130px;}
.mosspeler td.views-field-title { width:240px;}

#lightboxnode-content .nolightboxlink a { display:none;}

#preekfields div.field-item, #preekfields .node-content { margin-bottom:10px;}
.node-type-preek2 h2.title { margin-bottom:10px !important; text-transform:uppercase;}
.node-type-preek2 .filefield-file { display:inline;}

#preekfields { word-break:break-all;}
#preekfields a { word-break:break-all;}

/* New Panels NEw Look 2012 */

.main-content-region { width:60%; margin-top:0;}
.main-content-region div.node {    width: 575px;}
.main-content-region #mc-bottom .pane-views {height:177px; border:1px solid #ccc;  padding:0px;margin-bottom:20px; width:177px;}
.main-content-region .node-links { display:none;}
#mc-top {margin-bottom:20px;}


.right-sidebar-region {    margin-left: 3px;    width: 38%;}
.right-sidebar-region .panels-flexible-region-inside {padding-left: 0;}
.right-first-region , .right-second-region { width:100%;}
.right-first-region .panel-pane, .right-second-region .panel-pane{ border:1px solid #ccc;  padding:0px;margin-bottom:20px; width:179px;}
.right-first-region .pane-views, .right-second-region .pane-views { padding:0px;height:178px; }
.right-first-region .pane-views-panes, .right-second-region .pane-views-panes { padding:0px;height:178px; }

.right-second-region { margin-left:13px;}

.pane-custom { padding:0;}

.right-first-col, .right-second-col {width:48%;}

.page-landing-page .view-port .item-list ul li {    margin: 0;    padding: 2px 5px 3px; font-size:9px;}



.view-port-wide {
	border:1px solid #ccc;
	padding:0;
	margin:0 0 20px 0 !important;
	max-width:374px;
	width:100%;
	min-height: 378px;
	height:auto;
}

.view-port-wide .item-list h2 {
	padding: 4px 4px 0;
}

.view-port-wide ul {list-style-type: none !important; list-style: none !important;}

.view-port-wide ul li {
	font-weight: normal;
	text-decoration: none;
	color: #808285;
	font-size: 10px;
	padding: 2px 5px 3px;
	border-bottom: 1px dotted #818285;
	list-style-type: none !important;
	list-style: none !important;
}


.view-port .item-list ul li.views-row-last { border-bottom:none;}

.page-landing-page div.panel-pane h2.pane-title {    background: none repeat scroll 0 0 #808285;    color: #FFFFFF;    font-size: 12px;    font-weight: bold;    line-height: 14px;    margin: 0;    padding: 6px !important;    text-transform: uppercase;}

.page-landing-page div.panel-pane h2.pane-title a {   color: #FFFFFF;    font-size: 12px;    font-weight: bold; text-transform: uppercase;}

.page-landing-page div.node h2 { display:none;}
.page-landing-page div.node div.meta { display:none;}

.page-landing-page div.panel-pane div.view-mosaiek-frontpage { font-size:normal;}
.page-landing-page div.panel-pane div.view-mosaiek-frontpage { border: 1px solid #CCCCCC;    font-size: 12px;   /* height: 167px; */ min-height:368px; height:auto; margin: 0 0 20px;    padding: 5px 10px;    max-width:552px; width: 100%;}
.page-landing-page div.panel-pane div.view-mosaiek-frontpage .view-content h1 {float: left;font-size: 16px; font-weight: bold; height: 15px; margin: 0 5px 0 0;}

.page-landing-page div.panel-pane div.view-mosaiek-frontpage .view-content p {    color: #808285; font-size: 10px; line-height: 16px;  margin: 0 0 5px 0;}
.page-landing-page div.panel-pane img { height:178px;}
.page-landing-page div.panel-pane div.view-mosaiek-frontpage .views-field-view-node {margin-top: -10px;}

.view-tweets .view-footer { margin-top:-10px;}

.more-link {position: relative !important;bottom: 5px !important;right: 5px !important;}

.noborder { border:none !important;}
.pane-content .item-list ul li {list-style:none; list-style-image:none;}

#twitter-tweets .views-field-profile-image-url img { width:25px; height:25px; float:left; margin:2px;}

.page-landing-page .pane-mosaiek-preeklys2 h3 {  color: #333333;  font-size: 10px;  font-weight: bold;  margin: 2px 2px 0;  text-decoration: none;}
.page-landing-page .pane-mosaiek-preeklys2 label.views-label-field-datum-value { float:left;}
.page-landing-page .pane-mosaiek-carousel-0 { }

.page-landing-page .views-field-view-node { float:right;}

/* new look layout overrides */

/* right side blocks */

.col-right .block {    border: 1px solid #CCCCCC;    float: left;    height: 150px;    margin-left: 0;    overflow: hidden;    width: 177px;margin-bottom: 14px; padding:0; height:177px; margin-right:12px;}
/*.col-right .view-port-wide {width:354px; height: 300px; }*/
.col-right div.block.region-odd {margin-right: 20px;}
.col-right .block li { list-style:none; list-style-type:none; border-bottom:1px solid #CCC; font-size: 9px;    margin: 0;    padding: 2px 5px 3px;}
.col-right .block li.views-row-last {border-bottom:none;}
.col-right .block li a { font-size:9px; }
.col-right .block h2.title {    background: none repeat scroll 0 0 #808285;    color: #FFFFFF;    font-size: 12px;    font-weight: bold;    line-height: 14px;    margin: 0;    padding: 6px !important;    text-transform: uppercase;}

.col-right a, .col-right a:visited {  color: #808285;  text-decoration: none;}

/*#block-mosaiek_carousel-0 {border:none; clear:both; float:none; margin-left:0px; width:100%; height:130px;}*/

.view-mosaiek-nuus .views-field-created em { font-size:8px;}
.view-mosaiek-event .views-field-unix-event-start { font-size:8px;}

/*#block_chatroll*/
#chatroll{ margin-top:50px;}

/* this fix is for Chrome, all webkit and safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/**/
#suckerfishmenu ul.menu li ul {margin: 0px 0px 0px 0px;}
#mainmenu ul.menu li ul  {margin: 0px 0px 0px 0px;}
#suckerfishmenu ul.menu li ul li ul {margin:-28px 0 0 179px !important;}
#mainmenu ul.menu li ul ul  {margin:-28px 0 0 178px;}
#suckerfishmenu ul.menu li ul ul ul, #mainmenu ul.menu li ul ul ul  {	margin: -28px 0 0 178px;}

.chrome #suckerfishmenu ul.menu li ul  {margin: 0px 0px 0px -89px;}
.chrome #mainmenu ul.menu li ul  {margin: 0px 0px 0px -89px;}
.chrome #suckerfishmenu ul.menu li ul li ul {margin:-28px 0 0 89px !important;}
.chrome #mainmenu ul.menu li ul ul  {margin:-28px 0 0 89px;}
.chrome #suckerfishmenu ul.menu li ul ul ul, #mainmenu ul.menu li ul ul ul  {	margin: -28px 0 0 89px;}



}