/*
Theme Name: Niek Beck Fotoblog
Theme URI: http://niekbeck.nl/fotoblog
Description: Niek Becks fotoblog 0.1
Author: Niek Beck
Tags: foto, blog, fotoblog, gallery

Alle rechten voorbehouden, Niek Beck 2009

*/



/*Yahoo css reset script*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



#betabanner{
position: fixed;
top:0;
left:0;
background:url(/images/betabanner.png) no-repeat;
height:588px; 
width:729px;
overflow: !important ;
z-index:2;
}

body{
margin:0;
padding:0;
font-family: Georgia;
background: #161616;
}

#headerwrapper{
width: 100%;
background:url(images/headerspacer.jpg) repeat-x;
border-bottom: 8px solid #4F5873;
}

#header{
width: 960px;
height: 273px;
background:url(images/header.jpg) no-repeat;
margin-left: 35px;
}

#blogswrapper{
border-top:1px solid #333c4a;
width:100%;
background: url(images/blogsback.jpg) repeat #161616 ;
}

#blogs{
margin-left: 40px;
}

#blogs h1{
background: url(images/blogs_header.gif) no-repeat;
height: 53px;
width: 173px;
color: #b3b9cf;
margin:20px 0;}

#blogs h1 span{display: none;}

#blogs h2{
font-family: georgia;
font-style: italic;
color: #ffffff;
margin:20px 0;}
}

#blogitems{
margin: 20px 0;
}

#blogitems ul{
width: 960px;
}

#blogitems li{
float:left;
width:210px;
height:210px;
display: inline block;
border: 5px solid #1a1d24;
margin:0 20px 20px 0;
}

.boxgrid{
width: 210px;
height: 210px;
margin:0px;
float:left;
background:#161613;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}

.boxcaption{
float: left;
top: 210px;
position: absolute;
background: #1a1d24;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption h3{
color: #ffffff;
font-family: Georgia;
font-weight: bold;
font-size: 100%;
margin:2px 0 10px 2px;
}

.boxcaption p{
color: #ffffff;
font-size: 90%;
margin: 0;
}

#dividerblogfeed{
background: #4F5873;
border-bottom: 1px solid #8F95A6;
border-top: 1px solid #2E3239;
width: 100%;
height: 8px;
}

#feedswrapper{
background: #DEE2E9 url(images/feedsback.jpg) left top repeat-x;
color: #182c4b;
border-bottom: 1px solid #8F95A6;
}

.feedsurl{
margin-top: 10px;
}

.feedsurl a{
color:#D62822;;
}

#twitterfeed{
background: url(images/twitterback.jpg) left top no-repeat;
margin:0 20px 0 40px;
float:left;
width:280px;
}

.tweet{
line-height: 20px;
font-size: 90%;
margin:20px 0 0 0;
}

.tweet li{
margin: 10px 0 10px 10px;
padding-left: 30px;
background: url(images/twittert.jpg) no-repeat top left;
}

.tweet a{
font-size: 90%;
color: #8F99BF;
}

.tweet_text a{
font-size: 100%;
color:#d62822;
text-decoration: none;
}


#lastfmfeed{
background: url(images/lastfmback.jpg) no-repeat top left;
margin:0;
float:left;
width:300px;
}

.lastfmintro{
width:280px;
}

#lastfmrecords a{
width: 126px;
height: 126px;
border: 4px solid #ffffff;
}

#lastfmrecords {margin: 20px 0 0 0; height: 450px;}
#lastfmrecords ol, #lastfmrecords li        { margin: 0; padding: 0; list-style: none; }
#lastfmrecords li          { float: left; background: #ffffff; margin: 0px 10px 10px 0px; }
#lastfmrecords a           { display: block; float: left; width: 126px; height: 126px; line-height: 100px; overflow: hidden; position: relative; z-index: 1; }
#lastfmrecords a img       { float: left; position: absolute; margin: auto; min-height: 100px; }

 /* mouse over */
/*   #lastfmrecords a:hover     { overflow:visible; z-index:1000; border:none; } */
/*   #lastfmrecords a:hover img { border: 1px  solid #999; background: #fff; padding: 3px;  */
/*                                margin-top: -20px; margin-left: -20px; min-height: 120px;  } */


#greaderfeed{
background: url(images/greaderback.jpg) no-repeat top left;
float:left;
width:340px;
}

.gReader-list{
line-height: 20px;
margin: 20px 0 0 0;
}

.gReader-list a{
text-decoration: none;
color:#d62822;
}

.gReader-list a:hover{
text-decoration: underline;
}

.gReader-list li{
padding-left: 28px;
background: url(images/rss.jpg) no-repeat top left;
}

.gReader-notes{
margin: 0 0 10px 0;
font-size: 90%;
}

.feedintro{
margin:170px 0 0 0;
font-size: 85%;
font-style: italic;
}

#dividerfeedsfolio{
background: #4a5a73;
border-top: 8px solid #4a5a73;
border-bottom: 1px solid #2E3239;
width: 100%;
height: 1px;
}

#foliowrapper{
background: #282828;
width: 100%;
}

#folio{
margin: 0 0 0 20px;
padding: 20px 0 20px 0;
width: 900px;
}

#folio h1{
background: url(images/folio.png) no-repeat;
height: 43px;
width: 286px;
color: #ffffff;
margin-left: 20px;
}

ul#portfolio{
height: 220px;
position: relative;
}

#folio h1 span{display: none;}

#folio h2{
font-family: georgia;
font-style: italic;
color: #8c9dc0;
margin:15px 0 0 20px;}

ul#folionav{
font-style: italic;
margin: 20px 0 0 20px;
color: #dee3ea;
font-size: 180%;
line-height: 60px;
}

.folionav-darker{
color:#95989d;
}

#folionav a{
color: #bad1ff;
}

li.foliotas{
padding-left: 60px;
background: url(images/bag.gif) no-repeat left center;
}

li.contactkaart{
padding-left: 60px;
background: url(images/contactbord.gif) no-repeat left center  ;
}

li.telefoon{
padding-left: 60px;
background: url(images/telefoon.gif) no-repeat left center;
}




.preview-image {
cursor:pointer;
display:block;
float:left;
height:200px;
margin:20px 0 0 20px;
overflow:hidden;
position:relative;
width:280px;
}

.preview-image img {
left:0;
position:absolute;
top:0;
}

#footer{
padding:20px 0 20px 40px;
background: #161616;
width: 100%;
}

#fpfooterwrapper{
position: absolute;
width: 880px;
margin: 0;
}

#credits{
border-top:20px #161616 solid;
padding: 0 20px 0 0;
margin: 0 0 20px 40px;
color:#fff;
width:270px;
background: right repeat-y url(images/footerdivider.gif);
font-size: 90%;
}


/* Algemene Opmaak */
.clear{
clear:both;
}
.corners {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/cornert.png) no-repeat scroll 0 0;
display:block;
height:200px;
left:0;
position:absolute;
top:0;
width:300px;
z-index:2;
}