/*
Author: Paul Straetmans
Author URL: http://www.oerknal.nu
*/


/* website */

* {	margin:0; padding:0; }
body { background-image: url(images/background.jpg); background-color: #000004; background-repeat: no-repeat; background-position: center top; }
a { color:#aaa;text-decoration:none; outline:0; }
a:hover { color:#eee; }
a img { border:none; }
ul, li { list-style: none; margin:0; padding:0; }
h1  { font:24px century gothic,arial; line-height:1.5em; color:#fff; text-decoration:none; margin-top:-4px; } 
h2  { font:15px century gothic,arial; line-height:1.4em; color:#fff; text-decoration:none; }
.pagenavi  { margin:-36px 4px 0px 0px; padding: 10px 0px 0px 0px; float:right; clear: both;}
.clear { clear:both; }
.clear-both { clear:both; }

/* navigation */
ul.topnav { list-style:none; text-align:left; }
.topnav li { float:right; margin: 0; }
.topnav li a { font:15px century gothic,arial; outline:none; color:#fff; text-decoration:none; display:block; padding:40px 0px 0px; }	
.topnav li a:hover { color:#ccc; }

/* header */
#header { width:735px; margin:0 auto; padding:1em 0 1em 0; }
#header h1 a { display:block;font-size: 20px; margin:5px 0; width:240px; text-indent: -999em; }

/* portfolio */
.portfolio { width:735px; margin:0 auto;}

/* main */
#main-wrapper { display:block; margin:0 auto; width:735px; height: 290px; padding:10px 0px 10px 10px; text-align:left; background:url(images/bg.png); }
.main { width:735px; margin:0; padding:0; float:left; overflow: hidden; }

/* thumnail covers */
.thumb { background:#222 url(images/thumb.png); border: 1px solid #fff; display:block; width:233px; height:120px; margin:0px 10px 10px 0px; position:relative; overflow:hidden; }
.thumb:hover { border: 1px solid #ccc;}
.thumb-title { margin-bottom:8px; background:#000; bottom:0; right:0; display:block; position:absolute; padding:5px; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:10px century gothic,arial; display:block; color:#aaa; text-decoration:none; text-transform:capitalized; }
.thumb-title h2 a:hover { color:#fff; }

/* about */
.about-wrapper { margin:0 auto; height: 260px; width:770px; margin-top:10px;}
.about-wrapper1 { margin:0 auto; height: 260px; width:770px; margin-top:10px; margin-left:-22px;}
.vak1 { height: 230px; width:220px; margin:8px 5px 5px 12px; padding:8px 10px 0px 10px; float:left; background:url(images/bg2.png); overflow: hidden; }
.vak2 { height: 230px; width:220px; margin:8px 5px 5px 8px; padding:8px 10px 0px 10px; float:left; background:url(images/bg2.png); overflow: hidden; }
.vak3 { height: 230px; width:220px; margin:8px 0px 5px 8px; padding:8px 10px 0px 10px; float:left; background:url(images/bg2.png); overflow: hidden; }

/* single page */
.post.single { float:left; line-height:1.4em; width:715px; height:290px; padding:5px 0px 5px 5px; }
.post.single h2, .post.single h2 a { font:24px century gothic,arial; line-height:1.2em; color:#fff; text-decoration:none; margin-top:-4px; }
.post.single .postMeta { font:10px Arial; margin-bottom:5px; color:#999; }
.post.single .postMeta span.date { padding:0 2px 0 0; }
.post.single .postMeta span.date a{ color:#999; }
.post.single .entry { text-align:left ;line-height:1.4em; font:13px century gothic,arial; color:#fff; overflow:hidden; padding-bottom:25px; } 

/* single */
.post .entry img { border: 1px solid #fff; }
.post .entry a:hover img { border: 1px solid #ccc; }
.post.single h3 { font-size: 12px;font-weight:bold; color:#6199dc; display:inline; }
.post.single p { margin:1em 0; }
.post.single p a,.post.single li a { color:#fff; }
.post.single p a:hover { color:#ccc; }
.post.single p strong { font-weight: bold; }
.post.single p em { font-style: normal; background:#fff; }
.post.single a { color:#fff; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin:0 1.5em; color:#fff; }
.post.single ul, .post.single ol { margin:1em; }
.post.single ul li, .post.single ol li { margin:0; color:#fff; line-height:1.4em; }
.post.single ul li strong { font-weight:bold; }
.post.single img.floatleft { float:left; margin:4px 10px 0 0; }
.post.single img.floatright { float:right; margin:4px 0 0 10px; }

/* footer */
#footer { color:#fff; font:9px century gothic,arial; padding-top:5px; margin:0 auto; clear:both; width:738px; text-align:right; }
#footer a { color:#fff; }
#footer a:hover { color:#ccc; }