/*
Theme Name: TemplateC
Theme URI: http://kevindierkx.com/
Description: Personal portfolio design
Version: 0.1 Beta
Author: Kevin Dierkx
Tags: white, portfolio, static
*/

h3
{
	font: normal normal bold 23px/32px Helvetica, Arial, sans-serif;
}


h3 a:link, h3 a:active, h3 a:visited
{
    color: #404040;
}

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

.more-link:link, .more-link:active, .more-link:visited, #navigation li a:hover, h3 a:hover
{
	color: #1c94d0;
}

.more-link:hover
{
	color: #616161;
}

#content
{
    position: relative;
    margin-top: 64px;
    font: normal 12px/16px Helvetica, Arial, sans-serif;
    color: #404040;
}

#navigation
{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 10px;
    width: 940px;
    height: 70px;
    background: transparent url('img/nav.png') no-repeat top left;
}

#navigation li
{
    list-style-type: none;
    margin-left: 0;
    float: left;
}

#navigation li a
{
    display: block;
    padding: 40px 0 0 0;
    text-align: right;
    overflow: hidden;
    color: #404040;
    font-weight: bold;
    font-size: 11px;
}


#navigation .home a { width: 702px; text-indent: 1000em; }
#navigation .portfolio a { width: 70px; }
#navigation .blog a { width: 47px; }
#navigation .about a { width: 56px; }
#navigation .contact a { width: 65px; text-align: right; }

#feature
{
    height: 420px;
    overflow: hidden;
	background: white url('img/bigframe.png') no-repeat bottom left;
}

#header_small
{
    height: 140px;
    overflow: hidden;
	background: white url('img/smallframe.png') no-repeat bottom left;
}

#header_big
{/*
    height: 420px;
    overflow: hidden;
	background: white url('img/mediumframe.png') no-repeat bottom left;*/
}

#feature b
{
    width: 940px;
    height: 420px;
    background: transparent url('img/bigframe.png') no-repeat bottom left;
}

#header_small b
{
    width: 940px;
    height: 140px;
    background: transparent url('img/smallframe.png') no-repeat bottom left;
}

#header_big b
{/*
    width: 940px;
    height: 420px;
    background: transparent url('img/mediumframe.png') no-repeat bottom left;*/
}

#feature b, #header_small b, #header_big b
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
}

#bigbanner
{
	display: none;
	text-align: center;
    font-weight: bold;
    font-size: 11px;
	color: #FFFFFF;
	padding-top: 18px;
    position: absolute;
    z-index: 1000;
    top: 415px;
    left: 10px;
    width: 940px;
    height: 35px;
    background: transparent url('img/bigbanner.png') no-repeat top left;
}

#smallbanner
{
	display: none;
	text-align: center;
    font-weight: bold;
    font-size: 11px;
	color: #FFFFFF;
	padding-top: 18px;
    position: absolute;
    z-index: 1000;
    top: 40px;
    left: 10px;
    width: 460px;
    height: 35px;
    background: transparent url('img/bigbanner.png') no-repeat top left;
	overflow: hidden;
}

#blog .grid_9
{
	padding-right: 19px;
	width: 680px;
    border-right: 1px solid #f0f0f0;
}

#blog .grid_12
{
	width: 940px;
}

#blog .story
{
	padding-bottom:10px;
    border-bottom: 1px solid #f0f0f0;
}

#items, #blog, #post, #sidebar
{
	position: relative;
    margin-top: 40px;
	/*margin-left: 0;
	margin-right: 0;*/
}

#items p
{
	display: block;
	margin-left: 10px;
	float: left;
}

#items a
{
	line-height: 0;
    display: block;
    position: relative;
    float: left;
    width: 460px;
    height: 245px;
    background: transparent url('img/thumbframe.png') no-repeat top left;
    /*margin: 0 10px 30px 10px;*/
	overflow: hidden;
}

#items a img
{
    position: absolute;
    z-index: -1;
}