/* -------------------------------------------------------------
Project: Presentation template sNews 1.5 Train
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;}
* {margin: 0; padding: 0; border: 0;}

body {
font: 80% Verdana, Tahoma, sans-serif;
line-height: 1.5em;
color: #454545;
}
/* ========= Global styles & classes ========== */
h2 {font-size: 115%; background: inherit; color: #C64200; border-bottom: 1px solid #787775; }
ul, li {list-style:none}
a {text-decoration:none;color:#C64200}
a:hover{text-decoration:underline;color:#ccc}
.clear {clear:both;}
.imgCenter { margin: 0 10px; border: 2px solid #6A6F71;}
.imgRight {float: right; margin: 0 0 10px 10px; padding: 0; border: 2px solid #6A6F71;}
.imgLeft {float:left; margin: 10px 10px 10px 0; padding: 0;  border: 2px solid #6A6F71;}
.imgCenter_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;}
/* ========== navigation elements ========== */
#navlist li {
margin: 0;
padding: 1px 10px 0 5px;
color: #fff;
float: left;
list-style-type: none; 
}
#navlist li a { 
background: inherit;
color: #fff; 
text-decoration: none;
} 
#navlist li a:hover {
background: inherit;
color: #b4b3b0; 
}
/* ========== left column section ========== */
#left_col p {
padding: 0 0 0 5px;
}

#left_col h3 {
clear: both;
background: #787775;
color: #fff;
margin: 0 15px 0 0;
}
	
.left_box {
background: inherit;
float: left;
width: 230px;
margin: 0 0 10px 0;
}
* html .left_box {margin: 0;} /*IE fix */

.right_box {
background: inherit;
float: right;
width: 230px;
padding: 0 15px 0 0;
margin: 0 0 20px 0;
}
* html .right_box {margin: 0;} /*IE fix */

.left_box h2, .right_box h2 {
font-size: 115%;
font-weight: bold;
color: #fff;
background: #787775;
padding: 0 0 0 5px;
}

#blog {
margin: 20px 15px 0 0;
}

#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;
border: 0;
}

#blog p {
margin: 6px 0;
color: #808080;
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: #e0e0e0;
border-left: 2px solid #cb3e0e;
color: #808080;
letter-spacing: .1em;
}



	
/* ========== right column section ========== */
#right_col h2 {
font: bold 1em Tahoma, Arial, Sans-Serif;
margin: 10px 0 5px 10px;
padding: 10px 0 0;
color: #C64200;
}

#right_col p {
margin: 3px 5px 3px 10px;
}

#right_col ul {
margin: 5px 5px 15px 10px;
color: #454545;
}

#right_col a:hover {
color: #C64200;
text-decoration: underline;
}

.right_item {
background: #cbc9c4;
color: #454545;
padding:0 0 3px 0;	
margin: 0 0 15px 0;
}

.right_item h3 {
background: #aeaead;
color: #fff;
padding: 7px 0 7px 5px;
font: bold 1em Tahoma, Arial, Sans-Serif;
margin: 0;
}
/* ========== footer section ========== */
#footer p {font-size: 80%; margin: 0;}
#footer a {text-decoration: underline; color: #787775;}
#footer a:hover {text-decoration: none;}
/* ========== sNews specific ========== */
div.paginator {
width: 270px;
height: 20px;
background: inherit;
margin: 50px auto 0 auto;
border: 1px solid #ccc;
font-size: 90%;
text-align: center;
}
fieldset {border: 1px solid #c0c0c0; padding: 0 0 5px 10px;}
legend {color:  #000;}
textarea {height: 150px; width: 97%; border: 1px solid #ccc; background: #fff; padding: 3px;color: #000;}
input {border: 1px solid #ccc; background-color: #fff; width: 200px; color: #000; padding: 3px;}
input.text {width: 150px; background: #fff; color: #454545; margin: 2px 0 0;}
input.searchfield  {width: 160px; margin: 0; padding: 0}
input.searchbutton {
width: 60px;
border: none;
color: #fff;
background: #787775;
font-weight: bold;
margin: 0;
padding: 0;
}
#blog .date {
color: #c0c0c0;
text-align: right;
margin: 4px 0 5px 0;
padding: 0.4em 0 0 0;
border-top: 1px solid #d0d0d0;
}
.comment {
background: #ebebec;
color: #808080;
padding: 10px;
margin: 0 0 10px 0;
border-top: 1px solid #ccc;
}
.commentdate {
background: #e0e0e0;
text-align: left;
border-left: 2px solid #999;
border-bottom: 1px dotted #999;
padding:0.6em 1em 1em 10px;
}
.commentsbox {
background: #e0e0e0;
color: #808080;
padding: 10px;
margin: 0 0 10px 0;
border-top: 1px solid #ccc;
}
input#comment, input#contactform {  /*submit button */
width: 5em;
background-color: #b00605;
border: 1px solid #808080;
color: #fff;
}