/*
Theme Name:		VANDERDONK Chocolates
Theme URI: 		http://www.vanderdonkchocolates.com/
Version: 		1.3
Description: 	Wordpress Thema voor VANDERDONK Chocolats
Author: 		Shirley de Jong
Author URI:		http://www.shirleydejong.nl/

©  Copyright 2009 - 2009, Shirley de Jong
Based on WP Framework <http://wpframework.com> by Ptah Dunbar which is licensed under the terms of the GNU General Public License version 2.
*/

/* Eric Meyer Reset Reloaded */
html, body, span, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,


/* Removes dotted line when focus */
:focus { outline: none; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

h1 { 
	font-size: 170%;
	text-transform: uppercase;
}
h2 { font-size: 115%; }
h3 { font-size: 90%; }
h4 { font-size: 100%; }

#logo { 
	margin: auto;
	width: 380px;
	height: 80px;
}

#logoafb {
	width: 360px;
	height:80px;
}

#addthisbar {
	font-size: 80%;
	color: #afafaf;
	margin-bottom: 20px;
}

#addthisbar a {
	color: #666;
	text-decoration: none;
	margin-right: 10px;
}

#addthisbar a:hover {
	text-decoration: underline;
}

table {
	border: 1px solid #afafaf;
	width: 100%;
	font-size: 90%;
}

td {
	border: 0px;
	border-top: 1px solid #afafaf;
	padding: 5px;
}

p { 
	font-size: 90%;
	line-height: 175%;
	margin-bottom: 20px;
}


li {
	font-size: 90%;
	margin-left: 20px;
	line-height: 175%;
}

a {
	text-decoration: underline;
	color: #f90;
}

/* Vertical Rhythm  */
.entry-meta { margin-bottom: 10px; }
pre, ul, ol, dl, dd, blockquote, address, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .comment, .navigation-links { margin-bottom: 40px; }

#search-query .hentry { margin-bottom: 0px; }

.navigatie {
	background: url('afbeeldingen/menu.gif') repeat-x;
	height: 38px;
	margin-bottom: 20px;
}

.navigatie ul {
	margin: auto;
	width: 900px;
	text-align: center;
	padding-top: 5px;
	padding-left: 0px;
}

.navigatie .menu-item { 
	list-style: none;
	text-transform: uppercase;
	display: inline;
	font-size: 100%;
	background: url('afbeeldingen/menu-separator.gif') no-repeat;
	padding-left: 10px;
	padding-right: 6px;
	margin: 0px;
}

.navigatie .menu-item:last-child a, .navigatie a.last-child {
	padding-right: 10px;
	background: url('afbeeldingen/menu-separator.gif') no-repeat right center;
}

.navigatie .menu-item a { 
	text-decoration: none;
	color: #000;
}

.navigatie .current-menu-item a, .navigatie a:hover {
	color: #f90;
}

#footnav {
	clear: both;
	text-align: center;
	margin-top: 20px
}

#respond h4 {
	font-size: 115%;
	margin-bottom: 10px;
	margin-top:0px;
}

#respond input[type="text"] {
	width: 50%;
}

#respond input[type="submit"] {
	float: right;
	margin: 0px;
}

#commentform textarea {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.post {
	clear: both;
}

.entry-summary img {
	float: left !important;
	position: relative;
	top: -35px;
	margin-top: 0px !important;
}

.category-blog .entry-summary img, .category-recepten .entry-summary img {
	top: -48px;
}

/* Homepage */

h4.home-content {
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 90%;
}

h4.home-content a { 
	text-decoration: none;
	color: #000;
}

.home-widget { 
	float: left;
	width: 202px;
	height: 272px;
	max-height: 272px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 56px;
}

.home-widget img {
	width: 200px;
	height: 200px;
	border: #afafaf 1px solid ;
}

.home-widget .description {
	font-size: 90%;
}

/* Andere widgets */

.widget {
	margin-bottom: 5px;
}

.rondboxje {
	width: 155px;
	padding: 5px;
	padding-top: 10px;
	overflow: hidden;
}

#shopbox {
	background: url('afbeeldingen/box210.png') no-repeat;
	height: 200px;
}

#newsletter {
	background: url('afbeeldingen/box160.png') no-repeat;
	height: 155px;
	padding-bottom: 0px;
}

#searchbox {
	background: url('afbeeldingen/box110.png') no-repeat;
	height: 105px;
	padding-bottom: 0px;
}

.rondboxje p {
	margin: 0px;
}

.rondboxje h4 { /* Rond boxje */
	margin: 0px !important;
	font-size: 140%;
	letter-spacing: 1px;
}

.rondboxje input[type="text"] {
	width: 145px;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	font-style: italic;
}

.oranjeglans {
	background: #f90 url('afbeeldingen/button.png') no-repeat center;
	width: 90px;
	color: #fff !important;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	float: right;
	margin-top: 5px;
	margin-right: 2px;
	text-align: center;
	cursor: pointer;
}

input.oranjeglans {
	line-height: normal;
}

h4.widget-title { /* Text widget */
	margin: 0 0 7px 0;
}

.textwidget, .widget_search {
	font-size: 90%;
}

.textwidget img {
	vertical-align: middle;
}

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

/* Footer */

#footer { 
	clear: both;
	text-align: center;
	padding-top: 2px;
}

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

#copyright {
	font-size: 70%;
	color: #000;
}

/* Menu links (VDD menu) */

#vddmenu { 
	width: 160px;
	float: left;
	padding: 0px;
	margin-top: 40px;
}

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

#vddmenu ul {
	font-weight: bold;
	text-transform: lowercase;
	list-style-type: none;
	padding: 0px;	
	margin: 0px;
}

.kolom ul {
	padding: 0px;
	list-style-type: none;
}

#vddmenu li {
	font-size: 100%;
	margin-left: 0px;
}

#vddmenu a:hover, #vddmenu .current_page_item a { 
	color: #f90;
}

@media print {
	#vddmenu { 
		display: none;
	}
}

.container { 
	width: 960px;
	margin: 20px auto;
}

.hfeed { 
	width: 600px;
	float: left;
	padding-right: 20px;
	padding-left: 15px;
}

.extended {
	width: 775px;
	padding-left: 0px;
	padding-right: 20px;
	float: left;
}

.aside { 
	margin-top: 40px;
	width: 165px;
	float: right;
}

/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; margin-bottom: 0px; text-decoration: none; }
.catpag .entry-title, .catpag .entry-meta { margin-left: 166px; }

.entry-content h2 { margin-top: 0px; }
.entry-content h3 { margin-bottom: 5px; }
.entry-content p + ul { margin-top: -20px; }

.entry-content a:hover { text-decoration: none; }
.entry-meta { font-size: 80%; }

/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }

blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }

strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }

sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }

del { text-decoration: line-through; }
ins { text-decoration: underline; }

code, pre {  line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }

/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 15px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }

li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

dt { font-weight: bold; }

.fat li { margin-bottom: 10px; }

/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input[type="text"], textarea { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; }
#respond h4 { margin-top: 20px; }

/* Commentaar ding */
.wpcf7 textarea { width: 100% !important; }

/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }

/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { font-size: 80%; }
.comment-meta a { color: #000; text-decoration: none; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }

/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* Navigation 
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; } */

.page-navigation {  
	display: block;  
	text-align: center;  
	margin-top: 60px;  
	margin-bottom: 0px;  
	font-size:80%;
}  
 
.page-navigation a{  
	text-align:center;  
	padding:5px 10px;  
	margin:0 2px 0 2px;  
	/*border:1px solid #000000;*/
	background:#ffffff; 
	text-decoration: none;
}  
 
.page-navigation a:hover{  
	background:#f90;
	color: #fff;
}

.nav-meta {
	color: #f90;
	font-size: 80%;
}

.nav-next {
	float: right;
}

.nav-prev {
	float: left;
}

/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

/* Lightbox */

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption { 
	float: left;
	font-style: italic;
	line-height: 1.3;
}

#closeButton { 
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
}

#lightbox img { 
	clear: both;
} 

#lightboxOverlay { 
	background: url('afbeeldingen/overlay.png');
}

#loadingImage {
	width: 126px;
	height: 22px;
}

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}