/*   
Theme Name: MarkVoer.com
Theme URI:  http://www.forsitemedia.nl
Description: Theme voor MarkVoer.com
Author: Remkus de Vries
Author URI: http://www.forsitemedia.nl/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements
-------------------------------------------------------------- */
body {
	background: #000;
	font-family: Helvetica, Verdana,Tahoma,sans-serif;
	font-size: 14px;
	color: #FFF;
}

#wrapper {
	width: 980px;
	margin: 10px auto;
	background: #3b3939;
	margin:0px auto;
	}

a:active  {
color:#FFF;
text-decoration: none;
}
a:link, a:visited {
color:#FFF;

}	
a:hover	{
color: #c0c0c0;
}
	
p.a:link {
color:#FFFFFF;
text-decoration: underline;
}
p.a:visited {
color:#FFFFFF;
text-decoration: underline;

}
p.a:active, p.a:hover {
color:#C0C0C0;
text-decoration: underline;
}	
/*-----------header---------------------------------------*/
  
#header {
	width: 980px;
	height: 120px;
	z-index:2;
	background: #000 url(images/header.png) scroll no-repeat right 0;
	overflow:visible !important;
}
#headerwiebenik {
	width: 980px;
	height: 508px;
	z-index: 2;
	background: #000 url(images/headerwhoami.png) scroll no-repeat -3px 0;
	overflow: visible !important;
	}
#headerevents {
	width: 980px;
	height: 120px;
	z-index:2;
	background: #000 url(images/header-events.png) scroll no-repeat right 0;
	overflow:visible !important;
	}
#headerleft {
	width: 422px;
	float: left;
	}
	
#headerright {
	float: right;
	}
#menublock {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 320px;
	height: 120px;
	position: relative;
}	
	
#menublock a {
	display: block;
	text-indent: -900%;
	font-size: 24px;
	position: absolute;
	outline: none;
}

li.blog {
	width: 56px;
	margin-right: 35px;
	padding-top: 44px;
	float: left;
}
li.blog a {
	width: 56px;
	}

li.wiebenik {
	width: 112px;
	margin-right: 30px;
	padding-top: 44px;
	float: left;
 }
li.wiebenik a{
	width: 112px;
	}
li.events {
	width: 80px;
	padding-top: 44px;
	float: right;
  }
li.events a {
	width: 80px;
	}
#branding { 
	width: 980px;
	padding:40px 0 0px;
	display: none;
}
#main {
	background: #000 url(images/background.png) repeat-x top;
	width: 980px;
	padding:0px 0 22px;
	}

#containerhome {
	background: rgba(59, 57, 57, 0.66) url(images/homepagetop.png) no-repeat scroll right 0;
	float:left;
	width:685px;
	}
#ietop {
	background: url(images/homepagetop.png) no-repeat scroll right 0;
	float:left;
	width:685px;
	z-index: 9999;
	margin-bottom: -70px;
	}
	
.page-template-page-routes-php #ietop {
	margin-bottom: 0 !important;
}	
#container {
	float:left;
	width:685px;
	background:rgba(59, 57, 57, 0.66);
	margin-bottom: 110px;
	}
.contentwrap {
	float: none;
	overflow: hidden;
	width: 685px;
	}
	
.content {
	margin:0 0 0 0px;
	overflow:hidden;
	width:615px;
	float:right;
	overflow:hidden;
	padding:0 0px 0 0;
	min-height: 112px;
	}
	
#content {
	float:right;
	margin:0 30px 0 0;
	overflow:hidden;
	padding:0;
	width:580px;
}

#post-3 {
	margin-top: 20px;
	margin-bottom: 105px;
	}
.entry-title {
	color: #FFF;
	}
.entry-title a, .entry-title a:active, .entry-title a:hover {
	padding: 0px 0 0 0px;
	font-size: 40px;
	color:#FFF;
}

h1.entry-title, h2.entry-title {
	font-family:Arial,sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:26px;
	padding:15px 0 7px 70px;
	
}

.entry-title {
	font-family:Arial,sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:26px;
	padding:15px 0 7px 70px;
}
.entry-content {
	padding:11px 30px 0 0;
	float: right;
}
.datecomrap {
	float:left;
	height:85px;
	width:53px;
	margin: 10px 12px 0 5px;
}
.timestamp {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#cea60e;
	font-size:0.7em;
	height:85px;
	padding: 0px;
	text-align:center;
	width:53px;
	}
	
.dag {
	width: 100%;
	float:left;
	color:#cea60e;
	font-size:63px;
	margin: 0px;
	}
	
.maand {
	width: 100%;
	float:left;
	margin: 0px;
	color:#ccab2e;
	text-transform: uppercase;
	font-size:36px;
	margin-top:-14px;
	}
	
.jaar {
	width: 100%;
	float:left;
	margin: 0px;
	color:#cab04c;
	font-size:28px;
	margin-top: -7px;
	}
.gps, .gps a {
	border: 10px solid #91898a;
	}
	
a.excerptlink {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	}
#respond {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#161616 none repeat scroll 0 0;
	margin-bottom:10px;
	overflow:hidden;
	padding:18px 75px 5px 5px;
	position:relative;
	font-family:Helvetica,Verdana,Tahoma,sans-serif;
}	
#comments {
	padding:22px 0px 0;
}
.form-textarea, #comment{
	background-color: #c0c0c0;
	font-family:Helvetica,Verdana,Tahoma,sans-serif;
	}
#comments-list ol, #comments-list li, #comments-list li.alt {
	background-color: #000;
	}	
#nav-below {
	width:100%;
	margin-bottom: 140px;
}	
.nav-previous {
	margin-left: 20px;
	width: 280px;
	}
.navigation a:active {
	color:#FFF;
}
.navigation a:hover {
	color: #C0C0C0;
	}

#primary {
	border:none;
	margin-bottom:22px;
	padding:0px 5px 0px 0px;
}	
#events {
	background: #3b3939 url(images/eventssidebar.png) scroll no-repeat right 0;
	border:none;
	margin-bottom:0px;
	padding:0px 5px 0px 0px;
	min-height: 30px;
}
.main-aside {
	float:right;
	position:relative;
	right:0px;
	width:270px;
	}
.main-aside ul {
	padding:0 0px;
	display: block;
}
.main-aside ul li ul li {
	display: block;
	list-style: none;
	text-decoration: none;
	}
	
.aside a, .aside a:active, .aside a:hover {
	color:#5b5b5b;
	text-decoration: none;
}
	
.aside {
	color: #FFF;
}

.aside h3, h3.widgettitle {
	font-size:24px;
	font-style:bold;
	color: FFF !important;
	text-align: right;
	line-height:22px;
	clear:both;
	margin: 5px 5px 5px 0px;
	padding-top: 5px:
}
li#text-4, li#text-2 {
	margin-top: 60px;
	}
li#text-4 {
	margin-bottom: 40px;
	}
.social {
	margin-bottom: 7px;
	}

#flexo-archives {
	background-color: #3B3939;
	}
ul#twitter_update_list li{
	margin-bottom: 7px;
	}

#footer {
	background: transparent url(images/footer.png) repeat-x center;
	border-top:none;
	margin-top:0px;
	position:fixed;
	left:0px;
	bottom:0px;
	height:160px;
	width:100%;
	overflow: hidden;
	}

#siteinfo {
	width: 980px;
	padding:0px 0 2px;
	}
#siteinfotwitter {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 470px;
	height: 95px;
	position: relative;
	}	
	
#siteinfotwitter a {
	display: block;
	text-indent: -900%;
	font-size: 24px;
	position: absolute;
	outline: none;
}

li.twitter {
	width: 56px;
	margin-right: 35px;
	padding-top: 2px;
	float: left;
	display: block;
}
li.twitter a {
	width: 60px;
	height: 50px;
	}

#siteinfo-mtb {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 470px;
	height: 95px;
	position: relative;
	}	
	
#siteinfo-mtb a {
	display: block;
	text-indent: -900%;
	font-size: 24px;
	position: absolute;
	outline: none;
}

li.mtb {
	width: 56px;
	margin: 85px 35px 0 0;
	padding-top: 2px;
	float: right;
	display: block;
}
li.mtb a {
	width: 60px;
	height: 50px;
	}
	
/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}