/*
THEME NAME: BolzWM 2010
THEME URI: http://www.superfine.de/
DESCRIPTION: BolzWM Theme template for all your BolzWM '10 pleasures, kill P3!!
VERSION: 2.0
AUTHOR: Superfine
AUTHOR URI: http://www.superfine.de/
Tags: two-columns, fixed-width, right-sidebar, widget-siderbar, drop down menus, widget-footer.
*/

@import "reset.css";

@font-face {
 	font-family: 'League Gothic Regular';
 	src: url("font/league_gothic.eot");
}
@font-face {
 	font-family: 'League Gothic Regular';
 	src: url("font/league_gothic.ttf");
}


/*	Main Styling
-------------------------------------------------------------- */

body {
	background: #FBFBFB url("images/body_bg.jpg") repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #585858;
}

a, a:active {color: #FF0001; text-decoration: none;}
a:hover {color: #800800; text-decoration: underline;}

strong {font-weight: 700;}

hr {
	border: none 0;
	border-bottom: 1px solid #C0C0C0; /*#E0E0E0;*/
	height: 1px;
	margin: 30px 0px;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}


/*	Wrapper
-------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 1024px;
	/*border: 1px inset purple;*/
}

/*	Header
-------------------------------------------------------------- */

#header {
	margin: 0 auto;
	width: 1020px;
	height: 457px;
	position: relative;
	overflow: hidden;
	background: url("images/header-bg.png") top center no-repeat;
	z-index: 5;
}

#header-spacer {
	width: 100%;
	height: 2px;
}

#subheader {
	float: right;
	position: absolute;
	top: 255px;
	left: 712px;
	width: auto;
	height: auto;
	display: inline-block;
	overflow: hidden;
	z-index: 10;
}

.wimpel {
	width: 189px;
	height: 261px;
	position: absolute;
	top: 0px;
	left: 25px;
	float: left;
	background: url("images/wimpel.png") no-repeat;
}

#social-icons {
	float: right;
	position: absolute;
	bottom: 0px;
	right: 75px;
	width: 270px;
	height: auto;
	/*border: 1px dotted lime;*/
}

#social-icons img {
	display: inline-block;
	margin: 0 0 0 8px;
	float: right;
}

#logo-img {display: inline-block;margin: 0 10px 0 0;float: left}

#logo-text {display: inline-block; float: left;}

#logo {
	font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
	font-size: 5.8em;
	text-transform: uppercase;
	vertical-align: bottom;
	color: #FFF;
}

#logo a {color: #F8F8F8;}
#logo a:hover {	text-decoration:none;}

#description {	
	font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
	font-size: 2.35em;
	letter-spacing: 0.019em;
	text-transform: lowercase;
	color: #F8F9F8;
	vertical-align: bottom;
	padding: 0 0 6px 0;
}

/*	Dropdown Navigation
-------------------------------------------------------------- */

#menu { 
	width: 1020px;
	height: 56px;
	/*border: 1px dashed gray;*/
}

/*		1st Level		*/

#menu ul {
	width: 1010px;
	height: 56px;
	margin: 10px 0 0;/*10px 0 0 10px;*/
	color: #fff;
	display: inline-block;
	/*border: 1px dashed gray;*/
}

#menu ul li {
	float: left;
	text-transform: uppercase;	
	font-size: 95%;	
	height: 35px;
	background: url('images/menu_bg.png');	
	position: relative;	
	z-index: 10;
	/*border: 1px dashed gray;*/
}

/*		2nd Level		*/

#menu ul li ul {display: none; position: absolute; width: 200px; top: 25px;}
#menu ul li:hover ul {display: block;}
#menu ul li ul li {
	clear: both; 
	height: auto; 
	width: 100%;
	color: #FFF;
	display: block;
	border-bottom: 1px solid #000;
	font-size: 90%;
}

#menu ul li ul li:last-child {border-bottom: none;} /* Doesn't work in IE */
#menu ul li ul li > ul {visibility: hidden;} /*	to hind 3rd Level until :hover */

/*		3rd Level		*/

#menu ul li ul li:hover > ul {display: block; visibility: visible;}
#menu ul li ul li ul {display: none; position: absolute; height: auto; width: 100%; top: -2px;}
#menu ul li ul li ul li {margin: 0; left: 200px; border-left: 1px solid #000;}


/*		Dropdown Styling		*/

#menu ul li:hover ul li a, #menu ul li ul li a,
#menu ul li ul li:hover ul li a, #menu ul li ul li ul li a {padding: 10px;}

#menu ul li a {	color: #FFF; text-decoration: none; display: block; padding: 10px;}
#menu ul li a:hover {color: #9B0800;}

#menu ul li.current_page_item a, 
#menu ul li ul li.current_page_item a, 
#menu ul li ul li ul li.current_page_item a {color:#FF0000;}

#menu ul li ul li:hover > a,
#menu ul li ul li ul li:hover > a {color: #9B0800; background: url('images/menu_bg.png');}



/*	Pseudos		--> kill all da'fuckers!!!
-------------------------------------------------------------- */

.post-content a.more-link , .post-content a:active.more-link  {
	color: #FFF; 
	text-decoration: none; 
	line-height: 1;
}
	
.post-content a:hover.more-link  {color: #FFF; text-decoration: none;line-height: 1;}

.post-content p a, .post-content p a:active {font-weight: 600; text-decoration: none;}
.post-content p a:hover {font-weight: 600; text-decoration: underline;}

#sidebar .sidepanel a, .sidepanel a:active {padding:1px; color: #585858; text-decoration: none;}
#sidebar .sidepanel a:hover {padding:1px; text-decoration: none;}

#sidebar .sidepanel ul li a, #sidebar .sidepanel ul li a:active {
	padding:1px;
	font-weight: normal;
	font-size: 1em;
	font-family: 'Arial', Helvetica, Arial, sans-serif;
	color: #585858;
	text-transform: uppercase;
	text-decoration: none;
}

#sidebar .sidepanel ul li a:hover, #sidebar .sidepanel ul li ul li a:hover {
	padding:1px; 
	color: #800800;
	font-weight: 600;
	/*background: #E7E7E7;*/
	text-decoration: none;
}

#sidebar .sidepanel ul li a:hover {font-weight: normal;}
#sidebar .sidepanel a:hover, #sidebar .sidepanel ul li a.url:hover {color: #800800;}
#sidebar .sidepanel ul li.recentcomments a:hover {text-decoration: underline;}
#sidebar .sidepanel ul li.recentcomments a.url:hover {text-decoration: none;}

.post-title a, .post-title a:active, .post-title a:hover, .post-content p a, 
.post-content p a:active, .post-meta a, .post-meta a:active, span.author {text-decoration: none;}
.post-meta a:hover, .post-content p a:hover, .post-meta a:hover {text-decoration: underline;}



/*	Content
-------------------------------------------------------------- */

#container {
	margin: 25px auto 0 auto;
	padding: 0 0 25px 0;
	width: 960px;
	height: auto;
	overflow: hidden;
	/*border: 1px dotted hotpink;*/
}

#content {
	float: left;
	width: 590px;
	/*border: 1px dashed aqua;*/
}

.post-spacer {
	display: block;
	height: 1px;
	width: 100%;
	margin: 25px 0 25px 0;
	/*border: 1px dotted Green;*/
}

.post-title {
	margin: 8px 0px 12px 0px;
    text-transform: uppercase;
	font-size: 3.2em;
	line-height: 1.2;
	font-weight: normal;
	font-family: League Gothic Regular, Helvetica, Arial, sans-serif;
	/*border: 1px dotted Teal;*/
}


h1.post-title {
	margin: 8px 0px 12px 0px;
	color: #585858;
}

.page-subtitle {
	margin: 11px 0px 15px 0px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #3b3b3b;
	font-size: 1.5em;
	text-transform: uppercase;
	border-bottom: 1px solid #C0C0C0;
}

.post-meta {
	font-size: 0.95em;
	font-weight: bold;
	margin: 5px 0 30px 0;
	text-transform: uppercase;
	/*border: 1px dotted Fuchsia;*/
}

.post-meta {
	font-size: 0.95em;
	font-weight: bold;
	margin: 5px 0 30px 0;
	text-transform: uppercase;
	/*border: 1px dotted Fuchsia;*/
}

.sep {
	color: #3b3b3b;
	margin: 0 8px;
}

/*.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}
.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}*/

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin: 15px 0 15px 0;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.8em;
	margin-bottom: 0.95em;
	font-size: 1em;
	color: #424242;
}

.post-content strong, .post-content p strong {
	font-size: 130%;
	line-height: 2.1em;
}


/*------------------------------post-types------------------------------*/

.post-types {
	float: left;
	margin: 0 0 10px;
	font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-decoration: underline;
	color: #585858;
}

.post-types-clear { clear: both;}

/*------------------------------post images------------------------------*/
.post-content p img {
	margin: 0 0 10px 0;
	padding: 10px 10px 15px;
	width: auto;
	height: auto;
	background: #FFF;
	border: 2px solid #E0E0E0;
	z-index: 5;
}

.post-content p img.noframe {
	margin: 5px 10px 10px 10px;
	padding: 0;
	width: auto;
	height: auto;
	background: transparent;
	border: 2px solid #E0E0E0;
}

.post-content img.alignnone {
	padding: 10px;
	background: #FFF;
	border: 2px solid #E0E0E0;
}

.post-content img.alignleft {
	margin: 0 25px 15px 0;
	padding: 10px;
	float: left;
	background: #FFF;
	border: 2px solid #E0E0E0;	
}

.post-content img.alignright {
	margin: 0 0 15px 25px;
	padding: 10px;
	float: right;
	background: #FFF;
	border: 2px solid #E0E0E0;	
}

/*------------------------------post images ende------------------------------*/
.post-content ul, .post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}
.post-content ul {
	list-style: outside;
}
.post-content ol {
	list-style: decimal;
}
.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

/*------------------------------more-link (automatic wp)------------------------------*/
.post-content p a.more-link {
	margin: 6px 0px 25px 0px;
	padding: 9px 7px 9px 7px;
	float: left;
	color: #FFF;
	background: #FF0001;
	border: 1px solid #C0C0C0;
	cursor: pointer;	
}

.post-content p a.more-link:hover {background: #800800;border: 1px solid #353535;}
.post-content p > a.more-link {clear:both}
.post-spacer {clear: both;}

/*------------------------------more-link (automatic wp) ende ------------------------------*/

.navigation {clear:both}

.navleft {float: left;margin: 0 15px 15px 0;}

.navright {float: right;margin: 0 0 15px 15px;}

.navleft a, .navright a {
	text-transform: uppercase;
	font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	color: #585858;
}

.navleft a:hover, .navright a:hover {color: #800800;text-decoration: none}

/*.navigation div a {
	font-size: 200%;
}*/

/*	Comments
-------------------------------------------------------------- */
#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}
.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #F1F1F1;
	border: 1px solid #F0F0F0;
	padding: 3px;
}
.comment-data {
	float: left;
	width: 400px;
}
.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}
.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}
.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
	color: #ff0000
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#respond #input {
	font-weight: 700;
	padding: 10px;
	color: #fff;
	background: #9b0800;
	border: #731100 1px solid;
}

#respond #submit {font-weight: bold; color: White;}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

.section-title {
    font-size: 190%;
    font-family: League Gothic Regular, Helvetica, Arial, sans-serif;
    margin: 40px 0 10px 0;
    text-transform: uppercase;
    /*border: 1px dashed Teal;*/
}

/*------------------------------post comment form------------------------------*/

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form input {
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px 5px 10px 5px;
	border: 1px solid #ececec;
	color: #888;
}

#comment-form textarea {
	width: 590px;
	height: 200px;
	margin-top: 15px;
	font-family: 'Arial', Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px 5px 10px 5px;
	border: 1px solid #ececec;
	color: #888;
}


#comment-form input:active, #comment-form textarea:active {
	background: #F1F1F1;
	border: 1px solid #CCC;
}

#comment-form input:hover, #comment-form textarea:hover {
	background: #F1F1F1;
	border: 1px solid #CCC;
}

/*	Sidebar
-------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	padding: 5px 0 0 0;
}

.sidepanel {
	margin: 7px 0 30px;
	font-weight: normal;
	font-size: 1em;
	font-family: 'Arial', Helvetica, Arial, sans-serif;
	color: #585858;
	text-transform: none;
	text-decoration: none;
	/*border: 1px dotted Teal;*/
}

.sidepanel h3 {
	padding: 0 0 7px 0;
	font-weight: normal;
	font-size: 2.45em;
	font-family: 'League Gothic Regular', Helvetica, Arial, sans-serif;
	color: Red;
	text-transform: uppercase;
	border-bottom: 1px solid #C0C0C0;/*#EFEFEF;*/
}

.sidepanel ul li, .sidepanel ul li ul li {
	padding: 7px 0;
	border-bottom: 1px solid #C0C0C0;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

.sidepanel .ads  {
	/*background: #FFF;*/
	border: 2px solid #ECECEC;
	background: #F7F7F7;
	color: #BBB;
	padding: 5px;
	width: 125px;
	height: 125px;
	margin: 0 10px 10px 0;
	display: inline-block;
}

#searchform #s {
	padding: 10px 5px 10px 5px;
	border: 1px solid #EFEFEF;
	color: #888;
}

#searchform #s:focus, #sidebar #s:hover {
	border: 1px solid #C0C0C0;
}


/*------------------------------post submit button------------------------------*/
#submit {
	padding: 9px 7px 9px 7px;
	color: #FFF;
	background: #FF0001;
	border: 1px solid #C0C0C0;
	cursor: pointer;	
}

#submit:hover, #sidebar #searchsubmit:hover {
	background: #800800;
	border: 1px solid #353535;
}

/*------------------------------search input field------------------------------*/
#sidebar #s {
	padding: 10px 5px 10px 5px;
	width: 130px;
	color: #888;
	border: 1px solid #E0E0E0;
}

#sidebar #s:focus, #sidebar #s:hover {border: 1px solid #CCC ;}

/*------------------------------search button------------------------------*/
#sidebar #searchsubmit {
	padding: 6px 8px 8px 8px;
	font-size: 1.2em;
	color: #FFF;
	background: #FF0000;
	border: 1px solid #ECECEC;
	cursor: pointer;	
}

#sidebar #searchsubmit:hover {background: #800800;}

/*------------------------------sidebar search botton------------------------------*/
/*#sidebar a:hover {
	font-weight:bold;
	color: #9b0800;
}*/

/*				*/
#searchsubmit {
	background: Blue;
	border: 1px solid #FFF ;
}

#searchsubmit:hover{
	background: Green;
	border: 1px solid #FFF ;
}

/*	Footer
-------------------------------------------------------------- */

#footer-container {
	width: 100%;
	height: auto;
	text-align: center;
	background: url("images/footer_bg.png") top left repeat;
	border-top: 1px solid #ddd;
	/*border: 1px dotted maroon;*/
}

#footer {
	margin: 0 auto;
	padding: 35px 0 10px 10px;
	width: 1020px;
	height: auto;
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Black;
	text-align: left;
	display: inline-block;
	background: url("images/soccer-field.png") no-repeat;
	/*border: 1px dotted cyan;*/
}

#footer-sidebar {
	height: auto;
	width: 100%;
	margin: 0 0 30px 0;
	display: inline-block;
	/*border: 1px dashed lime;*/
}

/*#footer-sidebar #twitter {
	float: right;
	height: 200px;
	display: inline-block;
}

#footer-sidebar a {color: #888;}
#footer-sidebar a:hover {color: Maroon;}*/

#footer-sidebar .sidepanel {
	height: auto;
	width: 225px;
	display: inline-block;
	margin: 0 10px 20px 10px;
	vertical-align: top;
	float: left;
	/*border: 1px dotted red;*/
}

#footer-sidebar .sidepanel h3 {
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Black;
	text-transform: uppercase;
	border-bottom: 1px solid #353535;
}

#footer-sidebar .sidepanel ul li {
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Black;
	text-transform: none;
	border-bottom: 1px solid #353535;
}

#footer-sidebar .sidepanel ul li ul li {
	padding: 5px 0 0 10px;
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Black;
	text-transform: none;
	border-bottom: 0px solid #353535;
	
}

#footer-sidebar .sidepanel ul li a, 
#footer-sidebar .sidepanel ul li ul li a {
	padding: 1px;
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Black;
	text-transform: none;
}

#footer-sidebar .sidepanel ul li a:hover, 
#footer-sidebar .sidepanel ul li ul li a:hover {
	padding: 1px;
	font: bold 1em 'Arial', Helvetica, Arial, sans-serif;
	color: Maroon;
	text-decoration: underline;
	background: #FFF;
}

#footer-links {margin: 0 0 0 10px; list-style: none;}

#footer-links a {padding: 1px; color: Black; text-decoration: underline;}
#footer-links a:hover {padding: 1px; color: Maroon; text-decoration: underline; background: #FFF;}

#footer-links li {font-weight: 600; float: left; margin-right: 15px;}
#footer-links li.right {font-weight: 600; float: right; margin-right: 15px;}

/*

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

.tweetmeme_button {
	float: right; 
	margin: -90px 0 0 0;
}*/

/*	Calendar
-------------------------------------------------------------- */
#wp-calendar caption {
	padding: 5px 0 5px 0;
	width: 295px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	text-align: center; 
	background: #FFF; /*#E7E7E7;*/
	border: 1px solid #CCC;
	color: #585858; 
}

#wp-calendar { border-collapse:collapse; width: 300px; text-align: center; }

#wp-calendar thead th { padding: 8px 0 5px 10px; font-weight: bold;}

#wp-calendar tbody td, #wp-calendar #prev { padding: 5px 0 5px 10px; }

#wp-calendar #today { color: #800000; background: #E7E7E6; padding: 5px 0 5px 10px; font-weight: bold; }

#wp-calendar tbody td:hover, #wp-calendar #prev:hover {
	color: #000; 
	background: #F1F0F0;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

#wp-calendar a { padding: 2px 0; font-weight: bold; }

#wp-calendar tfoot td { padding: 3px 0; }

#wp-calendar tfoot tr td a:hover { background: transparent; }

#calendar_wrap { display: block; width: 300px; padding: 0 1px 1px 0; margin: 5px 0 0 0; }

#wp-calendar a:hover { background: #E6E6E6;color: #800800; text-decoration: none; }

#wp-calendar #next { text-align: right; color: #000; padding: 5px 10px 5px 0; }

#wp-calendar #next:hover { color: #800000; background:#E7E7E7; padding: 5px 10px 5px 0; }

#wp-calendar #prev { text-align: left; }


/*	Tables
-------------------------------------------------------------- */





















/*	Colors 

#9B0808		Dark Red
#BB0800		Redish
#E0E0E0		Light Gray
#EFEFEF		Gray
#C0C0C0		Middle Gray
#585858		Dark Gray
#595959		Darker Gray
#464646		Darkest Gray

http://img.superfine.de/wp-content/themes/BolzWM-2010/images/favicon.ico

 */