/*  
Theme Name: Destamaskal
Theme URI: http://www.portalshop.nl/
Description: Thema voor Destamaskal
Version: 1.0
Author: Ben Scheffer
Author URI: http://www.portalshop.nl/

	Portalshop
	 http://www.portalshop.nl/

	This theme was designed and built by Ben Scheffer,
	whose blog you will find at http://www.portalshop.nl/
	
*/

/* -=[ html tags ]=- */
body {margin: 0; padding: 0; background: #fcad22; font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; color: #000;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
p {margin: 0;}
img {padding: 0;}
a {color: #00f; text-decoration: none;}
a img {border: none;}
a:focus, a:hover, h2 a:hover, h3 a:hover h4 a:hover {color: #090;}
/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ 
img.centered {display: block; margin-left: auto; margin-right: auto;} 
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
ol li {list-style: decimal outside;}
ul li {list-style: circle outside;}
strong {font-weight: 900; font-variant: small-caps;}
hr {display: none;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
cite {text-decoration: none;}
cite a, cite a:visited {text-decoration: none; font-weight: bold; font-style: normal; font-size: 1.1em;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}
acronym, abbr {background-color: #ff9; border-bottom: 1px solid #cc9;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #333; quotes: '"' '"' "'" "'"; color: #006; font-style: italic;}
blockquote cite {margin: 5px 0 0; display: block;}
fieldset {margin: 0pt auto 5pt; padding: 5px 0; border: 1px solid #514e44; text-align: center;}
legend {margin-left: 5px; font-size: 1.2em; font-style: italic; font-weight: bold;}
input, textarea {border: 1px inset #ccc; font-size: 1em;}
select {width: 140px;}
td {line-height: 1.4em; font-size: 1.2em;}


/* -=[ lay-out ]=- */
#canvas {position: absolute; left: 50%; width: 764px; margin: 25px 0pt 25px -382px; padding: 0;}
#canvas .ccontent {width: 100%; border: 1px solid #000; background: #fff;}
.page {float: left; width: 630px; margin: 0pt; padding: 0pt;}
.header {clear: both; width: 630px; height: 105px; padding: 0; margin: 0; background: url(images/header.png) no-repeat scroll 30px 25px;}
#sidebar {float: left; width: 132px;}
#sidebar .scontent {margin: 0px 15px 0pt 5px; padding: 0pt;}
.narrowcolumn {float: left; width: 480px; margin: 0; padding: 0; border: 1px solid #509545;}
.narrowcolumn .ncontent {margin: 0px; padding: 0pt 8px 10px 8px;}
.right-gutter {float: left; width: 132px; height: 600px; background: url(images/bg1.png) no-repeat 15px 0%;}
.under-score {clear: both; width: 762px; height: 74px; background: url(images/bg2.png) no-repeat 50% 50%;}
#footer {clear: both; width: 764px; margin: 25px 0pt; padding: 3px 0pt; border-top: 1px solid #000; text-align: center;}


/* -=[ header / footer ]=- */
.header h1, .header strong {display: none;}
#footer a:link {}
#footer a:hover {}
#footer p {margin: 0; padding: 0; text-align: center; line-height: 1.4em;}


/* -=[ narrowcolumn ] */
.narrowcolumn p {text-align: left; line-height: 1.4em; font-size: 1.2em;}
.narrowcolumn p.headline {margin: 0pt 0pt 1.5em 0pt; border-bottom: 1px solid #514e44; text-align: right; font-size: 1.2em; font-weight: bold;}
.narrowcolumn h2 {margin: 0pt 0pt .25em 0pt; padding: 0pt; font-size: 3.6em;}
.narrowcolumn h2 a {color: #000; font-weight: 800;}
.narrowcolumn h2 a:hover {text-decoration: underline;}
.narrowcolumn h3 {padding: 0; margin: 2em 0pt 0.5em 0pt; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-family: Impact, Arial, Helvetica, Sans-Serif; font-size: 2em;}
.narrowcolumn h4 {margin: 1.5em 0pt 0.5em 0pt; font-size: 1.6em; font-family: Times New Roman, Times, Serif;}
.narrowcolumn h3 a, .narrowcolumn h4 a {color: #000;}
.narrowcolumn h2 a, .narrowcolumn h4 a {text-decoration: none;}
.narrowcolumn ul, .narrowcolumn ol {font-size: 1.2em; line-height: 1.4em;}
.narrowcolumn ul li {list-style-type: disc;}
.narrowcolumn .illustratie {margin: 1em 0pt 1em 10px; border: 3px double #514e44;}
.narrowcolumn small {font-size: 0.8em;}
.narrowcolumn fieldset {padding: 0pt 3px;}
.narrowcolumn #yf_map span {white-space: normal;}
.navigation {list-style-type: none;}
.alignright {float: right;}
.alignleft {float: left;}
p.tiny {font-family: Sans-Serif; font-size: 0.9em; font-style: italic;}
.narrowcolumn .search-results p {margin: 0pt; font-size: 1em; font-weight: normal;}
.narrowcolumn .search-results .title {padding: 0 5px; color: #000; font-size: 1.4em; font-weight: bold;}
.narrowcolumn .search-results .title a {color: #000;}
.narrowcolumn .search-results p.small {margin-bottom: 1.5em; border-top: 1px dotted #514e44; border-bottom: 1px dotted #514e44; font-family: Sans-Serif;}
.narrowcolumn .google-banner {}
.narrowcolumn .ncontent .google-links {margin-bottom: 2em;}
.narrowcolumn .dateline {margin: 0pt 0pt .5em 0pt; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em;}
.narrowcolumn .dateline:first-letter {margin-left: 0pt;}
.subtitle {font-size: 0.9em;}
.subtitle a {}
.subtitle x {color: #514e44; font-weight: normal;}
.postmetadata {clear: both; padding-top: 5px; text-align: center;}


/* -=[ widecolumn ]=- */
.widecolumn .post {margin: 0;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}


/* -=[ sidebar ]=- */
#sidebar .scontent img {clear: both; float: none; margin: 3px auto;}
#sidebar .datum {color: #999; font-size: 1em;}
#sidebar h2 {margin: 0pt; padding: 0pt 0pt 5px 0pt; color: #509545; font-size: 1.2em;}
#sidebar h3 {margin: 0; padding: 0 3px; color: #509545;}
#sidebar ul, #sidebar ul ol {margin: 0pt 0pt 1em 0pt; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin: 0pt;}
#sidebar form { : 112px; margin: 0;}
#sidebar #searchform #s {margin: 0 0 .5em 0; width: 108px; padding: 2px;}
#sidebar #searchsubmit {width: 44px; margin: 0pt 32px; font-weight: bold; background: #ccc; border: 1px outset #ccc;padding: 1px;}
.pagemenu {display: none;}
.page_item {margin: 0em; line-height: 1.4em; font-size: 1.2em; font-weight: bold;}
.current_page_item {color: #000;}
.page_item a {}
.page_item a:hover {color: #0f0; text-decoration: none;}


/* -=[ menu's ]=- */
.meta {clear: both; width: auto; margin: 10px auto; padding: 0;}
.meta td {border: 2px outset #ccc; background-color: #ccc;}


/* -=[ comments ]=- */
.comments {padding: 25px 10px 25px 25px;}
h3#comments {margin: 2em 0pt 1em 0pt; text-align: center;}
h3#respond {text-align: center;}
.alt {}
.commentlist {margin: 0; padding: 0; text-align: justify;}
.commentlist li {margin: 0pt 0pt 15px 0pt; padding: 0pt; border-bottom:  3px groove #fff3d5; list-style: decimal; list-style-position: inside; font-weight: bold;}
.commentlist li {font-size: 0.9em;}
.commentlist .author {text-align: center; font-size: 1.4em;}
.commentlist p {margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-weight: normal;}
#commentform {width: 285px;}
#commentform fieldset {margin: 1em 0pt; padding: 0.5em 10px;}
#commentform fieldset p {margin: 0pt 0pt 1em 0pt; line-height: 1em;}
#commentform fieldset label {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}
#commentform input {width: 250px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 250px; padding: 3px;}
#commentform #submit {width: 125px; margin: 3px auto; border: 1px outset #DBD0B8; text-align: center; font-family: 'Times New Roman,Times,Serif'; font-weight: bold;}
.nocomments {text-align: center; margin: 0; padding: 0;}


/* -=[ calendar ]=- */
#wp-calendar caption {text-align: center; width: 100%; font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-decoration: none; text-align: center;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left; font-size: 9pt;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* -=[ diversen ]=- */
.hidden {display: none;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;} 
.enter {text-align: center;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
.navigation li {list-style-type: none; font-size: 1.2em;}
.asterisk {color: #f00; font-family: 'Times New Roman', Times, Serif; font-size: 1.2em; font-weight: bold;}
.blogtitle {padding: 0 0 0 35px; font: normal small-caps bold 4em Sans-Serif;}
.blogtitle a {color: #f00; text-decoration: none;}
.footnote {font-size: 0.9em; text-align: left;}
.search-form {text-align: center;}
.markeerstift {background-color: #ffc; color: #609;}
.line {text-align: center;}
.line img {display: block; margin: 30px;}
.quote {display: inline; float: left; width: 27%; margin: 0 10px 5px 0; padding: 0 10px; border: 1px solid #fff; border-radius: 15px; -moz-border-radius: 15px; background-color: #d8d8d8; color: #609; font-family: Times New Roman, Times, Serif; font-size: 1.2em; font-weight: bold;}
.quote:lang(en) {quotes: '"' '"' "'" "'";}
.sneltoets {text-decoration: underline;}