/*  
Theme Name: Karateinfo.nl
Theme URI: http://www.karateinfo.nl
Description: A Dutch Wordpress Theme by Rene Bultje for the weblog Karatinfo.nl<br/>
Version: 0.1
Author: Rene Bultje 
Author URI: http://www.bultje.nl
*/


/************************************************
 *	Main structure								*
 ************************************************/
body {
  margin:0px;
  padding:0px;
  text-align:center;
  font:11px/15px Georgia,"Times New Roman",Serif;
  color: #555558;
  background: url(images/background_body.gif) repeat-x;
  background-color: rgb(239, 239, 239);
}

#maincol {
  width:100%;
  background:#fff;
  float:right;  
}
#maincol .col {
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:50px;
	line-height:1.6em;
	margin-top:30px;
}
#headbar{
	background:#6C6a6A;
	height:8px;
	border-bottom:1px solid #636161;
}

#navcol_menu {
	padding:8px;
	padding-top: 20px;
	clear:left;

	float:left;
   font-size: 1em;
	background: url(images/karatemenu.png) repeat-y top center;
}
#navcol_menu h2
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
#navcol_menu a {
	color: #B28826;
}
#navcol_menu a:hover {
	color: #3C657B;
	text-decoration: none;
}

#navcol_other {
	padding:8px;
	padding-top: 20px;
	clear:left;
	float:left;
   font-size: 1em;
	background: url(images/karatemenu.png) repeat-y top center;
}
#navcol_other h2
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
#navcol_other a {
	color: #3C657B;
}
#navcol_other a:hover {
	color: #B28826;
	text-decoration: none;
}


#entrycol{
	width:100%;
	background:#fff;
}
#entrycol .col {
	padding-bottom: 5px;
	padding-left:25px;
	padding-right:50px;
	line-height:1.6em;
	margin-top:30px;
	text-align:left;
}
#container{
 width:85%;
 text-align:left;
 margin-left: auto;
 display:block;
 margin-right: auto;
 background:#fff;
 border-left: 2px solid #777;
 border-right: 2px solid #777;
 padding-bottom:0;
}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#footer{
	width:85%;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	color: #eee;
	background: #555;
	clear:both;
	padding: 2px;
	text-align:center;
	margin-left: auto;
	display:block;
	margin-right: auto;
	font-size: 0.9em;
  	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}


#footer a{
	color: #fff;
	font-weight:bold;
}
a{
	color: #3C657B;
	text-decoration: none;
	}

a:hover {
	text-decoration:underline;
}

/************************************************
 *	Header													*
 ************************************************/
h1, h2, h3, h4 {
font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#header {
	padding: 0px;	
	margin-top: 3px;
	padding-top:110px;
	padding-bottom:10px;
	border-bottom: 1px solid #bab1b1;
	background: #404040 url(http://www.karateinfo.nl/content/scripts/rotator/rotator.php) no-repeat left top;
	text-align:right;
	padding-right:20px;
	padding-left:5px;
	
}
#header img {
	/*background: #404040 url(../images/header.jpg) no-repeat left top;*/
	background: #404040 no-repeat left top;
	text-align:right;
	padding-right:20px;
	padding-left:5px;
	
}
#header h1{
	padding:0px;
	margin: 0px;
	margin-bottom:9px;
	font-size: 3.0em;
	letter-spacing:0.1em;
	font: small-caps;
}
#header h1 a {
	color: #FF8C00;
	
}
#header h1 a:hover {
	text-decoration:none;
	color: #ffffef;
}

#subtitle {
	font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	margin-bottom:3px;
	font-size: 1.4em;
	text-transform:uppercase;
	color:#bbb;
}

h2 {
	font-size: 1.4em;
	margin-bottom:5px;
}
#maincol h1 {
	text-align: left;
	/*color: #FF8C00;*/
	font-size: 2.0em;	
}
#maincol h2 {
	text-align: left;
	color:  rgb(178, 136, 38);
	font-size: 1.3em;	
}
#maincol h3 {
	text-align: left;
	font-size: 1.3em;	
	color: rgb(178, 136, 38);	
   border-bottom-style: solid;
   border-bottom-color: rgb(199, 187, 166);
   border-bottom: 1px dotted;
}

.date{
	color: #113377;
	float: right;
	font-size: 0.8em;
	font-style: italic;
	padding-bottom: 10px;
	font-weight: normal;
}

.bottomlogline {
	padding-right: 10px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

#entrycol h1 {
	text-align: left;
	font-size: 1.5em;	
}
td.rating_valuearticle{
	color:  rgb(178, 136, 38);
	text-align: right;
}
.katatitel {
	color: #B28826;
	font: bold;	
}
.checkmark {
	background-image : url(images/bluecheckmark.jpg);
	background-repeat : no-repeat;
	width : 11pt;
	background-position : center;
}
.katastap_nr {
	color : #B28826;
	font : bold;	
}
.katanaam {
	color : #B28826;
	font : bold;
}
.katalink {
	font : bold;
}
.emaillabel {
	color : #B28826;
	font : bold;
}
.sidebullet {
	text-decoration: none;
}
/************************************************
 *	Navigation Sidebar							*
 ************************************************/

ul {
 margin:0 0 1em 0;
 padding-left:0px;
 list-style-type:none;
}
ul.extern {
	font-style:italic;
	
}
ul.sidebullet{
	font: bold;
}

/************************************************
 *	Extra										*
 ************************************************/
code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.8em;
	display:block;
	padding:5px;
	background-color: #eee;
	border: 1px solid #d3d3d6;
}
input[type="text"], textarea {
	padding:3px;
	border: 1px solid #d3d3d6;
	color: #535356;
	-moz-border-radius: 3px;
}
input[type="submit"]{
	padding:2px;
	font-size: 1.0em;
	background-color: #ABBEDE;
	
}
blockquote {
	border-left: 3px solid #686868;
	color: #888;
	padding-left: 8px;
	margin-left: 25px;
}
a img {
border:none;
}

/************************************************
 *	Navbar										*
 ************************************************/
#navbar ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
	width:100%;
	color: #fff;
	font-size: 1.1em;	
	background-color: #3E73A1;
}
#navbar ul li {
	display:inline;
}
#navbar ul li a {
	float:right;
	height: 1.6em;
	background-color: #3E73A1;
	color:#fff;
	border-left:1px solid #c0c0c0;
	padding:0.2em 1em;
	text-decoration:none;
	font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
}

#navbar ul li a:hover {
	background-color:#90badc;
	color:#000;
}

/************************************************
 *	Eventbar													*
 ************************************************/
#eventbar ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
	width:100%;
	background-color: #D1EAF1;
	font-size: 1.0em;
}
#eventbar ul li {
	display:inline;
}
#eventbar ul li a {
	float:right;
	height: 30.0px;
	background-color: #D1EAF1;
	color:rgb(178, 136, 38);
	border-left:1px solid #c0c0c0;
	padding:0.2em 1em;
	text-decoration:none;
	font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
}
#eventbar ul li a:hover {
	background-color:#90badc;
	color:#000;
}



/************************************************
*  Links												*
************************************************/
.nav
{
 font-family: verdana, arial;
 font-size: 12px;
 background: #FFFFFF;
 border-width: 0px;
}

.suggest
{
	font-size: 12px;
	border-style: solid;
	font-weight:bold;
	border-width: 1px;
	border:0px; 
	vertical-align:top; 
	background-color: #90badc; 
	
}

.link
{
 padding: 4px;
 font-family: verdana, arial;
 font-size: 12px;
 background: #FAFCFD;
 border-style: solid;
 border-width: 1px;
 border-color: #EAECED;
}

.category
{
 padding: 5px;
 font-family: verdana, arial;
 font-size: 12px;
 background: #FAFDFC;
 border-style: dotted;
 border-width: 1px;
 border-color: #C9CADF;
}

.commentposter
{
 padding: 5px;
 font-family: verdana, arial;
 font-size: 12px;
 background: #F6F7F8;
 border-style: solid;
 border-width: 2px;
 border-color: #DDDDDF;
}

.comment
{
 padding: 5px;
 font-family: verdana, arial;
 font-size: 12px;
 background: #EEF1F2;
 border-style: inset;
 border-width: 2px;
 border-color: #DFEEFF;
}

.newlinks
{
 text-align: left;
 margin: 3px;
 color : rgb(178, 136, 38);
 font : bold;
}
.newlinks a
{
 color : rgb(178, 136, 38);
 font : bold;
}

/*************************************
 +Comments
 *************************************/
 
.commentsblock{
	margin          : 0.5em;
	padding         : 1em;
}

.commentsblock textarea{
	width           : 35em;
}

.commentsblock input, .commentsblock textarea{
	border          : 1px solid #d1d1d1;
}

.commentsblock textarea:focus{
	background      : #eee;
	border          : 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background      : #eee;
	border          : 1px solid #a1a1a1;
}

.commentauthor{
	display         : block;
	font-size       : 1.5em;
}

ol.commentlist{
	color           : #777;
	font-size       : 0.9em;
	list-style-type : none;
	margin          : 0;
	margin-top      : 1.5em;
	padding         : 0;
}

.commentlist li{
	margin-bottom   : 0.5em;
	padding         : 0.5em 1em;
}

.alt{
	background      : #e6eaee;
	border          : 1px dotted #d1d1d1;
	padding         : 0.5em;
}

h3#comments{
  font-size       : 14px;
  font-weight     : bold;
}

/************************************************
 *	GradeIndex structure						*
 ************************************************/

.grade_title {
	color: #003366;	
	font: small-caps bold;
	font-size: 13pt;
	background-color: #ABBEDE;
}

.grade_formbutton {
	color: #003366;	
	background-color:#ADD8E6;
}

.grade_options {
	color: #FF8000;
	font: small-caps bold;
	font-size: 10pt;
	background-color: #F1FDFF;
}

.grade_options_2 {
	color: #003366;		
	font: small-caps bold;
	font-size: 10pt;
	background-color: #F1FDFF;
}

.grade_subtitle {
	color: #003366;	
	font: small-caps bold;
	font-size: 11pt;
}

.grade_entry_belt {
	color : #FF8000 ;
	font-size : 8pt;		
	font : bold;
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_entry {
	color : #003366 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_footerlinks{
	font-size : 7pt;		
}

.grade_label {
	color : #003366 ;
	background-color : #F1FDFF;	
}

.grade_label_error {
	color: #003366;
	background-color: #FFDEAD;
	font: bold;
}


.grade_labelmain {
	color : #003366 ;
}
.grade_labelsmall{
	color: #003366;
	background-color: #F1FDFF;
	font-size: 8pt;
	font-style: italic;
}

.grade_date_even {
	color : #FF8000 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_date_odd {
	color : #003366 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_entry_even {
	color : #003366 ;
	font-size : 8pt;	
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_entry_odd {
	color : #FF8000 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.grade_month {
	color: #003366;
	font: small-caps bold;
	font-size : 11pt;		
}



.grade_feedback {
	color : #003366 ;
	font : bold;
	font-size : 10pt;		
	background-color : #F1FDFF;	
}

/************************************************
 *	Calendar structure							*
 ************************************************/
 
 .cal_label {
	color : #003366 ;
	background-color : #F1FDFF;	
}
.cal_labelsmall{
	color: #003366;
	background-color: #F1FDFF;
	font-size: 8pt;
	font-style: italic;
}

.cal_date_even {
	color : #FF8000 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.cal_date_odd {
	color : #003366 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.cal_entry_even {
	color : #003366 ;
	font-size : 8pt;	
	background-color : #F1FDFF;
	vertical-align : top;
}
.cal_entry_odd {
	color : #FF8000 ;
	font-size : 8pt;		
	background-color : #F1FDFF;
	vertical-align : top;
}

.cal_title {
	color: 0003366;
	font: small-caps bold;
	font-size: 13pt;
	background-color: #ABBEDE;
}
.cal_error {
	color: #003366;
	background-color: #FFDEAD;
	font: bold;
}
.cal_month {
	color: #003366;
	font: small-caps bold;
	font-size : 11pt;		
}

.cal_footerlinks{
	font-size : 7pt;		
}

.cal_options {
	color: #FF8000;
	font: small-caps bold;
	font-size: 8pt;
	background-color: #F1FDFF;
}

.cal_feedback {
	color : #003366 ;
	font : bold;
	font-size : 10pt;		
	background-color : #F1FDFF;	
}

#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: thin solid Navy;
	background-color: #FDF5E6;
	font-size: 10pt;
	padding: 2px;
	visibility: hidden;
	z-index: 50; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	padding: 1px;
	font: Arial, Helvetica, sans-serif;
}