/*
Theme Name: DaniFra
Theme URI: http://www.danifra.com/
Description: A fluid wp theme
Version: 1
Author: F Verstraeten
Author URI: http://www.danifra.com/
Tags: 

	DaniFra 1.0
	 http://www.danifra.com/

	A custom made Wordpress theme 

*/

body{font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#660000; background: url("images/red090.jpg") fixed; color: white;}

b{font-size: 110%;}
em{color: red;}

a img { border: none;}
a {color: #ffff00; font-weight: bold; text-decoration: none;}
a:hover {color: #ffffcc; font-weight: bold; text-decoration: underline;}

h3 { margin: 0 0px 0 0px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}


input.button {background: url("images/bar2.png") center repeat-x ; color: #ffffff; cursor: pointer; border: 2px outset #ffffff;}
.inputbox {border: 1px solid #660000; margin: 0px 0px 5px 0px ; background: #ffffcc; }
.linkbutton {background: url("images/bar2.png") center repeat-x ; color: #ffffff; cursor: pointer; border: 2px outset #ffffff; padding: 3px 5px 3px 5px; }

.alignleft {float: left; text-align: left; border: none; }
.alignright { float: right; text-align: right; border: none; }

#maincontainer {min-width:900px; max-width:1300px; margin:3px auto;}

#contentwrapper{ float: left; width: 100%; background: transparent; }

#contentcolumn{ margin-left: 200px; /*Set left margin to LeftColumnWidth*/  margin-bottom: 5px; }

#usermenu {width: 90%; margin: 3px auto; background: transparent; text-align: center; height: 25px;}
#header {width: 90%; margin: 5px auto; background: url("images/kopfoto.gif") center no-repeat; text-align: center; height: 150px;}
#mainmenu {width: 90%; margin: 5px auto; background: transparent; text-align: center; height: 25px;}
#scroller {width: 98%; margin: 5px auto; background: transparent; text-align: center; height: 20px; padding-bottom: 5px;}
#crumbs {width: 98%; margin: 10px auto;  height: 20px; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align:left; font-weight: bold; padding: 3px 0 0 5px;}

#maincontentwrapper{ float: left; width: 99%;}
#maincontent{ margin-right: 200px; /*Set right margin to RightColumnWidth*/ margin-left: 5px; }
#rightcolumn{ float: left; width: 200px; /*Width of right column in pixels*/ margin-left: -200px; /*Set left margin to -(RightColumnWidth) */ }

#contentwidewrapper {width: 100%; margin: 10px auto; background: transparent; text-align: center; }
#contentwide{ margin-right: 200px; /*Set right margin to RightColumnWidth*/  width: 100%;}

/*frontpage */
.frontview {border: none;}
.frontview td{ vertical-align: top; /*heigth: 150px;*/ border: none;}
.frontview td li {margin-left: 50px;}*/
.frontview .overviewfront { overflow: none;}
/* .frontview .overviewfront .recenttable {height: 125px;} */
.overviewfront { height: 125px;}
.tableheadfront {font-weight: bold; text-decoration: none; background-color: #330000; color: #ffffff; height: 20px;}
.frontview .overviewfront .recenttable .tabledatafront {height: 20px; }
.tabledata a{color: #660000; text-decoration: none;}
.tabledata a:hover{color: #ffffff; text-decoration: underline;}
.tablecell {text-align: left;}

#newlink {background: transparent; border: none; padding-left: 10px; text-align: left;}

#frontnews {width: 100%; margin-bottom: 3px; margin-top: -2px; padding: 0px; text-align: left; border-bottom: 1px dotted #330000; }
#frontnews #frontnewswide {margin-bottom: 5px;  border: none; background-color: #bd0102;}
#frontnews #frontnewswide h3 { margin: 0 0px 0 0px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}
#frontnews #frontnewswide a{color: #ffff00; text-decoration: none;}
#frontnews #frontnewswide a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnewswide2 {margin-bottom: 5px; padding: 0px 20px 15px 20px;  border: none; background-color: #bd0102;}
#frontnews #frontnewswide2 h3 { margin: 0 -20px 0 -20px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}
#frontnews #frontnewswide2 a{color: #660000; text-decoration: none;}
#frontnews #frontnewswide2 a:hover{color: #ff0000; text-decoration: underline;}

#frontnews #frontnews1 {width: 50%; height: 175px;  border: none; text-align: left; /* background-color: #ffffcc; */ background-color: #bd0102;}
#frontnews #frontnews1 h3 { background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 0px; padding: 0.2em 0em 0.2em 5px; font-size: 115%; width: 102%; border: none; }
#frontnews #frontnews1 li{list-style-type: none;}
#frontnews #frontnews1 a{/* color: #660000; */ color: #ffff00; text-decoration: none;}
#frontnews #frontnews1 a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnews2 {margin-left: 50%; margin-top: -175px; width: 50%; height: 175px;  border-left: 1px dotted #330000; text-align: left; background-color: #bd0102;}
#frontnews #frontnews2 h3 {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 -5px; padding: 0.2em 0 0.2em 5px; font-size: 115%; width: 100%;  border: none; }
#frontnews #frontnews2 li{list-style-type: none;}
#frontnews #frontnews2 a{color: #ffff00; text-decoration: none;}
#frontnews #frontnews2 a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnews3 {width: 50%; height: 250px;  border: none; text-align: left; /* background-color: #ffffcc; */ background-color: #bd0102;}
#frontnews #frontnews3 h3 { background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 0px; padding: 0.2em 0em 0.2em 5px; font-size: 115%; width: 102%; border: none; }
#frontnews #frontnews3 li{list-style-type: none;}
#frontnews #frontnews3 a{/* color: #660000; */ color: #ffff00; text-decoration: none;}
#frontnews #frontnews3 a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnews4 {margin-left: 50%; margin-top: -250px; width: 50%; height: 250px;  border-left: 1px dotted #330000; text-align: left; background-color: #bd0102;}
#frontnews #frontnews4 h3 {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 -5px; padding: 0.2em 0 0.2em 5px; font-size: 115%; width: 100%;  border: none; }
#frontnews #frontnews4 li{list-style-type: none;}
#frontnews #frontnews4 a{color: #ffff00; text-decoration: none;}
#frontnews #frontnews4 a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnews5 {width: 50%; height: 250px;  border: none; text-align: left; /* background-color: #ffffcc; */ background-color: #bd0102;}
#frontnews #frontnews5 h3 { background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 0px; padding: 0.2em 0em 0.2em 5px; font-size: 115%; width: 102%; border: none; }
#frontnews #frontnews5 li{list-style-type: none;}
#frontnews #frontnews5 a{/* color: #660000; */ color: #ffff00; text-decoration: none;}
#frontnews #frontnews5 a:hover{color: #ffffff; text-decoration: underline;}

#frontnews #frontnews6 {margin-left: 50%; margin-top: -500px; width: 50%; height: 500px;  border-left: 1px dotted #330000; text-align: left; background-color: #bd0102;}
#frontnews #frontnews6 h3 {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 -5px; padding: 0.2em 0 0.2em 5px; font-size: 115%; width: 100%;  border: none; }
#frontnews #frontnews6 li{list-style-type: none;}
#frontnews #frontnews6 a{color: #ffff00; text-decoration: none;}
#frontnews #frontnews6 a:hover{color: #ffffff; text-decoration: underline;}


#frontnews #tagwide {margin-bottom: 5px; padding: 0px 20px 15px 20px;  border: none; background-color: #bd0102; text-align:center;}
#frontnews #tagwide h3 { margin: 0 -20px 0 -20px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}
#frontnews #tagwide a{color: #ffff00; text-decoration: none;}
#frontnews #tagwide a:hover{color: #ffffcc; text-decoration: underline;}

#rec_cat {width: 100%; margin-bottom: 3px; margin-top: -2px; padding: 0px; text-align: left; border-bottom: 1px dotted #330000; }
#rec_cat #rec_cat1 {width: 60%; height: 200px;  border: none; text-align: left; /* background-color: #ffffcc; */ background-color: #bd0102;}
#rec_cat #rec_cat1 h3 { background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 0px; padding: 0.2em 0em 0.2em 5px; font-size: 115%; width: 102%; border: none; }
#rec_cat #rec_cat1 li{list-style-type: none;}
#rec_cat #rec_cat1 a{/* color: #660000; */ color: #ffff00; text-decoration: none;}
#rec_cat #rec_cat1 a:hover{color: #ffffff; text-decoration: underline;}

#rec_cat #rec_cat2 {margin-left: 60%; margin-top: -200px; width: 40%; height: 200px;  border-left: 1px dotted #330000; text-align: left; background-color: #bd0102;}
#rec_cat #rec_cat2 h3 {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; margin: 0 0 0 -5px; padding: 0.2em 0 0.2em 5px; font-size: 115%; width: 100%;  border: none; }
#rec_cat #rec_cat2 li{list-style-type: none;}
#rec_cat #rec_cat2 a{color: #ffff00; text-decoration: none;}
#rec_cat #rec_cat2 a:hover{color: #ffffff; text-decoration: underline;}


.overview { border: none; width: 100%; height: 122px; overflow: auto; }
.overview2 { border: none; width: 100%; height: 200px; overflow: auto; }

.linkview {border: none;}
.linkview tr{height: 150px;}
.linkview td{ vertical-align: top; heigth: 150px; border: none;}
.linkview td li {margin-left: 50px;}
.overviewlink { border: none; height: 125px; overflow: auto;}



#leftcolumn{ float: left; width: 200px; /*Width of left column*/ margin-left: -100%; background: #bd0102; }

#footer{ clear: left; width: 98%; background: #bd0102; color: #FFF; text-align: center; padding:  0;  margin: 0 0 0 7px; }
#footer h3 { margin: 0 -2px 2px -2px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}

#footer .footerleft { text-align: center; /*width: 20%;*/ height: 153px; margin: 0 200px 0 0; border: none; }
#footer .footerleft h3 { margin: 0 -2px 2px 0px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}
#footer .footerleft .ad {position: relative;}

#footer .footerright {float: right; width: 200px; height: 153px; margin-top: -153px; border: none; /*margin-left: 80%;*/ text-align: center; }
#footer .footerright h3 { margin: 0 0px 2px -2px;  border: none; background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align: center; font-weight: bold; padding: 0.2em 0em 0.2em 5px; font-size: 115%;}

.innertube{ margin: 3px; background: transparent; padding: 0px; }
#innertubeleft{margin: 0 0 3px 0; background: bd0102; padding: 0px; }
#innertubemain{ margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/  background: #bd0102; padding: 0px; }
#innertuberight{ margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/  background: #bd0102; padding: 0px;}
#innertubewide{ margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/  background: #bd0102; padding: 0px;}

/* making up the main and user menu */
#usermenu li {display: inline;}
#usermenu a, #mainmenu a{text-decoration:none; margin-left: 4px; color: #ffffff; font-weight: bold; padding: 1px 4px; border:2px outset #ffffff; background: white url("images/bar2.png") center repeat-x ;  cursor: pointer; }
#usermenu a:hover, #mainmenu a:hover{background: transparent ;  color: #ffffff; margin-left: 4px; font-weight: bold; height: 10px; padding: 2px 3px 0 5px ; border: 3px inset #ffffff; }



/* making up the columns */
#leftcolumn ul, #rightcolumn ul {list-style-type: none; margin: 0; padding: 0px; border: none; width: 100%; text-align: center;}
#leftcolumn  li, #rightcolumn li {border: none; width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; text-align: center; }
#leftcolumn h2, #rightcolumn h2 {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align:center; font-weight: bold; margin: 0 0 0 -2px; padding: 0.2em 0em 0.2em 0em; font-size: 115%; }
#leftcolumn a, #rightcolumn a{text-decoration: none;}
#leftcolumn a:hover, #rightcolumn a:hover{text-decoration: none;}

/* menu test */
#leftcolumn #menu img { vertical-align: middle; }
#leftcolumn #menu li { text-align: left; list-style-type: none; border: none; margin: 0px;}
#leftcolumn #menu li a{display: block; padding: 3px 5px 3px 0.5em; border-right: 10px solid #bd0102; background-color:#bd0102; color: #fff; font-weight: bold; text-decoration: none; }
#leftcolumn #menu li a:hover{display: block; padding: 3px 5px 3px 0.5em; border-right: 10px solid #770000; background-color:#bd0102;  color: #fff; font-weight: bold; text-decoration: none; }
#leftcolumn #menu ul #current a{display: block; padding: 3px 5px 3px 0.5em; border-right: 10px solid #330000; background-color:#bd0102; color: #fff; font-weight: bold; text-decoration: none; }
#leftcolumn #menu li #current a{ display: block; padding: 3px 5px 3px 0.5em; border-right: 10px solid #330000; background-color:#bd0102; color: #fff; font-weight: bold; text-decoration: none; }
/* einde test */

#rightcolumn ul li#calendar table#wp-calendar{ width: 100%; text-align: center; }
#rightcolumn #menu {padding: 1px 2px 2px 4px; }
#rightcolumn #menu li{ text-align: left; }
#rightcolumn #menu img{vertical-align: top; }
#rightcolumn #menu table{ text-align: left; border-bottom: none; }
#rightcolumn #menu .bottomrow { border-bottom: 1px dotted #e6bfa2; }
#rightcolumn .rightfeed {border: none;}
#rightcolumn .rightfeed li {list-style-type: none; text-align: left; margin-left: 5px; margin-right: 10px;}


/* making up de content */
/* .postmetadata */
.posttitle {background: url("images/bar2.png") center repeat-x ; color:#ffffff; text-align:left; font-weight: bold; margin: 0 0 0 -2px; padding: 0.2em 0em 0.2em 5px; font-size: 115%; }
.postmetadata .posttitle a {text-decoration: none; color: #ffffff;}
.postmetadata {background-color: #bd0102; color: #ffffff; font-weight: bold; padding-bottom: 3px;}
.postmetadata a{color: yellow;}
.entry {background-color: #ffffcc; border-top: 2px dashed #bd0102; border-bottom: 2px dashed #bd0102; color: #000000; padding: 0 5px 0 5px;}
.entry a{color: #660000; text-decoration: underline;}
.entry a:hover{color #660000; text-decoration: overline;}
.entry img{ margin: -10px 2px 2px 0;}
.entry .wp-smiley {margin:0; vertical-align:middle; border: none;}
.entry .read_more {text-align: right; width: 100%; border: none; margin-bottom: 3px;}

.entry blockquote { border: 1px dotted #bd0102; padding: 5px; width: 450px; background-color: #ffffff;}

.postmetadata2 {text-align: right; background-color: #bd0102; color: #ffffff; padding-right: 10px; vertical-align: middle;}
.postmetadata2 a{color: yellow;}
/*.post {background-color: #ffffcc; color: #000000;}*/
.navigation {text-align: center; padding: 2px 0 2px 0; border: none;}
.navigation a{text-decoration:none; margin-left: 4px; color: #ffffff; font-weight: bold; padding: 1px 4px; border:2px outset #ffffff; background: white url("images/bar2.png") center repeat-x ;  cursor: pointer; }
.navigation_single {margin: 5px; padding: 5px;}

.recenttable {/* background: #ffffcc;*/ color: #ffffff; font-weight: bold; text-align: left;}
.tablehead {font-weight: bold; text-decoration: none; background-color: #330000; color: #ffffff; height: 25px;}
.tabledata {height: 20px;}
.tabledata a{color: #660000; text-decoration: none;}
.tabledata a:hover{color: #ffffff; text-decoration: underline;}
.tablecell {text-align: left;}
/* ---------- Comment Area Styling ---------- */

.comments-template {border: none; margin-top: 5px; text-align: left; color: #000000; }

.commentlist {border: none;}

.comments {background-color: #ffffcc; margin: 0 15px 17px 15px; padding: 0px;}
.commenttext {border: 1px solid white; color: #000000; border: none; text-align: left; padding: 10px 10px 5px 10px; margin: 0px;}
.comments img {vertical-align: middle;}
.commenttext a{	color: #660000; text-decoration: underline;}
.commenttext a:hover{ color: #ff0000; text-decoration: overline; }
.commentfield {border: none; margin-left: 10px;}
.textfield {border: none; color: #000000; font-weight: bold; padding-left: 5px; }

/* ---------- Archive and search styling ------------ */
.archivetitle {text-align: center; border: none}
.archivetitle .pagetitle {text-align: center; border: none;}
.nofind {text-align: center;}