﻿/* 
Theme Name: Structure DE
Theme URI: http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme and http://www.thinkblogging.net
Description: Ein Theme für News- oder Magazinseiten. Das Theme bietet den einfachen Einbau von Videos und Bilder (flickr) in die Startseite. Diese Features und die vielen mitgelieferten Widgets ermöglichen eine einfache Anpassung an die eigenen Wünsche.
Version: 1.1.4 DE
Author: Justin Tadlock, übersetzt von Sebastian Hobert
Author URI: http://justintadlock.com, (http://www.thinkblogging.net)
Copyright (c) 2007 - 2008 Justin Tadlock
*/

body { 
	color: #fff;
	background: #ffffff;
	font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	padding: 0;
	margin: 0;
	}
/* CONTAINS ALL CONTENT */
#body-container {
color: #000;
	overflow: hidden;
	width: 942px;
	margin: 0 auto;
	padding: 0 12px;
	background: #000;
	}

/* SEARCH FORM */
#search form {
	float: right;
	margin: 0;
	padding: 0;
	}
#search input#s {
	width: 235px;
	padding: 5px;
	margin: 2px 0;
	color: #333;
	background: #f7f7f7;
	border: 1px solid #333;
	}
#search input#search-submit {
	width: 50px;
	padding: 4px;
	margin: 0 0 0 0;
	color: #fff;
	border: 1px solid #333;
	background: #660000;
	}
/* MAIN NAVIGATION MENU */
#nav-container {
	overflow: hidden;
	display: block;
	padding: 0;
	background: #000;
	}
#main-nav {
	float: left;
	width: 835px;
	margin: 0 5px 0 0;
	padding: 0;
	}
#main-nav ul {
	float: left;
	margin: 0;
	padding: 0;
	}
#main-nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	}
#main-nav ul li a {
	font-size: 1em;
	font-weight: bold;
	float: left;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 5px 15px;
	text-decoration: none;
	}
#main-nav ul li a:hover, #main-nav ul li a:active {
	border: none;
	margin: 0;
	background: #0C386E;
	text-decoration: underline;
	}
#main-nav ul li#current a { background: #0C386E; }

/* HEADER */
#header {
	float: left;
	width: 921px;
	margin: 0;
	padding: 10px 10px;
	display: block;
	clear: left;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background: #fff;
	}
#header h1 {
	display: inline;
	float: left;
	width: 650px;
	font-size: 2.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#header h1 a {
	padding: 0;
	margin: 0 0 0 5px;
	}

/* FEED */
#feed {
	width: 200px;
	float: right;
	padding: 2px 50px 0 0;
	background: url(images/subscribe.gif) no-repeat right 0;
	}
#feed ul { margin: 0; padding: 0; }
#feed ul li { list-style-type: none; text-align: right; margin: -1px 0 4px 0; padding: 0; }
#feed ul li a { font-weight: bold; }
#feed ul li a:hover { text-decoration: underline; }

/* CONTAINS EVERYTHING BELOW HEADER AND HORIZONTAL NAVIGATION */
#container {
	overflow: hidden;
	float: left;
	width: 921px;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: #f7f7f7;
	}

/* CONTAINS MAIN CONTENT */
#content, #home {
	float: left;
	margin: 0;
	}
#content {
	width: 611px;
	padding: 0 0 10px 0;
	}
#home {
	width: 611px;
	}
/* HEADERS */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #0C386E;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	text-decoration: none;
	color: #0C386E;
	}
h2 { font-size: 1.3em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* LINKS */
a {
	color: #0C386E;
	text-decoration: none;
	}
a:hover {
	color: #000;
	}

/* FEATURE */
#home .feature {
	float: left;
	width: 593px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 5px;
	background: #fff;
	}
#home .feature img {
	float: left;
	width: 300px;
	height: 175px;
	margin: 3px 15px 10px 5px;
	}
#home .feature h2 { margin: 10px 5px 0 5px; padding: 0; font-size: 1.6em; }
.feature p { margin: 10px 0; }

/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#home #home-categories {
	clear: left;
	float: left;
	display: block;
	width: 610px;
	margin: 0 0 10px 0;
	}

/* EVERYTHING BELOW THE FEATURE */
#home #home-bottom {
	width: 600px
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	}
#home #home-bottom .block-left { float: left; width: 300px; }
#home #home-bottom .block-right { float: left; width: 300px; margin-left: 10px; }

/* EXCERPTS ON THE EXCERPTS STYLE LAYOUT */
.excerpts {
	margin: 0;
	padding: 0;
	float: left;
	width: 611px;
	}
.excerpts .post {
	overflow: hidden;
	float: left;
	clear: left;
	display: block;
	width: 591px;
	padding: 5px 11px 5px 5px;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	}
.excerpts .post h3 {
	float: left;
	display: block;
	margin: 0 5px 0 4px;
	padding: 0;
	}
.excerpts .post .entry {
	display: block;
	clear: left;
	width: 100%;
	padding: 0;
	margin: -10px 10px 0 6px;
	}
.excerpts img { margin: 5px 17px 10px 0; }
.excerpts .post .entry p { padding: 0; margin: 10px 0; }
.excerpts .post-meta-data { float: left; text-align: left; }
.excerpts .byline { padding: 0 0 5px 5px; clear: left; display: block; float: left; }
/* VIDEO */
.video {
	display: block;
	float: left;
	overflow: hidden;
	width: 288px;
	margin: 0 0 10px 0;
	padding: 2px 5px 10px 5px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	}
.video h3 { text-align: left; padding: 0 0 5px 2px; margin: 0; }
.video h3 a {
	font-size: .8em;
	font-weight: bold;
	}
.video div {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: center;
	display: block;
	border: none;
	}
object { padding: 0; margin: 0; }

/* POST */
.post {
	margin: 0;
	background: #fff;
	}

/* RECENT EXCERPTS (default style) */
.recent {
	width: 288px;
	padding: 0 5px 10px 5px;
	margin: 0 0 10px 0;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	}
.recent .post {
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
	background: transparent;
	}
.recent .post h3 { margin: 0; padding: 0; }
.recent .post h3 a {
	display: inline;
	font-size: .7em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
.recent img, .excerpts img {
	float: left;
	width: 75px;
	height: 75px;
	margin: 5px 10px 0 0;
	}
.recent .entry {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
.recent p, .recent .entry p { margin: 0; padding: 0; }
/* SINGLE POST */
.single .post {
	float: left;
	width: 551px;
	font-size: 1.1em;
	overflow: hidden;
	padding: 10px 30px;
	margin: 0 0 10px 0;
	background: #fff;
	border: 1px solid #ccc;
	}
img.feature { height: 175px; width: 300px; }
.post a {
	font-weight: normal;
	color: #1359AE;
	text-decoration: none;
	}
.post a:hover {
	color: #000;
	text-decoration: underline;
	}
.post h2 {
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: normal;
	}
.post h2 a { color: #0C386E; }
.post .byline {
	margin: 5px 0 7px 0;
	}
.post-meta-data {
	margin-right: 6px;
	text-align: right;
	}
.single .post-meta-data {
	clear: left;
	float: left;
	width: 100%;
	text-align: left;
	}
/* LISTS */
#content ul {
	margin: 15px 0;
	padding: 0;
	}
#content ul li {
	margin: 2px 0;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat .2em .5em;
	list-style-type: none;
	}
/* tables */
.post table { border: none; }
.post tr, .post td { border: 1px solid #333; }

/* code and pre */
code {
	font: normal 1.1em "Courier New", Courier, monospace;
	padding: 0 2px;
	}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	width: 480px;
	}
pre code {
	font-size: 1.2em;
	display: block;
	clear: both;
	padding: 10px;
	color: #333;
	border: solid 1px #ccc;
	line-height: 140%;
	margin: 5px 0 15px 0;
	width: 570px;
	}
#comments-template pre, #comments-template pre code { width: 98%; border: none; }
/* ALIGNMENT */
.left {
	float: left;
	margin: 5px 15px 5px 0;
	}
.right {
	float: right;
	margin 0 0 0 15px;
	}
.clear { clear: both; }
p.ie6-bug { float: left; margin: -5px 0; padding: 0; }
.center {
	margin: 15px auto;
	text-align: center;
	}
.navigation {
	margin: 15px 0;
	}
.previous {
	float: left;
	width: 47%;
	}
.next {
	float: right;
	width: 47%;
	}
/* IMAGES */
.post img, .post a img {
	padding: 3px;
	border: 1px solid #01203c;
	background: #eee;
	}
.thumbnail {
	width: 75px;
	height: 75px;
	}
/* RELATED POSTS */
.related {
	width: 558px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 25px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	}
.related ul {
	width: 100%;
	}
.related h3 {
	margin: 15px 0 0 0;
	padding: 0;
	}
.ads img { border: none; }
/* COMMENTS TEMPLATE */
#comments-template {
	overflow: hidden;
	float: left;
	clear: left;
	display: block;
	width: 558px;
	padding: 10px 25px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	}
#comments-template h3 {
	margin: 10px 0 0 0;
	padding: 0;
	}
#comments-template ol {
	margin: 0;
	padding: 0;
	}
#comments-template ol li {
	float: left;
	width: 97%;
	margin: 10px 0;
	padding: 5px;
	list-style-type: none;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}
#comments-template ol li.alt {
	border-top: 1px solid #0C386E;
	border-bottom: 1px solid #0C386E;
	}
#comments-template ol li .comment-meta-data {
	font-weight: bold;
	}
#comments-template ol li .comment-text {
	width: 90%;
	margin: 10px auto;
	padding: 8px 15px;
	background: #fff;
	border: 1px solid #eee;
	}
/* TRACKBACKS */
.trackback, .trackback a { color: #666; }
.trackback .comment-meta-data em { color: #0C386E; }
input {
	width: 50%;
	padding: 5px;
	margin:  10px 5px 0 0;
	background: #fff;
	border: 1px solid #0C386E;
	}
textarea {
	width: 96%;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #0C386E;
	}
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
	color: #fff;
	border: 1px double #333;
	background: #0C386E;
	}
/* CONTACT */
fieldset {
	border: none;
	}
legend {
	border: none;
	}
/* SIDEBAR */
#sidebar {
	overflow: hidden;
	width: 300px;
	float: left;
	margin: 0 0 0 10px;
	}
.menu {
	overflow: hidden;
	clear: left;
	float: left;
	display: block;
	width: 278px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	background: #fff;
	}
.menu h2 {
	margin: 0;
	padding: 0;
	}
.menu ul, .tabbed div ul {
	margin: 0;
	padding: 0;
	}
.menu ul li, .tabbed div ul li {
	margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	}
.menu ul li a, .tabbed div ul li a {
	display: block;
	padding: 0 0 0 10px;
	}
.menu ul li a:hover { text-decoration: underline; }
/* TABS */
.tabs-block {
	clear: left;
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 .3em 0 0;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px .8em;
	background: #eee;
	border: 1px solid #ccc;
	}
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
	background: #f7f7f7;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	background: #fff;
	border-bottom: 1px solid #fff;
	}
.tabs-block .tabbed div, #home .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ccc;
	background: #fff;
	display: none;
	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #home .tabbed div.c1 { 
	display: block;
	}
.tabs-block .tabbed div { width: 298px; }
.tabbed div ul {
	overflow: hidden;
	padding: 4px 0 2px 0;
	margin: 0;
	background: #fff;
	}
.tabbed div ul li {
	clear: left;
	background: transparent;
	}
.tabbed div ul li a {
	font-weight: normal;
	width: 97%;
	display: block;
	padding: 2px 0 2px 12px;
	background: transparent;
	border: none;
	}
.tabbed div ul li a:hover { text-decoration: underline; }

/* HOME CATEGORIES TABS */
#home-categories {
	overflow: hidden;
	}
#home .tabbed .c {
	width: 608px;
	}
.tabbed .post {
	float: left;
	clear: none;
	width: 47%;
	margin: 5px 1%;
	padding: 0;
	}
.tabbed .post h3 {
	width: 97%;
	font-size: .95em;
	margin: 0 0 0 5px;
	padding: 0;
	}
.tabbed .post h3 a { 
	font-weight: bold;
	}
.tabbed .post .entry {
	margin: 0 0 0 5px;
	padding: 0;
	}
.tabbed .post .entry p { margin: 0; padding: 0; }

/* SIDEBAR ADS */
.ads { float: left; clear: left; width: 297px; display: block; padding: 5px 0; margin: 0 0 10px 0; }
.ads p {
	margin: 0;
	padding: 0;
	}
.ads img {
	float: left;
	margin: 5px 4px 5px 15px;
	padding: 0;
	}

/* FLICKR PHOTOS */
.flickr img {
	margin: 5px 4px 5px 4px;
	padding: 3px;
	border: 1px solid #01203c;
	}
.flickr p {
	margin: 0 10px 0 0;
	text-align: right;
	}

/* SIDEBAR WIDGETS */
/* calendar */
#sidebar table { width: 95%; margin: 0 auto; border: 1px solid #eee; }
#sidebar table tr { font-weight: bold; background: #ccc; }
#sidebar table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }
#sidebar table tr td.pad { border: none; }

/* FOOTER */
#footer {
	color: #fff;
	clear: both;
	width: 940px;
	margin: 0 auto;
	border-top: 1px solid #660000;
	}
#footer p {
	float: left;
	width: 50%;
	margin: 0 auto;
	padding: 5px 0;
	}
#footer p.icons {
	float: right;
	text-align: right;
	width: 50%;
	height: 30px;
	}
#footer img { border: none; }
#footer a {
	color: #ccc;
	font-weight: bold;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer img { margin: 0 10px; border: none; }
.mania { background: #990000; position: absolute; top: 0; left: 0; width: 1000px; height: 2000px; } .mania h2 { font-size: 5em; }
/*	"VISIONARY"	*/

