/*
Theme Name: Anglian
Theme URI: http://it-gnoth.de/projekte/wordpress/themes/
Description: A variable width (800px, 1024 px), three columns "Newspaper" theme for Wordpress, widgets ready. with enough space for pictures and advertisements.
Version: 1.2.4
Author: Christian Gnoth
Author URI: http://it-gnoth.de/
Tags: white, custom-colors, flexible-width, three-columns, custom-header, theme-options, left-sidebar, right-sidebar
*/


/*  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 |---*/

body{
	font-size: 62.5% !important;/*  11px now equals 1.1ems */
	color:#212121;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

h1{
	font-size:1.6em !important;
	margin:0 0 21px 0;
}

#content h1 a{
	color:#162c53;
	
}

#content h1 {
	margin:0;
	clear:both;
}

h2{
	color:#212121;
	font-size:1.4em !important;
	margin:0 0 8px;
	clear:both;
}

h3{
	color:#212121;
	font-size:1.1em !important;
	margin:0 0 10px;
}

p{
	line-height:1.4em;
	font-size:1.0em;
	margin:1em 0;
	
}

a{
	text-decoration:none;	
	cursor: hand;         /* Older Browsers use this */
	cursor: pointer;      /* 6th Gen Browsers use this */

}

a:hover{
	text-decoration:underline;
}

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-style:				italic;
	font-size: 				1.0em;
	text-align:				left;
	line-height: 			1.3em;
}


hr {display:none;}

#wrapper{
	margin-left:10px;
	width:1020px;
}

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


#header
{
	height:		auto;
	background:	transparent url(/images/anglian-banner.gif) no-repeat;
	height:96px;
	margin:0 0 7px;
}



/*---| 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; }
.hidden { visibility: hidden; }
.clear  { clear:both; display: block; }


.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;
}

ul.rss_feed{
	background:#DDDDDD none repeat scroll 0 0;
	float:left;
	height:43px;
	width:161px;
}

ul.rss_feed a{
	color:#162C53;
}

ul.rss_feed a:hover{
	text-decoration:none;
}

html > body ul.rss_feed{
	height:36px;
}

ul.rss_feed img{
	padding-top:12px;
}



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


#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;
}

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

#top-banner{
	border-bottom:1px solid #CCCCCC;
	clear:both;
	margin:11px 0 8px;
	padding:0 0 9px;
}

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

#page_bar_container
{
height:35px;
}

/* Top Nav tabs */

ul.page_tabs{
	float:left;
	height:31px;
	width:850px;
	padding:5px 0 0 7px;
	background:#DDD;
	}

ul.page_tabs li {
	float:left;
	margin-right:3px;
	}

ul.page_tabs a:link, ul.page_tabs a:visited {
	background:transparent url(/images/top-tabs-bg.png) repeat scroll right 0;
	display:block;
	font-weight:bold;
	text-decoration:none;
	height:37px;
}

ul.page_tabs a span {
	background:transparent url(/images/top-tabs-bg.png) repeat left 0;
	display:block;
	font-weight:bold;
	line-height:38px;
	text-decoration:none;
	margin-right:8px;
	padding-left:16px;
	height:38px;
	}

ul.page_tabs a:hover{
	text-decoration:underline;
	}
	
html > body .page_tabs a span {
	margin-right:16px;
}

.page_tabs a, .page_tabs span {
	float:left;
}

ul.page_tabs a span{
	font-weight:bold;
	font-size:1.2em;
	color:#162c53;
}



/*---| middle container |---*/

#content_container
{
	display:      		block;
	width:        		100%;
	height:       		auto;
}



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

#bottom_container
{
	clear:						both;
	float:						left;
	position:					relative;
	list-style:				none;
	width: 						100%;
	height: 					auto;
}

#sidebar_b1
{
	margin: 					0;
	padding:					5px 0px 5px 0px;
	float:						left;
	position:					relative;
	background:					white;
	text-align:					left;
	font-size: 					0.95em;
	height: 					auto;
	width:  					100%;
}

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

#sidebar a,#sidebar_right a
{
	color:#333333;
	font-size:1.2em;
	border-bottom:solid #ccc 1px;
	display:block;
	width:166px;
	padding: 7px 0;
}

#sidebar_right a{
	width:241px;
}

#sidebar a:hover,#sidebar_right a:hover
{
	text-decoration:underline;
}
	
#sidebar_b1 h2
{

}

ul.sidebar_b1_ul
{
	float:						left;
	display:  				inline;
	position:					relative;
}

ul.sidebar_b1_ul li.widget
{
	display:  				inline;
	float:						left;
	position:					relative;
	vertical-align:		top;
	margin:						0 0 10px 0;
	padding:					5px 15px 5px 15px;
	width: 						auto;
}


ul.sidebar_b1_ul li ul,
ul.sidebar_b1_ul li ul li
{
	vertical-align:		baseline;
	display:					block;
	float:						none;
}

ul.sidebar_b1_ul li ul li a
{
	display:					block;
}

ul.sidebar_b1_ul,
ul.sidebar_b1_ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
	display:					block;
}

	
ul.sidebar_b1_ul li ul li ul
{
	margin-bottom:		0;
	padding-right:		10px;
}

h2#categories{
	background:url(/images/bg-categories.png) no-repeat;
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#archives{
	background:url(/images/bg-archives.png) no-repeat;
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#search{
	background:url(/images/bg-search-blog.png) no-repeat;
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#featured-posts{
	background:url(/images/bg-featured-posts.png) no-repeat;
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#latest-posts{
	background:url(/images/bg-latest-posts.png) no-repeat;
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#recent-comments{
	background:url(/images/bg-recent-comments.png);
	text-indent:-9000px;
	height:36px;
	width:166px;
	}
	
h2#more-links{
	background:url(/images/bg-links.png);
	text-indent:-9000px;
	height:36px;
	width:166px;
	}


/*  Botom Bar 2 */


#sidebar_b2
{
	margin: 					0;
	padding:					5px 0px 5px 0px;
	clear:						both;
	float:						left;
	position:					relative;
	background:					white;
	text-align:					left;
	font-size: 					0.95em;
	height:						auto;
	width:  					100%;
}


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


#sidebar_b2 a
{
	width:						auto;
	color:						#333;
	text-align:					left;
	display:					block;
}


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

ul.sidebar_b2_ul
{
	float:						left;
	display:  					inline;
	position:					relative;
}

ul.sidebar_b2_ul li.widget
{
	display:  					inline;
	float:						left;
	position:					relative;
	vertical-align:				top;
	font-size:					12px;
	margin:						0 0 10px 0;
	padding:					5px 15px 5px 15px;
	width: 						auto;
}


ul.sidebar_b2_ul li ul,
ul.sidebar_b2_ul li ul li
{
	vertical-align:				baseline;
	display:					block;
	float:						none;
}

ul.sidebar_b2_ul li ul li a
{
	display:					block;
}

ul.sidebar_b2_ul,
ul.sidebar_b2_ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
	display:					block;
}

ul.sidebar_b2_ul li ul li ul
{
	margin-bottom:		0;
	padding-right:		10px;
}



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

#sidebar
{
	float:						left;
	width:						173px;
}

#sidebar h2,#sidebar_right h2{
	margin-bottom:0;
}

#sidebar_right h3{
	color:#000;
	font-size:1.3em !important;
}

#sidebar ul,
#sidebar ul li ul li,
#sidebar ul li ul li ul
{
	width:						160px;
}

#sidebar ul .children{
	
}

#sidebar ul .children a{
	padding-left:15px;
	width:151px;
}

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

#sidebar_right
{
	border-left:1px solid #CCCCCC;
	display:block;
	float:left;
	padding:0 0 0 7px;
	width:220px;
}

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

#sidebar_right .post
{
	padding-bottom:		15px;
	margin-bottom:		15px;
	width:						224px;
}

#sidebar_right a em
{
	color:					#B35924;
}

#sidebar_right a em :hover
{
	text-decoration:none;
}

#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;
}

#sidebar_right ul li
{

}


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


/*---| content (MIDDLE SECTION) |---*/

#content
{
	font-size:		12px;
	width: 				554px;
	height:       100%;
	float:        left;
	position:     relative;
	padding:		0 20px;
	display:      block;
	overflow: 		hidden;
	border-left:1px solid #ccc;
}

#content a{
	color:#B35924;
}

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

.commentmetadata a{
	color:#B35924 !important;
}

.sidebar-archives li{
	padding:0 !important;
}

.sidebar-archives a{
	color:#B35924 !important;
}


.postmetadata a{
	color:					#B35924;
	}

#content .post
{
	padding-bottom:			30px;
	margin-top:				10px;
	color:					#000;
}

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

#content .post h2 a
{
	font-size:				21px;
	font-weight:			bold;
	color:#162c53;
}

#content .post h3 a
{
	font-size:				18px;
	font-weight:			bold;
	color:					#162c53;	
}

#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;
	text-align:				left;
	color:						#555;
}

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

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

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

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

p.details_small a:hover
{
	text-decoration:	none;
}

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

#content em
{
	font-style:				italic;
}


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

#comments
{
	margin-bottom:		10px;
	padding-bottom:		10px;
}

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

.commentlist li
{
	margin-bottom:		8px;
	padding-bottom:		8px;
}

.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;
	font-weight:			bold;
	font-size:				15px;
}

.allowed-tags
{
	display:					none;
}


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

#commentform
{
	margin-bottom:		15px;
	padding-bottom:		15px;
}

textarea
{
	width:						100%;
}

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

#searchform input
{

}



#searchform #s
{
height:23px;
margin:0 0 10px;
width:162px;
}




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

#commentform input
{
	color: 						#000;
	background: 			#ccc;
	padding: 					3px 3px 3px 3px;
}

#commentform input:hover
{
	color: 						#eee;
	background: 			#888;
	padding: 					3px 3px 3px 3px;
}


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

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


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

.navigation{
	margin-bottom:20px;
}

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

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

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

.alignleft a,.alignright a{
	color:						#B35924;
}

.wp-caption
{
	text-align: 				center;
	background-color: 			#f3f3f3;
	padding-top: 				4px;
	margin: 					10px;

}

.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;
}

p.credits a{
	color:#B35924;
}

/* Right hand side sIFR categories */

#sidebar_right h4 {
	background:#95172c url(/images/bg-category.png) no-repeat scroll 0 top;
	width:226px;
	color:#fff;
	padding:6px 5px 0 10px;
}