/*
Theme Name: MMC 2010
Theme URI: http://multimediacollege.be/
Description: MMC theme modified.
Version: 2.0
Author: Alwyn
Author URI: www.multimediacollege.be
Tags: 'nen hoek af'

	

*/
html, body
{
	margin:0px;
	padding:2px;
	font-family:tahoma,verdana, arial, sans-serif;
}

/*** headers */
h1,h2,h3,h4, h5, h6
{
	margin:0px;
	padding:0px;
	display:inline;
	font-family:tahoma,verdana, arial, sans-serif;
}

h1
{
	font-size:13px;
	vertical-align:middle;
	color:#898989;
	display:block;
	margin-top:10px;
	margin-left:45px;
}
#content h1
{
	color:#666;
	display:block;
	margin-top:10px;
	margin-left:0px;
}

#calendarHolder h1
{
	/*margin-left:5px;*/
	width:460px;
	font-weight:normal;
}

h2
{
	font-size:12px;
	/*font-family:'HelvMedCd';*/
}
h3
{
	font-size:15px;
	color:#898989;
}
h3 a, h4 a
{
	text-decoration:none;
	color:#898989;
	
}
h4 a
{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
 h4 a:hover
 {
	 color:#999;
 }
h4
{
	font-size:14px;
}
h5
{
	font-size:16px;
}
h6, h6 a
{
	font-size:14px;
	color:#898989;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
h6 a.activated
{
	color:#bbb;
}
#navigation h2
{
	text-transform:uppercase;
}
/***/


#container
{
	width:916px;
	margin:0px auto;
}

#attention
{
	float:left;
}

#quicklinks
{
	float:right;
	margin-bottom:2px;
	margin-right:5px;
}
#quicklinks img
{
	border:none;
}

#header
{
	height:240px;
	clear:both;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	
	padding:12px;

	padding-top:25px;
	padding-left:40px;	
	border-color:#FFF;
	border-width:1px;
	border-style:solid;
}

#header.collapse
{
	height:123px;
	padding-bottom:0px;
}

#header.expand #logo
{
	float:left;
	margin-top:30px;
}

#header.collapse #logo
{
	float:left;
	margin-top:0px;
}

#header.expand #aatc
{
	float:left;
	margin-left:165px;
}

#header.collapse #aatc
{
	float:left;
	margin-left:60px;
}
#footer
{
	clear:both;
	margin-top:10px;
}
#calendar
{
	float:right;
	width:516px;
	padding:0px;
}

.title
{
	height:25px;
	clear:both;
	background-image:url(images/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
}

.title h3
{
	float:left;
	font-family:Arial, Geneva, sans-serif;
	text-transform:uppercase;
	color:#666;
}

div#moduleSpacer
{
	height:15px;
}

.title span
{
	float:right;
	font-size:11px;
	font-family:tahoma,verdana, Helvetica, sans-serif;
	letter-spacing:1px;
/*	margin-top:8px;*/
	color:#616161;
	cursor:pointer;
}

.title span a
{
	text-decoration:none;
	color:#616161;
}

.title span a img
{
	border:none;
}

.expand #collapse
{
	display:inline;
}
.expand #expand
{
	display:none;
}

.collapse #collapse
{
	display:none;
}
.collapse #expand
{
	display:inline;
}

.collapse #calendarHolder, .collapse #calendarPages
{
	display:none;
}

.expand #calendarHolder, .expand #calendarPages
{
	display:block;
}

#calendarHolder
{
	padding-bottom:5px;
	background-image:url(images/line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#calendarHolder a {
	display: block;
	height:40px;
	padding:3px;
	text-decoration:none;
	padding-left:8px;
	width:516px;
}

#calendarHolder a img {
	border: none;
}

#calendarHolder a:hover {
	display: block;
	background-image:url(images/opencalendar_background.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.passiveCalendar
{
	/*filter:alpha(opacity=50);*/
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.activeCalendar
{
	
}

#calendarPages
{
	float:left;
	margin-top:8px;
}

#calendarPages h6
{
	display:inline;
	float:left;
	margin-left:10px;
}

#calendarQuicklinks
{
	float:right;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	margin-top:8px;
}

#calendarQuicklinks a
{
	text-decoration:none;
	color:#616161;
}
#calendarQuicklinks a:hover
{
	/*text-decoration:underline;*/
	color:#333;
}
#contentWrapper
{
	background-image:url(images/content_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;

	padding-top:6px;
	padding-left:8px;
	padding-right:8px;
	clear:both;
	float:left;
}
#content
{
	background-color:#efefef;
/*	background-image:url(bg_comments2_cite.gif);*/
	padding:12px;
	padding-top:15px;
	border-color:#FFF;
	border-width:1px;
	border-style:solid;
	clear:both;
	float:left;
	width:876px;
}

#content p a, #content table a
{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666;
	color:#333;
	text-decoration:none;
}

#content p a:hover, #content table a:hover
{
	font-weight:bold;
	
}

#content p, #content table
{
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:13px;
	padding:0px;
	margin:0px;
	color:#333;
}

#left p
{
	padding:10px;
	line-height:20px;
}

#left .story p
{
	padding:0px;
	margin:0px;
	line-height:20px;
}

#content li, #content dt, #content dl
{
	padding:5px;
	padding-top:0px;
	padding-left:10px;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:12px;
	color:#333;
}

#content #left h4
{
	margin-left:5px;
	margin-bottom:8px;
	font-size:14px;
/*	width:500px;*/
	display:block;
}

#content .post
{
	margin-top:10px;
}

#left
{
	float:left;
	width:548px;
}

#sidebar
{
	width:316px;
	float:right;
}

#content #sidebar p
{
	margin:0px;
	clear:both;
	margin-left:5px;
}
#content #sidebar .story p
{
	clear:none;
}

#sidebar ul
{
	list-style:none;
	padding:10px;
	margin:0px;
	margin-left:5px;
	clear:both;
	background-image:url(images/sidebar-bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#sidebar ul li
{
	display:block;
	
	color:#333;
	padding:3px;
	padding-left:0px;
	
}
#sidebar a
{
	text-decoration:none;
	color:#777;
}

#sidebar a:hover
{
	font-weight:bold;
		color:#333;
}
#sidebar .title span a:hover /* */ 
{
	font-weight:normal;
	font-size:11px;
}
#content.hide #sidebar
{
	display:none;
}
#content.hide #left
{
	width:876px;
}

#content img.alignleft
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

#content div.title
{
	margin-bottom:10px;
}


/**** Navigation related */
#menu
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:8px;
}
#navigation
{
	/*border-top-color:#c7b93a;
	border-top-width:5px;
	border-top-style:solid;
	
	border-bottom-color:#d8d8d8;
	border-bottom-width:5px;
	border-bottom-style:solid;
	
	background-color:#d8d8d8;
	*/
	clear:both;

	height:28px;
}

#navigation a
{
	text-decoration: none;
	padding:8px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	color:#9a9a9a;

}
#navigation a h1
{

}
#navigation a.active
{
	background-color:#efefef;
	margin-left:2px;
	margin-right:2px;
	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#navigation a:hover
{
	background-color:#efefef;
	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#navigation
{
	list-style: none;
	padding: 0;
	margin: 0;
	width:900px;
}

#navigation li
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}



/**** End Navigation related */

/* blog related styling */

.story .details{

	margin:1em 0;

	text-align:right;

	border-top:1px solid #cccccc;

	/*padding:0.5em 0;*/

	color:#4D4D4D;
	
	font-size:11px;
}
#left .details a, #left .details
{
	font-size:11px;
	color:#333;
		padding:3px;
}
#left .story .details a:hover
{
	background-color:#CCC;
	padding:3px;
}


.story
{

}
.overview
{
	display:block;
	margin-left:10px;
	margin-bottom:7px;
	padding:0px;
}
.overview a{
	color:#999;
	text-decoration:none;
	padding:0px;
	font-size:12px;
	/*background:url() 100% 60% no-repeat;

	padding-right:20px;*/

}
.overview a:hover{
 color:#333;
 border-bottom:dotted 1px;
}

.read-on a{
	color:#4D4D4D;
	text-decoration:none;
	
	font-size:12px;
	/*background:url() 100% 60% no-repeat;

	padding-right:20px;*/

}
.read-on a:hover{
 color:#000000;
 border-bottom:dotted 1px;
}

.story .details a{

	color:#4D4D4D;

	text-decoration:none;

}

#left .story
{
	margin-left:5px;
}

#sidebar .story
{
	font-size:12px;
	color:#666;
	margin-left:5px;
	margin-right:5px;
}
#sidebar .story h3
{
	clear:both;
	font-size:12px;
	color:#333;
	padding-bottom:5px;
	display:block;
}

#sidebar .sIFR-replaced 
{
	font-size:14px;
	color:#333;
	margin-bottom:10px;
}
#sidebar .story h3 a
{
	font-size:12px;
	color:#666;
	text-decoration:none;
	line-height:20px;
}
#sidebar .story h3 a:hover
{
	color:#333;
}

.calendar2008 {
	float: left;
	width:50px;
	height:42px;
	background-image: url(images/design-date.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	padding-top: 8px;
	position: relative;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	
	margin-right:10px;
	}
#content .calendar2008 p
{
	padding:0px;
	margin:0px;
}
#content p.date {
	font-size: 17px;
	
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 16px;
	}

#content p.month {
	font-size: 10px;
	
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-weight: bold;
	line-height: 20px;
	}
.featured
{
	background-image:url(images/sidebar-bg.gif);background-repeat:no-repeat;background-position:top left;padding:10px;margin-left:5px
}

div.featured dt {
color:#AAAAAA;
display:inline;
margin:0;
padding:0;
color: #AAAAAA;
}

 div.featured dd{

	display: inline;

	margin: 0px;

	padding: 0px;

}

dd a{

	color: #808080;

}
.theauthor
{
	font-size:11px;
}

.comment
{
	clear:both;
	margin-left:5px;
	margin-bottom:5px;
	padding-right:5px;
	background-image:url(images/comment-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	
}
.comment hr
{
	color: #efefef; background-color: #efefef; border: 1px dotted #d0d0d0; border-style: none none dotted; 
}
#content .comment .commentTitle a
{
	font-weight:bold;
	color:#5a5a5a;
	border:none;
}
#content .comment .commentTitle a:hover
{ 
 
 border-bottom:dotted 1px;
}
#content .comment p
{
	color:#5a5a5a;
}
/* pagination plugin */
    .pagination {  
    display: block;  
    text-align: center;  
    margin-top: 20px;  
    margin-bottom: 10px;  
    font-size:11px;  
	color:#333;
    }  
    .pagination a{  
    text-align:center;  
   padding:5px 10px;  
   margin:0 2px 0 2px;  
 
   font-size:11px;
	color:#333;
	text-decoration:none;
   }  
    .pagination a.current{  
    text-align:center;  
   padding:5px 10px;  
   margin:0 2px 0 2px;  
   border:1px solid #6C7388;  
   font-weight:bold;
   }  
   .pagination a:hover{  
   background-color:#CCC;
   }  
   
 #left #commentform p
 {
	 padding-top:3px;
	 padding-bottom:3px;
 }
   
/* comments form */
#author, #email, #url {
width:220px;
}

#author, #email, #comment, #url, #commentform input, #commentform textarea {
background:#f9f8f8 none repeat scroll 0 0 !important;
border-color:#CFD7D9 #99A9AD #99A9AD #CFD7D9;
border-style:solid;
border-width:1px;
font-size:12px;
padding:6px;
font-family:tahoma,verdana,arial;
}

#commentform textarea {
height:250px;
width:500px;
margin:5px 0 10px;
}
.button
{
	border-color:#CFD7D9 #99A9AD #99A9AD #CFD7D9;
	background-color:#f9f8f8;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
	font-size:12px;
}

div#firefox_anchorDiv
{
	display:none;
}