/*   
Theme Name: Langdradig - 2010
Theme URI: http://langdradig.nl
Description: The Langdradig theme is a Thematic Child Theme.
Author: Mark Lindhout
Author URI: http://langdradig.nl
Template: thematic
Version: 0.0.1
Tags: Langdradig, Thematic, child theme, webdesign
*/

/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */

@import url('typography.css');

/* Apply a basic layout */

@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */

/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */

@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');

/* Very basic 16 pixel grid */

@import url('16px.css');

body {
	background: #333 url(images/body_bg.png) repeat left top;
	color: #434343;
	font-weight: normal;
	font-style: normal;
}

img {
	-ms-interpolation-mode: bicubic;
}

#wrapper {
	background: #FFF;
	width: 992px;
	height: 101%;
	margin: 0 auto;
}

/* @group Header */

#header {
	background: #767676 url(images/header_bg.png) repeat-x;
	border: none;
	height: 116px;
}

#header #branding {
	padding: 10px 0px 0px 0px;
	width: 992px;
	margin: 0 auto;
}

#header #branding #blog-title {
	letter-spacing: -.08em;
	margin-left: 32px;
	font-weight: bold;
	font-size: 44px;
	font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
}

#header #branding #blog-title span a {
	color: #f2f2f2;
}

#header #branding #blog-description {
	color: #a5a5a5;
	letter-spacing: -.05em;
	margin-left: 32px;
	font-weight: normal;
	font-size: 20px;
	font-style: normal;
	font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
}

#header #access {
	border: none;
	text-align: right;
	width: 992px;
	margin: 0 auto;
	font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
}

#header #access .menu {
	border: none;
	float: right;
}

#header #access .menu ul li {
	border: none;
	background-color: transparent;
	margin: 0 2px 0 0;
}

#header #access .menu ul li:last-child {
	margin: 0 16px 0 0;
}

#header #access .menu ul li a {
	border: none;
	background: transparent url(images/header_tab_bg.png) no-repeat right top;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

#header #access .menu ul li a:hover {
	color: #000;
	text-decoration: underline;
}

#header #access .menu ul li a span {
	background: transparent url(images/header_tab_bg.png) no-repeat left top;
	display: block;
	padding: 12px 0 8px 20px;
	margin: 0 20px 0 0;
	font-weight: bold;
	font-size: 16px;
}

#header #access .menu ul li.current_page_item a {
	background: transparent url(images/header_tab_bg.png) no-repeat right -100px;
}

#header #access .menu ul li.current_page_item a span {
	background: transparent url(images/header_tab_bg.png) no-repeat left -100px;
}

/* @group Superfish Menu Overrides */

/* Superfish Menu Styles */

.sf-menu li ul {
	display: none!important;
}

#header #access .sf-menu {
	border: none;
	float: right;
}

#header #access .sf-menu a {
	border: none;
	text-decoration: none;
}

/* visited pseudo selector so IE6 applies text colour*/

#header #access .sf-menu a, .sf-menu a:visited {
	color: #666;
}

#header #access .sf-menu li {
	background-color: transparent;
}

#header #access .sf-menu li li,
#header #access .sf-menu li li a {
	background: #F2F2F2 none;
}

#header #access .sf-menu li li li,
#header #access .sf-menu li li li a {
	background: #F2F2F2 none;
}

#header #access .menu ul li.page_item li a,
#header #access .menu ul li.page_item li a span {
	background: none;
}

#header #access .sf-menu li:hover, .sf-menu li.sfHover,
#header #access .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

#header #access .sf-menu ul {
	border: none;
}

#header #access .sf-menu li:hover ul,
#header #access .sf-menu li.sfHover ul {
	top: 44px;
}

#header #access .sf-menu ul ul {
	margin-top: 0;
}

#header #access .sf-menu ul a {
	background: none;
	border-bottom: none;
}

#header #access .sf-menu ul a:hover {
	color: #FF4B33;
}

/* @end */

/* @end */

#main {
	margin: 0;
	padding: 16px;
}

/* @group Home Page Top Block */

#home-page-top-above {
	border: none;
	color: #5b5b5c;
	font: normal 16px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 16px 32px;
}

#home-page-top-above ul,
#home-page-top-above ul li {
	border: none;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#home-page-top-above a {
	text-decoration: none;
	color: #83b543;
}

/* Widget: Picture in description topbar */

.frontpicture-topblock {
	background: transparent url(images/topblock.png) no-repeat;
	float: right;
	width: 352px;
	height: 112px;
	margin: 0 0 0 16px;
}

#home-page-top-below {
	border: none;
	margin: 16px;
	padding: 16px;
	list-style-image: none;
	list-style-type: none;
	background: url(images/block_collector_bg.png) no-repeat left top;
	width: 928px;
	height: 320px;
	overflow: hidden;
}

#home-page-top-below ul {
	border: none;
	margin: 0;
	padding: 0;
}

#home-page-top-below li {
	border: none;
	margin: 0;
	padding: 24px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	width: 416px;
	height: 112px;
	background: url(images/block_bg.png) no-repeat center center;
}

#home-page-top-below li .widgettitle {
	color: #343434;
	letter-spacing: -.05em;
	line-height: 24px;
	font-weight: bold;
	font-size: 24px;
	font-style: normal;
	font-family: Helvetica, Arial, "Helvetica Neue", sans-serif;
	margin: 0 112px 8px 0;
}

#home-page-top-below li .textwidget {
	color: #343434;
	line-height: 16px;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	margin: 0 0 8px 0;
}

#home-page-top-below li .textwidget a {
	color: #ce0340;
	text-decoration: underline;
}

#home-page-top-below li .textwidget a:hover {
	color: #000;
}

#home-page-top-below div.fronticon {
	float: right;
	width: 80px;
	height: 80px;
	margin-left: 32px;
	background: transparent no-repeat right top;
}

#home-page-top-below div.globe {
	background-image: url(images/front-icon-globe.png);
}

#home-page-top-below div.calculator {
	background-image: url(images/front-icon-calculator.png);
}

#home-page-top-below div.piechart {
	background-image: url(images/front-icon-piechart.png);
}

#home-page-top-below div.papier {
	background-image: url(images/front-icon-papier.png);
}

/* @end */

/* @group Primary & Secondary Sidebar */

body #primary {
	margin: 0;
	padding: 16px 0 0;
	border: none;
	width: 320px;
	clear: none;
}

body #secondary {
	margin: 0;
	padding: 16px 0 0;
	border: none;
	width: 416px;
	clear: none;
}

body #secondary ul.xoxo,
body #primary ul.xoxo {
	margin: 0;
	padding: 0;
	border: none;
}
body #secondary ul.xoxo li.widgetcontainer,
body #primary ul.xoxo li.widgetcontainer {
	margin: 0;
	padding: 0;
	color: #f2f2f2;
	background: #4B4B4B url(images/block-gradient-bg.png) repeat-x left top;
	margin-bottom: 16px;
}
body #secondary ul.xoxo li a,
body #primary ul.xoxo li a {
	color: #83b543;
	text-decoration: none;
}
body #secondary ul.xoxo li a:hover,
body #primary ul.xoxo li a:hover {
	color: #83b543;
	text-decoration: underline;
}

body #secondary ul.xoxo li .widgettitle,
body #primary ul.xoxo li .widgettitle {
	margin: 0;
	padding: 24px;
	line-height: 16px;
	color: #f2f2f2;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -1px;
}
body #secondary ul.xoxo li ul,
body #secondary ul.xoxo li div,
body #primary ul.xoxo li ul,
body #primary ul.xoxo li div {
	margin: 0;
	padding: 0 32px 16px 32px;
	list-style-type: none;
	color: #f2f2f2;
	line-height: 16px;
}

body #secondary ul.xoxo li ul li,
body #primary ul.xoxo li ul li {
	list-style-type: none;
}

/* @end */

/* @group Widgets */

/* Widget: About*/

body #wrapper #main .widget_text .phone-icon,
body #wrapper #main .widget_text .mail-icon {
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 44px;
	line-height: 40px;
}

body #wrapper #main .widget_text .phone-icon {
	background-image: url(images/contact-icon-phone.png);
}

body #wrapper #main .widget_text .mail-icon {
	background-image: url(images/contact-icon-mail.png);
}

/* RSS Widget */

body #secondary li#rss-links ul li,
body #primary li#rss-links ul li {
	background: url(images/feed_small.png) no-repeat left center;
	padding: 1px 0 1px 16px;
}

/* Widget: Wie is langdradig? */

body #wrapper #main .frontpicture-mark {
	background: url(images/frontpicture-mark.png) no-repeat;
	width: 128px;
	height: 112px;
	margin: 0px 0px 16px 16px;
	padding: 0px;
	float: right;
}

/* Widget: Recent Posts */

body #wrapper #main .widget_recent_entries {
	background-color: #CE0340;
}

body #wrapper .widget_recent_entries ul li {
	padding: 1px 0px 1px 16px;
	background: url(images/document_small.png) no-repeat left center;
}

body #wrapper .widget_recent_entries ul li {
	padding: 1px 0px 1px 16px;
	background: url(images/document_small.png) no-repeat left 2px;
}

body #wrapper .widget_recent_entries ul li a {
	color: #FFC7B6;
}

body #wrapper .widget_recent_entries ul li a:hover {
	color: #fff;
}

/* Widget: Categories*/

body #wrapper #main .widget_categories .widgettitle {
	background-image: url(images/sidebar_green_block_bg.png);
}

body #wrapper ul.xoxo li.widget_categories {
	background: url(images/sidebar_green_block_bottom_bg.png) no-repeat left bottom;
}

body #wrapper ul.xoxo li.widget_categories ul {
	background-color: #83B543;
}

body #wrapper .widget_categories ul li {
	padding: 1px 0px 1px 16px;
	background: url(images/document_small.png) no-repeat left center;
}

body #wrapper .widget_categories ul li a {
	color: #294208;
}

body #wrapper .widget_categories ul li a:hover {
	color: #FFF;
}

#primary .blogroll li {
	padding-bottom: 8px;
	font-size: 11px;
	line-height: 16px;
}

body #primary ul.blogroll li a {
	line-height: 24px;
	clear: both;
	display: block;
	padding: 0px 8px;
	margin-left: -8px;
	background: #444 url(images/block-gradient-bg.png) repeat-x scroll left top;
	font-size: 14px;
	font-style: italic;
	color: #CE0340;
}

body #primary ul.blogroll li a:hover,
body #primary ul.blogroll li a:active
 {
	color: #FFF;
}

body #primary ul.blogroll li a:visited {
	color: #888;
}

/* @end */

/* @group Container */

#container {
	padding: 16px;
}

body.blog #container,
body.page #container,
body.singular #container {
	width: 580px;
}

body.home #container {
	width: 432px;	
}

#container #content {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* @end */

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	clear: none;
}

#content h1.entry-title {
	font-family: Arial,sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	padding: 0 0 7px;
}

#content h1 {
	font-family: Arial,sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	padding: 0 0 7px;
}

#content h2 {
	color: #ce0340;
	font-weight: normal;
	font-style: normal;
	padding: 8px 0 16px;
	font-size: 24px;
	letter-spacing: -0.05em;
}

#content h3 {
	color: #83b543;
	font-weight: normal;
	font-style: normal;
	padding: 4px 0;
	font-size: 20px;
	letter-spacing: -0.05em;
}

#content h3 .required {
	color: #F00;
}

#content a {
	color: #3c57a6;
	text-decoration: underline;
}

#content a:hover {
	color: #000;
}

#content table {
	width: 99%;
}

#content table,
#content thead,
#content thead td,
#content thead th {
	border-style: none;
}

#content tbody {
	border: 1px solid #eee;
}

#content th,
#content td {
	padding: 4px;
	margin: 0;
	text-align: right;
	vertical-align: middle;
	border-left: 1px solid #ccc;
}

#content th {
	background:#666 url(images/block-gradient-bg.png) repeat-x scroll left top;
	color: #fff;
	padding: 16px;
	font-family: Arial,sans-serif;
	font-size: 16px;
	line-height: 16px;
	border-top: 1px solid #666;
	text-align: left;
}

#content table img {
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* Blog Content */

body.blog #content h2 {
	border-top: 1px solid #ccc;
	padding-top: 16px;
}

body.blog #content div.category-vraag-uw-webdesigner h2 {
	padding-left: 40px;
	background: url(images/icon-vraag.png) no-repeat left 16px;
}

body.blog #content h2 a {
	color: #CE0340;
	text-decoration: none;
}

body.blog #content h2 a:hover {
	color: #CE0340;
	text-decoration: underline;
}

/* Post classes */

.hentry {
	clear: both;
}

.entry-meta {
	color: #666;
	padding-bottom: 16px;
}

.entry-meta .meta-prep-author {
	padding-right: 2px;
	color: #999;
	float: left;
}

.entry-meta .author {
	padding-right: 2px;
	float: left;
}

.entry-meta .entry-date {
	float: right;
	font-variant: normal;
}

.entry-meta .entry-date abbr {
	font-variant: normal;
	text-transform: none;
}

body #wrapper .entry-content a.more-link {
	text-align: right;
	display: block;
	width: 96px;
	float: right;
	clear: right;
	padding: 8px;
	margin: 8px 0 24px;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(images/read-more-link-bg-off.png) no-repeat left top;
	color: #074e7a;
}

body #wrapper .entry-content a.more-link:hover {
	background: transparent url(images/read-more-link-bg.png) no-repeat left top;
	color: #0a2130;
}


body #wrapper .entry-content a.more-link .readmore {
	padding-right: 16px;
	line-height: 16px;
	background: transparent url(images/readmore.png) no-repeat right 1px;
	text-decoration: none;
}

/* post navigation below the single post. */

#container #nav-below {
	padding: 16px;
	margin-top: 16px;
	background-color: #eee;
}

#container #nav-below a:hover {
	background-color: #ddd;
}

#container .nav-previous {
	width: 400px;
	float: none;
}

#container .nav-previous a {
	background: url(images/icon-hand-links.png) no-repeat left 1px;
	padding-left: 20px;
}

#container .nav-next {
	width: 400px;
	float: none;
}

#container .nav-next a {
	background: url(images/icon-hand-rechts.png) no-repeat right 1px;
	padding-right: 20px;
}


/* Entry Rating */

body .ratingblock {
	padding: 16px;
	margin: 16px 0px;
	display: block;
	font-size: inherit;
	margin: 0;
	border: 1px solid #A1CD48;
	background: #c2df8e none 0;
}

/*body .ratingblock {
	padding: 16px 16px 16px 80px;
	margin: 16px 0px;
	display: block;
	font-size: inherit;
	margin: 0;
	border: 1px solid #A1CD48;
	background: #c2df8e url(images/blog-entry-below-blocks.png) no-repeat left top;
}*/

body .ratingblock .ratingheader {
	display: block;
	clear: both;
	font-weight: bold;
}

body .ratingblock .ratingstarsinline {
	display: block;
	clear: both;
}

body .ratingblock .ratingtext,
body .ratingblock .ratingtext .voted {
	color: #559644;
}

/* Call-to-action block */

#call-to-action {
	padding: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
	background: #5d5a54 url(images/block-gradient-bg.png) repeat-x scroll left top;
	font-size: 24px;
	color: #FFF;
	border: 1px solid #333;
}

#call-to-action .uitleg {
	margin-bottom: 16px;
	color: #EEE;
}

#call-to-action .action {
	color: #efefef;
	text-align: right;
}

#call-to-action .action a {
	color: #FFF;
	background: #555 url(images/block-gradient-bg.png) repeat-x scroll left top;
	font: 19px/48px Arial,sans-serif;
	border: 3px solid #333;
	display: block;
	width: auto;
	margin: 0 0 0 300px;
	text-align: center;
}

#call-to-action .action a:hover {
	color: #FFF;
}

/* Category and Tag Blocks below post */

.entry-utility {
	float: left;
	color:#666666;
	font-size: 12px;
	line-height: 16px;
}

/* Entry Category block */

.cat-links {
	padding: 16px;
	margin: 0px;
	display: block;
	font-size: inherit;
	margin: 0;
	border-top: 1px solid #DDD;
}

/* Entry Tag block */

.tag-links {
	padding: 2px;
	margin: 0px;
	display: block;
	font-size: inherit;
	margin: 0;
	float: left;
	width: 400px;
}

.tag-links a {
	padding: 2px 2px 2px 20px;
	background: url(images/tag_pink.png) no-repeat 2px center;
	line-height: 24px;
	height: 24px;
	display: block;
	float: left;
	margin: 2px;
}

.tag-links a:hover {
	background-color: #EEE;
}

/* Comments block */

#comments #comments-list ol {
	list-style-type: decimal;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	border-top: none;
}

#comments #comments-list li {
	background-color: #fff;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
}

#comments #comments-list li.alt {
	background-color: #fefefe;
}

#comments #comments-list li.bypostauthor {
	border: 3px solid #83B543;
	margin-bottom: 2px;
}

#comments #comments-list li .comment-author img {
	padding: 1px;
	border: 1px solid #333;
	background-color: #fff;
}


#respond {
	float: left;
	width: 100%;
}

/* @group Footer */

#footer {
	background: #343434 url(images/footer_bg.png) repeat-x;
	border: none;
}

#footer #subsidiary {
	color: #f2f2f2;
	font: normal 14px/16px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 32px;
	width: auto;
}

#footer #subsidiary #first {
	padding: 0 32px 0 0;
	width: 33%;
	margin: 0;
}

#footer #subsidiary #second {
	padding: 0 32px 0 0;
	width: 33%;
	margin: 0;
}

#footer #subsidiary #third {
	padding: 0;
	margin: 0;
	width: auto;
}

#footer #subsidiary #third ul {
	padding: 0;
	margin: 0;
}

#footer #subsidiary #third .phone-icon,
#footer #subsidiary #third .mail-icon {
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 44px;
	line-height: 40px;
}

#footer #subsidiary #third .phone-icon {
	background-image: url(images/contact-icon-phone.png);
}

#footer #subsidiary #third .mail-icon {
	background-image: url(images/contact-icon-mail.png);
}

#footer #subsidiary a {
	color: #83b543;
	text-decoration: underline;
}

#footer #subsidiary .widgettitle {
	color: #FFF;
	letter-spacing: -.03em;
	font: normal bold 20px Helvetica, Arial, "Helvetica Neue", sans-serif;
	margin-bottom: 16px;
}

#footer #subsidiary .textwidget {
	color: #f2f2f2;
	line-height: 16px;
}

#footer #siteinfo {
	padding: 0px 32px 32px 32px;
	margin: 0;
	width: auto;
	font: normal normal 12px Helvetica, Arial, "Helvetica Neue", sans-serif;
	color: #aaa;
	text-align: left;
}

#footer #siteinfo a:hover {
	color: #83B543;
}

#footer #siteinfo a {
	color: #999;
}

/* @end */

/* Contact Form 7 Elements */
form.wpcf7-form {
	padding: 16px 32px;
	background-color: #f4f4f4;
	float: left;
}

form.wpcf7-form .form-left-column{
	float: left;
	width: 200px;
	padding-right: 16px;
}

form.wpcf7-form .form-right-column{
	float: right;
	width: 300px;
	clear: right;
}

form.wpcf7-form p {
	margin: 0;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
	padding: 4px;
	margin: 4px 0px 16px;
	border: 2px solid #666;
}

form.wpcf7-form input.text-field {
	width: 95%;
}

form.wpcf7-form textarea {
	width: 95%;
	height: 178px;
}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus {
	border: 2px solid #e70347;
}

form.wpcf7-form input.wpcf7-validates-as-required {
	background-color: #feffcd;
}

form.wpcf7-form input.submit-button {
	border: 2px outset #666;
	background-color: #666;
	color: #fff;
	float: right;
}

form.wpcf7-form input.submit-button:hover {
	border: 2px outset #555;
	background-color: #555;
	color: #83AA3C;
}


/* Clearing class */
.clear {
	clear: both;
}

/* WP-Typography PLugin CSS */

p {
	margin-left: .4em;	
}

sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
}
.caps {
	font-size: 90%;
}
.dquo {
	margin-left:-.4em;
}

.quo {
	margin-left:-.4em;
}
.numbers{
	font: normal 1.1em/1em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
}