/* -------------------------------------------------------------
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% Verdana, Tahoma, Arial, sans-serif; 
color: #808080;
}
/* =================================== 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}

img, img a { border: 0; }
.imgN { margin: 0 10px; border: 2px solid #6A6F71;}
.imgRight {float: right; margin: 5px 0 10px 10px; padding: 0; border: 2px solid #6A6F71;}
.imgLeft {float:left; margin: 10px 10px 10px 0; padding: 0;  border: 2px solid #6A6F71;}
.imgN_nb { margin: 0 10px;}
.imgRight_nb {float: right; margin: 0 0 10px 10px; padding: 0;}
.imgLeft_nb {float:left; margin: 10px 10px 10px 0; padding: 0;}

.admincomment {
background: #e2e2e2;
margin: 25px 10px 10px 10px;
padding: 7px;
border: 1px solid #ccc;
}
/* ===================================  top section =================================== */
#top h1 {
font-size: 200%;
margin: -40px 25px 0 0;
text-align: right;
color: #000;
font-family: "Trebuchet MS", Verdana, Arial;
}
#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: 120%; 
font-weight: bold;
color: #666;
}
#rightcol h3{
padding: 0 0 0 15px;
font-size: 110%;
}
#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 #cb3e0e;
}
#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 #cb3e0e;
}
#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: #cb3e0e;
}

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

#blog a {color: #cb3e0e;}
#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: #ebf0f2;
border-left: 2px solid #9fa6aa;
letter-spacing: .1em;
}
/* ===================================  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; }