/*

Theme Name: Blass2
Theme URI: http://1000ff.de/wordpress-theme-blass-english-version/
Description: Elegant and simple. Blass2 is a CSS-only theme, has a widgetized sidebar, support for gravatars, and works nicely with WordPress 2.5+. Brought to you by <a href="http://1000ff.de/">1000ff</a>.
Version: 1.6.2
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, valid CSS, valid XHTML
Author: 1000ff
Author URI: http://1000ff.de/

*/

/* body
--------------------------------------------------*/
body {
background: #000;
font-family: "Helvetica", "Arial", verdana, geneva, sans-serif;
font-size: 11px;
color:#ddd;
margin:0;
overflow: hidden;
height: 100%;
}

#body-wrapper {
width:100%;
margin:0 auto;
}

* {
margin:0;
padding:0;
}

code {
font:120% "Courier New", "Lucida Console", Arial;
}

.img {
border:none;
}

/* header
--------------------------------------------------*/
#header {
height: 100px;
margin:0;
}

#header .description {
float:right;
color:#333;
margin:45px 0 0;
}

#header h1 {
margin:15px 0 0;
padding:25px 25px 40px 0;
}

.logo {
margin: 3% 0;
}

.logo img{
border: none;
}



#wrapper {
width:100%;
height: 100%;
margin:0 auto;
}

#sub-wrapper {
width:100%;
height: 400px;
margin:0 auto;
}

#home-mid-container {
width:100%;
background: url(graphics/home-mid-container-bg.png) repeat top left;
height: 200px;
margin:0 auto;
padding: 50px 0;
}


.home-text{
width:500px;
float: left;
display: block;
margin:0 75px 0 0;
}

.home-text img{
margin:0;
float: left;
border:none;
}

.home-post{
width: 300px;
height: 200px;
display: block;
float: left;
margin:0;
}

.home-post img{
border:1px solid #aaa;
float:left;
}


.home-post h2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
font-size:22px;
font-weight: bold;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
padding:5px 0 0 0;
text-transform: uppercase;
}

.home-post h2 a {
color: #fff;
text-decoration:none;
border:none;
}



ul.blocks {
	padding: 0;
	width: 10000px;
	display: block;
	height: 400px;
}

ul.blocks img{
border:none;
}

ul.blocks li {
	background: url(graphics/category-post-bg.png) no-repeat top left;
	width: 580px;
	margin: 0 50px 0 0;
	float: left;
	display: block;
	height: 260px;
	padding: 45px;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane {
	width: 500px;
	float: left;
	padding: 0;
}
#pane1 {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5 {
	height: 400px;
	width: 100%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

a.jScrollArrowLeft {
	background: url(graphics/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}
a.jScrollArrowRight {
	background: url(graphics/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #000;
	height: 25px;
}
.orange-bar .jScrollPaneDrag {
	background: #000 url(graphics/drag_grab.gif) no-repeat 50% 50%;
	height: 25px;
}
.orange-bar .scroll-pane {
	background: #69f;
}



















/* single post containers, excerpts & thumbnails
--------------------------------------------------*/
.single-excerpt {
width: 580px;
display: block;
float: left;	
margin:0;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.single-excerpt p{
font-size: 12px;
font-family: "Helvetica", Arial;
text-align: justify;
margin: 15px 0;
}

.single-thumbnail {
width: 175px;
float: right;
margin:0 0 0 5px;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.single-thumbnail img{
margin:25px 0;
}

.single-thumbnail p{
line-height:14px;
font-size:12px;
word-spacing:1px;
margin: 5px 0;
font-family: "Helvetica", Arial;
text-align: right;
text-transform: uppercase;
}





ul.blocks-single {
	padding: 0;
	width: 3000px;
	display: block;
	height: 400px;
}
ul.blocks-single li {
	background: url(graphics/category-post-bg.png) no-repeat top left;
	width: 580px;
	margin: 0 50px 0 0;
	float: left;
	display: block;
	height: 260px;
	padding: 45px;
}

ul.blocks-single li img{
border: none;
}

.holder-single {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane-single {
	width: 500px;
	float: left;
	padding: 0;
}
#pane1-single {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5-single {
	height: 400px;
	width: 100%;
	padding: 0;
	display: block;
	_overflow: hidden;
}












/* about us page containers, excerpts & thumbnails
--------------------------------------------------*/
.about-excerpt {
width: 580px;
display: block;
float: left;	
margin:0;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.about-excerpt p{
font-size: 12px;
font-family: "Helvetica", Arial;
text-align: justify;
margin: 15px 0;
}

.about-thumbnail {
width: 175px;
float: right;
margin:0 0 0 5px;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.about-thumbnail img{
margin:25px 0;
}

.about-thumbnail p{
line-height:14px;
font-size:12px;
word-spacing:1px;
margin: 5px 0;
font-family: "Helvetica", Arial;
text-align: right;
text-transform: uppercase;
}





ul.blocks-about {
	padding: 0;
	width: 6000px;
	display: block;
	height: 400px;
}
ul.blocks-about li {
	background: url(graphics/category-post-bg.png) no-repeat top left;
	width: 580px;
	margin: 0 50px 0 0;
	float: left;
	display: block;
	height: 260px;
	padding: 45px;
}

ul.blocks-about li img{
border: none;
}

.holder-about {
	margin: 0;
	display: block;
	/* TEMP */
	margin-bottom: 20px;
}
.scroll-pane-about {
	width: 500px;
	float: left;
	padding: 0;
}
#pane1-about {
	height: 100px;
	width: 250px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane5-about 	{
	height: 400px;
	width: 100%;
	padding: 0;
	display: block;
	_overflow: hidden;
}







/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif;
font-size:3.8em;
font-weight:400;
color:#333;
letter-spacing:-1px;
margin:20px 0;
}

#header h1 a {
text-decoration:none;
color:#333;
}

/* homepage bottom navigation bar
--------------------------------------------------*/
#nav {
background: #000;
width: 100%;
height:25px;
margin:5% auto 50px auto;
padding:5px 0 10px 0;
}

#nav li {
float:left;
list-style:none;
padding:0 0 0 40px;
text-transform: uppercase;
}

#nav li a {
color:#999;
background:#000;
font-family:"Helvetica", "Arial", Trebuchet MS;
font-size:12px;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#nav li a:hover {
color:#fff;
text-decoration:none;
}

#nav li a.active {
background-color:#000;
color:#fff;
text-decoration:none;
}

.clear {
clear:both;
}




/* category bottom navigation bar
--------------------------------------------------*/
#cat-bot-nav {
background: #000;
width: 100%;
height:25px;
margin:25px auto 0 auto;
padding:5px 0 10px 0;
}

#cat-bot-nav li {
float:left;
list-style:none;
padding:0 0 0 40px;
text-transform: uppercase;
}

#cat-bot-nav li a {
color:#999;
background:#000;
font-family:"Helvetica", "Arial", Trebuchet MS;
font-size:12px;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#cat-bot-nav li a:hover {
color:#fff;
text-decoration:none;
}

#cat-bot-nav li a.active {
background-color:#000;
color:#fff;
text-decoration:none;
}

.clear {
clear:both;
}




/* category top navigation bar
--------------------------------------------------*/
.cat-top-nav {
background: #000;
width: 800px;
height:25px;
float: right;
margin:0;
padding:5px 0 10px 0;
}

.cat-top-nav li {
float:left;
list-style:none;
padding:0 0 0 40px;
text-transform: uppercase;
}

.cat-top-nav li a {
color:#999;
background:#000;
font-family:"Helvetica", "Arial", Trebuchet MS;
font-size:12px;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

.cat-top-nav li a:hover {
color:#fff;
text-decoration:none;
}

.cat-top-nav li a.active {
background-color:#000;
color:#fff;
text-decoration:none;
}

.clear {
clear:both;
}


/* category post excerpts & thumbnails
--------------------------------------------------*/
.category-excerpt {
width: 300px;
display: block;
float: left;	
margin:0;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.category-excerpt p{
font-size: 12px;
font-family: "Helvetica", Arial;
text-align: justify;
}

.category-thumbnail {
width: 230px;
float: right;
margin:0 0 0 5px;
padding:0;
font-size: 12px;
font-family: "Helvetica", Arial;
}

.category-thumbnail img{
margin:25px 0;
}

.category-thumbnail p{
line-height:14px;
font-size:12px;
word-spacing:1px;
margin: 5px 0;
font-family: "Helvetica", Arial;
text-align: right;
text-transform: uppercase;
}

/* content
--------------------------------------------------*/
#content {
margin:0;
padding:0;
}

#content2 {
margin:0 !important;
padding:10px 0 0px;
}

#content h2,#content2 h2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
font-size:30px;
font-weight: bold;
color:#fff;
line-height:30px;
margin:5px 0 0 0;
padding:5px 0 0 0;
text-transform: uppercase;
}

#content h2 a,#content2 h2 a {
color: #fff;
text-decoration:none;
border:none;
}

#content h1 {
font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
font-size:50px;
font-weight: normal;
color:#fff;
line-height:50px;
margin:5px 0 0 0;
padding:5px 0 0 0;
text-transform: uppercase;
}

#content h1 a{
color:#fff;
}

#content h1 a:hover{
color:#fff;
}

#content h3 {
font-size:20px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#FFF;
margin:5px 0;
font-weight: normal;
text-transform: uppercase;

}

#content h4 {
font-size:18px;
line-height: 36px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#FFF;
margin:5px 0;
font-weight: normal;
text-align: justify;
text-transform: uppercase;
}

#content h5 {
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
font-weight: normal;
}



/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#EFF8FB;
border:1px solid #ccc;
margin:10px 0;
padding:5px 15px;
}

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

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:0 0 50px 0;
text-align:justify;
}

.post img {
background:#ccc;
border:5px solid #eee;
padding:1px;
}

.post .info {
background-color:#EFF8FB;
font-size:1em;
color:#333;
padding:2px 3px 3px 8px;
margin: 25px 0;
}

.date {
margin: 0 0 15px 0;
}

.post small {
margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
background:#EFF8FB;
color:#333;
font-size:120%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 28px;
padding:10px;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
width:220px;
float:right;
padding:28px 10px 30px;
height:100%;
}

#sidebar h2 {
letter-spacing:1px;
font-size:1.6em;
color:#333;
padding:0 0 3px;
}

#sidebar ul {
list-style:none;
font-size:120%;
margin:0 0 23px;
}

#sidebar li {
list-style:none;
padding:3px;
}

#sidebar li a:hover {
color:#EEE;
}

#sidebar input {
width:102px;
background:#fff;
color:#444;
border:1px solid #eee;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

input:hover {
border:1px solid #262626;
}

input:focus {
border:1px solid #262626;
color:#333;
}

/* comments
--------------------------------------------------*/
#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
}

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:480px;
font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {
margin-bottom:3px;
}

#gravatar {
text-align:right;
}

/* wp stuff
--------------------------------------------------*/

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

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#FFF;
}


a,#sidebar li a,#footer a {
color:#FFF;
text-decoration:none;
}

a,#sidebar li a:hover,#footer a:hover {
color:#FFF;
text-decoration:none;
}

/* footer
--------------------------------------------------*/
#footer {
color:#EEE;
margin:0 45px;
padding:20px 0;
}



























/* Scrollbar
--------------------------------------------------*/


.jScrollPaneContainer {
	width: 100%;
	position: relative;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(graphics/home-mid-container-bg.png) repeat top left;

}

.jScrollIntervalTrack { 
	position: absolute;

}


.jScrollPaneDrag {
	position: absolute;
	background: url(graphics/scrollbar.jpg) no-repeat top left;
	cursor: pointer;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}










































#myController {
margin:0; padding:0;display:none;
}

#myController2 {
margin:0; padding:0;
}

#myController2 img {
background:#999;
padding: 2px;
margin-right: 5px;
}

#myPostSlides img {
border:1px solid #aaa;
margin:0;
padding:0;
}

#NextPrev {

}

#NextPrev2 {
padding-left:10px;
padding-right:60px;
float:right;
}


#myController span{

cursor:pointer;
}

#myController img{

}

#myController img:hover{

border:2px solid #212121;
}

#myController span.jFlowSelected img {

border:2px solid #2E2E2E;
}


#myController2 span{

cursor:pointer;
}

#jFlowSlide{
}

#jFlowSlide2{
}

#myController span.jFlowControl:hover {


}

#myController span.jFlowSelected {


}

#myController2 span.jFlowSelected2 {
border-top:1px solid #FFFF99;
background:#940000;
}




.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:28px; height:27px; text-indent:-5000px; position:relative; }
.jFlowPrev { top:-33px; left:5px; background:url('../images/left_pointer.png') no-repeat ; float:left;}
.jFlowNext { bottom:33px; right:5px; background:url('../images/right_pointer.png') no-repeat;float:right;}

.jFlowPrev, .jFlowNext { cursor:pointer; }

#slider-content2 { width:960px; height:250px; position:relative; z-index:100;}
.jFlowPrev2, .jFlowNext2 { cursor:pointer; display:block; width:28px; height:27px; text-indent:-5000px; position:relative; }
.jFlowPrev2 { top:-33px; left:5px; background:url('../images/left_arrow.png') no-repeat ; float:left;}
.jFlowNext2 { bottom:33px; right:5px; background:url('../images/right_arrow.png') no-repeat;float:right;}

.jFlowPrev2, .jFlowNext2 { cursor:pointer; }


































#slidearea{
	height: 315px; 
	overflow: hidden;
	position: relative; 
	width:580px;
	display: block;
	float: left;
	margin : 0 0 0 226px;
	padding : 0;
}

.slideshow {
position: relative; 
background: url(graphics/wallpaper-bg.jpg) no-repeat top left;
width: 580px; 
height: 285px; 
overflow: hidden;

}

.slideshow img{
border: none;
padding: 8px 0 0 8px;

}

.nav img {
border: none;
}

.featured-meta  {
margin : 0;
font-size : 11px;
font-weight : normal;
color : #777;
}


.featured-meta {
padding: 5px 0;
}

.featured-bar {
width: 560px;
height: 28px;
margin-top: 7px;
padding: 0 0 0 8px;
float: left;
}

.featuredbar img{
float: left;
border: 0;
padding: 6px 5px 6px 0;
margin: 0;
}


















.home-slideshow {
position: absolute;
width: 900px; 
height: 200x; 
overflow: display;
z-index:1;

}

.home-slideshow img{
border: none;
padding: 0;

}