/*
Theme Name: Branko2
Theme URI: http://tekstadventure.nl/branko
Author: Branko Collin
Author URI: http://tekstadventure.nl/branko
Description: A new theme for Branko Collin.
Version: 1.0
License: Copyright 2014 Branko Collin. 
License URI: http://tekstadventure.nl/branko
*/

/* Responsive, mobile first. */

/**
 *
 * Fonts.
 *
 */

@font-face {
  font-family: 'Permian Sans';
  src: url('fonts/permian-sans-regular.woff') format('woff'),
       url('fonts/permian-sans-regular.ttf')  format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Permian Sans Bold';
  src: url('fonts/permian-sans-bold.woff') format('woff'),
       url('fonts/permian-sans-bold.ttf')  format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Permian Sans Italic';
  src: url('fonts/permian-sans-italic.woff') format('woff'),
       url('fonts/permian-sans-italic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


/**
 *
 *  Resets and generics. 
 *  
 */

body {
  min-width: 480px;
  font-family: verdana, sans-serif; 
}

body, #page {
  background: #fff;
  color: #666;
}

* {
}

div, form, body {
  border: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0em 0em .25em 0em;
  line-height: 1.2;
}

h1, h2, h3, h4, h5 {
  font-family: "Permian Sans Bold", serif;
}

h6 {
  font-family: "Permian Sans", serif;
}

h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.6em; font-weight: bold; }
h3 { font-size: 1.4em; font-weight: bold; }
h4 { font-size: 1.25em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: normal; letter-spacing: 1px; }

p, table, ul, ol, div.wp-caption, div.navigation {
  margin: 0em 0em 1em 0em;
}
p, li, td, th, div, address {
  line-height: 1.8;
}
p:last-child {
  margin: 0em 0em .5em 0em;
}

th {
  font-weight: bold;
}

td, th {
  vertical-align: top;
  text-align: left;
  border: none;
  margin: 0;
  padding: 0em 1em 1em 0em;
}
td:last-child, th:last-child {
  padding-right: 0;
}
tr:last-child th, tr:last-child td {
  padding-right: 0;
}

ul,
ol {
  padding-left: 0px;
}

li {
  margin-left: 2em;
}

caption {
  margin: 0em 0em .5em 0em;
  text-align: left;
  letter-spacing: 2px;
}

blockquote {
  border-left: .25em solid #ddd;
  margin: 0em 0em 1em 0em;
  padding-left: 1.25em;
}

a {
  color: #73a0c5;
  text-decoration: none;
}

a:hover  { color: #73a0c5; text-decoration: underline; }
a:active { color: #73a0c5; }

/**
 *
 *  WordPress structure.
 *  
 */

#page {
  padding: 1em;
  max-width: 560px;
  margin: 0px auto;
}

#header {
  background-color: #73a0c5;
  text-align: center;
  margin-bottom: 1.5em;
  max-width: 560px;
}

#header, #header a {
  color: #fff;
}

#header .logotype {
  font-family: "Permian Sans Bold", serif;
  font-size: 3em; 
  line-height: 1.6;
}

#header .description {
  font-size: 1.2em;
  padding: 0em .5em .5em .5em;
}

#content {
  max-width: 600px;
}

.clearfix:after, 
.navigation:after,
#footer:after {
  content: " ";
  display: block;
  clear: both;
}

#footer {
  max-width: 560px;
  margin-top: 1em; 
  font-size: .875em;
}

/**
 *
 * Posts and pages.
 *
 */    

div.post {
  margin-bottom: 2em;
}

div.post .entry a {
  text-decoration: underline;
}

div.post .entry a:hover {
  color: #666;
  text-decoration: underline;
}

div.post .postmetatop {
  display: block;
  margin-bottom: .5em;
}

div.post .postmetatop, div.post .postmetadata {
  font-size: .75em;
} 

/**
 *
 * Images.
 *
 */
img.aligncenter, img.alignright, img.alignleft {
  width: 100%;
  height: auto;
  float: none;
}

/* If an image has a caption, the image + caption are wrapped in a div with class="wp-caption". The aligncenter, alignnone classes are set on this same div instead of the image. */

.wp-caption { 
  border: 1px solid #ccc;
  padding: 5px;
}

.wp-caption-text {
  display: block;
  font-size: 0.9375em;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0.9375em;
  text-align: left;
}

/**
 *
 * Lists.
 *
 */

li {
  list-style-type: disc;	
  margin-left: 2em;
}

#sidebar > ul {
	margin: 0;
	padding: 0;
}

#sidebar > ul > li {
	list-style-type: none;
	list-style-image: none;
  margin-left: 0;
	margin-bottom: 1em;
}

#sidebar > ul ul:after {
  clear: both;
  content: " ";
  display: block;
}

#sidebar > ul ul > li, 
#sidebar > ul ol > li {
  list-style-type: disc;	
  margin-left: 2em;
  margin-bottom: .25em;
}

#sidebar > ul > li.widget_get_recent_comments > div > ul, 
#sidebar > ul > li.widget_links > ul, 
#sidebar > ul > li.widget_categories > ul,
#sidebar > ul > li.widget_meta > ul  
{
  margin-left: 0px;
  padding: 0px;
}

#sidebar > ul > li.widget_categories > ul {
  color: #ddd;
}

#sidebar > ul > li.widget_categories > ul ul {
  display: none;
}

#sidebar > ul > li.widget_get_recent_comments > div > ul > li, 
#sidebar > ul > li.widget_links > ul > li, 
#sidebar > ul > li.widget_categories > ul > li,
#sidebar > ul > li.widget_meta > ul > li
{
  width: 30%;
  list-style-type: none;	
  margin: 0px;
  padding: 0px 10px 10px 0px;
  float: left;
}

#sidebar > ul > li.widget_get_recent_comments > div > ul > li {
  width: 42%;
  min-height: 6em;
  margin: 0px 10px 10px 0px;
  border: 1px solid #ddd;
  padding: .5em;
}

#sidebar > ul > li.widget_links > ul > li > a, 
#sidebar > ul > li.widget_categories > ul > li > a,
#sidebar > ul > li.widget_meta > ul > li > a
{
  display: inline-block;
  border: 1px solid #ddd;
  width: 90%;
  min-height: 4em;
  padding: .5em;
}

/**
 *
 * Special.
 *
 */
 
 /* Concordance tables. Used for instance in my Tell-tale Heart posting */
 .concordance td, 
.concordance th {
	vertical-align: top; 
	text-align: left; 
	padding-bottom: 1em; 
	padding-right: 1em;
	font-size: smaller;
	line-height: 1.1;
}

/* Tabular tables. */
table.data {
  border-collapse: collapse;
}

table.data caption {
  margin-bottom: .25em;
  padding-left: .7em;
}

table.data td,
table.data th {
  border: 1px solid #ddd;
  padding: .5em;
}

/* hReview exceptions */

#page .hreview .description {
	color: #666;
	font-size: 100%;
	text-align: left;
	font-weight: normal;
}

#page .hreview blockquote,
#page div.hreview blockquote.description {
  border: none;
  padding: 0;
	font-style: normal;
	line-height: 1.8;
}

#page .hreview h2 {
	font-size: 1em;
	margin: 1em 0em;
}

/**
 *
 * Other.
 *
 */

.sticky, .gallery-caption, .bypostauthor {
  /* The WordPress Theme-Check plugin requires I define these. */
} 

.alignright {
	float: right;
  padding-left: 1em;
}
	
.alignleft {
	float: left;
  padding-right: 1em;
}

.navigation .alignright, 
.navigation .alignright {
  display: inline-block;
}



















/* hic sunt dragones */