/*
Theme Name: German Newspaper
Theme URI: http://it-gnoth.de/wordpress-themes/
Description: A fixed width (1024 px), three columns "Newspaper" theme for Wordpress, widgets ready. with enough space for pictures and advertisements.<br /> ATTENTION !!! <br />To enjoy this theme you need a resolution bigger than 1024 pixel!
Version: 1.0.11
Author: Christian Gnoth
Author URI: http://it-gnoth.de/
Tags: white, custom color, fixed width (1024px), three columns, widgets, pictures
*/


/*  Copyright 2008  CHRISTIAN GNOTH  (email : support@it-gnoth.de)

    This theme is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This theme is distributed in the hope that it will be useful, 
    but WITHOUT ANY WARRANTY; without even the implied warranty of 
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
    See the GNU General Public License for more details.

    You should have received a copy of the GNU General Public License 
    along with this program.  If not, see <http://www.gnu.org/licenses/>,
    or write to the Free Software Foundation Inc., 
    51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    NOTICE:	This wordpress theme is provided free as long as you link back to 
		the designer and provider of the theme, If you would like to remove 
		the links back to the designer and provider, Please contact the 
		designer of the theme to buy the rights for use of this template. 
		Removing the following links in the footer is prohibited by law.
*/


/*

Inspired from the theme "Breaking News" I created this Newspaper theme. In this theme I build in 2 sidebars and 2 bottom bars accessible as sidebars. So, you have enough space for your pictures and video galleries and/or advertisements.

The News-Headline below the header I created as I saw it on a newspaper here in Germany.

Your are free ans welcome to write me any suggestions or experiences you have with this theme. If you like to have some other features, ask and I will look how to do.

This theme is released under the GPL license.

*/


/*---| global definitions |---*/

*{ margin:0; padding:0; border:0; }

ol,ul{ list-style:none; margin-bottom:10px; }
li{ line-height:160%; }

p{
line-height:150%;
margin-bottom:10px;
}

table{
border-collapse:separate;
border-spacing:0;
}

caption,th,td{
text-align:left;
font-weight:normal;
}

blockquote:before,blockquote:after,
q:before,q:after{
content:"";
}

blockquote,q{ quotes:"" ""; }

body{
line-height:1;
background:silver;
color:#333;
text-align:justify;
font-family:Helvetica,Sans-Serif,serif;
font-size:12px;
outline:0;
vertical-align:baseline;
}

h2{
font-size:18px;
font-weight:bold;
font-style:none;
line-height:150%;
font-family:Helvetica,Sans-Serif,serif;
text-align:left;
}

h3{
text-align:left;
font-size:15px;
font-weight:bold;
line-height:150%;
}

a{
text-decoration:none;
text-align:left;
color:#123456;
}

a:visited{ color:#345678; }

a:hover, a:active{
text-decoration:underline;
color:#777;
}

img{
padding:1px;
background:#000;
/*
border:5px solid #fff;
border:10px solid #eee;
*/
max-width:95%;
margin:0 5px 5px 5px;
z-index:20;
}

img.wp-smiley{
display:inline !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
vertical-align:middle !important;
border:0 !important;
}

strong{ font-weight:bold; }
em{ font-style:italic; }

small {
	font-family: Helvetica, Sans-Serif;
	font-style:italic;
	font-size: 1.0em;
	text-align:left;
	line-height: 1.3em;
	}




/*-----nicht anzeigen-----*/

hr {display:none;}



/*---| various Class definitions |---*/

.small{
font-size: 1.5em;
padding: 3px 6px;
text-align:left;
line-height:110%;
}

.left { float:left; }
.right{ float:right; }
.bold { font-weight:700; }
.hide { display:none; }

.date{
text-align:right;
margin: 0 5px 5px 0;
font-size:12px;
color:#111;
}

.description{
font-size: 12px;
letter-spacing:2px;
text-transform:uppercase;
}

.button {
border: 1px solid #999;
color: #000;
background: #ccc;
padding: 3px;
}

.rss_symbol
{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 16px;
	width: auto;
	background: url(images/icons/12px-rss-feed.png) no-repeat left center;
}


/*---| main wrapper |---*/

#wrapper{
text-align:justify;
line-height:1;
margin: 16px auto;
padding: 20px 20px 20px 20px;
background:white;
width:1024px;
max-width:1024px;
outline:0;
vertical-align:baseline;
}

/*---| header |---*/

#header{
height:110px auto;
text-align:center;
background:transparent url(http://my1sttime.treehouse-media.net/images/logo.jpg) no-repeat 25px -10px;
border-bottom:5px solid #000;
padding: 0 0 0 0;
font-family:Helvetica,Sans-Serif,serif;
}

#header h2{
font-size:28pt;
font-style:italic;
font-weight:bold;
font-family:Helvetica,Sans-Serif,serif;
letter-spacing:2px;
line-height:1;
text-align:right;
position:relative;
z-index:10;
}

#header h2 a{
color:#000;
text-decoration:none;
}

#header div.description{
color:#999;
}

#header div.logo{
width:150px;
height:75px;
float:left;
background:transparent url(images/water.jpg) no-repeat left top;
margin-left:10px;
position:relative;
z-index:1;
}

#header div.logo span{
display:none;
}


/*---| page bar |---*/

#page_bar{
border-bottom:5px solid #000;
background:white;
text-align:left;
margin-top: 5px;
font-size:12px;
}

#page_bar ul{
margin-bottom:3px;
margin-top: 3px;
}

#page_bar ul li{
display:inline;
margin:0;
padding:0;
}

#page_bar a{
color:#333;
text-transform:uppercase;
font-weight:500;
border: 1px solid white;
padding:3px 5px 3px 5px;
}

#page_bar a:hover{
color:#333;
background:#EFEFEF;
border: 1px solid #BFCFDF;
padding:3px 5px 3px 5px;
}


/*---| news headline |---*/

#newslist{
border-bottom:5px solid #000;
background:white;
height:175px;
font-size:10px;
overflow: hidden;
}

#newslist .description{
font-size:14px;
text-align:center;
height:15px;
color:#999;
margin-top:8px;
letter-spacing:2px;
text-transform:uppercase;
}

#newslist .news .post{
text-transform:none;
text-align:left;
float:right;
width:145px;
height:120px;
padding:10px 10px 0 10px;
margin:10px 0 0 0;
border-left:1px solid #000;
border-right:1px solid #000;
color:#000;
white-space:normal;
overflow: hidden;
}

#newslist .news .left-image img{
float:left;
width:150px;
height:140px;
margin:0 5px 0 10px;
border-right:1px solid #000;
position:absolute;
overflow: hidden;
}

#newslist .news .right-image img{
float:right;
width:150px;
height:140px;
margin:0 10px 0 15px;
overflow: hidden;
}

#newslist .post h2{
padding:0 10px 0 0;
font-size:13px;
font-family:"lucida bright",Inherit,Georgia,"Georgia";
font-style:normal;
}

#newslist ul{
margin-bottom:0;
padding:5px;
}

#newslist ul li{
display:inline;
margin-right:10px;
}

#newslist .news .post em{
font-family:inherit;
font-size: 10px;
}

#newslist a{
color:#333;
text-transform:uppercase;
font-style:normal;
font-size:10px;
}


/*---| bottom sidebars |---*/

#sidebar_b1{
clear:both;
padding:10px;
border-top:3px solid #000;
background:white;
text-align:left;
height:400px auto;
list-style:none;
}

#sidebar_b1 .description{
color:#999;
margin:5px 0 5px 0;
padding:0 0 5px 0;
letter-spacing:2px;
text-align:center;
text-transform:uppercase;
border-bottom: 1px solid #000;
clear:both;
}

#sidebar_b1 a{
color:#333;
text-transform:uppercase;
}

#sidebar_b1 h2{
font-size:18px;
}

#sidebar_b1 .widget{
float:left;
margin:0 0 10px 0;
padding:5px 15px 5px 15px;
}

#sidebar_b1 ul li ul{
float:left;
vertical-align:baseline;
margin-right:15px;
padding:0 15px 5px 0;
}


#sidebar_b1 ul,
#sidebar_b1 ul li ul li ul{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}

#sidebar_b1 ul li ul li ul{
margin-bottom:0;
padding-right:10px;
}


#sidebar_b2{
clear:both;
padding:10px;
background:white;
text-align:left;
height:400px auto;
list-style:none;
}

#sidebar_b2 .description{
color:#999;
margin:5px 0 5px 0;
padding:0 0 5px 0;
letter-spacing:2px;
text-align:center;
text-transform:uppercase;
border-bottom: 1px solid #000;
clear:both;
}

#sidebar_b2 a{
color:#333;
text-transform:uppercase;
}

#sidebar_b2 h2{
font-size:18px;
}

#sidebar_b2 .widget{
float:left;
margin:0 0 10px 0;
padding:5px 15px 5px 15px;
}

#sidebar_b2 ul li ul{
float:left;
vertical-align:baseline;
margin-right:15px;
padding:0 15px 5px 0;
}


#sidebar_b2 ul,
#sidebar_b2 ul li ul li ul{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}

#sidebar_b2 ul li ul li ul{
margin-bottom:0;
padding-right:10px;
}


/*---| left sidebar |---*/

#sidebar{
padding:2px 10px 2px 5px;
float:left;
width:190px;
text-align:left;
font-size:13px;
font-weight:normal;
border-right: 1px solid #000;
list-style:none;
overflow:hidden;
}

#sidebar h2{
font-size:15px;
width:200px;
}

/*
#sidebar ul li ul{
border-bottom:1px solid #000;
margin-bottom:15px;
padding-bottom:15px;
}
*/

#sidebar ul li {
border-bottom:1px solid #000;
margin-bottom:15px;
padding-bottom:15px;
width:185px;
}

#sidebar ul,
#sidebar ul li ul li,
#sidebar ul li ul li ul{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
width:185px;
}


/*---| right big sidebar |---*/

#sidebar_right{
padding:10px;
float:right;
width:180px;
font-size:11px;
text-align:left;
border-left: 1px solid #000;
list-style:none;
overflow:hidden;
}

#sidebar_right h2{
font-size:16px;
font-style:normal;
width:180px;
}

#sidebar_right .post{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #000;
width:225px;
}

#sidebar_right em{
font-style:italic;
}

#sidebar_right blockquote{
padding:6px;
font-style:italic;
color:#555;
}

#sidebar_right blockquote p{
font-style:italic;
}

#sidebar_right code{
font-family:courier,"courier new", monospace;
font-size:14px;
background-color:#dfdfdf;
}

#sidebar_right div.information{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #000;
}

#sidebar_right ul li{
border-bottom:1px solid #000;
margin-bottom:15px;
padding-bottom:15px;
}

#sidebar_right ul,
#sidebar_right ul li ul li,
#sidebar_right ul li ul li ul{
border-bottom:0;
margin-bottom:0;
padding-bottom:0;
}

#sidebar_right ul li ul li ul{
margin-bottom:0;
padding-right:10px;
}


/*---| content |---*/

#content{
font-size:12px;
/*
margin-left: 175px;
margin-right: 250px;
*/
width: auto;
padding: 10px 10px 0px 10px;
border-left: 1px solid #000;
border-right: 1px solid #000;
overflow: hidden;
}

#content .tags, .postmetadata
{
text-align: left;
}

#content h1,h2,h3,h4,h5{
margin:5px 0 5px 0;
text-align:left;
clear:both;
}

#content a
{
text-align:left;
}


#content .post{
padding-bottom:0px;
margin-top:10px;
border-bottom:1px solid #000;
color:#000;
}

#content .post h2{
font-size:22px;
font-weight:normal;
text-align:left;
float:none;
clear:both;
}

#content ul{
list-style-type:square;
padding-left:30px;
}

#content ol{
list-style-type:decimal;
padding-left:30px;
}

#content code{
font-family:courier,"courier new", monospace;
font-size:14px;
background-color:#dfdfdf;
}

#content blockquote{
padding:6px;
font-style:italic;
text-align:left;
color:#555;
}

#content blockquote p{
font-style:italic;
}

.navigation div{
line-height:200%;
}

p.details_small{
font-size:11px;
color:#876543;
}

p.details_small a{
color:#876543;
text-decoration:underline;
}

p.date{
text-align:right;
font-size:12px;
color:#111;
}

#content em{
font-style:italic;
}


/*---| comments |---*/

#comments {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #000;
}

.commentlist big{
font-size:16px;
display:block;
font-variant:small-caps;
margin-bottom:5px;
}

.commentlist li{
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid #000;
}

.commentlist ul li,
.commentlist ol li{
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}

.commentlist ul{
padding-left:20px;
list-style-type:square;
}

.commentlist ol{
padding-left:20px;
list-style-type:decimal;
}

p.nocomments{
padding-bottom:30px;
border-bottom:1px solid #000;
font-weight:bold;
font-size:15px;
}

.allowed-tags{
display:none;
}


/*---| forms |---*/

#commentform{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #000;
}

textarea{
width:100%;
border: 1px solid #999;
}

/*---| Suchen |-----*/

#searchform input {
color: #333;
background: #ccc;
border:1px solid #999;
font-weight: normal;
cursor: pointer;
font-size: 1.0em;
margin: 10px 0 10px 10px;
padding: 3px;
}
#searchform input:hover {
color: #eee;
background: #666;
border: 1px solid #999;
}
#searchform #s {
margin: 10px 0px 10px 0px;
padding: 5px;
background: #fff;
color:  #000;
border: 1px solid #999;
cursor: default;
}
#searchform #s:hover  {
background: #F1F1F1;
color: #000;
border: 1px solid #999;
}

/*---| buttons |---*/

#commentform input{
border: 1px solid #999;
color: #000;
background: #ccc;
padding: 3px 3px 3px 3px;
}

#commentform input:hover{
border: 1px solid #999;
color: #eee;
background: #888;
padding: 3px 3px 3px 3px;
}


/*---| footer |---*/

#footer{
padding:10px;
background:white;
border-top:5px solid #000;
clear:both;
text-align:center;
font-size:11px;
}

/*---| Kalender |---*/

#calendar-wrap {
margin:5px;
padding-bottom:0;
border-bottom:0;
}

#wp-calendar {
border-collapse: collapse;
font-size: 0.8em;
border: 1px solid #1f2522;
line-height: 1.4em;
margin: 0 0 10px 0;
}
#wp-calendar th {
background: silver;
color: #333;
border: 1px solid #395127;
text-align: center;
}
#wp-calendar table.nav,
#wp-calendar th,
#wp-calendar td {
padding: 1px 2px;
}
#wp-calendar td {
color: #1f2522;
background:#E8E0CD;
border: 1px solid #1f2522;
text-align: center;
}
#wp-calendar #next a {
padding-left: 1px;
text-align: right;
}
#wp-calendar #prev a {
padding-right: 1px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar caption {
color: #333;
font-family: Verdana;
text-align: center;
font-weight: bold;
padding:5px 0;
margin: 0 auto;
}
#wp-calendar tbody td a {
color: #c73119;
background: inherit;
}
#wp-calendar tbody td a:hover {
background:inherit;
color: silver;
}
#wp-calendar #today {
background: silver;
color: #333;
}
#wp-calendar #today a {
background:silver;
color: #c73119;
}
#wp-calendar #today a:hover {
background: silver;
color: #333;
}
#wp-calendar tfoot td {
border: 0;
color: #333;
background: silver;
}
#wp-calendar tfoot td a {
color: #333;
background: silver;
}
#wp-calendar tfoot td a:hover {
color: #000;
background: silver;
}



/*---| WordPress requirements |---*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	clear:left;
}

.alignright {
	float: right;
	clear:right;
}

.wp-caption {
	border: 1px solid #ddd;
	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;
}