/*

Theme Name: Breitbild Visual Effects based on Black Buttons Theme

Theme URI: http://www.wptown.com/

Description: Breitbild Visual Effects based on Black Buttons Theme is a unique Widget ready WordPress theme with 2 columns, right sidebar, rounded corners and fixed width. Tested on Firefox, Internet Explorer 6, 7 and Opera. Theme is XHTML/CSS valid and SEO friendly.

Version: 1.0

Author: WP Town

Author URI: http://www.wptown.com/

Tags: black, gray, 2 columns, widget ready, rounded corners, right sidebar, fixed width, seo friendly

*/







/* General */



body {  margin: 0;

        padding: 0;

	background: #171717;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: auto;

}





/* Page */



#page {

	margin: 0 auto;

	width: 1174px;

        height: absolute;

	background: url("images/page.jpg") no-repeat;

}



#slider { margin: 20px 0 0 0;

text-align: left;

}



#lang-select { padding: 100px 0 0 800px;

}



/* Header */



#header {

	width: 1004px;

	height: 200px;

        margin: 10px 0 0 0;

	position: relative;

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 15px;

		left: 33px;

		width: 930px;

		text-align: left;

	}

	

	#header #header-info h1 {

		color: #cfcdcd;

		font: normal 40px Verdana;

		padding-bottom: 5px;

	}

	

	#header #header-info h1 a {

		color: #cfcdcd;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #cfcdcd;

		font: normal 18px Verdana;

	}



	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 175px;

		left: 10px;

		width: 990px;

		height: 35px;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		width: 964px;

		height: 35px;

	}

	

	#header #header-menu ul li {

		float: left;

		width: 125px;

		height: 35px;

		margin-right: 5px;

		font: normal 14px/35px Verdana;

		color: #cfcdcd;

		text-align: center;

		background: url("images/header_menu.gif") no-repeat;

	}

	

	#header #header-menu ul li a {

		color: #cfcdcd;

		text-decoration: none;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		color: #000000;

		background: url("images/header_menu_hover.gif") no-repeat;

	}

	

		/* Header - Menu - Active */

		

		#header #header-menu ul li.current_page_item a {

			color: #000000;

			background: url("images/header_menu_hover.gif") no-repeat;

		}

		





		/* Header - Menu - Submenu */

		

		#header #header-menu ul li ul li {

               color: #cfcdcd;

               height: 20px;

               font: normal 11px Verdana;

               display: block;

               float: none;

               background: url("images/submenu.jpg") no-repeat;

		} 



		#header #header-menu ul li ul li a {

               color: #cfcdcd;

               background: url("images/submenu.jpg") no-repeat;

		} 



		#header #header-menu ul li ul li a:hover {

               color: #cfcdcd;

               text-decoration: underline;

               background: url("images/submenu.jpg") no-repeat;

		} 

#header #header-menu ul li ul li.current_page_item a {

               color: #cfcdcd;

               background: url("images/clear.gif") no-repeat;

		} 



#newsspace { margin: 0; float:right; }



/* Dropdown */





.sf-menu, .sf-menu * {

	margin:	0;

	padding: 0;

	list-style: arrow;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

 .sf-menu ul li {

	width:			100%;

} 

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

        display:		block;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

display: block;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

display: block;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



.sf-menu {

	float:			left;

	margin-bottom:	1em;

}

.sf-menu a {

	border-left:	 #fff;

	border-top:		 #CFDEFF;

	padding: 		.2em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}



.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	/* background-color:		#CFDEFF; */

	outline:		0;

}



/* End Dropdown */



/* Wrapper */



#wrapper {
 float: left; 
        margin: 0 auto;

	padding: 0 auto;

        width: 1010px;

}



/* End Wrapper */



/* Main */



#main {

	width: 1006px;

        height: auto;

	padding-left: 2px;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 766px;

	}



/* Wide - Content - Page */	



#widecontent {

		float: left;

		width: 1004px;

	}

	



	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 1px;

		width: 766px;

		background: url("images/post.gif") repeat-y;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 734px;

			padding: 26px 16px 0 16px;

			background: url("images/post_title.gif") no-repeat;

			color: #999898;

			font: bold 12px Verdana;

		}

		

		#content .post .post-title a {

			color: #999898;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			text-align: center;

			text-transform: lowercase;

			color: #7e7e7e;

			width: 52px;

			height: 52px;

			font: normal 20px Verdana;

			background: url("images/post_date.gif") no-repeat;

			margin-right: 10px;

		}

		

		#content .post .post-title .post-date span {

			padding: 1px 0 3px 0;

			font: bold 14px/18px Verdana;

			color: #000000;

			display: block;

		}

		

		#content .post .post-title h2 {

			color: #999898;

			font: normal 20px Verdana;

			padding: 10px 0 0 10px;

		}

		

		#content .post .post-title h2 a {

			color: #999898;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-title-info {

			padding-top: 4px;

		}

		



/*Wide - Content - Page */

	

	#widecontent .post {

		float: left;

		margin-bottom: 1px;

		width: 1000px;

		background: url("images/wide-post.gif") repeat-y;

	}

	

		/* Post - Title */

		

		#widecontent .post .post-title {

			width: 1002px;

			padding: 16px 16px 0 16px;

			background: url("images/wide-post_title.gif") no-repeat;

			color: #999898;

			font: bold 12px Verdana;

		}

		

		#widecontent .post .post-title a {

			color: #999898;

			text-decoration: none;

		}

		

		#widecontent .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#widecontent .post .post-title .post-date {

			float: left;

			text-align: center;

			text-transform: lowercase;

			color: #7e7e7e;

			width: 52px;

			height: 52px;

			font: normal 20px Verdana;

			background: url("images/post_date.gif") no-repeat;

			margin-right: 10px;

		}

		

		#widecontent .post .post-title .post-date span {

			padding: 1px 0 3px 0;

			font: bold 14px/18px Verdana;

			color: #000000;

			display: block;

		}

		

		#widecontent .post .post-title h2 {

			color: #999898;

			font: normal 20px Verdana;

			padding: 20px 0 0 10px;

		}

		

		#widecontent .post .post-title h2 a {

			color: #999898;

			text-decoration: none;

		}

		

		#widecontent .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#widecontent .post .post-title .post-title-info {

			padding-top: 4px;

		}

		

/* Wide - Page - Entry */

		

		#widecontent .post .post-entry {

			padding: 0 17px 0 30px;

			width: 900px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

		}

		

		#widecontent .post .post-entry a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#widecontent .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#widecontent .post .post-entry a.more-link {

			font-weight: bold;

		}

		

		#widecontent .post .post-entry blockquote {

			border-left: 10px solid #1c1c1c;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#widecontent .post .post-info {

			clear: both;

			padding: 0 17px 17px 17px;

			text-align: right;

			background: url("images/wide-post_bottom.gif") no-repeat left bottom;

			width: 900px;

			font: bold 12px Verdana;

			color: #999898;

		}

		

		#widecontent .post .post-info a {

			color: #999898;

			text-decoration: none;

		}

		

		#widecontent .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Bottom */

		

		#widecontent .post .post-bottom {

			clear: both;

			width: 1000px;

			height: 17px;

			background: url("images/wide-post_bottom.gif") no-repeat left bottom;

		}

		

		/* Post - Subtitle */

		

		#widecontent .post h3 {

			margin: 20px 0 5px 0;

			color: #999898;

			font: bold 15px Verdana;

		}

		

		/* Post - Comments */

		

		#widecontent .post .comments {

			width: 900px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

		}

		

		#widecontent .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#widecontent .post .comments ol li {

			padding: 5px;

		}

		

		#widecontent .post .comments ol li a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#widecontent .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#widecontent .post .comments ol li.alt {

			background: #1c1c1c;

		}

		

		#widecontent .post .comments ol li cite {

			color: #cfcdcd;

			font-style: normal;

			font-weight: bold;

		}

		

		#widecontent .post .comments ol li cite a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#widecontent .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#widecontent .post .comments ol li .commentmetadata a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#widecontent .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

/* Images */

.post img, .post object, .post embed {

        margin: 0px 5px 5px 5px;

	}



.wp-caption {

	text-align: left;

        padding: 4px 0 0 2px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	text-align: left;

        font-size: 11px;

	font-style: italic;

        line-height: 17px;

	padding: 0 4px 5px 10px;

	margin: 0;

}



.aligncenter,

div.aligncenter {

	float: none;

	margin-left: auto;

	margin-right: auto;

	}

.alignleft {

	float: left;

	}

.alignright {

	float: right;

	}



.aligncenter a,

div.aligncenter {

	float: none;

	margin-left: auto;

	margin-right: auto;

	}

.alignleft a {

	float: left;

	}

.alignright a {

	float: right;

	}



/* End Images */



		/* Post - Comment Form */

		

		#widecontent .post #commentform {

			width: 800px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

			padding-left: 25px;

			margin: 0;

		}

		

		#widecontent .post #commentform a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#widecontent .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	



	#widecontent .navigation {

		width: 1000px;

		color: #cfcdcd;

		float: left;

	}

	

	#widecontent .navigation a {

		margin-bottom: 1px;

		font: bold 12px/30px Verdana;

		color: #cfcdcd;

		text-decoration: none;

		padding: 7px;

		width: 150px;

		height: 30px;

		background: url("images/navigation.gif");

		text-align: center;

		display: block;

	}

	

	#widecontent .navigation a:hover {

		text-decoration: underline;

	}

	

		#widecontent .navigation .navigation-previous {

			float: left;

		}

		

		#widecontent .navigation .navigation-next {

			float: right;

		}

	

	



/* normal */

		/* Post - Entry */

		

		#content .post .post-entry {

			padding: 0 17px 0 30px;

			width: 702px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

		}

		

		#content .post .post-entry a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font-weight: bold;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #1c1c1c;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			clear: both;

			padding: 0 17px 17px 17px;

			text-align: right;

			background: url("images/post_bottom.gif") no-repeat left bottom;

			width: 732px;

			font: bold 12px Verdana;

			color: #999898;

		}

		

		#content .post .post-info a {

			color: #999898;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Bottom */

		

		#content .post .post-bottom {

			clear: both;

			width: 766px;

			height: 17px;

			background: url("images/post_bottom.gif") no-repeat left bottom;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #999898;

			font: bold 15px Verdana;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			width: 732px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #1c1c1c;

		}

		

		#content .post .comments ol li cite {

			color: #cfcdcd;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {



			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			width: 707px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

			padding-left: 25px;

			margin: 0;

		}

		

		#content .post #commentform a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		width: 766px;

		color: #cfcdcd;

		float: left;

	}

	

	#content .navigation a {

		margin-bottom: 1px;

		font: bold 12px/30px Verdana;

		color: #cfcdcd;

		text-decoration: none;

		padding: 7px;

		width: 150px;

		height: 30px;

		background: url("images/navigation.gif");

		text-align: center;

		display: block;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}

	

/* Post - Info */

		

		#content .post .post-info {

			clear: both;

			padding: 0 17px 17px 17px;

			text-align: right;

			background: url("images/post_bottom.gif") no-repeat left bottom;

			width: 732px;

			font: bold 12px Verdana;

			color: #999898;

		}

		

		#content .post .post-info a {

			color: #999898;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Bottom */

		

		#content .post .post-bottom {

			clear: both;

			width: 766px;

			height: 17px;

			background: url("images/post_bottom.gif") no-repeat left bottom;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #999898;

			font: bold 15px Verdana;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			width: 732px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #1c1c1c;

		}

		

		#content .post .comments ol li cite {

			color: #cfcdcd;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			width: 707px;

			font: normal 12px/19px Verdana;

			color: #7a7a7a;

			padding-left: 25px;

			margin: 0;

		}

		

		#content .post #commentform a {

			color: #cfcdcd;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		width: 766px;

		color: #cfcdcd;

		float: left;

	}

	

	#content .navigation a {

		margin-bottom: 1px;

		font: bold 12px/30px Verdana;

		color: #cfcdcd;

		text-decoration: none;

		padding: 7px;

		width: 150px;

		height: 30px;

		background: url("images/navigation.gif");

		text-align: center;

		display: block;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}	

/* Banner: Skyscraper */

#skyscraper { float:left;
width: 160px;
height: 620px; 
}


/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 236px;

		font: normal 12px/19px Verdana;

		color: #7a7a7a;

	}

	

	#sidebar a {

		color: #cfcdcd;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}



        #tagcloudflash {



                 margin: 0 0 0 20px;

        }

	

	/* Main - Sidebar - Boxes */

	

	#sidebar .sidebar-box {

		width: 236px;

		margin: 0 0 5px 0;

		background: url("images/sidebar_box.gif") repeat-y;

	}

	

	#sidebar .sidebar-box-top {

		width: 231px;

		background: url("images/sidebar_box_top.gif") no-repeat;

	}

	

	#sidebar .sidebar-box-bottom {

		width: 230px;

                

		min-height: 40px;

		background: url("images/sidebar_box_bottom.gif") no-repeat left bottom;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			width: 222px;

			height: 35px;

			padding: 7px 5px 8px 15px;

			text-align: left;

			font: normal 18px/35px Verdana;

			color: #7a7a7a;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0 7px 17px 7px;

			list-style-type: none;

			width: 220px;

		}

		

		#sidebar ul li {

			color: #999898;

			font: bold 12px/23px Verdana;

                        height: 25px;

			background: url("images/sidebar_menu.gif") no-repeat left bottom;

		}

		

		#sidebar ul li a {

			color: #999898;

			text-decoration: none;

			padding-left: 15px;

			display: block;

			height: 25px;

			background: url("images/sidebar_menu.gif") no-repeat left bottom;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				padding: 0;

			}

			

			#sidebar ul li ul li a {

				padding-left: 25px;

			}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 5px 0 20px 15px;

			width: 236px;

			text-align: left;

		}

		

		#sidebar #searchform #s {

			width: 178px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding-bottom: 12px;

			width: 144px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 0 13px 12px 15px;

		}





/* Footer */



#footer {

	margin: 0 4px 5px 4px;

        clear: both;

	width: 992px;

	height: 40px;

	background: url("images/footer.gif") no-repeat;

        color: #7a7a7a;

	font: normal 12px/30px Verdana;

	text-align: center;

}



#footer p {

	margin: 0;

	padding: 10px 0;

	text-align: center;

	}



#footer a {

	color: #cfcdcd;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;



}