/*  
Theme Name: PRiNZ BranfordMagazine PRO
Theme URI: http://www.der-prinz.com/branfordmagazine-wordpress-magazine-style-theme-63
Description: A premium Magazine Theme for Wordpress with multiple Functionalities, custom Widgets, an Options Panel and additional Page Templates. It supports all the nice WordPress 3.x features like custom menus, custom header and background etc.
Version: 7.0
Author: Michael Oeser
Author URI: http://www.der-prinz.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

***********************************************************************************
** More styles can be edited in the specific CSS files of the used color schemes **
***********************************************************************************

STRUCTURE OF THIS CSS DOCUMENT

	- CSS RESET
	- GENERAL STRUCTURE
	- SIDEBAR STRUCTURE
	- ESSENTIAL NAVIGATION BAR STYLES
	- COMMENTS
	- FLOAT PROPERTIES

/***************************************
CSS Reset by Eric Meyer v1.0 | 20080212 
****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************
*   General Structure                         
******************************************/
#header {height: 120px;}
#logo {height: 120px;}
#headerwidgets {
    float: right;
    margin-top: -115px;
	position:relative;
	z-index:999;
}
.header_widget {
	color: #888;
	text-align:right;
}
#page { /*the main container*/
	width:940px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 20px 35px 20px;
}
.left { float:left; }
.right { float:right; }
#sidebar {/*you guessed it: it´s the sidebar container*/
	width: 300px;
	float:right;
}
#leftcol {/*the left homepage column carrying the "Featured Article" section*/
	width:300px;
	padding-right:10px;
}
#leftcol, #rightcol {
	margin-top:10px;
	float:left
}
#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:300px;
	padding-left:10px;
	margin-top: -2px;
	text-align:justify;
}
/******************************************
*   SIDEBAR                         
******************************************/

#sidelist li { list-style:none; }
.bullets li {
	margin:0 0 5px 15px;
	list-style:square;
}
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
}
#sidelist .feed li {
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
}
#twitter_update_list li {
	list-style:square;
	margin-bottom:5px;
	margin-left:22px;
}

/***********************************************
*   STYLES FOR THE HORIZONTAL NAVIGATION MENUES
************************************************/

/*** Basic styles for all menus (more styles are defined in the colorscheme stylesheets) ***/
.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:			150px; /* left offset of submenus need to match */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	width: 			auto;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		100;
}
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:			150px; /* match ul width */
	top:			0px;
}
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:			150px; /* match ul width */
	top:			0px;
}


/*** Comments ***/
.commentlist { padding-left:30px; }
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f8f8f8;
	border:1px solid #eee;
}
.commentmetadata { display: block; }


/*** Form Elements ***/
select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
}
#searchform { padding:16px 5px 0 0; }
.searchfield {
	width:150px;
	padding: 1px 1px 1px 20px;
	background: url(images/icons/search-16.png) no-repeat #fff;
	color:#666;
	border:1px solid #ddd;
}
.searchfield:hover, .searchfield:focus {
	background: url(images/icons/search-16.png) no-repeat #eee;
	border:1px solid #999;
	text-decoration:none;
}
.newsletter {
	width:160px;
	padding: 2px 2px 2px 5px;
	background: #fff;
	color:#666;
	border:1px solid #ddd;
}
.newsletter:hover, .newsletter:focus {
	background: #eee;
	border:1px solid #999;
	text-decoration:none;
}
#newsleter-submit {
	background: #333;
	border:none;
	color: #fff;
	padding: 1px;
}
#newsleter-submit:hover { background: #666; }
.button {
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
}
.button:hover {
	background:#666;
	text-decoration:none
}
#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 100%;
	margin-top:5px;
}

/*****************************************************
*   Float Properties                      
****************************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfloat { display:inline-block; }
.clearfloat { display:block; }