/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/
Description: A blank frame work using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Simon Urbina
Author URI: http://simonwebdesign.com
Version: 1.1.6
Tags: light, two-columns, fixed-width
*/

@import url('reset.css');
@import url('typography.css');
@import url('grid.css');
@import url('forms.css');

@font-face {
	font-family: "LeagueGothic";
	src: url("fonts/league_gothic-webfont.eot");
	src: local('☺'), 
		url('fonts/league_gothic-webfont.woff') format('woff'), 
		url('fonts/league_gothic-webfont.ttf') format('truetype'), 
		url('fonts/league_gothic-webfont.svg#webfont') format('svg');
	}
@font-face {
	font-family: "DroidSans";
	src: url("fonts/DroidSans-webfont.eot");
	src: local('☺'), 
		url('fonts/DroidSans-webfont.woff') format('woff'), 
		url('fonts/DroidSans-webfont.ttf') format('truetype'), 
		url('fonts/DroidSans-webfont.svg#webfont') format('svg');
	}
/*******************************************************************************/
* {padding: 0; margin: 0;}
body {
	font: normal 0.75em/1.4 "DroidSans", Geneva, Helvetica, Arial, sans-serif;
	color: #424242;
	background: transparent url(images/body_bg.jpg) repeat left top;
	min-height: 101%;
}

/* header */
#top {
    background: transparent url(images/header_top_bg.png) no-repeat top left;
    height: 15px;
}
.header {
    padding: 10px 0 0 0;
    margin: 0 0 0 300px;
    background: transparent;
    border-bottom: 1px dotted #E3E3E3;
}
#logo {
    padding: 50px 0 30px 160px;
    position: relative;
    left: -160px;
	background: transparent url(images/logo.png) no-repeat left;
}
#wrapper {
    padding: 0 0 0 300px;
}

/* links */
a, a:visited {
	color: #1F878A;
	text-decoration: none;
	}
	
a:hover {
	color: #25A3A7;
	}
/* navigation */
.menu-header {
	margin: 10px 0px 70px 300px;
	clear: left
	}
	
#menu-hauptmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#menu-hauptmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#menu-hauptmenu li {
	float: left;
	padding: 6px 10px 5px 0;
	padding: 0px;
	}

#menu-hauptmenu a {
	display: block;
    margin: 0px 20px 0px 0px;
    color: #919191;
	}
	
#menu-hauptmenu a:hover,
.current-menu-item a {
	color: #424242 !important;
}
/* subcontent sidebar0 */
#sidebar-wrap {
	clear: left;
	padding-bottom: 30px;
}
/* footer */
#footer {
    padding: 10px 0px 30px;
    margin-top: 20px;
    clear: left;
    background: transparent url(images/archiv_bg.png) no-repeat top left;
}
#footer .right {
	float: right;
	display: block;
	width: 50px; height: 50px;
	margin: -50px 25px 0 0;
	background: transparent url(images/top.png) no-repeat;
	outline: none;
	text-indent: -9999px;
}
/* Misc */
.wp-caption {
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* post */
.post {position: relative;}
.posts-wrap {
    clear: left;
    background: transparent url(images/archiv_bg.png) no-repeat bottom left;
    border-top: 1px dotted #E3E3E3;
}
.boundary {
    background: transparent url(images/archiv_bg.png) no-repeat bottom left;
    border-top: 1px dotted #E3E3E3;
	padding-bottom: 50px;
}
.sideblog {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
/*
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
*/
	column-count: 2;
	column-gap: 20px;
}
.sideblog .post {
	break-inside: avoid-column;
}
.content {
	margin: 10px 0 30px;
}
#archiv {
	padding-bottom: 70px;
	background: transparent url(images/archiv_bg.png) no-repeat bottom left;
}
.tweetmeme_button {
/*
	float: right;
	margin: 0 0 10px 10px;
*/
	position: absolute; right: -60px; top: 0;
}
.flattr_button {
	position: absolute;
	right: -60px;
	top: 70px;
}

.meta {
    border-top: 1px dotted #E3E3E3;
    padding: 10px 0 0
}
.date {
	position: absolute;
	left: -110px; top: 8px;
	background: transparent url(images/date_bg.png) no-repeat;
	text-align: center;
	height: 80px; width: 80px;
}
.date span {
	display: block;
	color: #c2c2c2;
	font-size: 1.2em;
	padding: 0; margin: 12px auto 0;
	font-family: "LeagueGothic";
}
.date .day {
	font-size: 3em;
	line-height: 0.8;
	margin-top: 0;
}
#post-single .date {top: -20px;}
.navigation {margin: 50px 0;}
.navigation .alignleft a {
	padding: 4px 10px 4px 20px;
	background: transparent url(images/pageleft.png) no-repeat left;
	position: relative;
	left: -28px;
}
.navigation .alignright a {
	padding: 3px 20px 5px 10px;
	background: transparent url(images/pageleft.png) no-repeat right;
	position: relative;
	right: -17px;
}
#post-single .navigation .alignleft a {
	left: -36px;
}

/* Comments */
#comments {
    margin:20px 0px 10px 0px;
    padding:20px 0px 10px 0px;
}
.nocomments {
	clear: both;
	margin: 20px 0;
	}
#comments-title {}
ol.commentlist {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
}

ol.commentlist li.comment {
	padding: 10px 0;
	margin: 10px 0 10px -25px;
	border-top: 1px dotted #E3E3E3;
}
.commentlist .pingback {
	padding: 10px 0;
	margin: 10px 0 10px -25px;
	border-top: 1px dotted #E3E3E3;
}
.commentlist .pingback .ping {
	background: transparent url(images/ping.png) no-repeat left;
	position: absolute;
	left: -65px; top: 12px;
	width: 13px; height: 16px;
	border: 0;
}
.commentlist .reply {
	text-align: right;
}
.commentlist .comment.depth-1:first-child {
	border-top: 0;
}
.comment .comment-author, .commentmetadata, .comment-body {
	font: normal 1em/1.4 "DroidSans", Geneva, Helvetica, Arial, sans-serif;
	color: #424242;
}
.children {
	list-style: none;
	padding-left: 60px;
}
img.avatar {
	position: absolute;
	left: -95px;
	padding: 10px;
	background: #E8E8E6;
	background-color: rgba(0, 0, 0, 0.05);
}
.commentmetadata {
	float: right; display: inline;
	margin-top: -1.4em;
}
.commentmetadata a {
	color: #777 !important
}
#postcomment {
    margin:20px 0px 10px 0px;
    padding:20px 0px 10px 0px;
}
.note {
	padding: 10px;
	display: block;
	background-color: rgba(0, 0, 0, 0.05);
}

/* featured section */
#featured-sticker {
    width: 100px;
    padding: 5px;
    margin-left: 800px;
    color: white;
    text-align: center;
    position: absolute;
    float: right;
}
#featured-post {
    padding:20px;
    margin: 0px 0px 45px 0px;
}

#post-entries {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}
#post-entries li {
	margin-bottom: 10px;
	width: auto;
	float: left;
	display: inline;
	clear: left;
	background: rgba(0, 0, 0, 0.05);
	padding: 0 10px 0 15px;
	margin-left: -15px;
}
#post-entries li a {
	padding: 0 5px 0 10px;
}
/* Widgets adjustments */
.widget_rss ul {
	padding: 0; margin: 0;
}
.widget_rss li {
	margin-bottom: 10px !important;
	list-style: none;
}
.widget_rss h3 img {display: none;}
.asides li {
	padding-left: 20px !important;
	background: transparent url(images/asides_bg.png) no-repeat 0 3px;
}
.asides li.none {background-image: none;}
.widget_rss ul li {
	padding-left: 20px !important;
	background: transparent url(images/elsewhere_bg.png) no-repeat 0 3px;
}
#reklame .paypal {
	padding: 5px 10px 5px 20px;
	background: transparent url(images/paypal.png) no-repeat left;
}
#reklame .amazon {
	padding: 5px 10px 5px 20px;
	background: transparent url(images/amazon.png) no-repeat left;
}
#reklame .flattr {
	display: block;
	padding: 10px 0;
}

/* Flickr */
.flickr_photo {
	padding: 8px;
	background: #E8E8E6;
	background-color: rgba(0, 0, 0, 0.05);
	margin: 0 8px 8px 0;	
}
/* Archiv Tagcloud */
.cats {
	padding: 0; margin: 0;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;

}
.cats li {
	list-style: none;
	padding: 2px 5px;
	border-bottom: 1px solid #E2E2E2;
}
.wp-tag-cloud {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
	padding: 0; margin: 0;
	list-style: none;
}
.wp-tag-cloud li {
	display: block;
	padding: 2px 5px;
	border-bottom: 1px solid #E2E2E2;
}
/* Twitter */
.widget_twitter ul {padding: 0; margin: 0;}
.widget_twitter li {
	list-style: none;
	margin-bottom: 10px;
	background: transparent url(images/twitter.png) no-repeat 0 3px;
	padding-left: 20px !important;
}
/* Posterous */
#rss-7.widget_rss li {
	background-image: url(images/posterous.png);
}/* Ember */
#rss-6.widget_rss li {
	background-image: url(images/ember.png);
}

/* Archiv Widgets */
.widget_recent_comments ul,
.sideblog_recent_entries ul,
.widget_archive ul,
.commentstats  {
	padding: 0; margin: 0;
	list-style: none;
}
.widget_archive {
	padding: 0 10px 20px; margin: 0;
	background: rgba(0, 0, 0, 0.05);
	text-align: center;
	-moz-border-radius: 10px;
}
.widget_archive li, #recentcomments li,
.sideblog_recent_entries li, .commentstats li {
	display: block;
	padding: 2px 5px;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #f2f2f2;
	
}
.sideblog_recent_entries,
#rss-6 {clear: left;}
.widget_search {
/* 	clear: left; */
}
input#s {
	width: 70%;
}
input#searchsubmit {
	background: rgba(210, 200, 155, 0.3); 
	color: #000;
	border: 0;
	border-right: 1px solid rgba(155, 155, 110, 0.2);
	border-bottom: 1px solid rgba(155, 155, 110, 0.2);
}

/* 404 */
.error404 {}