/*   
Theme Name: genox 2009 v1 – A Thematic Child Theme
Theme URI: 
Description: 
Author: Oliver Studer
Author URI: http://genox.ch/
Template: thematic
Version: 1.0
Tags: Thematic, child-theme
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
/* @import url('../thematic/library/styles/typography.css'); */ 

/* Apply a basic layout */
/* @import url('../thematic/library/layouts/2c-r-fixed.css'); */

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');
/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/* @import url('../thematic/library/styles/default.css'); */

/* Prepare theme for plugins */
/* @import url('../thematic/library/styles/plugins.css'); */

body#tinymce,
body {
	font-family: "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	font-size: 11pt;
	line-height: 150%;
	color: #fff;
	background: #000;
}
/* adjust layout */ 

.clearer {
	clear: both;
}
#wrapper {
	width: 900px;
	background: url(header-bigger.jpg) top center no-repeat;
	margin: 0 auto;
}
body.ie6 #wrapper {
	background: url(header-bigger.jpg) top left no-repeat;
	margin: 0;
	float: left;
	width:500px;
}
#main {
	width: 825px;
	margin: 0 35px 0 40px;
	padding: 0;
	border: 0;
}
#header {
	width: 92%;
	margin: 38px 4% 0 4%;
	border: 0;
	padding: 0;
}
#access {
	width: 820px;
	height:36px;
	margin: 370px 0 0 4px;
	border: 0;
	border-bottom: 1px solid #333;
	padding: 0;
}
#branding {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 34px 0 0 0;
	height: 100px;
}
#container {
	width: 100%;
	border: 0;
	padding: 0;
}
#content {
	width: 100%;
	border: 0;
	margin: 5px 0;
}
#content .aside {
	width: 100%;
	border: 0;
}
#nav-below, .paged #nav-below, #nav-above, .paged #nav-above {
	background: #fff;
	background: rgba(255, 255, 255, .92);
	width: 820px;
	height:25px;
	margin: 0 0 5px 0;
}
.nav-previous {
	float: left;
	margin: 0;
}
.nav-next {
	float: right;
	text-align: right;
	margin: 0;
}
#index-bottom {
	width: 100%;
	padding: 5px 0 0 0;
	border-top: 1px solid #333;
}
#index-bottom .widgetcontainer {
	width: 257px;
	background: #080808;
	background: rgba(0, 0, 0, .75);
	margin:0 5px 5px 0;
	padding: 5px;
	float: left;
}
#index-bottom .widgetcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#page-bottom .widgetcontainer {
	margin: 35px 0 0 0;
}
#page-bottom .widgetcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subsidiary {
}
#subsidiary #first, #subsidiary #second, #subsidiary #third {
	width: 242px;
	float: left;
	margin:0 10px 0;
	padding: 5px;
}
#subsidiary #second {
	margin: 0;
}
#subsidiary #third {
	margin: 0 0 0 10px;
}
#siteinfo {
	margin: 40px 0 0 0;
	color: #888
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/* sf menu */
.menu {
	width: 100%;
}
.sf-menu {
	width: 100%;
	border-right: 0;
}
.sf-menu li {
	width: 160px;
	height: 30px;
	float: left;
	background: #080808;
	background: rgba(0, 0, 0, .75);
	margin:0 5px 0 0;
	display: block;
	line-height: 18px;
}
.sf-menu li ul li {
	border-bottom: 1px dotted #fff;
	background: #080808;
	background: rgba(0, 0, 0, 1);
	margin:0;
	font-size: .8em;
}
.sf-menu a {
	margin:0;
	padding: 5px;
	display: block;
	border: 0;
	width: 100%;
	height: 25px;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background: #500;
	background: rgba(80, 0, 0, 1);
}
#footer {
	width: 820px;
	margin: 25px 0 0 0;
	padding: 25px 40px 0 40px;
	background: url(footer.jpg) top center no-repeat;
	position: relative;
}
/* adjust display on index page */
body.not-singular .post {
	width: 150px;
	float: left;
	background: #fff;
	background: rgba(255, 255, 255, .92);
	margin:0 5px 5px 0;
	padding: 5px;
	min-height: 130px;
	z-index: 1;
}
body.not-singular .post:hover {
	background: #500;
	background: rgba(80, 0, 0, .85);
	color: #f00;
}
body.not-singular .p5 {
}
/* don't display elements on index page: */
body.not-singular .skip-link, body.not-singular #nav-above, body.not-singular .paged #nav-above, body.not-singular .post .entry-content, body.not-singular .post .meta-prep, body.not-singular .post .author, body.not-singular .post .meta-sep-entry-date, body.not-singular .post .entry-utility {
	display: none;
}
/* single page (POST) */
body.singular .post {
	width: 545px;
	padding: 10px 10px 10px 10px;
	float: left;
	margin: 0;
	background: #080808;
	background: rgba(0, 0, 0, .75);
}
body.four04 #comments, body.singular #comments {
	width: 235px;
	padding: 10px;
	float: right;
	margin: 0;
	background: #080808;
	background: rgba(0, 0, 0, .75);
}
textarea#comment {
	width: 96%;
	background: #333;
	background: rgba(128, 128, 128, .75);
	color: #fff;
	padding: 2px 5px 2px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	border: none;
	font-size: 1.1em;
}
input#author, input#email, input#url {
	width: 96%;
	background: #333;
	background: rgba(128, 128, 128, .75);
	color: #fff;
	padding: 2px 5px 2px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	border: none;
	font-size: 1.1em;
}
body.singular #nav-below {
	display: none;
}
body.singular #nav-above {
	display: block;
}
body.singular .skip-link, body.singular .post .meta-prep, body.singular .post .author, body.singular .post .meta-sep-entry-date {
	display: none;
}
body.four04 .post p, body.singular .post p {
	margin: 0 0 15px 0;
}
/* single pages */
body.four04 .post, body.singular .page {
	width: 545px;
	padding: 10px 100px 10px 10px;
	float: left;
	margin: 0;
	background: #080808;
	background: rgba(0, 0, 0, .75);
}
body.singular #page-bottom {
	width: 145px;
	padding: 10px;
	float: right;
	margin: 0;
	background: #080808;
	background: rgba(0, 0, 0, .75);
}
body.four04 .post:hover {
	background: #080808;
	background: rgba(0, 0, 0, .75);
	color: #fff;
}
body.singular #nav-below {
	display: none;
}
body.singular #nav-above {
	display: block;
}
body.singular .skip-link, body.singular .page .meta-prep, body.singular .page .author, body.singular .page .meta-sep-entry-date {
	display: none;
}
body.singular .page p {
	margin: 0 0 15px 0;
}
.widget_text ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_text ul li a {
	width: 70px;
	float: left;
	background: #fff;
	background: rgba(255, 255, 255, .92);
	margin:0 5px 5px 0;
	padding: 5px;
	min-height: 70px;
	text-decoration: none;
	color: #000;
	display: block;
}
.widget_text ul li a:hover {
	background: #500;
	background: rgba(80, 0, 0, .85);
	color: #f00;
	text-decoration: none;
	color: #fff;
}
ul.squared {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.squared li a {
	width: 80px;
	float: left;
	background: #fff;
	background: rgba(255, 255, 255, .92);
	margin:0 5px 5px 0;
	padding: 5px;
	min-height: 80px;
	text-decoration: none;
	color: #000;
	display: block;
}
ul.squared li a:hover {
	background: #500;
	background: rgba(80, 0, 0, .85);
	color: #f00;
	text-decoration: none;
	color: #fff;
}
/*adjusting typography */

body#tinymce ul li,
div.entry-content ul li {list-style: circle; margin: 0 0 0 20px }
body#tinymce ol li,
div.entry-content ol li {list-style: decimal; margin: 0 0 0 20px  }

a:link {
	color:#f00;
	text-decoration: none;
}
a:visited {
	color:#f00;
}
a:active, a:hover {
	color: #fff;
	text-decoration: underline;
}
#branding {
	text-align:center;
}
#blog-title {
	font-size: 1em;
	margin: 38px 0 0 0;
	float: left;
	width: 100%;
}
#blog-title a {
	color: #000;
	text-decoration: none;
}
#blog-title a:visited {
	color: #000;
	text-decoration: none;
}
#blog-title a:hover, #blog-title a:active {
	color: #000;
	text-decoration: underline;
}
#blog-description {
	font-size: .8em;
	color: #000;
	font-weight: normal;
	float: left;
	clear: right;
	width: 100%;
	margin: 0;
}
.navigation a {
	font-size: .8em;
	line-height: 20px;
	color: #000;
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	height: 21px;
	width: 350px;
}
.navigation a:visited {
	color: #000;
	text-decoration: none;
}
.navigation a:hover, .navigation a:active {
	background: #500;
	background: rgba(80, 0, 0, .85);
	color: #f00;
}
.sf-menu a {
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: normal;
}
.sf-menu a:visited {
	color: #fff
}
.sf-menu a:hover, sf-menu a:active {
	color: #f00
}
h1, h2, h3, h4 {
	line-height: 140%;
	font-size: 1em;
	font-weight: normal;
}
h1 {
	font-size: 1.7em;
	margin: 25px 0;
}
h1.page-title {
	background: #080808;
	background: rgba(0, 0, 0, .75);
	padding: 5px;
	display: block;
}
h2 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 25px 0;
}
h2.entry-title {
	margin: 0;
}
h2.entry-title a {
	display: block;
	width: 100%;
	min-height: 110px;
	border-bottom: 1px dotted #fff;
}
h2.entry-title a {
	text-decoration: none;
	color: #000;
}
h2.entry-title a:hover, a:active {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #f00;
}
h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 25px 0;
}
h3.widgettitle {
	margin: 0 0 25px 0;
}
h3.widgettitle a {
	color: #fff;
}
h3.widgettitle a:visited {
	color: #fff;
}
h3.widgettitle a:active, h3.widgettitle a:hover {
	color: #f00;
	text-decoration: none;
}
h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 25px 0;
}
#footer, .entry-utility, .comment-meta, #form-allowed-tags, #comment-notes, .comment-reply-link {
	font-size: .8em;
}
.entry-utility, .form-section, .comment-author {
	margin: 25px 0 15px 0;
}
#footer {
	font-size: .8em;
}
.entry-meta, .twitter-timestamp {
	font-size: .8em;
	color: #888;
}
.twitter-item {
	border-bottom: 1px dotted #888;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
.ffg_link_css {
	display: block;
	width: 33%;
	float: left;
	margin: 0;
}
.ffg_img_css {
	border: 2px;
	margin: 0 2px 2px 0;
}
hr.clearer {
	visibility: hidden;
}

/* google reader widget */
/* reset google reader widget to default styles, overwriting inline styles */

div#readerpublishermodule0.reader-publisher-module h3[style],
div#readerpublishermodule0.reader-publisher-module ul[style],
div#readerpublishermodule0.reader-publisher-module ul li[style],
div#readerpublishermodule0.reader-publisher-module ul li a.i[style],
div#readerpublishermodule0.reader-publisher-module ul li div.s[style],
div#readerpublishermodule0.reader-publisher-module div.f[style],
div#readerpublishermodule0.reader-publisher-module[style] {
	border: 0 !important;
	font-family: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit  !important;
	font-weight: inherit  !important;
	color: inherit !important;
	width: 100% !important;
	display: block !important;
	float: left !important;
	clear: both !important;
	height: auto !important;
	background: none !important;
}
div#readerpublishermodule0.reader-publisher-module ul li a.i[style] {
color: #f00 !important;
}
div#readerpublishermodule0.reader-publisher-module ul li a.i:hover[style] {
text-decoration: underline !important;
color: #fff !important;
}
div#readerpublishermodule0.reader-publisher-module ul li[style] {
	list-style: circle !important;
}

div#readerpublishermodule0.reader-publisher-module div.f[style] {
border-bottom: 1px solid #888;
}
div#readerpublishermodule0.reader-publisher-module ul li a.i[style] {
display: inline !important;
}
div#readerpublishermodule0.reader-publisher-module div.f[style],
div#readerpublishermodule0.reader-publisher-module h3[style],
div#readerpublishermodule0.reader-publisher-module ul li div.s[style] {
	display: none !important;
}

/* last restort display: none */
input#searchsubmit,
#form-allowed-tags {
	display: none;
}