/*
Theme Name: Portfolio Theme (theme development)
Theme URI: teunvandenwittenboer.nl 
Description: De template voor teunvandenwittenboer.nl 
Author: Robin van der Vleuten
Author URI: www.vettigheid.com
Tags: empty, clean, development, design
*/

html, body
{
height: 100%;
} /* now mozilla is happy! */ 

body
{
	background: #121212;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 1.35;
	margin: 0 auto;
	padding: 0 20px;
}

a
{
	color: #968887;
	text-decoration: none;
}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6
{
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-style: normal;
	font-weight: bolder;
	margin:0;
	padding:0;
}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper
{
	clear:both;
	float:none;
	margin:0 auto;
	margin-top: 20px;
	padding:0;
	width:1000px;
}

.content-wrap
{
	clear: none;
	float: left;
	margin-bottom: 10px;
}

.content-wrap li
{
	background-color: #3d3149;
	display:inline-block;
	height: 113px;
	margin-bottom: 20px;
	margin-right: 20px;
	overflow: hidden;
	vertical-align: top;
	width: 217px;
}

/* for IE 6 */
* html .content-wrap li
{ 
	display:inline;
}

/* for IE 6 */
* + html .content-wrap li
{ 
	display:inline;
}

.content-wrap ul
{
	width: 760px;
}

.content-wrap p
{
	padding: 10px;
}

.cv-colleft
{
	border-right: 1px #505050 solid;
	float: left;
	padding-right: 10px;
	max-width: 300px;
}

.cv-colright
{
	float: left;
	max-width: 300px;
	padding-left: 20px;
}

.cv-wrapper
{
	background-color: #3d3149;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	overflow: hidden;
}

.cv-wrapper .item
{
	margin-bottom: 5px;
	margin-top: 5px;
}

.cv-wrapper h2
{
	color: #ec018a;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.cv-wrapper p
{
	color: #968887;
	padding: 0;
}

.menu-wrap
{
	color: #313131;
	font: 9pt/11pt Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-bottom: 25px;
	margin-left: -15px;
	text-transform: uppercase;
}

.menu-wrap a
{
	color: #988a89;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: bolder;
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: none;
}

.menu-wrap a:hover
{
	color: #bbbbbb;
}

.news-wrapper
{
	background-color: #3d3149;
	padding-bottom: 5px;
	width: 390px;
}

.news-wrapper .item
{
	padding: 10px;
}

.news-wrapper h2
{
	color: #ec018a;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.news-wrapper p
{
	color: #968887;
	padding: 0;
}

.links-wrapper
{
	background-color: #3d3149;
	float: left;
	margin-right: 15px;
	padding: 10px;
	padding-bottom: 5px;
	width: 160px;
}

.links-wrapper h2
{
	color: #ec018a;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.links-wrapper p
{
	margin-bottom: 10px;
	padding: 0;
}

.links-wrapper a
{
	color: #968887;
	text-decoration: none;
}

.links-wrapper a:hover
{
	color: #bbbbbb;
}

/* -- SIDEBARS --*/
.sidebar-wrap
{
	margin:0 auto;
	margin-right: 15px;
	overflow:hidden;
	float:left;
	clear:none;
	width:220px;
}

.single-content
{
	background-color: #3d3149;
	color: #968887;
	float: left;
	margin-left: 20px;
	padding: 10px;
	padding-bottom: 15px;
	width: 270px;
}

.single-content .meta
{
	margin-bottom: 10px;
}

.single-content .back
{
	margin-top: 10px;
}

.single-content h2
{
	color: #ec018a;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.single-content p
{
	padding: 0;
}

.single-image
{
	float: left;
}

.single-wrapper
{
	overflow: hidden;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

pre
{
	color: #FFF;
}

* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
/* close commented backslash hack */

.content
{
	font-family: Arial, sans-serif;
	font-style: normal;
}

#footer
{
	margin-top: 10px;
}