/*

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 {
font:62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif;
color:#333;
margin:0;
}

* {
margin:0;
padding:0;
}

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

/* header
--------------------------------------------------*/
#header {
border-top:0px solid #a01010;
}

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

#header h1 {
border-bottom:3px solid #EFF8FB;
margin:15px 0 0;
padding:25px 25px 40px 0;
}

#wrapper {
width:95%;
margin:0 auto;
padding: 10px;
}

/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
font-family:"Trebuchet MS", "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;
}

/* navigation
--------------------------------------------------*/
#nav {
border-bottom:3px solid #F0F0F0;
height:25px;
margin:0;
width:100%;
padding:15px 0;
}

#nav li {
float:left;
list-style:none;
padding:0 10px 0 0;
}

#nav li a {
color:#999;
background:#EFF8FB;
font:1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
font-weight:400;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#nav li a:hover {
background-color:#EFF8FB;
color:#a01010;
margin-top: 0px;
text-decoration:none;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
border-bottom: 1px #000000 solid;
}

.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content {
/* margin:0 250px 0 0 !important; */
margin:0 250px 0 0 !important;
padding:10px 20px 0px 0;
}

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

#content p,#content2 p {
line-height:25px;
font-size:120%;
word-spacing:1px;
margin:25px 0;
}

#content a,#content2 a {
text-decoration:none;
color:#999;
}

#content a:hover,#content2 a:hover {
background-color:#EFF8FB;
color:#000;
}

#content h2,#content2 h2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
font-size:2.8em;
font-weight:400;
color:#999;
border-bottom:1px solid #EFF8FB;
line-height:30px;
margin:15px 0;
padding:5px 0;
}

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

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

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

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

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

#content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

#content2 ul,ol {
margin:10px 10px 10px 25px;
}

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

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

a:hover {
color:#000;
text-decoration:none;
background-color:#EFF8FB;
}

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 {

border:0px solid #eee;
padding:1px;
background: #f0f0f0;
}

.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:#f0f0f0;
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%;
background:#ffffff url('./images/sidebar-bg-220x220.jpg') repeat-y;
}

#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 {
border-bottom:1px solid #f0f0f0;
list-style:none;
padding:3px;
color: #000;
}

#sidebar li a:hover {
color:#000;
background-color:#f0f0f0;
}

#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 {
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%;
font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
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:#333;
background:#EFF8FB;
}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
padding:10px;
}

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

/* footer
--------------------------------------------------*/
#footer {
color:#333;
margin:0 auto;
padding:20px 0;
}

/* start additions by Michael Pehl
--------------------------------------------------*/

#site {
	width:100%;
	margin:0;
	padding:0;
/*
	background-image: url('./images/blog_bg.png');
	background-repeat: repeat-x repeat-y;
*/
}

#site .description {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 10px;
float:right;
color:#333;
margin:1px 0 0;
background:#eee;
}

#redhead {
	background-image: url('./images/header_bg_2x150.jpg');
	background-repeat: repeat-x;
	width:100%;
	height:150px;
}

#mootools-css {
 	background-image: url('./images/mootools-css.png');
	background-repeat: no-repeat;   
	width:575px;
	height:88px;
}

#redfoot {
	background-image: url('./images/blackbg-1x102.jpg');
	background-repeat: repeat-x;
	width:100%;
	height:102px;
}

.post .arrow {
	background-image: url('./images/arrow.png');
	background-repeat: no-repeat;
	width:61px;
	height:24px;
}

/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(images/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#f8f8f8;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;
}

/* end Tooltip */

#featured-content {
	background:#f8f8f8;
	width:100%;
	height:124px;
	margin:0 auto;
}

#fc-slider {
	width:415px;
	height:105px;
	margin: 0 auto;
}

/* start Sliding Panel */

.slpanel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 320px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=75);
opacity: .75;
z-index: 998;
}

.slpanel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.slpanel a, .slpanel a:visited{
margin: 0;
padding: 0;
color: #000000;
background: #000000;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #9FC54E;
}

.slpanel a:hover, .slpanel a:visited:hover{
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #a01010;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; right: 0;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 30px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index:999;
filter: alpha(opacity=75);
opacity: .75;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; right: 0px;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 35px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index: 999;
filter: alpha(opacity=75);
opacity: .75;
}

a.active.trigger {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.slcolumns{
clear: both;
width: 320px;
padding: 0 0 20px 0;
line-height: 22px;
}

.slcolleft{
float: left;
width: 130px;
line-height: 22px;
}

.slcolright{
float: right;
width: 130px;
line-height: 22px;
}

.slcolumns ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.slcolumns ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

/* end Sliding Panel */

/* start sliding panel 2 */

.slpanel2 {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 120px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=75);
opacity: .75;
z-index: 998;
}

.slpanel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.slpanel2 a, .slpanel2 a:visited{
margin: 0;
padding: 0;
color: #ffffff;
background: #000000;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #9FC54E;
}

.slpanel2 a:hover, .slpanel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #a01010;
}

a.trigger2{
position: fixed;
text-decoration: none;
top: 10px; right: 0;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 30px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index:999;
filter: alpha(opacity=75);
opacity: .75;
}

a.trigger2:hover{
position: fixed;
text-decoration: none;
top: 10px; right: 0px;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 35px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index: 999;
filter: alpha(opacity=75);
opacity: .75;
}

a.active.trigger2 {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.slcolumns2{
clear: both;
width: 320px;
padding: 0 0 20px 0;
line-height: 22px;
}

.slcolleft2{
float: left;
width: 130px;
line-height: 22px;
}

.slcolright2{
float: right;
width: 130px;
line-height: 22px;
}

.slcolumns2 ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.slcolumns2 ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

/* end sliding panel 2 */

/* start wp list tweets */

ul.twitterList  {background:#000000; border: none; color: #ffffff;}
ul.twitterList li  {background:#000000;}

/* end wp list tweets */

.authorstyle { 
background-color: #EFF8FB !important;
border: 1px solid #222222;
}

/*
#top-link {
display:none;
position:fixed;
right:0px;
bottom:100px;
background-image: url('./images/top.png');
background-repeat: no-repeat;
text-decoration:none;
border:0;
filter: alpha(opacity=75);
opacity: .75;
}

#top-link:hover{
background-color: #fff;
text-decoration:none;
border:0;
}
*/

#top-link {
display:none;
position:fixed;
right:0px;
bottom:5px;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 30px;
font-weight: 700;
background: #333333;
border:1px solid #444444;
text-decoration:none;
filter: alpha(opacity=75);
opacity: .75;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
}

#top-link:hover {
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 14px 15px 16px 35px;
font-weight: 700;
background: #222222;
border:1px solid #444444;
}

.readmore3{
background: #f0f0f0;
color: #101010;
width: auto;
height: 24px;
font-size:14px;
padding-top: 4px;
text-align: center;
}

.readmore3:hover{
background: #d0d0d0;
color: #a01010;
}

#fancyClock{
	position: fixed;
	bottom: 240px;
	right: 25px;
	height:50px;
	width:25px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-topleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	}

/* twitter trackbacks container */
div.twitter-trackbacks{ }
/* ul list */
ul.ttw-inner{
	padding:0;
	margin:0;
	height:174px; 
	/* fixed height so surrounding content will not flicker with transitions */
	/* height shoud be: 3 * ( li.height + li.margin (Top&Bottom) + li.padding (Top&Bottom) + li.border (Top&Bottom) )*/
}
ul.ttw-inner li{
	float:left;
	margin:1px 0 1px 0;
	padding:2px 2px 2px 2px;
	list-style-type:none;
	position:relative;
	height:50px;
	overflow:hidden;
	width:100%;
}
/* author img */
ul.ttw-inner span.ttw-author-img{
	display:block;
	width:48px;
	height:48px;
	margin:0 5px 0 2px;
	overflow:hidden;
	left:0;
	position:absolute;
}
/* author name */
ul.ttw-inner strong a{
	margin-right:5px;
}
/* tweet body */
ul.ttw-inner span.ttw-body {
	display:block;
	margin-left:55px;
}
/* tweet content */
ul.ttw-inner span.ttw-content{}

/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta {
	color:#999999;
	display:block;
	font-size:0.764em;
	margin:3px 0 0;
}
ul.ttw-inner span.ttw-meta a{
	color:#999999;
	text-decoration:none;
}
ul.ttw-inner span.ttw-meta a:hover{
	text-decoration:underline;
}
/* customize reply link */
ul.ttw-inner a.ttw-reply { }
/* customize retweet link */
ul.ttw-inner a.ttw-retweet { }
/* customize links */
ul.ttw-inner a.ttw-link { }
/* customize @user links */
ul.ttw-inner a.ttw-at { }
/* customize #hashtags links */
ul.ttw-inner a.ttw-hashtag { }

/* li's will have class that reflects users influence levels from 0 to 10 */
/* Customize tweets of users with influence levels from 0 to 10 */
li.ttw-inf-0{}
/* ...... */
li.ttw-inf-10{}

/* Customize users image with influence levels from 0 to 10 */
li.ttw-inf-0 img{}
/* ...... */
li.ttw-inf-10 img{}

/* Customize users name with influence levels from 0 to 10 */
li.ttw-inf-0 strong{}
/* ...... */
li.ttw-inf-10 strong{}

#onlineWidgetwrap {
width:148px;
margin-left:auto;
margin-right:auto;
}

.onlineWidget,.owpanel{
	
	/* Styling the widget and the sliding panel at once */
	
	background-color:#F9F9F9;
	border:2px solid #FFFFFF;
	height:25px;
	padding:4px 8px;
	position:relative;
	width:130px;
	
	cursor:pointer;
	z-index:9997;
	
	/* CSS3 rules for rounded corners, box and text shadows: */
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:0 0 3px #CCCCCC;
	-webkit-box-shadow:0 0 3px #CCCCCC;
	box-shadow:0 0 3px #CCCCCC;
	
	text-shadow:0 2px 0 white;
}

.onlineWidget:hover{
	background-color:#fcfcfc;
}

.onlineWidget:hover .arrow{
	/* Changing the background image for the green arrow on hover: */
	background-position:bottom center;
}

.owcount{
	/* The total number of people online div */
	
	color:#777777;
	float:left;
	font-size:24px;
	font-weight:bold;
	margin-top:4px;
	text-align:center;
	width:30px;
}

.owlabel{
	/* The online label */
	
	float:left;
	font-size:8px;
	padding:7px 0 0 4px;
	text-transform:uppercase;
}

.owarrow{
	/* The green arrow on the right */
	
	background:url('./who-is-online/img/arrow.png') no-repeat top center;
	position:absolute;
	right:6px;
	
	width:25px;
	height:25px;
}

.owpanel{
	/* The slideout panel */
	
	position:absolute;
	cursor:default;
	
	bottom:50px;
	left:0;
	height:auto;
	display:none;
	margin:-2px;
	z-index:1000;
}

.owpreloader{
	/* The rotating gif preloader image */
	display:block;
	margin:10px auto;
}

.geoRow{
	/* The div that contains each country */
	
	height:16px;
	overflow:hidden;
	padding:2px 0;
}

.flag{
	float:left;
	margin:0 4px;
}

.country, .people{
	float:left;
	font-size:10px;
	padding:2px;
}

.country{
	width:85px;
	overflow:hidden;
}

.people{
	font-weight:bold;
}
	
/* end additions by Michael Pehl
--------------------------------------------------*/