* {
margin:0;
padding:0;
outline:none;
}

body {
background:url('../images/bg.png') repeat-x top #eee;
color:#212121;
font-family:Helvetica, Arial, Sans-serif;
font-size:12px;
overflow-y:scroll;
}

fieldset {
border:none;
}

img {
border:none;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

.none {
display:none;
}

.block {
display:block;
}

#wrapper {
width:960px;
margin:0 auto;
position:relative;
}

#header {
height:95px;
position:relative;
}

#header a.logo {
display:block;
width:210px;
height:70px;
background:url('../images/logo-webdesignerdaily.png') no-repeat;
position:absolute;
top:15px;
}

#header {
color:#FFF;
margin:0 0 30px;
}

#header a.logo strong {
display:none;
}

#header #menu {
position:absolute;
top:30px;
right:0;
}

#header #menu li {
display:inline;
list-style:none;
font-weight:bold;
}

#header #menu li a {
display:block;
float:left;
margin:0 0 0 25px;
padding:5px 0;
color:#FFF;
text-decoration:none;
}

#header #menu li a:hover {
color:#aaa;
}

.showcase {
width:310px;
height:285px;
margin:0 15px 30px 0;
position:relative;
}

.showcase .new {
width:55px;
height:55px;
position:absolute;
top:-7px;
right:-6px;
background:url('../images/new-label.png') no-repeat;
z-index:999999;
}

.showcase .details {
padding:7px;
background:red;
color:#fff;
text-transform:uppercase;
font:normal 10px Helvetica, Arial, Sans-serif;
}

.showcase.last {
margin:0;
}

.showcase .preview {
background:#FFF;
padding:15px;
border:1px solid #dadada;
margin:0 0 10px;
position:relative;
}

.showcase .preview a.overlay {
background:#050619;
position:absolute;
width:280px;
height:207px;
z-index:999;
text-decoration:none;
}

.showcase .preview a.visit {
position:absolute;
left:80px;
top:105px;
font:bold 18px Helvetica, Arial, Sans-serif;
display:none;
color:#FFF;
z-index:9999;
text-decoration:none;
}

.showcase h3 {
float:left;
font:bold 12px Helvetica, Arial, Sans-serif;
margin:0 0 3px;
}

.showcase h3 a {
color:#212121;
text-decoration:none;
}

.showcase h3 a:hover {
color:#999;
}

.showcase .date {
float:right;
color:#999;
}

.showcasepage {
margin-bottom:0;
}

.showcase.showcasepage { 
height:255px;
}
.showcase .tags {
float:left;
display:block;
width:310px;
color:#999;
font-size:11px;
}

.showcasemore {
background:#FFF;
width:575px;
min-height:180px;
padding:30px;
margin:0 0 20px 0;
position:relative;
}

.showcasemore h1 {
font:bold 40px Helvetica, Arial, Sans-serif;
margin:0 0 20px;
color:#212121;
letter-spacing:-2px;
}

.showcasemore h1 a {
color:#212121;
text-decoration:none;
}

.showcasemore .date {
color:#eee;
position:absolute;
right:45px;
top:45px;
font-weight:bold;
font-size:32px;
}

.showcasemore p {
margin:0 0 7px;
line-height:19px;
color:#666;
}

.showcasemore p strong {
color:#212121;
}

.showcasemore p a {
color:#666;
text-decoration:none;
}

.showcasemore p a:hover {
text-decoration:underline;
}


.contentpage {
background:#FFF;
width:900px;
padding:30px;
margin:0 0 30px 0;
position:relative;
}

.contentpage h1, .contentpage h2 {
font:bold 40px Helvetica, Arial, Sans-serif;
margin:0 0 20px;
color:#212121;
letter-spacing:-2px;
}

.contentpage h1 a, .contentpage h2 a {
color:#212121;
text-decoration:none;
}

.contentpage p {
line-height:20px;
margin:0 0 22px;
font-size:13px;
}

.contentpage a {
color:#666;
text-decoration:underline;
}


h1.home {
font:bold 12px Helvetica, Arial, Sans-serif;
color:#666;
margin:0 6px 27px 0;
text-shadow:#fff 1px 1px;
}

.tweet a {
color:#666;
text-decoration:none;
text-shadow:#fff 1px 1px;
}

.tweet a:hover {
color:#212121;
text-decoration:underline;
}

.tweet small {
font-size:10px;
}

.field {
clear:both;
margin:0 0 20px;
}

.field label {
font-weight:bold;
display:block;
margin:0 0 6px;
}

.field label.left {
float:none;
} 

.field .middleColumn {
display:block;
}

.field .message {
width:352px;
padding:7px;
color:#FFF;
background:#212121;
font-size:11px;
}

.field .text, .field textarea {
padding:7px;
border:1px solid #ccc;
font:normal 12px Helvetica, Arial, Sans-serif;
width:350px;
}

#footer {
border-top:1px solid #b4b4b4;
padding:10px 0;
font-size:11px;
text-align:right;
color:#666;
margin:25px 0;
}

#footer a {
color:#000;
text-decoration:none;
}

.action {
background:#212121;
border:none;
outline:none;
cursor:pointer;
color:#fff;
font:bold 14px Helvetica, Arial, Sans-serif;
width:364px;
padding:7px;
text-align:center;
}

#Remember {
display:none;
}

a.twitter {
width:63px;
height:18px;
display:block;
background:url('../images/social.png') no-repeat;
margin:0 25px 0 0;
}

a.twitter:hover {
background-position:0 -26px;
}

a.facebook {
width:62px;
height:20px;
display:block;
background:url('../images/social.png') no-repeat -79px 0px;
margin:0 25px 0 0;
}

a.facebook:hover {
background-position:-79px -26px;
}

a.linkedin {
width:70px;
height:21px;
display:block;
background:url('../images/social.png') no-repeat -153px 0px;
margin:0 25px 0 0;
}

a.linkedin:hover {
background-position:-153px -26px;
}

#paging li {
list-style:none;
display:inline;
float:left;
margin:0 3px 0 0;
background:#212121;
color:#FFF;
font:bold 12px Helvetica, sans-serif, Arial;
}

#paging li a {
display:block;
color:#fff;
padding:20px 25px;
text-decoration:none;
}

#paging li a:hover, #paging li.current a {
background:#fff;
color:#212121;
}

.twitterupdates li {
list-style:none;
width:400px;
margin:0 0 25px 0;
} 

.twitterupdates li a {
display:block;
padding:10px;
border:2px solid #fff;
text-shadow:none;
}

.twitterupdates li.odd a {
background:#f7f7f7;
border:2px solid #f7f7f7;
}

.twitterupdates li a:hover {
border:2px solid #ededed;
text-decoration:none;
}

.twitterupdates li strong {
color:#212121;
font-weight:bold;
margin:0 0 8px;
display:block;
}

.morebar {
width:960px;
background:#fff;
overflow:hidden;
margin:0 0 20px;
}

.morebar a.link {
padding:45px;
font:bold 21px Helvetica, Arial, Sans-serif;
color:#212121;
text-decoration:none;
display:block;
float:left;
width:230px;
text-align:center;
}

.morebar a.link:hover {
color:#FFF;
background:#212121;
}

#archivelist li {
list-style:none;
display:inline;
}

#archivelist li a {
display:block;
float:left;
}

/*	BLOG
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#blog {
width:720px;
}

#blog .article {
padding:30px;
background:#FFF;
position:relative;
margin:0 0 30px;
border-bottom:3px solid #212121;
}


#blog .article .date {
width:75px;
height:75px;
background:url('../../../wddblog/images/date.png');
color:#858585;
position:absolute;
top:20px;
left:-75px;
}

#blog .article .date .dag {
font:bold 40px Helvetica, Arial, sans-serif;
text-align:center;
position:absolute;
top:10px;
width:75px;
}

#blog .article .date .maand {
font:normal 11px Helvetica, Arial, sans-serif;
text-align:center;
position:absolute;
bottom:5px;
width:75px;
}

#blog .article h1, #blog .article h2.title {
font:bold 35px Helvetica, Arial, Sans-serif;
margin:0 0 7px;
color:#212121;
letter-spacing:-2px;
}

#blog .article h1.item {
font-size:40px;
}

#blog .article h1 a, #blog .article h2.title a {
color:#212121;
text-decoration:none;
}

#blog .article p {
line-height:20px;
margin:0 0 22px;
font-size:13px;
}

#blog .article a {
color:#666;
text-decoration:underline;
}

#blog .article .author {
font:normal 10px Arial, Helvetica, sans-serif;
text-align:right;
color:#ccc;
margin:0 0 20px;
}

#blog .article .blogcontent h2 {
font-size:24px;
border-bottom:3px solid #212121;
font-weight:bold;
margin:0 0 18px;
padding:10px 0 3px;
}

#blog .article .blogcontent h3 {
font-size:18px;
font-weight:normal;
padding:10px 0 0;
}

#blog .article .blogcontent h3 a {
color:#3151A2;
text-decoration:underline;
}

#blog .article .blogcontent h3 a:hover {
color:#D93315;
}

#blog .article .blogcontent p a {
color:#3151A2;
text-decoration:underline;
}

#blog .article .blogcontent p a:hover {
color:#D93315;
}

#blog .article h4 {
font-size:18px;
font-family:Georgia, Times New Roman, Times, serif;
font-weight:normal;
font-style:italic;
margin:20px 0 10px;
}

#blog .article .blogcontent h5 {
font-size:14px;
}

#blog .article a img {
background:#f6f6f6;
border:1px solid #eee;
padding:4px;
margin:0 30px 0 0;
}

#blog .article a:hover img {
border:1px solid #ccc;
}

#blog .article .blogstuff {
border:1px solid #eee;
background:#f9f9f9;
padding:15px;
margin:45px 0 0;
}


#blog .article .blogstuff h5 {
font:bold 14px Helvetica, Arial, Sans-serif;
color:#212121;
margin:0 0 10px;
}

#blog .article .blogstuff p {
font:normal 12px Helvetica, Arial, Sans-serif; 
line-height:19px;
margin:0 0 16px;
}

#blog .article .blogstuff img {
margin:0 15px  0 0;
border:1px solid #eee;
}

.comment {
padding:15px;
border:1px solid #eee;
margin:25px 0 0;
overflow:hidden;
}

.comment .commentinfo {
width:60px;
float:left;
}

.comment .commentcontent {
float:left;
}

#blog .comment .commentcontent h6, #blog .comment .commentcontent h6 a {
font:bold 18px Helvetica, sans-serif, Arial;
color:#212121;
text-decoration:none;
margin:0 0 15px;
}

.comment .commentcontent h6 .small, .comment .commentcontent h6 a .small {
font:normal 11px Helvetica, sans-serif, Arial;
color:#666;
}


#PageComments_holder h5 {
font:bold 34px Helvetica, sans-serif, Arial;
color:#212121;
letter-spacing:-2px;
margin:0 0 15px;
}

#archive li {
list-style:none;
font-size:22px;
}

#archive li a {
float:left;
display:block;
text-align:center;
width:150px;
height:102px;
border:1px solid #eee;
border-top:5px solid #eee;
text-decoration:none;
padding:70px 0 0;
margin:0 2px 0 0;
}

#archive li a:hover {
background:#f9f9f9;
}

a.veilingacties {
display:block;
position:absolute;
top:170px;
right:-140px;
height:600px;
}