/* -------------------------------------------------------------
Project: Presentation template sNews 1.5 Walking to the future
Author:  Onno Brauckmann (www.hbwconsultants.nl / www.brauck.nl)
Media: screen, projection
Last modified: 2007-01-05
This template is licensed under a Creative Commons License
---------------------------------------------------------------- */
* html {margin: 0; padding: 0; border: 0;}
body {
	background: #ebebeb;
	font: 80% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
}
/* =================================== Global styles & classes =================================== */
a, a:hover, h1, h2, h3, h4, h1 a, h2 a, h1 a:hover, h2 a:hover, #navcontainer a, #navcontainer a:hover {background: transparent;}
h3 {font-size: 100%; font-weight:  bold;}
ul, li {list-style:none}
a {text-decoration:none;}
.clear {clear:both;}
br.clear {height:1px}
.highlight {color:#ffce71}
.subdued {color:#999}
.gentle {color:#a86d53}
.error {color:#c85435;font-weight:bold}
.important {color:#c85435;font-size:10px}
.success {color:#FFCC00;font-weight:bold}
.caption {color:#999;font-size:11px}
.photocaption {color:#999;font-size:9px; font-weight:bold;}
.date {	font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {	font-size:10px}

img a { border: 4px double #c4c4c4; }
.imgN { margin: 5px 10px 0 0; padding: 2px;  border: 1px solid #c4c4c4;}
.imgRight {float: right; margin: 5px 0 10px 5px; padding: 2px; border: 1px solid #c4c4c4;}
.imgLeft {float:left; margin: 5px 10px 0 0; padding: 2px;  border: 1px solid #c4c4c4;}
.imgN_nb { margin: 0 10px;}
.imgRight_nb {float: right; margin: 0 0 10px 10px; padding: 0; border:none;}
.imgLeft_nb {float:left; margin: 10px 10px 10px 0; padding: 0; border:none;}
.img_noborder {border:none;}

.admincomment {
background: #e2e2e2;
margin: 25px 10px 10px 10px;
padding: 7px;
border: 1px solid #ccc;
}
/* ===================================  top section =================================== */
#top h1 {
font-size: 160%;
margin: -25px 0 0 0;
padding: 0 0 0 520px;
color: #000;
}
#logo {
width: 200px;
height: 50px;
margin: 30px 0 0 30px;
}
#header h2 {
font-size: 1px;
text-indent: -99999px;
}
/* ===================================  breadcrumbs =================================== */
#breadcrumbs {font-size: 80%;}
#breadcrumbs a {text-decoration: underline; color: #cb3e0e;}
#breadcrumbs a:hover {color: #9FA6AA;}
/* ===================================  right column elements =================================== */
#rightcol h2{
margin: 8px 0 5px 0;
padding: 5px 0 5px 15px;
font-size: 110%; 
font-weight: bold;
color: #333333;
}
#rightcol h3{
padding: 0 0 0 15px;
font-size: 110%; 
font-weight: bold;
color: #333333;
}
#rightcol p{
padding: 5px 15px 5px 15px;
}
#rightcol a{
color: #1F509A; 
text-decoration: none; 
font-weight: normal;
}
#rightcol a:hover{text-decoration: underline;}

#rightcol ul {margin: 0 0 0 8px;}	
#rightcol li a {
color: #1F509A;
padding: 3px 7px 3px 15px;
background: #fff;
display: block; 
font-weight: normal;
width: 199px;
}
#rightcol li a:hover{text-decoration: underline;}
#rightcol img {margin: 0 0 0 5px;}
#rightcol .menu li a:hover{
background:#d4dde2; 
color:#fff;
text-decoration: none;
}
#box_t {background: url(../images/bg_box_top.gif) no-repeat 0 0;}
#box_t h2.boxtitle{
background: #b4bcc0;
margin: 0 9px 0 8px;
padding: 5px 10px;
border-top: 8px solid #ca3827;
}
#box_t ul{margin-bottom:5px}

.box_m {background: url(../images/bg_box_middle.gif) repeat-y 0 0;}
#rightcol .box_m ul {padding-bottom: 10px;}
#rightcol .box_m h2.boxtitle {
background: #b4bcc0;
margin: 0 9px 0 8px;
padding: 5px 10px;
border-top: 8px solid #ca3827;
}
#rightcol .box_m h3.boxtitle {
background: #b4bcc0;
margin: 0 9px 0 8px;
padding: 5px 10px;
border-top: 8px solid #fccc51;
}
#box_b {height: 60px; background: url(../images/bg_box_bottom.gif) no-repeat 0 0;}

#textbox {
width: 216px;
background: #fff;
margin: 10px 0 0 4px;
padding: 5px;
border: 1px solid #ccc;
}
/* ===================================  horizontal navigation ==================================== */
#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
margin: 0;
padding: 0 0 0 5px;
color: #808080;
}

#navcontainer ul li a {
padding: 0.3em 12px;
background-color: #d4dde2;
color: #808080;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover {
background-color: #d4dde2;
color: #cb3e0e;
}
/* ===================================  blog section elements ==================================== */
#blog h2 {
background: url(../images/squares.gif) no-repeat left bottom;
margin: 10px 0 5px 0;
padding: 0 0 0 15px;
font-family: "Century Gothic";
font-size: 123%;
letter-spacing: 2px;
color: #c85435;
}

#blog h1 {
margin: 10px 0 5px 0;
padding: 0 0 0 0px;
font-family: "Century Gothic";
font-size: 123%;
letter-spacing: 2px;
color: #c85435;
}

#blog h3 {
margin: 10px 0 5px 0;
padding: 0 0 0 0px;
font-family: "Century Gothic";
font-size: 110%;
letter-spacing: 2px;
color: #c85435;
}

#blog p {
margin: 0 0 10px 0;
text-align: left;
line-height: 1.4em;
}

#blog a {color: #c85435;}
#blog a:hover {color: #9FA6AA;}

#blog ul {
margin:0 0 10px 10px;
padding:0;
list-style:none;
}
#blog li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(../images/list.gif) no-repeat;
background-position: 0 .3em;
}
#blog li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(../images/list2.gif) no-repeat;
background-position: 0 .3em;
}

#blog blockquote {
margin: 0 15px;
padding: 10px 10px 15px 10px;
background: #fcf5e6;

border-left: 2px solid #c95a4d;
letter-spacing: .1em;
}

#blog blockquote p {
text-align: justify;
font-size:90%;
color:#000000;
}

/* TABLE */
table {
	border-collapse: collapse;
	margin: 1px;	
}
th strong {
	color: #fff;
}
th {
	background: #CA8D92;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #E1E1E1;
}
tr.row-b {
	background: #D2D2D2;		
}

/* ===================================  footer section elements ==================================== */
#footer a{
padding: 0 0 6px 0;
color:#fff;
text-decoration: underline;
}
#footer a:hover{color:#fbdf71; text-decoration: none;}
/* ===================================  sNews ==================================== */
div.paginator {
width: 270px;
height: 20px;
background: inherit;
margin: 50px auto 0 auto;
padding: 5px 0 0 0;
border: 1px solid #ccc;
font-size: 90%;
text-align: center;}
#blog p.date {background: transparent; text-align: right; margin: 4px 0 15px 0; padding: 0; border-bottom: 1px dotted #ccc;}
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #eaeaea; color: #000; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px; }
input.searchfield, input.text { border: 1px solid #ccc; padding: 4px; width: 120px; }
.searchbutton {background-color:#ddd;}
.comment { background: #eee; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #eaeaea; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc; }

/* SNEWS */
form#post{margin:0em 0 1em 0;padding-left:2em;background:#fafaeb;border: 1px solid #e9d97d;}
form#post_log{margin:0em 0 1em 0;padding-left:2em;background:#fafaeb;}
input { padding: 3px; margin: 0; }
.save{background:transparent url(../images/save.gif);}
textarea { width: 97%; height: 20em; padding: 3px;}
.comment { background: #fafaeb; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #fff; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 0px solid #ccc; }
.test{color:#efe; font-weight:bold;}
.img_in_art{border:1px solid #000;margin:1em 0 0 1.1em;}
/*.imgRight { float: right;margin:8px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 0px solid #000;}
.imgLeft {float:left; margin:8px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 0px solid #000;}*/
.imgBoard {float:left; margin:1px 10px 10px 0;  padding: 0px 0px 0px 0px;  border: 1px solid #000;}
/* For custom admin panels mod only */
.admpanel { border: 0px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #fafaeb; color: #000; }
.admpanel_1 { border:1px solid #e9d97d; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #fafaeb; color: #000; }
.admpanel a{color:#505050;text-decoration:underline;}
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
textarea { width: 90%; height: 20em; padding: 3px;}
/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: left; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: left; }
.admintitle { font: bold 16px Arial; color: #E23300; text-align: left; }
.buttonmargin { margin-bottom: 10px; }
/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links {font-size:85%;text-align:left;}
/* COMMENT STYLING */
.admin_style {background: #000;}
.border_even {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;background:#fff;margin-bottom:1em;}
.border_odd {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;margin-bottom:1em;background: #fff;}
.bottom{clear:both;float:left;margin:-1em 1em 1em 1em;width:88%;}
* html .bottom {margin:1.5em 1em 1em 0.5em;}
*:first-child+html .bottom {margin:1.5em 1em 1em 1em;} 
p.top, p.bottom q {font-style: normal;}
p.top {float:left;text-align: left;padding:0 0 1em 0em;border-bottom:1px solid #ddd; background:transparent;}
p.bottom q {margin: 1em; padding: .3em; background: #fff; border-left: 3px solid #e0e0e0; display: block;}
p.bottom {margin: 1em 0 0 1em;padding:0em 1em 0 1em; color: #404040;clear:both;}
p.bottom:first-letter {margin-left: 0em; text-transform: uppercase;}
.comment_div {width:95%;color: #808080; padding: 0; margin: 3em 1em 0 1em; border-top: 1px solid #ccc; font-size: 100%;}
.commentsbox{clear:both;}
.comment_div p {margin: 0 .5em; padding: 1em;}
.number {clear:both;float:right; margin: 0.1em 2em 0 0em; padding: .3em 0;width:20px; }
.num_even  {font-size: 200%;color:#dedede;}
.num_odd {font-size:200%;color:#DEDEDE; }
.num_even:hover, .num_odd:hover {color:#ddd;}
.top{position:relative;float:left;margin:-2em 0 0em -1em;padding:0.5em 1em 0.5em 1em;border:1px solid #ddd;}
.top_odd{background:#fafaeb;border:1px solid #E9D97D;}
.top_even{background:#fafaeb;border:1px solid #E9D97D;}
.top_even a {color:#000;}.top_even a:hover{color:#2E39CE;}
.top_odd a {color:#000;}.top_odd a:hover{color:#2E39CE;}
/* PAGINATOR  */
.paginator{text-align:right;margin:0.5em 2.5em 0.5em 0;}
a.page {background: #E9E9A7;border: 1px solid #DDC537;padding: 3px 4px;color: #000;text-decoration: none;}
a:hover.page {background: #fafaeb;border: 1px solid #E9D97D;padding: 3px 4px;color: #000;text-decoration: none;}
.pageselected {border: 1px solid #E9D97D;background: #fafaeb;padding: 3px 4px;color: #000;}
/* CLOVER SELF PAGINATOR  */
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination p a:hover {background:#E17000;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

/* Vol Form */
.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}