/* ******************************
undohtml.css
Undo browser defaults
http://tantek.com/log/2004/09.html#d06t2354
****************************** */
/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
hr {display:none;}
/* ******************************
'my wishful thoughts' template default stylesheet
last edit: 07/09/2007
author: Piotr Delawski
****************************** */
body { background-color: #3c312d; font: 0.88em/1.28em Georgia,serif; text-align: center; }
p { text-align: left; margin: 0.78em 30px 1.06em; }
ul, ol, dl { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; }
li { padding: 0.32em 0 0.32em 15px; }
blockquote { margin: 0.64em 30px; font-style: italic; }
blockquote p { margin: 0 0px; padding: 0.78em 13px 1.06em 15px; text-indent: 15px; }
#upper-part blockquote { background: #ffffff url(../images/layout/icons/doublequote.gif) no-repeat top left; }
#lower-part blockquote { background: #504642 url(../images/layout/icons/doublequote-dark.gif) no-repeat top left; }
#upper-part acronym, #upper-part abbr { border-color: #b8a088; cursor: help; }
#lower-part acronym, #lower-part abbr { border-color: #9e9896; cursor: help; }
pre, code { font-family: monospace; display: block; padding: 0.64em 15px; background-color: #504642; }
pre { margin: 0.64em 30px; }
cite { font-style: italic; }
#upper-part h1 a:link, #upper-part h1 a:visited { color: #ffffff; text-decoration: none; }
#upper-part h1 a:hover, #upper-part h1 a:focus { color: #3c312d; text-decoration: none; }
h3 { font-size: 1.5em; font-weight: normal; letter-spacing: -1px; padding: 0 15px; }
#upper-part h3 { color: #fb569c; }
#lower-part h3 { color: #fc87B8; }
#upper-part h3 a:link, #upper-part h3 a:visited { text-decoration: none; }
#upper-part h3 a:hover, #upper-part h3 a:focus { text-decoration: none; }
#lower-part h3 a:link, #lower-part h3 a:visited { color: #fC87B8; text-decoration: none; }
#lower-part h3 a:hover, #lower-part h3 a:focus { color: #fb569c; text-decoration: none; }
h4 { font-size: 1.29em; font-weight: normal; padding: 0 15px; }
#upper-part h4 a:link, #upper-part h4 a:visited, #lower-part h4 a:link, #lower-part h4 a:visited { color: #fc87b8; text-decoration: none; }
#upper-part h4 a:hover, #upper-part h4 a:focus, #lower-part h4 a:hover, #lower-part h4 a:focus { color: #ffffff; text-decoration: none; }
h5 { font-size: 1em; font-weight: bold; padding: 0 15px; }
h6 { font-size: 1em; font-weight: normal; padding: 0 15px; text-decoration: underline; }
/* Specific styles of minor elements */
.clear, .separate { clear: both; }
.clear hr, .separate hr { display: none }
.separate { height: 1.93em; }
.caps { font-size: 0.86em; letter-spacing: 1.2px; }
.small { font-size: 0.86em; }
.very-small, .footnote { font-size: 0.79em; }
.to-right { text-align: right; }
.error { color: #ff0000 !important; }
.comments-label { padding-left: 20px; }
#upper-part .comments-label { background: url(../images/layout/icons/comments.gif) no-repeat 1px 0; }
#lower-part .comments-label { background: url(../images/layout/icons/comments-dark.gif) no-repeat 1px 0; }
a.full-article, .full-article a { padding-left: 15px; background: no-repeat 3px 5px; }
#lower-part a.full-article, #lower-part .full-article a { background-image: url(../images/layout/icons/full-article-dark.gif); }
#upper-part a.full-article, #lower-part .col240-box a.full-article, #lower-part .col320-box a.full-article, #lower-part .col400-box a.full-article, #lower-part .col560-box a.full-article, #lower-part .col960-box a.full-article,
#upper-part .full-article a, #lower-part .col240-box .full-article a, #lower-part .col320-box .full-article a, #lower-part .col400-box .full-article a, #lower-part .col560-box .full-article a, #lower-part .col960-box .full-article a {
background-image: url(../images/layout/icons/full-article.gif); }
#upper-part .very-small a.full-article, #upper-part .very-small .full-article a, #lower-part .very-small a.full-article, #lower-part .very-small .full-article a { background-position: 3px 3px; }
/* Styles of the main parts of the site */
#upper-part { min-width: 960px; background-color: #b8a088; text-align: center; }
#body-subpage #upper-part { height: auto; }
#upper-part a:link, #upper-part a:visited { color: #fb569c; text-decoration: underline; }
#upper-part a:hover, #upper-part a:focus { color: #3c312d; text-decoration: none; }
#wrapper { width: 960px; position: relative; margin: 0 auto; background: url(../images/layout/silhouette.jpg) no-repeat 230px bottom; }
#header { letter-spacing: -1px; }
#header h1 { color: #ffffff; font: 3.21em/0.80em Georgia,serif normal; }
#header h2 { color: #3c312d; font: 1.71em/1.13em Georgia,serif normal; }
#body-home #wrapper { min-height: 450px; }
#body-home #header { width: 450px; height: 450px; position: absolute; bottom: 0; left: 0; text-align: right; }
#body-home #header h1 { position: absolute; bottom: 195px; right: 210px; padding: 0.4em 0; }
#body-home #header h2 { position: absolute; top: 270px; right: 210px; padding: 0.75em 0; }
#body-subpage #wrapper { height: 175px; background-position: 230px -20px; }
#body-subpage #header { height: 175px; text-align: left; }
#body-subpage #header h1 { position: absolute; bottom: 75px; left: 420px; padding-bottom: 0.4em; }
#body-subpage #header h2 { position: absolute; left: 425px; top: 100px; padding-bottom: 0.75em; }
#articles { position: relative; margin-left: 360px; padding: 0.78em 0; text-align: left; }
#articles p { background-color: #ffffff; }
#navbar { min-width: 960px; clear: both; background: #fc87b8 url(../images/layout/bg-navbar.gif) repeat-x center bottom; border-top: 1px solid #fde4a0; }
#menu { width: 960px; margin: 0 auto; font-weight: bold; color: #3c312d; position: relative; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { float: left; margin: 0; padding: 0; }
#menu a { display: block; padding: 0.51em 1.5em 0.59em; background: #fc87b8 url(../images/layout/bg-navbar.gif) repeat-x center bottom; }
#menu a:link, #menu a:visited { color: #3c312d; text-decoration: none; background-position: center bottom; }
#menu a:hover, #menu a:focus { color: #ffffff; text-decoration: none; background-position: 0 -67px; }
#menu a.active:link, #menu a.active:visited, #menu a.active:hover, #menu a.active:focus { background-position: 0 -67px; }
#menu form { float: left; margin: 0.51em 1.5em 0; padding-bottom: 0.31em; }
#menu p { margin: 0; position: absolute; right: 0; }
#menu label, #menu input { float: left; margin-left: 0.5em; }
#search-submit { color: #ffffff; background: transparent url(../images/layout/icons/search.gif) no-repeat; }
body.error-page form { display: none; }
#lower-part { width: 960px; margin: 2em auto; clear: both; color: #ffffff; background-color: #3c312d; }
#lower-part a:link, #lower-part a:visited { color: #fb569c; text-decoration: underline; }
#lower-part a:hover, #lower-part a:focus { color: #fc87b8; text-decoration: none; }
#footer { min-width: 960px; padding: 0.78em 0; clear: both; color: #ffffff; background: url(../images/layout/bg-footer.gif) repeat-x top; }
#footer p { text-align: center; width: 960px; margin-left: auto; margin-right: auto; }
#footer em { font-style: normal; color: #fc87b8; }
#footer a:link, #footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover, #footer a:focus { color: #fc87b8; text-decoration: none; }
/* Different types of columns in layout */
#articles .first-article, #articles .article { width: 595px; padding-bottom: 0.64em; background: transparent url(../images/layout/article-box-bg.gif) repeat-y left bottom; }
#articles .first-article h3, #articles .article h3 { background: transparent no-repeat left top; }
#articles .first-article h3 { padding: 3.21em 30px 0 95px; background-image: url(../images/layout/first-article-box-top.gif); }
#articles .article h3 { padding: 1.93em 30px 0 95px; background-image: url(../images/layout/article-box-top.gif); }
#articles p { margin-left: 110px; }
#articles p.very-small { color: #fb569c; }
.col960 { clear: both; text-align: left; min-height: 60px; }
.col240, .col320 , .col400, .col560, .col640, .col240-box, .col320-box, .col400-box, .col560-box, .col640-box { float: left; text-align: left; min-height: 60px; }
.col240, .col240-box { width: 240px; }
.col320, .col320-box { width: 320px; }
.col400, .col400-box { width: 400px; }
.col560, .col560-box { width: 560px; }
.col640, .col640-box, .col640-com { width: 640px; }
.col960, .col960-box { width: 960px; }
.col240-box, .col320-box, .col400-box, .col560-box, .col640-box, .col960-box, .col640-com {
padding-bottom: 0.64em; margin-bottom: 0.64em; color: #3c312d; background: #ffffff repeat-y left bottom; }
.col640-com { margin-top: 0.64em; min-height: 70px; }
.col240-box h3, .col320-box h3, .col400-box h3, .col560-box h3, .col640-box h3, .col960-box h3, .col640-com h4 {
padding: 0.89em 30px 0; text-align: left; background: transparent no-repeat top left; }
.col640-com h4 { padding: 2.57em 45px 0; font-style: italic; font-weight: normal; }
.col240-box p, .col320-box p, .col400-box p, .col560-box p, .col640-box p, .col960-box p, .col640-com p {
margin-left: 45px; margin-right: 45px; }
.col640-com p { margin-left: 60px; margin-right: 60px; }
.col240-box img, .col320-box img, .col400-box img, .col560-box img, .col640-box img, .col960-box img, .col640-com img {
background-color: #3c312d; }
#lower-part .col240-box { background-image: url(../images/layout/col240-box-bg.gif); }
#lower-part .col240-box h3 { color: #3c312d; background-image: url(../images/layout/col240-box-top.gif); }
#lower-part .col320-box { background-image: url(../images/layout/col320-box-bg.gif); }
#lower-part .col320-box h3 { color: #3c312d; background-image: url(../images/layout/col320-box-top.gif); }
#lower-part .col400-box { background-image: url(../images/layout/col400-box-bg.gif); }
#lower-part .col400-box h3 { color: #3c312d; background-image: url(../images/layout/col400-box-top.gif); }
#lower-part .col560-box { background-image: url(../images/layout/col560-box-bg.gif); }
#lower-part .col560-box h3 { color: #3c312d; background-image: url(../images/layout/col560-box-top.gif); }
#lower-part .col640-box { background-image: url(../images/layout/col640-box-bg.gif); }
#lower-part .col640-box h3 { color: #3c312d; background-image: url(../images/layout/col640-box-top.gif); }
#lower-part .col640-com { background-image: url(../images/layout/col640-com-bg.gif); }
#lower-part .col640-com h4 { font-size: 1em; color: #3c312d; background-image: url(../images/layout/col640-com-top.gif); }
#lower-part #cpreview .col640-com { background-image: url(../images/layout/col640-pcom-bg.gif); }
#lower-part #cpreview .col640-com h4 { color: #3c312d; background-image: url(../images/layout/col640-pcom-top.gif); }
#lower-part .col960-box { background-image: url(../images/layout/col960-box-bg.gif); }
#lower-part .col960-box h3 { color: #3c312d; background-image: url(../images/layout/col960-box-top.gif); }
/* Styles for lower part of the page */
ul.linklist { background: url(../images/layout/line-tan.gif) repeat-x bottom; }
ul.linklist li { background: url(../images/layout/dotted-tan.gif) repeat-x top; }
#lower-part ul.linklist a:link, #lower-part ul.linklist a:visited { color: #ffffff; text-decoration: none; }
#lower-part ul.linklist a:hover, #lower-part ul.linklist a:focus { color: #fc87b8; text-decoration: none; }
#lower-part ul.linklist .very-small { color: #fb569c; }
div.excerptlist { margin: 0.47em 15px 0; padding: 0; }
div.excerptlist-last { background: url(../images/layout/line-tan.gif) repeat-x bottom; padding-bottom: 0.31em; }
div.excerptlist h4 { background: url(../images/layout/dotted-tan.gif) repeat-x top; padding: 0.32em 15px 0; margin: 0; }
div.excerptlist p a:link, div.excerptlist p a:visited { color: #fc87b8; text-decoration: underline; }
div.excerptlist p a:hover, div.excerptlist p a:focus { color: #ffffff; text-decoration: none; }
/* Customized lists */
#lower-part #categories li a { display: block; padding-left: 20px; background: url(../images/layout/icons/folder.gif) no-repeat 0 4px; }
#lower-part #feeds li a { display: block; padding-left: 20px; background: url(../images/layout/icons/rss.gif) no-repeat 0 2px; }
#lower-part #recent-comments li a { display: block; padding-left: 20px; background: url(../images/layout/icons/comment.gif) no-repeat 0 4px; }
#lower-part #recent-articles li a, #lower-part #related-articles li a, #lower-part #articles-by-month li a
{ display: block; padding-left: 20px; background: url(../images/layout/icons/full-article-dark.gif) no-repeat 3px 5px; }
#lower-part #videos li a, #lower-part #recent-videos li a { display: block; padding-left: 25px; background: url(../images/layout/icons/video.gif) no-repeat 0 -1px; }
#lower-part #links li a { display: block; padding-left: 20px; background: url(../images/layout/icons/globe.gif) no-repeat 0 2px; }
/* Article body */
.article .excerpt { margin: 0.64em 15px 0.64em 45px; font-size: 1.14em; border-left: 5px solid #ffffff; }
.article .excerpt p { margin-left: 15px; }
.article ul { margin: 0 15px; padding: 0 0 0 40px; list-style-type: square; }
.article ul li { padding: 0 0 0 5px; list-style-type: square; }
.article ol { margin: 0 15px; padding: 0 0 0 40px; list-style-type: decimal; }
.article ol li { padding: 0 0 0 5px; list-style-type: decimal; }
img { margin: 0.64em; padding: 0.32em; border: 0; position: relative; }
img.left {
float:left;
margin:0.4em 5px 1em 25px;
}
img.right {
float:right;
margin:0em 0 0em 0;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto
}
.first-article p a:hover, .article p a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */
#upper-part a:link img, #upper-part a:visited img{ background-color: #fb569c; }
#upper-part a:hover img, #upper-part a:focus img { background-color: #fc87b8; }
#lower-part a:link img, #lower-part a:visited img{ background-color: #ffffff; }
#lower-part a:hover img, #lower-part a:focus img { background-color: #fc87b8; }
/* Flickr box */
#flickr { margin-bottom: 2.37em; padding: 1.58em 0 1.58em 68px; background: url(../images/layout/bg-flickr.gif) no-repeat 0 1.58em; }
#flickr h3 { width: 1px; margin: 0; padding: 0; height: 101px; text-indent: -9999px; float: left; }
#flickr a { margin: 10px 3px 0 3px; display: block; float: left; }
#flickr img { margin: 0; padding: 3px; border: 0; position: relative; }
#flickr a:hover { border: 0; } /* It makes IE use the :hover state ; acts like a 'trigger' */
#flickr a:link img, #flickr a:visited img{ background-color: transparent; }
#flickr a:hover img, #flickr a:focus img { background-color: #fc87b8; }
/* Videos */
#youtube { margin: 0.64em 0; text-align: center; }
#video-nav { margin: 0.47em 15px 0.72em; padding-bottom: 0.07em; background: url(../images/layout/line-tan.gif) repeat-x bottom; }
#video-nav a { display: block; background: url(../images/layout/dotted-tan.gif) repeat-x top; }
#video-nav a span.next-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-next.gif) no-repeat 5px 7px; }
#video-nav a span.prev-video { display: block; padding: 0.32em 0 0.32em 45px; background: url(../images/layout/icons/go-previous.gif) no-repeat 5px 7px; }
#video-nav a:link, #video-nav a:visited { color: #ffffff; text-decoration: none; }
#video-nav a:hover, #video-nav a:focus { color: #fc87b8; text-decoration: none; }
#video-nav span.very-small { display: block; color: #fc87b8; }
/* Comments and comments form */
#comment h4 { font-size: 1em; }
#comment h4 span { padding: 0 3px 2px; background-color: #f1ece7; }
#comment h4 span em { color: #fb569c; }
#cpreview h4 span { background-color: #fffaec; }
#lower-part #comment h4 a:link, #lower-part #comment h4 a:visited { color: #fb569c; text-decoration: underline; }
#lower-part #comment h4 a:hover, #lower-part #comment h4 a:focus { color: #3c312d; text-decoration: none; }
#txpCommentInputForm .linklist li { clear: both; padding: 0.64em 0 0.32em 15px; }
#txpCommentInputForm label { display: block; float: left; width: 100px; overflow: hidden; margin: 0.14em 0; }
#txpCommentInputForm input { float: left; width: 150px; margin: 0 0 0.32em; }
#txpCommentInputForm #remember { clear: both; width: 15px; margin: 0.32em 15px 0 100px; }
#txpCommentInputForm #li-message { text-align: center; }
#txpCommentInputForm #li-message label { text-align: left; padding-bottom: 0.32em; }
#txpCommentInputForm #message { width: 230px; text-align: left; }
#txpCommentInputForm #li-message #txpCommentHelpLink { display: block; clear: both; text-align: right; padding-right: 30px; padding-top: 0.32em; font-size: 0.79em; }
#txpCommentInputForm .button { width: 75px; }
#txpCommentInputForm #txpCommentPreview { margin-left: 50px; margin-right: 15px; }
#txpCommentInputForm ul.comments_error { padding-left: 40px; list-style-type: square; color: red; }
#txpCommentInputForm ul.comments_error li { padding-left: 5px; list-style-type: square; }
p#txpCommentInputForm { color: #fc87b8; font-size: 1.5em; line-height: 1em; padding-left: 30px; background: url(../images/layout/icons/list-add.gif) no-repeat -5px -7px; }
/* Search */
.search_results strong { background-color: #504642; padding: 0 3px; }
/* Archive */
h4.archive-year { margin: 0.57em 0 -0.07em; }
span.archive-date { display: block; float: left; width: 110px; color: #fc87b8; }
span.archive-date span { display: none; }
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}
/*COOKIE POLICY
/*--------------------------------------------*/
#cookie-question
{
background-color: rgba(255, 255, 255, .9);
background-image: url(http://www.sharonvanwieren.nl/images/transparant.png);
position: absolute;
top: 0px;
left: 0px;
width: 70%;
z-index: 100;
padding: 20px 15% 30px 15%;
box-shadow: 0px 5px 5px rgba(127, 127, 127, .9);
border-bottom: 1px solid silver;
text-align: left;
}
#cookie-enable
{
position: fixed;
bottom: 5px;
right: 100px;
width: 200px;
height: 20px;
z-index: 100;
}
.accept-cookies
{
background: url(http://www.sharonvanwieren.nl/images/button_cookies_toestaan.png);
width: 113px;
height: 25px;
overflow: hidden;
text-indent: 120px;
display: block;
text-wrap: none;
float: right;
}
.decline-cookie
{
width: 150px;
height: 25px;
display: block;
float: right;
line-height: 25px;
}