/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
body {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #304452;
}
/* We like off-black for text. */
body, select, input, textarea {color: #333;}
a {color: white;}
a:hover {color: white;}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
#wrapper {width: 100%; margin: 0px auto;}
.post {}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}
#meta {}
.postmetadata {}
#sidebar {}
.navgation {}
.next-posts {}
.prev-posts {}
#searchform {}
#s {}
#searchsubmt {}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
/* Jeroen Smeets specific */
@font-face {font-family: 'CaeciliaLTPro55Roman';src: url('font/CaeciliaLTPro55Roman');src: url('font/CaeciliaLTPro55Roman.eot?#iefix') format('embedded-opentype'),url('font/CaeciliaLTPro55Roman.woff') format('woff'),url('font/CaeciliaLTPro55Roman.ttf') format('truetype');}
body { font-family: 'CaeciliaLTPro55Roman'; }
/* center some stuff */
article .entry,
header#header h1,
header#header h2,
header#header img {
display: block;
margin: 0px auto;
text-align: center;
}
header#header h1 {
font-size: 82px;
font-weight: bold;
color: #295266;
}
header#header h2 {
font-size: 44px;
color: #ea6808;
letter-spacing: 0.1em;
font-family: 'Open Sans', sans-serif;
}
header#header img {
/* padding: 9px 0px 5px; */
top: 24px;
width: 336px;
height: 336px;
}
/* move logo horizontally */
@media screen and (min-width: 1350px) {
header#header img.noyoudont {
position: fixed;
left: 50%;
transform-origin: center center;
}
header#header h1.noyoudont {
margin-top: 400px;
}
}
article {
/*
background-color: #e84e0e;
color: white;
*/
padding-bottom: 26px;
}
article .entry {
max-width: 553px;
padding: 36px 0 0;
text-align: center;
font-size: 18px;
line-height: 28px;
/* padding-bottom: 24px; */
/*
background-image: url('img/streepwit.png');
background-position: center bottom;
background-repeat: no-repeat;
*/
}
article .entry h3 {
margin: 4em 0 2em;
}
article .entry ul li {
margin-bottom: 1.5em;
/* font-family: 'Open Sans', sans-serif; */
}
article .entry p {
margin-bottom: 18px;
font-family: 'Open Sans', sans-serif;
}
article .entry a {
color: #b33520;
}
#no-cookies {
position: fixed;
top: 0; right: 0;
padding: 24px 120px;
transform: translate(25%, 110%) rotate(45deg);
background-color: #295266;
color: white;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
footer#footer {
min-height: 90px;
text-align: center;
color: #ccc;
padding-top: 3px;
margin-bottom: 42px;
}
/* http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ */
footer#footer ul {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
footer#footer ul li {
float: left;
margin-right: 17px;
color: #b33520;
size: 17px;
}
footer#footer ul li a {
display: block;
text-decoration: underline;
color: #b33520;
size: 17px;
}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-width: 580px) {
article .entry,
header#header img {
padding: 24px;
width: 75%;
}
footer#footer ul#socmed {
display: block;
margin-bottom: 24px;
}
footer#footer ul#socmed li {
float: none;
display: block;
margin: 5px auto;
}
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}