/*
Theme Name: Trendslator
Description: Custom made WordPress theme for Trendslator.
Version: 1.0
Author: Pieter de Jong
Author URI: http://pieter-de-jong.nl
*/

/* !TABLE OF CONTENTS */
/*-------------------------------------------------------------------

1. RESET
2. TYPOGRAPHY
3. HEADER
4. WRAPPER
5. NAVIGATION
6. DOORMAT
7. FOOTER
8. ENTRY
9. COMMENTS
10 TRENDSLOG
11 SPECIAL PAGES 

-------------------------------------------------------------------*/
/* !1. RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.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%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* !2. TYPOGRAPHY */
body {
font-family:Arial;
font-size:12px;
}

a {
color:#00adef;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.download {
background:url(img/a-download-bg.png) no-repeat left;
padding-left:14px;
}

.button {
background:#fcad2f;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.49, rgb(247,149,29)),
    color-stop(0.5, rgb(251,172,93)),
    color-stop(1, rgb(251,172,93))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(247,149,29) 49%,
    rgb(251,172,93) 50%,
    rgb(251,172,93) 100%
);
border:1px solid #f26522 !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#FFF;
display:inline-block;
font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
font-size:15px !important;
font-weight:700;
padding:6.5px 15px !important;
text-align:center;
text-decoration:none !important;
text-shadow:rgba(0,0,0,.4) 1px 1px 0;
vertical-align:middle;
width:auto !important;
}

.button:hover {
background:#f7941d;
}

/* !3. HEADER */
#header {
background:#000;
height:60px;
width:100%;
}

#inner-header {
margin:0 auto;
padding-top:12px;
width:940px;
}

#header h1 {
background:url(img/h1-bg.png) no-repeat;
float:left;
height:37px;
width:210px;
}

#header h1 a {
height:100%;
text-indent:-9999px;
width:100%;
}

#header a {
color:#787878;
float:right;
font-size:11px;
}

/* !4. WRAPPER */
#wrapper {
margin:0 auto;
padding:20px 0 30px;
width:940px;
}

/* !5. NAVIGATION */

#nav {
float:left;
margin-bottom:35px;
width:100%;
}

#nav ul {
font-size:10px;
font-weight:700;
text-transform:uppercase;
}

#nav ul li {
float:left;
margin-right:10px;
}

#nav ul li a {
color:#000;
display:block;
padding:10px 12px;
text-decoration:none;
}

#nav ul li:last-child a {
background:#edebe8;
margin:0;
}

#nav ul li:last-child.active a {
color:#000;
}

#nav ul li:last-child a:hover {
color:#FFF;
}

#nav .social {
float:right;
margin-top:5px;
}

#nav .social a {
display:block;
float:left;
height:20px;
margin-left:4px;
text-indent:-9999px;
width:20px;
}

#nav .social a.twitter {background:url(img/social/twitter_20.png);}
#nav .social a.flickr {background:url(img/social/flickr_20.png);}
#nav .social a.youtube {background:url(img/social/youtube_20.png);}
#nav .social a.slideshare {background:url(img/social/slideshare_20.png);}
#nav .social a.linkedin {background:url(img/social/linkedin_20.png);}
#nav .social a.facebook {background:url(img/social/facebook_20.png);}

/* ACTIVE STYLES */
#nav ul li a:hover,
.home #nav ul li.home a,
.home #nav ul li.home a,
.parent-pageid-25 #nav ul li.trends a,
.parent-pageid-26 #nav ul li.trendonderzoek a,
.blog #nav ul li.trendslog a,
.single #nav ul li.trendslog a,
.parent-pageid-28 #nav ul li.bureau a,
.parent-pageid-29 #nav ul li.winkel a,
.parent-pageid-82 #nav ul li.trends a {
background:#000;
color:#e3d1b6;
}

#content {
float:left;
width:735px;
}

#sub-nav {
border-top:1px solid #000;
float:left;
margin-right:20px;
width:185px;
}

#sub-nav li {
border-bottom:1px solid #ececec;
font-size:11px;
font-weight:700;
height:27px;
padding-top:17px;
text-transform:uppercase;
}

#sub-nav li a {
color:#000;
}

#sub-nav li.current_page_item a,#sub-nav li a:hover {
color:#d6a227;
text-decoration:underline;
}

#sub-nav .page-item-82, #sub-nav .page-item-84 {
background:url(img/subnav-locked-bg.png) no-repeat 165px 50%;
}

.logged-in #sub-nav .page-item-82, .logged-in #sub-nav .page-item-84 {
background:none;
}

/* entry */
.entry {
border-top:1px solid #000;
float:left;
padding-top:20px;
width:530px;
}

#quicklinks {
border-top:1px solid #ececec;
float:right;
width:185px;
line-height: 16px;
}

#quicklinks a, #quicklinks span {
color:#868686;
float:left;
margin-top:6px;
}

#quicklinks div {
background:url(img/sidebar-sprite.png) no-repeat 10px 0;
border-bottom:1px solid #ececec;
height:45px;
padding-left:55px;
padding-right:18px;
}

#quicklinks div.search input {
border:1px solid #ddd;
color:#868686;
height:12px;
margin-top:10px;
padding:4px 8px;
width:111px;
}

#quicklinks div.contact a {
margin-top:15px;
}

#quicklinks div.search {padding-right: inherit;}
#quicklinks div.login {background-position: 10px -44px;}
#quicklinks div.nieuwsbrief {background-position: 10px -88px;}
#quicklinks div.info {background-position: 10px -132px;}
#quicklinks div.contact {background-position: 10px -176px;}
#quicklinks div.boek {background-position: 10px -220px; height: 222px;}

#quicklinks div.boek img {
float:left;
margin:12px 0 0 -55px;
}

#quicklinks div.mood {
background:none;
border:none;
color:#868686;
font-size:13px;
line-height:16px;
padding:8px 0 0 15px;
height: auto;
}

#quicklinks div.mood strong {

}

#quicklinks div.mood a {
color:#00adef;
margin:0;
}

#quicklinks div.app {
background: none;
border-top: 1px solid #ECECEC;
padding: 0;
margin-left: 15px;
margin-top: 30px;
}

#quicklinks div.app a {
background: url(img/sidebar-appstore.png) no-repeat;
text-indent: -9999px;
width: 170px;
height: 58px;
}


/* !6. DOORMAT */
#doormat {
background:#edebe8;
float:left;
font-size:12px;
line-height:16px;
overflow:hidden;
padding:20px 0 25px;
width:100%;
}

#doormat strong {
float:left;
font-size:14px;
margin-bottom:1em;
}

#doormat ul {
margin:0 auto;
width:940px;
}

#doormat ul li {
float:left;
margin-right:20px;
width:16%;
}

#doormat ul li ul {
float:left;
margin:inherit;
}

#doormat ul li:last-child {
float:right;
margin-right:0;
width:85px;
}

#doormat ul li ul li {
float:none !important;
width:inherit !important;
}

/* !7. FOOTER */
#footer {
clear:both;
color:#858585;
margin:0 auto;
padding:18px 0;
width:940px;
}

#doormat a,#footer a {
color:#858585;
}

/* !8. ENTRY */
.entry-wrap {
float:left;
width:530px;
}

.entry {
font-size:13px;
}

.entry h2 {
font-size:32px;
margin-bottom:20px;
}

.entry h3 {
font-size:16px;
padding-bottom:11px;
}

.entry p {
line-height:18px;
margin-bottom:1em;
}

.entry ul {
line-height:18px;
margin-bottom:1em;
list-style:outside disc;
margin-left:16px;
}

.entry p:last-child,.entry ul:last-child {
margin-bottom:0;
}

.entry .entry-body {
overflow:hidden;
}

.page-nav {
float: left;
width: 100%;
}

.page-nav a {
float: left;
}

.page-nav a:last-child {
float: right;
}

/* 9. COMMENTS */
.comments {
clear:both;
float:left;
margin-top:50px;
width:530px;
}

ul#comment_list {
border-top:1px solid #bbb;
float:left;
list-style:none;
margin:0 0 40px;
}

.commentlist li {
border-bottom:1px dotted #bbb;
float:left;
margin-bottom:10px;
width:500px;
padding:15px 0 0;
}

.commentlist .avatar {
border:1px solid #ccc;
float:right;
margin-left:5px;
padding:3px;
}

.comment-meta {
margin-bottom:10px;
}

#respond {
float:left;
margin-top:30px;
}

/* !10. TRENDSLOG */
#sidebar {
float:left;
font-size:12px;
margin-right:20px;
width:185px;
}

#sidebar li.widget {
border-top:1px solid #000;
padding-bottom:20px;
}

#sidebar li.widget h2.widgettitle {
border-bottom:1px solid #ececec;
font-size:11px;
margin-bottom:8px;
padding:12px 0;
text-transform:uppercase;
}

#sidebar li.widget ul {
line-height:18px;
}

#sidebar li.widget ul li {
background:url(img/sidebar-li-bg.png) no-repeat 0 7px;
padding-left:10px;
}

.pagedescription {
border-top: 1px solid black;
float: left;
margin-bottom: 25px; 
padding-top: 14px;
width: 530px;
}

.pagedescription h2 {
font-size: 24px;
}

.pagedescription h2 a {
color: black;
text-decoration: none;
cursor: default;
}

.no-posts {
width: 530px;
display: inline-block;
}

.entry.blog-post {
margin-bottom:40px;
padding-top:14px;
}

.entry.blog-post:last-child {
margin:0;
}

.entry.blog-post h2 {
font-size:24px;
margin-bottom:0;
}

.entry.blog-post h2 a {
color: black;
}

.entry.blog-post .meta,.entry.blog-post .meta a {
color:#8d8d8d;
font-size:12px;
}

.entry.blog-post .meta {
margin:7px 0 10px;
}

.entry.blog-post .entry-body,.entry.blog-post .entry-foot {
background:url(img/blog-item-bg.png) no-repeat;
}

.entry.blog-post .entry-body {
padding-top:18px;
}

.entry.blog-post .entry-foot {
color:#868686;
margin-top:10px;
padding-top:8px;
}

.entry.blog-post .entry-foot a {
color:#000;
}

.entry.blog-post .entry-foot .more-meta {
float:right;
line-height:19px;
margin:10px 0;
text-align:right;
width:330px;
}

.entry.blog-post .entry-foot .comment {
clear:right;
float:right;
margin-top:5px;
width: 150px;
text-align: right;
}

.entry.blog-post .entry-foot .share {
float:left;
font-size:11px;
list-style:none;
margin:10px 0 0;
width:200px;
}

.entry.blog-post .entry-foot .share li {
clear:both;
}

.entry.blog-post .entry-foot .share li.linkedin a,.entry.blog-post .entry-foot .share li.facebook a {
padding:4px 0 4px 30px;
}

.entry.blog-post .entry-foot .share li.linkedin,.entry.blog-post .entry-foot .share li.facebook {
padding:3px 0;
}

.entry.blog-post .entry-foot .share li.linkedin a {
background:url(img/social/linkedin_20.png) no-repeat left;
}

.entry.blog-post .entry-foot .share li.facebook a {
background:url(img/social/facebook_20.png) no-repeat left;
}

.entry.blog-post .entry-foot .share li.twitter {
background:url(img/social/twitter_20.png) no-repeat left;
}

.entry.blog-post .entry-foot .share li.twitter iframe {
position: relative;
top: 4px;
left: 30px;
}

/* !11. SPECIAL PAGES */

/* !11.1 LINKS */
.links h4 {
padding-bottom: 10px;
font-size: 14px;
margin-top: 20px;
}

.links p {
border-top: 1px solid #ECECEC;
width: 100%;
margin: 0;
padding: 6px 0 7px;
line-height: 23px;
}

.links p a {
display: block;
}

.googletrends .button {
padding: 5px 10px !important;
margin-right: 6px;
}

.links a.projecthoop,.links a.flickr,.links a.slideshare,.links a.youtube,.links a.twitter,  .links a.facebook, .links a.linkedin, .links a.trendstobrands {
padding-left:26px;
}

.links a.projecthoop {
background: url(img/social/projecthoop_20.png) no-repeat left;
}

.links a.flickr {
background: url(img/social/flickr_20.png) no-repeat left;
}

.links a.slideshare {
background: url(img/social/slideshare_20.png) no-repeat left;
}

.links a.youtube {
background: url(img/social/youtube_20.png) no-repeat left;
}

.links a.twitter {
background: url(img/social/twitter_20.png) no-repeat left;
}

.links a.facebook {
background: url(img/social/facebook_20.png) no-repeat left;
}

.links a.linkedin {
background: url(img/social/linkedin_20.png) no-repeat left;
}

.links a.trendstobrands {
background: url(img/social/trendstobrands_20.png) no-repeat left;
}

/* !11.2 OVERZICHTPAGINA */
.overzichtpagina img {
float: left;
margin-right: 15px;
}

.overzichtpagina {
line-height: 18px;
}

/* !11.3 SPECIAL SIDEBAR */
.parent-pageid-82 #sub-nav li,
.parent-pageid-84 #sub-nav li {
height: 21px;
padding-top: 11px;
}

#flickr_badge_uber_wrapper {
margin-left: 20px;
}

#flickr_badge_wrapper td {
padding: 17px;
}