/*
Theme Name: De Regenboog
Description: In opdracht van parochie De Regenboog ontwikkeld thema.
Version: 1.0.0
Author: PayBas van paybas.com


/* Basics */

body {
	background: #12241d url(images/bg2.jpg) 50% 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:0;
	padding:0;
}
img {
	border: none;
}
img a {
	border:none;
}
ul {
	margin:5px 0 5px 0px;
}
ol {
	margin:5px 0 5px 0px;
}
blockquote {
	border-left: 1px solid #666666;
	margin:10px 0 10px 12px;
	padding:0 0 0 12px;
}
code {
	margin:10px;
	font-family:"Courier New", Courier, monospace;
}



/*  Captions  */

.wp-caption {
	border: 1px solid #CCC;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin:5px 10px 10px 10px;
	border-width: 1px;
}
.wp-caption img {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	background:none !important;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}



/* Alignings */
#content img {
	background:#FFF;
	border:#CCC solid 1px;
	padding:5px;
}
img.left {
	float: left;
	border: none;
	margin: 0;
}
img.right {
	float: right;
	border: none;
	margin: 0;
}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto
}
img.alignright {
	margin:5px 0 5px 10px;
	display:inline
}
img.alignleft {
	margin:5px 10px 5px 0;
	display:inline
}
.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignright {
	float:right;
	margin-right:0;
}
.alignleft {
	float:left;
	margin-left:0;
}



/* Links and Headings */

a, a:link {
	color: #751010;
	text-decoration: none;
}
a:hover {
	color:#CF2F2F;
	text-decoration:underline;
}
h1 {
	font-size: 24pt;
}
h2 {
	font-size: 16pt;
}
h3 {
	font-size: 12pt;
}
h4 {
	font-size: 11pt;
}
h5 {
	font-size: 9pt;	
}


/*  Containers  */

.bg-container1 {
	background:url(images/bg2-short.jpg) repeat-x 50% 0;
}
.bg-container2 {
	background:url(images/bg2-short-over.jpg) no-repeat 50% 0;
}
.bg-container3 {
	background:url(images/bg2-sides.jpg) repeat-y 0 120px;
	width:968px;
	margin:0 auto;
}
.bg-container4 {
	background:url(images/bg2-bot.jpg) no-repeat 0 100%;
}
.bg-container5 {
	background:url(images/bg2-short-overfix.jpg) no-repeat 0 0;
	padding:29px 17px 26px 17px;
}
.bg-container6 {
	background:url(images/grad-bot.jpg) no-repeat 50% 100% #CCC;
	border:1px solid #555;
	padding:10px;
}

#container {
	/*width: 940px; */
	background:#fff url(images/content-bg.gif);
	color: #333;
	border: 1px solid #751010;/*margin: 20px auto;*/
}



/*  Header  */

#header {
	width: 100%;
	height: 180px;
	background: #751010;
}
#logo {
	background:url(images/logo3.png);
	position:absolute;
	padding:0;
	width:500px;
	height:190px;
	left:-20px;
	top:-5px;
}



/* Footer */

#footer {
	background: #751010 url(images/grad1.gif);
	text-align: center;
	height:33px;
	border: 1px solid #9c2222;
	margin: 0;
	padding: 0;
	clear: both;
	margin-top:15px;
	color: #fff;
	line-height:33px;
}
#footer p {
	text-align: center;
	margin:0;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	text-decoration:underline;
}



/*  Main Content  */

#content {
	width: 510px;
	padding: 0 20px;
	float: left;
	overflow: hidden;
}
#content h1 {
	font-family: georgia, verdana, times;
	margin:0 10px 20px 30px;
	padding:0;
	color:#DDD;
	float:right
}
#content h1.archivetitle, #content h1.searchtitle {
	width:500px;
	margin:0 10px 20px 0px;
	padding:0;
	text-align:right
}
#content h2 {
	font-family: georgia, verdana, times;
	font-weight: bold;
	margin:20px 0 10px 0;
}
#content h2 a {
	color:#333;
	text-decoration:none;
	font-size:1em;
}
#content h2 a:hover {
	color:#751010;
	text-decoration:none;
}
#content h3 {
	padding-left:15px;
	margin:16px 0 10px 0;
}
#content h4 {
	margin:14px 0 8px 0;
}
#content h5 {
	margin:12px 0 6px 0;	
}
#content ul {
	padding-left:25px;
	line-height:12pt;
}
#content ul li {
	list-style-type: square;
	margin: 5px 0;
}
#content .page h2 a {
	background:url(images/top_e.gif) no-repeat right;
	padding-right: 30px;
}
.entry {
/*margin: 6px 0 8px 0;*/
}
.entry a {
	font-size:1.1em;
}
.entry p {
	line-height:14pt;
	text-align: justify;
	margin:10px 0;
}
.postmetadata {
	clear: both;
	background:#F3F3F3;
	padding:6px;
	margin: 15px 0 30px 0;
	border-top:1px solid #D8D8D8;
	border-bottom:1px dotted #D8D8D8;
}



/* Left Sidebar */

#left {
	width: 179px;
	float:left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#left h2,
#right h2 {
	color: #fff;
	background:url(images/menu-bg-left.jpg) no-repeat 0 0 #751010;
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	padding: 5px 6px;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #fff;
}
#left h2 a, #left h2 a:hover,
#right h2 a, #right h2 a:hover {
	color:#FFF;
	font-size: 8pt;
}
#left p,
#right p {
	margin:0 6px 0 12px;
	padding: 0;
}
#left ul,
#right ul {
	list-style-type:none;
	margin:0 0 12px 0;
	padding:0;
}
#left ul li,
#right ul li {
	list-style:none;
	margin:0;
	padding:0;
	background:url(images/hr1.gif) no-repeat left bottom;
	color:#888;
}
#left ul li:hover,
#right ul li:hover {
	color:#FFF;
	background:url(images/grad5.jpg) 0 0;
}
#left ul li a,
#right ul li a {
	color: #747474;
	text-decoration: none;
	margin: 0;
	display:inline-block;
	padding: 5px 0 5px 20px;
	background:url(images/bullet1.gif) no-repeat 6px 50%;
	font-size: 8pt;
}
#left ul li a:hover,
#left ul li:hover > a,
#right ul li a:hover,
#right ul li:hover > a {
	color: #FFF;
	background:url(images/bullet3.gif) no-repeat 6px 50%;
}
#left select,
#right select {
	width:150px;
	margin:0 10px 10px 10px;
}



/* Right Sidebar */

#right {
	width: 179px;
	float:right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#right h2 {
	background:url(images/menu-bg-right.jpg) no-repeat 0 0 #751010;
}



/* Comment Form */

#commentform {
	margin:10px 20px;
	padding:0;
}
#commentbox {
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;
}
#author, #email, #url {
	margin:5px 5px 0 0;
}
#submit {
	margin:5px 5px 0 0;
}



/* Comments */

#comments {
	margin:10px;
	padding:0 10px 10px 10px;
}
#comments h3 {
	padding-left:0px;
}
ol.commentlist {
}
ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:5px 0 5px 10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
ol.commentlist li.alt {
	background: #fff;
}
ol.commentlist a {
}
ol.commentlist p {
	padding:10px 0 0 0;
}
cite {
}
.commentmetadata {
	font-size:0.8em;
}



/* Search */

#searchform {
	padding:0 0 10px 8px;
	margin: 0;
}
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 0;
	padding: 2px 2px 2px 4px;
}










/* Calendar Widget */

#wp-calendar {
	margin: 0 auto;
	text-align: left;
}
#wp-calendar a {
	margin: 0;
	padding: 0;
}
/* text Widget */
.textwidget {
	margin:0 12px 0 12px;
	padding: 0;
}



/* WP-Table Reloaded */

.wp-table-reloaded {
	background-color:#CDCDCD;
	margin:10px 0px 15px 0px;
	font-size:8pt;
	width:100%;
	text-align:left;
}
.wp-table-reloaded th {
	background-color:#E6EEEE;
	border:1px solid #FFFFFF;
	padding:4px;
	text-align:center;
}
.wp-table-reloaded td {
	color:#3D3D3D;
	padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td {
	background-color:#F0F0F6;
}
.wp-table-reloaded .header {
	background-image:url(http://regenboog.paybas.com/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#8DBDD8;
	background-image:url(http://regenboog.paybas.com/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}
.wp-table-reloaded .headerSortDown {
	background-color:#8DBDD8;
	background-image:url(http://regenboog.paybas.com/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}



/* CUSTOM */

#chgfontsizeoptions {
	text-align:center;
	margin-bottom:5px;
}
#chgfontsizeoptions a {
	display:inline-block;
	padding:0 7px 5px 7px;
	margin:0;
}
.navigation {
	height:15px;
	font-weight:bold;
}
a.more-link {
	text-decoration:none;
	font-weight:bold;
	color:#111;
}
#pagemenu a {
	font-weight:bold;
}
#nav-shadow {
	height:10px;
	background:url(images/grad2.gif) repeat-x top;
}
p.wp-caption-text {
	text-align:center;
	font-size:0.9em;
	margin:5px 0;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}








.nav-menu{
	height:33px;
	background: #751010 url(images/grad1.gif) repeat-x;
	border: 1px solid #9c2222;
	font-size:10pt;
	font-family:verdana, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	10px;
	height:			33px;
}
.sf-menu a {
	/*border-left:	1px solid #fff;*/
	/*border-top:		1px solid #CFDEFF;*/
	padding: 		10px 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:hover .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	text-decoration:none;
}
.sf-menu li {
	/*background:		#BDD2FF;*/
	height:			33px;
	z-index:		10;
}
.sf-menu li li {
	background:	#666;
	border:	#444 solid 1px;
	border-top:none;
}
.sf-menu li li:hover {
	color:#FFF;
	background:url(images/grad5.jpg) 0 0;
}
.sf-menu li li a {
	color:#CCC;
	background:url(images/bullet1.gif) no-repeat 6px 50%;
	padding-left:16px;
}
.sf-menu li li:hover > a {
	color:#FFF;
	background:url(images/bullet3.gif) no-repeat 6px 50%;
	padding-left:16px;
}
.sf-menu li li li {
	background:		#555;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#c70000 url(images/grad4.gif) repeat-x top;*/
	outline:		0;
}

/*** active items ***/
.sf-menu li.current-menu-ancestor, .sf-menu li.current-menu-item {
	/*background:		#c70000 url(images/grad3.gif) repeat-x top;*/
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	background:		url('images/dropdown1.gif') no-repeat 50% 100%;
}
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			.75em;
	top:			24px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ul.sf-menu li.backLava { position: absolute; z-index: 3; background: url('images/lavalamp.png') no-repeat; background-position: center 0px; padding: 0; height: 16px; margin-top: 18px; } */

ul.sf-menu li.backLava { background:url("images/lavalamp.png") no-repeat scroll right bottom transparent; position:absolute; padding-right: 1px; height:34px !important; z-index: 5; }
ul.sf-menu li.backLava div.leftLava { background:url("images/lavalamp.png") no-repeat; position: relative; width: 100%; height: 100%; }
/*ul.sf-menu li.selectedLava a, ul.sf-menu li a:hover, ul.sf-menu > li.sfHover > a { color: #000000; text-shadow: 1px 1px 0px #fff; }*/

div.error {
	padding:20px; 
	background:#f2d4d4; 
	border:#ee2323 1px solid; 
	font-weight:bold;
	text-align:justify;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}