/*------------------------------------------------------------------------
Author: Poppoll http://poppoll.nieuwerkerken-aalst.be
------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset, legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html {min-height:100%}
body {min-height:101%;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%;background: #000}
#container {width:996px;background: #191919 url(i/ctbg.jpg) repeat-y;margin:0;padding:0;border-right:2px solid #ccc}
#left {width:340px;float:left;margin:0;padding:0;background:#191919}
.leftcontent, .rightcontent {width:290px;margin:0 10px 20px 20px;background: #000;color:#6F8182;padding:5px;height:100%;border:1px solid #333}
.leftcontent h2, .leftcontent h3, .rightcontent h2, .rightcontent h3{color:#ccc} 
 

#logo {width:340px; height:70px; background: url(i/logo.jpg) no-repeat;margin:0;padding:0;}

#right{width:650px; float:left;margin:0;padding:0;}
#header{height:60px;border-bottom: 1px solid #e9e9e9;background:#fcfcfc;clear:both;width:656px}
#header a {display:block;color: #191919;text-decoration: none;text-transform: uppercase;font: 10px Arial, Helvetica, sans-serif}
#header a.rss {height:16px;float: right;padding-right: 20px;margin-right:20px;background: url(i/rss.png) right center no-repeat;color: #191919;text-decoration: none;text-transform: uppercase;font: 10px Arial, Helvetica, sans-serif;display:block;position:relative;top:25px}
#content{width: 604px;padding: 0 20px 20px 20px;text-align:justify; }
#content h2 a{text-decoration:none}
#footer{height:800px;color: #727272;padding-top: 15px;text-align: right;text-transform: uppercase;width: 996px;background: #000 url(i/bg_footer3.jpg) no-repeat top left;
font: 10px Arial, Helvetica, sans-serif;clear:both}
#credits {float:right;line-height:20px;margin-top:70px}
/*credit Fontfabric  (www.fontfabric.com)*/
@font-face {
	font-family: 'Zag';
	src: url('fonts/zag.eot');
	src: local("Zag Bold"), url("fonts/Zag Regular.otf") format("opentype");
	src: local('Zag Bold Regular'), local('ZagBold'), url('fonts/zag.ttf') format('truetype');
	
}

a:link {color:#666;outline:none;text-decoration:underline}
a:visited {outline: none;color:#666;text-decoration:underline}
a:hover, a:active {text-decoration: none;color: #a9161f;text-shadow: 0 1px 2px #1A1F13;}
a:active {outline:none}

:focus {outline: 0}
a img {border:none}

.leftcontent li a{display:block;border-bottom:1px dashed #333;height:25px}
.leftcontent li a {color:#6F8182;outline:none;text-decoration:none;font-size:12px;}
.leftcontent li a:visited {outline: none;color:#6F8182}
.leftcontent li a:hover, li a:active {text-decoration: none;color:#fff;text-shadow: 0 1px 2px #fff;background:#a9161f}
.leftcontent li a.current {text-decoration: none;color: #000;text-shadow: 1px 1px 1px #999;background:#ddd}

/* voor blankwin js script */
a.external{padding-right:12px;background:url(i/ico_external.gif) no-repeat 100% 50%}
.leftcontent a.external, .rightcontent a.external{padding-right:12px;background:url(i/ico_external2.gif) no-repeat 100% 50%}
#ytapiplayer, #ytapiplayer1, #ytapiplayer2, #ytapiplayer3{height:345px}
.rightcontent li a {color:#6F8182;outline:none;text-decoration:none;font-size:12px;}
.rightcontent li a:visited {outline: none;color:#6F8182}
.rightcontent li a:hover, li a:active {text-decoration: underline;color:#fff;text-shadow: 0 1px 2px #fff;}
.rightcontent li a.current {text-decoration: underline;color: #fff;text-shadow: 1px 1px 1px #fff;}
ul {list-style:none}
h1 {font-size:42px;font-weight:400;margin:0 0 12px;padding:0 0 5px}
h2 {font-size:36px;font-weight:400;margin:0 0 8px;padding:0}
h3 {font-size:30px;font-weight:400;margin:0 0 10px;padding:0}
h4 {font-size:16px;font-weight:700;margin:15px 0 5px;padding:0 0 5px}
h5 {font-size:14px;font-weight:700;margin:0 0 10px;padding:0}
h6 {font-size:12px;font-weight:700;margin:5px 0;padding:0 0 5px}
p {font-size:12px;margin:0 0 12px}

h1{font-family:Zag, arial}
h2,h3{font-family:Zag, arial}
h2 a {text-shadow:none;}

.clear, .cleafix, .clearer  {clear:both}

.bold {font-weight:bold}
.italic {font-style:italic}
.alignleft {float:left}
.alignright {float:right}

.rounded {border: 1px solid #e9e9e9;-moz-border-radius: 5px;-webkit-border-radius: 5px;background:#f2f2f1;margin-bottom:10px;padding:5px}
/* rounded corners */
.rounded {border: 1px solid #e9e9e9;-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#EEE;padding:5px}
img.thumbnail_left {-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#EEE;border:1px solid #e9e9e9;padding:5px;float:left;margin-right:10px;margin-bottom:10px}
a:hover img.thumbnail_left {-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#EEE;border:1px solid #000;padding:5px;float:left;margin-right:10px}
img.thumbnail_right {-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#EEE;border:1px solid #e9e9e9;padding:5px;float:right;margin-left:10px}
.lijn{width:100%;margin:0;padding:0;height:1px;border:0;border:none;background:#f2f2f2}

/* image met border */
.imgleft {float:left;margin:0 12px 12px 0;padding:7px;border:1px solid #e9e9e9;background:#f2f2f1}
.imgright {float:right;margin:0 0 12px 12px;padding:7px;border:1px solid #e9e9e9;background:#f2f2f1}
/* image zonder border */
.imgleft_nb {float:left;margin:0 12px 12px 0;padding:3px;background:#fff}
.imgright_nb {float:right;margin:0 0 12px 12px;padding:3px;background:#fff}
.adds {width:125px;height:125px;margin: 10px 10px 10px 10px;float:left}

/* verticaal accordionmenu  credits http://www.i-marco.nl/*/
ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding: 0}
ul.menu a {display: block;text-decoration: none}
ul.menu li {border-top: 1px solid #191919}
ul.menu li a {background: #333;color: #fff;padding: 5px;font-size:12px;padding-left:5px}
ul.menu li a:hover {background: #f2f2f2}
ul.menu li ul li a {background: #f3f3f3;color: #000;}
ul.menu li ul li a:hover {background: #191919;}




/* horizontal menu credits: http://users.tpg.com.au/j_birch/plugins/superfish/ */
.sf-menu, .sf-menu * {margin:0 0 0 1px;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:1.5em; /* 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}
.sf-menu {float:left;margin-bottom:1em}
.sf-menu a {border-left:1px solid #fff;padding:.75em 1em;text-decoration:none}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#13a}
.sf-menu li {margin-top:18px}
.sf-menu li li {background:#FFF;	margin-top:0}
.sf-menu li li li {background:#FFF;margin-top:0}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.current {	background:#f2f2f2;outline:0}
/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:	absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent: 	-999em;overflow:hidden;background:url('i/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:.8em;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('i/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;}
.sf-menu li a.current{background:#f2f2f2;border:1px solid #ccc}
/*__________colorbox__________*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto; width:0; height:0;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(images/transBlack.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}

		
/*__________page-slide credits: http://derekperez.com/__________*/
#slide_in {color: #FFF;padding:0 15px 0 0;margin:0;float:left}
#slide_in .leftcontent{margin-top:10px;height:100%}
#pageslide-slide-wrap {background-color: #191919;}
.pageslide-close {color:#fff;background:#000;font-size: 12px;font-weight: bold;padding:3px !important;border: 1px solid #333;float:right;margin:0 5px}
.pageslide-close:hover{background-color: #a9161f; color: #fff;text-decoration:none}		
/*__________page-slide credits: http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/__________*/
.panel {position: fixed;top: 80px;right: 0;display: none;background: #bc0024;-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;width: 390px;height: auto;padding: 30px 10px 30px 30px;/*filter: alpha(opacity=95);opacity: .95;*/font:12px arial;border:1px solid #ccc}
.panel h3{font: 24px Zag;color:#000;text-shadow: 1px 1px 2px #222;font-weight: bold}
.panel p{margin: 0 0 15px 0;padding: 0;color: #fff;text-shadow: 0 1px 2px #1A1F13;}
.panel a, .panel a:visited{color: #000;}
.panel a:hover, .panel a:visited:hover{color: #000;text-decoration: none;}

a.trigger{position: fixed;text-decoration: none;top: 60px; right: 0;font-size: 11px;letter-spacing:-1px;font-family: verdana,helvetica, arial, sans-serif;color:#fff;padding: 10px 15px 10px 30px;font-weight: 700;background:#333 url(i/plus.png) 15% 55% no-repeat;border:1px solid #444;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;display: block;outline:none}

a.trigger:hover{position: fixed;text-decoration: none;top:60px;right:0;font-size:11px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#c00;padding: 10px 15px 10px 30px;font-weight:700;background:#222222 url(i/plus.png) 15% 55% no-repeat;border:1px solid #444;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;display: block}

a.trigger.active {background:#222222 url(i/minus.png) 15% 55% no-repeat}

.columns{clear: both;width: 390px;padding: 0 0 20px 0;line-height: 22px}
.colleft{float: left;width: 160px;line-height: 22px}
.colright{float: right;width: 160px;line-height: 22px}
ul{padding: 0;margin: 0;list-style-type: none}
ul li{padding: 0;margin: 0;list-style-type: none}
.credits {font:9px arial;position:absolute;right:10px;bottom:10px;padding-left:10px}
/*__________snews__________*/

#search {width:100%;margin:20px 0 0 10px }
#search input.searchfield    { width: 170px; padding: 3px 8px; color:#efefef; font-size: 11px; border: 1px solid #444; background: #333;font: 12px arial,verdana}
#search input.searchbutton { font-size: 11px; color:#efefef; width: 50px; padding: 3px 8px; margin-left: 8px; cursor:pointer;border: 1px solid #444; background: #333; }
#search input.searchbutton:hover{background: #a9161f}
.results {text-align: left;padding-bottom: 5px}
/* * * * * * * * * * * * * * * * * * * *
*
* sNews  additions by Poppoll 
*
* * * * * * * * * * * * * * * * * * */
.subcat {padding-left:10px;} /*Subcategories */
fieldset { border: 1px solid #999; padding: 10px 8px; margin: 0 0 8px 0; background: transparent; color: #000;width:95%} /*fieldsets in admin panel */
input { padding: 2px;background: #fff; border: 1px solid #f2f2f2 } /* input textfields  also styled by other divs or classes */
textarea { width: 98%; height: 20em; padding: 3px;} /* textareas also styled by other divs or classes  */
.date {border-top: 0px solid #eaeaea;width:100%}/*line under posts with Comments date and time*/
#breadcrumbs { background:transparent;margin:8px 0 15px 0; padding: 0 0 5px 0;height:25px;border-bottom:1px solid #e9e9e9}/*breadcrumbs  You are here*/
.paginator{background: transparent;float: right;margin:0 0 20px 0; clear:both}/*Paginator first previous next last */


/* Write a comment */
#commentsbox{background: #efefef; padding: 10px; margin: 0;width:98%;clear:both;margin-bottom:10px;border: 1px solid #444;-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:transparent;padding:5px} /* The div's background color */
.comment {color: #000; padding-left: 10px} /* the background of the comments */
#name {background: #fff;width: 400px} /* Name:   */
#url {background: #fff;width:400px} /* Website  URL */
#text { width: 98%; background: #fff; border: 1px solid #f2f2f2} /* Comment:  */
#calc { height:20px;width: 30px; background: #fff; border: 1px solid #999; text-align:center} /* Perform an addition of two integers to avoid spam */
.meta {padding:10px 0 0 10px;font-size: 12px;width:98%;border:1px solid #f0f0f0;height:60px;background:#fafafa}/*the paragraph that holds the poster date and time gravatar*/
/*Contact page */
.commentsbox {background: #fff; padding: 10px; margin: 0;width:98%;clear:both;margin-bottom:10px;border: 1px solid #e9e9e9;-moz-border-radius-bottomleft:3px;	-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:transparent;padding:5px} /* The div's background color   */
.text { width: 400px;} /* textfield name, Email  and Website url */
#message {width: 98%; background: #fff; border: 1px solid #f2f2f2} /* textarea Message */
#calc:focus {color: #000;border:1px solid #000;} /* textfield Perform an addition of two integers to avoid spam  === already styled === */

.button{font-size: 11px; color:#efefef; width: auto; padding: 5px; margin-left: 8px; cursor:pointer;border: 1px solid #999; background: #333;) no-repeat 0 0; cursor: pointer; margin-right: 3px;} /* Button "Submit" on: contact page,  "Login" on login page, "New Category" on Admin new category,  Admin-New article,  Admin-New Extra Contents,  Admin - New Page, button "Save" on Admin - Site -  Settings */
.button:hover{background-color: #a9161f; color: #fff}
input:focus, #message:focus, #text:focus{color: #000;border:1px solid #000}
/*Login page */
#uname { width: 250px; background: #fff; border: 1px solid #f2f2f2} /* textfield Username */
#pass { width: 250px; background: #fff; border: 1px solid #f2f2f2} /* textfield Password */
#calc {} /* testfield Perform an addition of two integers to avoid spam  === already styled === */

/* Admin New category page */
#t { width: 300px; background: #fff; border: 1px solid #f2f2f2} /* textfield name */
#s { width: 300px; background: #fff; border: 1px solid #f2f2f2} /* textfield Search engine friendly title (will be used as link to the category) */
#desc { width: 300px; background: #fff; border: 1px solid #f2f2f2} /* textfield Description */
#subcat {width: 200px;} /* Selectbox Subcategory of: */

/*Admin New article and Admin edit article  */

#cat {width:200px} /*Selectbox Category */

/*Admin New article  Customize */
#dm {width: 98%} /* textfield Description META Tag (for search engines) */
#km {width: 98%} /* textfield Keywords META Tag (keywords separated by comma) */

/* Admin New Extra Contents - Customize */
#cat {} /*Selectbox  Appear only on Category  === already styled ===*/
#dp {width: 200px} /* Selectbox Appear only on Page: */

/* Admin New Page  and Admin New article   */
#at { width: 350px; background: #fff; border: 1px solid #f2f2f2} /*textfield Title */
#as { width: 350px; background: #fff; border: 1px solid #f2f2f2} /* textfield Search engine friendly title (will be used as link to the article) */
#txt { width: 98%;  height: 600px;background: #fff; border: 1px solid #f2f2f2} /* /* textarea Text */
.buttons, .em, .underline, .del{font: bold 12px Arial, Sans-serif; height: 25px;margin: 0;	padding: 2px 3px; color: #666;background: #ccc;border-width: 1px;  	border-style: solid;border-color: #ccc #999 #999 #ccc; cursor: pointer; margin-right: 3px} /*Buttons Formatting  and Insert 

/* Admin New Extra Contents */
#at {} /*textfield Title  */
#txt {}  /* textarea Text ==already styled == */
.buttons, .em, .underline, .del{} /*Buttons Formatting  and Insert ==already styled == */
#cat {} /*Selectbox  Appear only on Category  === already styled === */
#dp {} /* Selectbox Appear only on Page:  === already styled === */

/* Admin New Page - Custumize */
#dm {} /* Description META Tag (for search engines):  === already styled === */
#km {} /* Keywords META Tag (keywords separated by comma):  === already styled === */

/*Admin Extra contents */

/* New Extra Grouping */
#t{} /*Name  === already styled === */
#s{} /*Extra group title (used in index.php to display the group - eg extra('extra') ):  === already styled ===*/
#desc{} /* Description:  === already styled === */
/*  Extra Contents  */
#as {} /* Title === already styled ===  */
#txt{} /* textarea Text ==already styled ==  */
.buttons, .em, .underline, .del{font: bold 12px Arial, Sans-serif; height: 25px;margin: 0;	padding: 2px 3px; color: #666;background: #ccc;border-width: 1px;  	border-style: solid;border-color: #ccc #999 #999 #ccc; cursor: pointer; margin-right: 3px} /*Buttons Formatting  and Insert 
=== already styled === */
#cat {} /*Selectbox  Appear only on Category  === already styled === */
#dp {} /* Selectbox Appear only on Page:  === already styled === */
#ext {width:200px}/*Appear under Extra Grouping:*/

/* Admin - Site - Settings */
/* Settings */
#webtitle {width: 300px} /* Website Title: */
#webSEF {width: 300px} /* Home SEF (used as link to Home): */
#wdesc {width: 98%}/* Default description META Tag (for search engines): */
#wkey {width: 98%} /* Default keywords META Tag (keywords separated by comma): */
/* Contact info */
#we {width: 300px} /* Email */
#cs {width: 300px} /* Contact form Subject */
/*Time and Local setting */
#lang {width: 150px} /* sNews Language: */
#char {width: 150px} /* Default charset: */
#dt {width: 250px} /* Date Format:  */

/*Contents */
#artl {width: 30px} /* Articles per page limit: */
#rssl {width: 30px} /* RSS Articles Limit: */
#dp {} /* Use Page as Home Page:  === already styled === */
#fileext{width:98%} /*Allowed file extensions for includes (Separated by comma) */
#all_file {width:98%} /*Allowed file extensions for Uploads (Separated by comma): */
#all_img {width:98%} /*Allowed image extensions for Uploads (Separated by comma): */
/* Comments */
#crt {width: 30px} /* Comment repost timer - Delay before user can post on same article */
#co {width: 200px}/* Comments Order: */
#cl {width: 30px}/* Comment results per page: */
#wff {width: 250px}/* Badwords filter file: */
#wfc {width: 98%}/* Badwords replacement word: */
/* Change Username and Password */
#uname {} /* Username: === already styled === */
#pass1 {width: 150px} /* Password: */
#pass2 {width: 150px} /* Repeat password: */
/*sitemap */
#sitemap1{margin-bottom:10px}
#sitemap1 ul li{font-size:90%;display: inline;padding-left:10px}
#sitemap2 ul li {font-size:95%;display: inline;padding-left:10px}
/* Admin - Site - Files */
/*Upload file to: */
#ud1 {width:200px;margin-left:15px} /* Selectbox  Upload file to: */
/*View files in  root */
#ud2 {width: 200px;} /*Selectbox  View files in  root */
#panel-1 .subcat {margin-left:1em;list-style: disc;border-bottom:none}

		
/*Paginator */
a.page {background: #000;border: 1px solid #000;padding: 3px 4px;color: #fff;text-decoration: none}
a:hover.page {background: #a9161f;border: 1px solid #000;padding: 3px 4px;color: #fff;text-decoration: none}
.pageselected {border: 1px solid #000;background: #fff;padding: 3px 4px;color: #000}

/* Pretty date and comments bars in sNews CMS by mdj */
.post_date {float: left;width: 300px;color: #444;margin: 10px 0 0 0;padding-left: 20px;background: url('i/date.gif') no-repeat center left} 
.post_comments {float: right;width: 150px;color: #444;margin: 10px 0;padding-right: 20px;text-align: right;    background: url('i/post_comment.gif') no-repeat center right} 

/*Extra security layer for mathcaptcha by Fred K */
#verborgen {display: none;}

/*backup snews databas by mdj */
.highlight {background:#ffff88}

/*breadcrumbs by Fred K topic http://snewscms.com/forum/index.php?topic=8285.0;topicseen*/
#crumbs {width:600px; padding:0; font-size:12px; line-height:20px;}
#crumbs a {margin:0 5px 0 0; padding:6px 15px 6px 6px; background: url(i/crumbs2.gif) no-repeat right center;border-bottom:none;text-decoration:none}


/*matCap align */
.mathimg {vertical-align:top;padding:0}

/* Tag cloud by MDJ modified by PP*/
#tagcloud {width:250px; border:1px solid #333;padding:10px;background:#23282B;font: 20px Zag;margin: 0 0 10px 10px}
#tag_results p {line-height:1.2em;margin: 0 0 5px 0}
.tag_sub {font-size: 0.9em;color: #777;}
.tags {background:  url('i/tags.png') left center no-repeat;font-size: 0.9em;margin-bottom: 14px;padding: 0 0 2px 14px;border-bottom:#efefef 1px solid;border-top:#efefef 1px solid}
.tagscloud a, .tagscloud a:visited {text-decoration:none}

/* Compact archive by MDJ */
.archive_date p {line-height:1.6em;font-family:"lucida console";font-size:1.1em;text-transform:uppercase;text-align:justify}

/*Gravatar by MDJ */
.gravatar {float: left;padding:0 10px 0 0;margin:0; border: 0px solid #E2E4E0;}

/* hide hr in rss from cssglobe */
.item hr {visibility:hidden}
.item table {display:none} 
.item td img{display:none}
.item img, .item a img{display:none}
#content .item .p_feedlinks{border-bottom:#e9e9e9 1px solid;clear:both;font-size:18px;line-height:25px;width:100%;font: 24px "Zag"}
#content .item .p_feedlinks a{text-decoration:none}
#content .item .p_feedlinks a:hover{text-decoration:none;color: #000}

/* Css tips en trick links art. */
ol {font: italic 12px Georgia, Times, serif;color: #999;margin-left:30px;padding:0}
ol li p{font: normal 12px verdana;background: transparent;margin-left: 10px;padding: 0px;}
.item .imgshow{display: block;}

/*404 errorpage mod by MDJ css: PP */
#content #errorpage {width:97%;height:300px;background: transparent url(i/negative.png) no-repeat center right}
#errorpage fieldset{border:none; padding: 10px 8px; margin: 0 0 8px 0; background: transparent; color: #000;width:95%}
#errorpage .searchbutton2 {background: #333; cursor:pointer;color: #f2f2f2}
#errorpage .searchbutton2:hover {background: #a9161f; cursor:pointer;color: #f2f2f2}
/* comment delete */
.comment_preview {font-size: .9em;font-style: italic;color: #555}

/* root element for each accordion  */
.accordion {background: #000 ;width: 290px;}
/* accordion header */
.accordion h2 {background:#ccc url(i/h30.png);margin:0;padding:5px;font-size:20px;font-weight:bold;border:1px solid #fff;border-bottom:1px solid #ddd;cursor:pointer;color: #000}

/* currently active header */
.accordion h2.current {cursor:default;background-color:#fff;color:#000}
/* accordion pane */
.accordion .pane {border:1px solid #fff;border-width:1px;display:none;height:400px;padding:5px;color:#000;font-size:12px}

#qod-quote{width:300px;color:#43668a;}
.qod-text{font: 24px georgia;font-style:italic;font-weight:bold}
.qod-author a{float:right;font:14px georgia;color:#43668a;font-style:italic;font-weight:bold}
/* autogal */
.photo-link{ padding: 5px; margin: 3px; background:#f5f5f5;border:1px solid #fff;outline:1px solid #dcdcdc; display: block; width: 100px;float: left}
.photo-link:hover{outline:1px solid #999}