/*-----------------------------------------------------------------------------
Theme Name: Skeleton Theme
Theme URI: http://
Description: Basic skeleton Theme
Version: 0.1
Author: Matthijs Abeelen
Author URI: http://sitestone.eu/

-----------------------------------------------------------------------------*/

/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin:0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%;font-family: 'Helvetica neue',Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family:  'Helvetica neue', Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 1.8em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Code syntax highlighting
-------------------------------------------------------------- */

code { font-size:1.2em; }
pre { font-size:1.2em; }
.wp_syntax { color:#100;background-color:#f9f9f9;border:1px solid silver;margin:0 0 1.5em 0;overflow:auto; }
/* IE FIX */
.wp_syntax { overflow-x: auto;overflow-y: hidden;padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);width:100%; }
.wp_syntax table { border-collapse: collapse; }
.wp_syntax div, .wp_syntax td { vertical-align: top;padding: 2px 4px; }
.wp_syntax .line_numbers { text-align:right;background-color:#def;color: gray;overflow: visible; }
/* potential overrides for other styles */
.wp_syntax pre { margin:0;width:auto;float:none;clear:none;overflow:visible; }

/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }
.hide { display: none; }
.highlight { background: #ffc; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/* -------------------------------------------------------------- 
   
   Boilerplate forms.css
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */

label { font-weight: bold; }
/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* hForm
-------------------------------------------------------------- */

form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }
form.hform p input { width: 200px; }
form.hform p select { width: 200px; }
form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

/* vForm
-------------------------------------------------------------- */

form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }


/* -----------------------------------------------------------------------------
   
   Design
  
----------------------------------------------------------------------------- */

/* General design
-----------------------------------------------------------------------------*/

body { border-top:33px solid #444; }
.wrapper { width:950px;margin:0 auto; }
#header { float:left;width:100%;margin:-33px 0 0;padding:9px 0 18px;border:solid #333;border-width:0px 0 1px;position:relative; }
#content { float:left;width: 650px;padding-top:18px;margin-left:0px; }
#sidebar { float:right;width:230px;margin:0;padding-top:18px;padding-top:36px; }
#footer { clear:both; }
a:link, a:visited { color:#259; }
a:hover {}
h2 { letter-spacing:-1px; }
ul { list-style:none; }

/* Header
-----------------------------------------------------------------------------*/

#sitedescr { float:left;width:100%;height:60px; }
#sitedescr h1 { float:left;width:120px;margin:0;font-size:14px;line-height:18px;margin:40px 0 0;padding:0; }
#sitedescr p { float:left;width:310px;font-size:11px;line-height:18px;margin:40px 0 0;padding:0; }

#nav { display:block;float:left;width:100%;margin:0;padding:0;position:absolute;top:0;left:0; }
#nav li { display:block;float:left;height:1.1em;margin:0 2px 0 0;padding:0; }
#nav li a { display:block;padding:3px 5px 0;text-decoration:none;text-transform:uppercase;font-size:10px;line-height:23px;color:#888; }

#search { position:absolute;left:720px;top:4px; }
#search form { background:transparent;margin:0;padding:0; }
#search input { width:150px;border:1px solid #ddd; }
#search input#s { border:1px solid #333; }
#search  #searchsubmit { width:auto; }

/* Content
-----------------------------------------------------------------------------*/

/* posts */
.post { padding-top:9px; }
.post .date { color:#888;font-size:11px; }
.post h2,
.post .entry {  }
.postmetadata { clear:both; }
.post_nav { padding:0 0 9px;border-bottom:1px solid #ddd; }
.post li { list-style-type:disc;}

/* home */
#lead { padding-top:18px; }
#lead p { font-size:18px;line-height:24px;margin-left:0px;margin-right:0px; }
#latestnews { float:left;width:100%;padding-top:9px;padding-bottom:18px; }
#latestnews ul { margin:0;padding:0; }
#latestnews ul li { float:left;margin:0 0 9px;padding:0;width:100%; }
#latestnews ul li .date { float:left;width:110px;color:#888;font-size:11px; }
#latestnews ul li h3 { float:right;width:510px;margin:0; }
#latestnews ul li .entry { float:right;width:510px;  }
#categories { padding-top:9px; }
#categories ul { margin-left:0;padding-left:0; }
.feeds ul {  margin-left:0;padding-left:0; }
#latestnews h3 { font-size:12px; }

/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar h3 { font-size:12px; }
#sidebar ul { margin-left:0; }
.linklist {}
.linklist a {}


/* Comments
-----------------------------------------------------------------------------*/

.comments-header {}
ol#comments { margin:0;padding:0;list-style-type:none; }
ol#comments li { margin:0 0 18px;padding:0;width:100%; }
ol#comments .highlight { background:none;}
.comment-meta { width:100%; }
.comment-author {}
.comment-date {}
.comment-text {}
ol#trackbacks {}
#comments-form {}
#comments-form form {}
#comments-form form p {}
#comments-form form label {}
#comments-form form input {}

/* Footer 
-----------------------------------------------------------------------------*/

#footer { clear:both;border-top:1px solid #ccc;padding-top:9px; }
#footer p { padding-left:60px; }