/*
--------------------------------------------------------
project		VOCnederland.org (www.vocnederland.org) ALL IMPORT style sheet
author:   	noutwebdesign (http://www.noutweb.com)
----------------------------------------------------- */


/* ---------- Main Blog title ---------- */
h1.title-voc-blog{
height:49px;
background:url(../img/blog/title-voc-blog.gif) no-repeat 125px !important;
margin:0 auto;
text-indent:-9999px;
margin-bottom:25px; }


/* ---------- Blog filter ---------- */
.blog-filter{ text-transform:uppercase; font-size:1.16em; font-weight:700; padding-top:10px; margin-bottom:20px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; }
.blog-filter p,
.blog-filter ul li{ float:left; display:inline; color:#000; padding-top:8px;}
.blog-filter ul li{ width:151px; height:31px; text-align:center; margin:0 11px; }
.blog-filter ul li.first{ margin-left:0; }
.blog-filter p{ padding-right:10px; }
.blog-filter ul{ float:left; background:url(../img/blog/bg-filter-pipes.gif) no-repeat 0 10px; }
.blog-filter ul li.active{ background:url(../img/blog/bg-filter-current.gif) no-repeat; }
.blog-filter ul li a,
.blog-filter ul li.active a{ display:block; color:#0099FF; text-decoration:none; }
.blog-filter ul li a:hover{ text-decoration:underline; }
.blog-filter ul li.active a,
.blog-filter ul li.active a:hover{ color:#000; text-decoration:none; }

/* ---------- Global styles for both the summary and article blog pages ---------- */

.blog-wrap p{ line-height:133%; margin-bottom:20px; }
.blog-wrap .date-author{ font-size:0.9em; color:#999; margin:8px 0 15px 0; }
.blog-wrap .author-img{ margin:15px 0; }
.blog-wrap .date-author strong{ color:#666; }
.blog-wrap .img{ background:#e0e0e0; width:44px; height:44px; padding:3px 3px 3px 3px; float:left; display:inline; margin-right:10px; }
.blog-wrap .left{ float:left; display:inline; margin:3px 20px 20px 0; }
.blog-wrap .more{ font-size:0.83em; }

/* ---------- Blog tags and comment totals ---------- */
.blog-wrap .tags-comments{ background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; padding-bottom:25px; margin-bottom:20px; }
.tags-comments{ line-height: 24px; clear:both; }
.blog-wrap .tags{ float:left; display:inline; margin-bottom:0; }
.blog-wrap .tags span{ font-weight:700; color:#000; }
.blog-wrap .comment-opts{ font-size:0.9em; float:right; display:inline; color:#dadada; }
.blog-wrap .comment-opts li{ float:left; display:inline; padding-left:6px; display:block; padding-top:2px; }
.blog-wrap .comment-opts li a{ color:#0099ff; }
.blog-wrap .comment-opts .total{ color:#ff0000; float:left; padding-left:5px; width:85px; *padding-top:2px; }
.blog-wrap .comment-opts .total a { display:block; color:#ff0000; }
.blog-wrap .comment-opts .total a:hover{ color:#bf0006; }
.blog-wrap .comment-opts .total span{ padding-top:5px; float:left; margin:-5px 5px 0 0; font-size:1.1em; }
.blog-wrap .comment-opts .total a:hover span{ text-decoration:none !important; background-position:-50px 0; }

/* ---------- Starts the blog article ---------- */
.article{ padding-bottom:35px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; }
.article .tags{ float:none; display:block; }

/* ---------- Comment summary ---------- */
.comments .comment-summary{ padding:10px 0 7px; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; margin-bottom:20px; }
.comment-summary p{ float:left; font-size:1.33em; font-weight:700; padding-top:3px; color:#000; }
.comment-summary p .cmt{ float:left; display:inline; padding-top:4px; margin:-3px 6px 0 0; font-size:0.75em; }
.comment-summary ul{ float:right; font-size:0.9em; color:#dadada; padding-top:7px; }
.comment-summary ul li{ float:left; display:inline; padding-left:5px; }
.comment-summary ul li a{ color:#0099ff; }
.comments ol li{ zoom:1; padding-bottom:25px; }
.comments ol li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* ---------- Comment author ---------- */
.comments .comment-author{ float:left; display:inline; width:100px; margin-right:20px; padding-top:25px; }
.comments .author-name{ display:block; font-size:1.16em; font-weight:700; margin-bottom:4px; text-align:right; padding-right:10px; }
.comments .author-name a{ color:#0099ff; }
.comments .author-name a:hover{ color:#000; text-decoration:none; }
.comments li.one .author-name{ color:#000; background:#ffcc00; padding:4px; float:left; }
.comments .comment-time{ font-size:0.86em; text-transform:uppercase; display:block; text-align:right; padding-right:5px; color:#999; line-height:133%; }
.comment-author .new{ color:#ff0000; }

/* ---------- Comment text ---------- */
.comments .comment-text{ float:left; display:inline; width:438px; border:2px solid #e8e8e8; padding:15px 19px 0; }
.comments li.one .comment-text{ border:2px solid #f1f1f1; }
.comments .comment-text p{ line-height:133%; margin-bottom:15px; }
.comments .comment-text .bubble{ position:relative; *zoom:1; background:url(../img/blog/cmt-bubble-point.gif) no-repeat 0 12px; margin:0 0 0 -32px; padding-left:32px; }
.comments li.one .bubble{ background:url(../img/blog/cmt-one-bubble-point.gif) no-repeat 0 12px; }

/* ---------- Comment submission panel ---------- */
.comment-submit{ padding-bottom:30px; background:url(../img/lines-hatches/cr-hatch-bl.gif) repeat-x 0 100%; margin-bottom:10px; }
.comment-submit p {
	margin-bottom: 10px;
}
.comment-submit h3{ background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; padding-bottom:10px; }
.comment-submit label{ position:absolute; left:-999em; }
.comment-submit textarea{ width:592px; height:104px; margin-bottom:10px; }

/* ---------- Blog pagination ---------- */
.blog-pagination li{ width:280px; float:left; display:inline; padding:8px 0 10px 0; }
.blog-pagination li.prev{ text-align:right; padding-right:20px; background:url(../img/lines-hatches/dot-line-vert-gray.gif) repeat-y 100% 0; }
.blog-pagination li a{ line-height:1.05em; }
.blog-pagination li.next a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 100% 50%; padding-right:10px; }
.blog-pagination li.prev a{ background:url(../img/icons/arrow-prev-blue.gif) no-repeat 0 50%; padding-left:10px; }
.blog-pagination li.next{ text-align:left; padding-left:20px; }
.blog-pagination li .sec-name{ display:block; padding-bottom:7px; }
.blog-pagination li a{ font-size:1.16em; color:#0099ff; }
.blog-pagination li a:hover{ color:#000; text-decoration:none; }

/* ---------- Module About ---------- */
.mod-about-one p{ margin-bottom:15px; }


/* ---------- WP IMAGE CAPTION ---------- */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   font-style: italic;
}