/* 
Theme Name: minimalist approach
Theme URL: http://www.minimalist-approa.ch
Description: a minimalist wordpress theme that was custom built for this site
Author: Alex Hommel
Author URI: http://www.in-bloom.org
Version: 1.0

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

a img, :link img, :visited img, :focus img {border: 0;}

ul {list-style: none; line-height: 1.5em; margin: 5px 0px 5px 5px; font-size: 1.1em;}
ol {list-style: none; line-height: 1.5em; margin: 5px 0px 5px 0px; }
blockquote {font-style: italic; font-size: 1.1em; font-family: Georgia; padding: 10px 20px;}
label {font-size:1em; padding: 5px 0;}
input, textarea {clear: left; border:none; background:#acacac;margin: 5px 0; padding:3px; }
input.formbutton{
cursor:pointer;
border:none;
background:#2eabca;
color:#fff;
font-family: Arial;
font-size: 1.2em;
padding: 2px 5px;
}
em {text-transform:uppercase;font-style:italic;}


/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.bold {font-weight:bold;}

img.floatleft {margin:0 10px 10px 0;}
img.floatright {margin:0 0 10px 10px;}

a {color: #2eabca;text-decoration:none;}
a:hover {text-decoration:underline;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 background-color: #08181c;
 color:#acacac;
 }

#container { 
 margin: 0;
 padding:0;
 width: 100%;
}

#wrapper { 
 margin: 0 auto;
 padding: 0;
 width: 960px;
}

/*********************** HEADER SECTION *********************/

#header { width: 100%; height: 200px;border-bottom:1px solid #040c0e;}

#logo {
 float: left;
 width: 250px; 
 height: 200px;
}

#navigation {
 float: right;
 width: 500px;
 margin-top: 100px;
 font-family: Georgia;
 font-size: 1.6em;
 text-align: right;
}

#navigation li {display: inline; padding: 5px 20px;}

#navigation li a {color: #fff; text-decoration:none;}
#navigation li a:hover, #navigation li a.active  {color: #2eabca;}


/*********************** CONTENT SECTION *********************/

#main {
 float: left;
 margin: 0 auto;
 width: 960px;
 border-top:1px solid #1c2a2e;
 border-bottom:1px solid #040c0e;	
}

#content {float: left; width: 600px; margin: 30px 0; font-size: 1.2em;}

#content a {color: #2eabca; text-decoration: none;}
#content a:hover {text-decoration: underline;}

#content img.postimg {border:5px solid #fff;margin: 0 0 20px 0;}
/*#content a:hover img{border:5px solid #2eabca;}*/

#content img {margin:10px 0 20px 0;}

#content p {line-height: 1.25em; margin: 0 0 15px 0;}

#content h2 {font-family:Georgia; font-size:2em; color:#fff; padding: 10px 0 0 0; width:600px;}
#content h2.page {font-family:Georgia; font-size:2em; color:#fff; padding: 10px 0; width:600px;}
#content h2 a {color:#fff; text-decoration: none;}
#content h2 a:hover {color:#2eabca; text-decoration: none;}
#content h3 {margin: 0 0 5px 0;  font-family: Georgia;font-size: 1.6em;}
#content h4 {margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold;}

#content ul {font-size:1.2em; list-style:disc;margin-left: 30px;}

.post-container {float: left; width: 600px; margin-bottom: 30px;}

.post-meta {line-height: 1.4em; float: left; padding:5px 0 10px 0; font-size: .9em;}

#content img.comments {border:none;}


/*********************** SIDEBAR SECTION *********************/

#sidebar {
 float: right;
 width: 300px;
 margin: 30px 0 30px 30px;
}

#sidebar h2 {font-family: Georgia; font-size: 1.6em; color:#fff; padding: 15px 0;}

ul#sb-items {
 margin: 0 0 40px 0;
}
ul#sb-items li {
 margin: 0 0 10px 0;
}

ul#ads {margin: 15px 0;}
ul#ads li {float: left; margin: 0 5px 10px 5px; display: block; width:125px; height:125px; background:#acacac;}



a.feed {
 height: 40px;
 width: 300px;
 background: url("http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/feed.png") no-repeat 0 0;
 font-family: Georgia;
 font-size: 1.6em;
 padding: 13px 0px 0px 50px;
 float:left;
 text-decoration: none; 
 margin: 10px 0 0 0;
}

a.mail {
 height: 40px;
 width: 300px;
 background: url("http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/mail.png") no-repeat 0 0;
 font-family: Georgia;
 font-size: 1.6em;
 padding: 13px 0px 0px 50px;
 float:left;
 text-decoration: none; 
 margin: 0;
}

a.twitter {
 height: 40px;
 width: 300px;
 background: url("http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/twitter.png") no-repeat 0 0;
 font-family: Georgia;
 font-size: 1.6em;
 padding: 13px 0px 0px 50px;
 float:left;
 text-decoration: none; 
 margin: 0;
}

.sb-item-left {float: left; width: 150px;}
.sb-item-right {float: right; width: 150px;}


/*********************** FOOTER SECTION *********************/

#footer { 
 clear: both;
 width: 960px;
 height: 50px;
 font-size: 1em;
 margin: 0 auto;
 padding: 30px 0;
 border-top:1px solid #1c2a2e;
}

/*********************** COMMENT SECTION *********************/

#comment-area {padding:10px 0px; font-size:.9em;}
#comment-area img {border:none;}
#comment-area p {padding: 5px 0;}

#commentlist li {margin: 5px 0; padding: 5px 10px;list-style-type:none;}
.singlecomment {margin: 5px 0 0 60px; font-size: 1em;}
/*.commenttext {line-height:1.5em;}*/

.avatar {float: left; padding: 5px 0;font-size:1.2em;text-align: center;}
.commenttext, .commenttext-admin {margin: 0 0 0 60px; font-size:1.2em;}


/* SEARCHBOX */

#searchbox {margin: 10px 0px;}

#searchbox input.text {
/*	border: 2px solid #aa1114;*/
 background: none;
 border:2px solid #2eabca;
 margin-right: 5px;
 padding: 5px 0 0 5px;
 height: 20px;
 width: 200px;
 color: #acacac;
 font-size: 1.15em;
 float: left;
}

#searchbox .button {background:none; padding:0 5px 3px 5px;}

/*
#searchbox .button {
 border:none;
 background: #2eabca;
 padding: 5px;
 color: #fff;
 font-size: 1.2em;
 font-weight: bold;
}*/

/*********************** SOCIAL BOOKMARKS SECTION *********************/

.socialbm {margin: 10px 0 25px 0; padding:5px;font-size: 1.1em; }
.socialbm img {margin: 5px 5px 0 10px;}

a.facebook {
 background:url(http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/facebook.png) no-repeat 0 6px;
 padding:5px 10px 5px 20px;
 height: 18px;
}
a.twitter1 {
 background:url(http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/twitter1.png) no-repeat 0 6px;
 padding:5px 10px 5px 20px;
 height: 18px;
}
a.delicious{
 background:url(http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/delicious.png) no-repeat 0 6px;
 padding:5px 10px 5px 20px;
 height: 18px;
}
a.stumble {
 background:url(http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/stumbleupon.png) no-repeat 0 6px;
 padding:5px 10px 5px 20px;
 height: 18px;
}
a.float {
 background:url(http://www.minimalist-approa.ch/wp-content/themes/minimalist-approach/images/designfloat.gif) no-repeat 0 6px;
 padding:5px 10px 5px 20px;
 height: 18px;
}

#connect {height: 50px;
}