/* CSS Style Sheet - Mekitburn website */

/* Author: Tim Vantilborgh             */

/* Date: 29/07/2008                    */

/* Version: 1.3                        */



/* 1. Overal style */

body {font: 0.9em Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #d4d4d4; background-color: #343434;}
* {margin:0; padding:0;}


/* 2. Box Elements */

#mainwrap {width: 1056px; float:left; background-color: #343434;}
#rightside {height:695px; margin-left:1056px; background:url(../images_pres/bg_sides.jpg) no-repeat;}
#header {height: 158px; width: 1056px; background-color: #343434; background:url(../images_pres/interface_01.gif);}
#contentwrap {width: 1056px; text-align:left; background-color: #343434;}
#nav {width: 277px; height: 537px; float: left; background-color: #343434; background:url(../images_pres/interface_02.gif);}
#content {width: 779px; min-height: 537px; float: left; background-color: #343434; background:url(../images_pres/interface_03.gif) no-repeat;}
#footer {width: 1056px; height: 72px; background-color: #343434;}


/* 3. Navigation bar elements */

#navmenu {margin: 30px 30px 0px 110px;}
#navmenu ul {text-align:right; list-style-type:none; text-transform: uppercase; font-size: 1.2em; color: #ffffff; border-bottom: 1px solid #9ed40c; padding-bottom: 20px;}
#navmenu ul li a:link {text-decoration: none; color: #ffffff;}
#navmenu ul li a:visited {text-decoration: none; color: #ffffff;}
#navmenu ul li a:hover {border-right: 5px solid #9ed40c; padding-right: 5px; color: #9ed40c;}

#login {margin: 30px 30px 0px 90px;text-transform: uppercase; font-size: 0.9em; color: #ffffff;text-align:right;}
#login p {text-transform: lowercase; font-size: 0.9em; color: #ffffff;text-align:right;margin:2px 0px;}
/* werkt momenteel niet #navmenu ul li a:active {color: #9ed40c;} */



/* 4. Content box elements */

#content h1 {padding: 10px 0px 10px 20px; font: 1.35em Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;}
#content h1 span {color: #ed176f;}


/* 4.1 intro gedeelte */

#intro {margin: 30px 180px 0px 20px; clear:both;}
#intro p {font-size: 0.8em;text-align:justify;}


/* 4.2 newsflash gedeelte */

#newsflash {margin: 5px 0px 0px 20px; clear: both;}
#newsflash a {text-decoration: none;}
#newsflash a img{border:#333333 solid 6px;}


/* 4.3 column left gedeelte - dit moet herwerkt worden naar een div die de gehele width inneemt ipv een linker en een rechter column*/

.columnleft {width: 600px; float: left; clear:both;}
.columnleft h1 {padding: 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;} /*mogelijk moet hier de font size groter */

.media {width:600px;float: left;margin: 20px 0px 20px 0px;}
.media h1 {padding: 20px 0px 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; color: #ffffff;clear:both;}
.media a {text-decoration:none;color:#9ed40c;margin-left:20px;font-size: 0.8em;}
.media p {margin-left:20px;font-size: 0.8em;}
.movie {width:425px;float:left;margin-left:20px;}
.movie_name {width:145px;float:right;font: 0.95em verdana; letter-spacing:-1px; font-weight: normal; color: #ffffff;margin-left:10px;}
.movie_comment {width:145px;float:right;font: 0.90em verdana;margin-left:10px;}


/* 4.4 column right gedeelte d- dit moet tevens een container worden die de hele width neemt*/

.columnright {margin: 0px 0px 0px 20px; width: 100%; float: left; clear:both;}


/* 4.5 Sponsorbox */

#sponsorbox {margin: 0px 0px 0px 20px; border-top:2px solid #9ed40c; border-bottom:2px solid #9ed40c;}


/* 5. Footer elements */

.footerinfo {font-size: 0.7em; float:left; margin: 25px 10px 0px 10px; color:#6c6c6c;}
.footerinfo a {text-decoration:none; color:#6c6c6c;}
.footerinfo a:hover {text-decoration:none; color:#9ed40c;}
#footermenu {float: right; text-transform: uppercase; font-size: .8em; color: #ffffff; margin: 25px 172px 0px 10px;}
#footermenu ul {list-style-type:none;}
#footermenu li {float: left; padding: 0px 5px; border-left: 1px solid #9ed40c;}
#footermenu li a {text-decoration: none; color: #ffffff;}


/* 6. Clearfix */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}   

/* 7. News */

.newsitem {margin: 0px 0px 20px 20px; font-size: .8em;}
.newstitle {font-size:1.1em; color: #9ed40c; padding:0px;}
.date {color: #9ed40c; text-align: right; margin-bottom:10px;} /* dit moet ik infeite hernoemen naar .author */
.newsitem p {width:580px; text-align:justify; margin-top:3px;}
.newsitem a:link {text-decoration: none; color: #d4d4d4;}
.newsitem a:visited {text-decoration: none; color: #d4d4d4;}
.newsitem a:hover {text-decoration: none; color: #ffffff;}
.newsitem a:active {text-decoration: none; color: #d4d4d4;}

#newsleft {width:580px;float: left;margin: 0px 0px 20px 20px;}
.post_details {font-size:0.8em;color: #9ed40c;text-align:right;padding:5px 0px;}
#newsleft h1 {padding: 20px 0px 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; color: #ffffff;}
#newsleft p {font-size:0.8em;text-align: justify;}
#newsleft p a {color: #ffffff;text-decoration:none;}
#newsleft p a:hover {color: #9ed40c;text-decoration:none;}
#newsleft p img {width:200px;padding: 2px 2px 2px 0px;border: 2px dashed #ffffff;float:left;margin-right:5px;}


.morebutton {text-decoration:none; margin: 0px 0px 0px 20px;}
.morebutton:hover {}
.morebutton img {border:none;}

/* 8. Events pagina*/

#events {width:600px;margin: 20px 0px 20px 30px;}
#events h1 {padding: 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;clear:both;}
#events h2 {padding: 30px 0px 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;clear:both;}
#events .single_event a img {height:100px;max-width:115px;float:left;clear:left;border:#333333 solid 6px; text-decoration:none;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.70;}
#events .single_event a:visited img {border:#333333 solid 6px;}
#events .single_event a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.00;}
#events .single_event {height:113px;width:280px;margin-right:10px;float:left;border-bottom:1px #9ed40c dotted;}
#events .single_event ul {float:right;clear:right;width:150px;margin:6px 0px 0px 0px;list-style-type:none;}
#events .single_event ul li {font-size:0.9em;clear:left;margin-left:3px;}
#events .single_event ul li a {text-decoration:none;color:#9ed40c;margin-bottom:3px;}


/* 9. Single event pagina */

#event {width:570px;margin: 20px 0px 20px 30px;}
#event h1 {padding: 10px 0px 5px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;clear:both;}
#event img {width:288px;float:right; clear:right;border:#333333 solid 6px;margin-left:10px;}
#event ul {width:290px;clear:left;padding:10px 0px;list-style-type:none;}
#event p {padding:5px 0px;font-size:0.8em;text-align:justify;}
#event a {text-decoration:none; color:#9ed40c;}
#event_lineup {width:600px;font-size:0.8em;}
#event_lineup ul li span {color:#ed176f;margin-right:10px;}
#event_lineup ul li a {text-decoration:none; color:#d4d4d4;}
#event_lineup ul li a:hover {text-decoration:none; color:#ffffff;}
#event_sponsors {width:600px;}
#event_sponsors ul {width:600px;}
#event_sponsors ul li {float:left;}
#event_sponsors ul li a img {height:60px;width:60px;border:none;}

/* 9. Newsitems */







#newsright {

margin: 0px 0px 0px 20px;

width: 279px;

float: left;

padding:40px 0px 0px 10px;

}






#newsright h2 {

text-transform:uppercase;

color:#ffffff;

font: 1.0em verdana, arial, sans-serif;

padding-top:10px;

}



#newsright ul {

list-style-type:none;

padding-left:10px;

}



#newsright ul li a {

font: .8em verdana, arial, sans-serif;

color: #ffffff;

text-decoration: none;

}



#newsright ul li a:hover {

font: .8em verdana, arial, sans-serif;

color: #ed176f;

text-decoration: none;

}








/* 10. Project page */

#project {width: 580px; margin: 30px 0px 0px 20px;}
.project_intro {font-size:.8em;color: #9ed40c;text-align: left;}
#project img {width:260px;border: #333333 solid 6px; float:right; margin:5px 0px 5px 5px;}
#project h1 {padding: 10px 0px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; color: #ffffff;}
#project p {text-align:justify; font-size:0.8em; margin: 5px 0px 10px 0px;}