/*

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 Arial, Helvetica, sans-serif;
color:#333;
margin:0;

}

* {
margin:0;
padding:0;
}

code {
font:120% "Courier New", "Lucida Console", Arial;
}

#wrapper-all {
background: url('http://iwannagothere.com/images/blog_backhead.png') repeat-x top left;
}
#wrapper {
width:95.1em;
margin:0 auto;
}

/* header */
#header {
    color: #FFFFFF;
    text-align: right;
  position: relative;
}

#header .wrapper {
    overflow: hidden;
    position: relative;
    width: 95.1em;
}

#header a {
    color: #99CC00;
}
#header a#link_login {
  position: relative;
  right: 50px;
  top: 10px;
  font-size: 1.4em;
}
#header a#link_login:hover {
  background: #353535;
  text-decoration: underline;
}
#header h1 {
    float: left;
}

#header h1 a {
    display: block;
    width: 29em;
    height: 7.2em;
    margin: 1em 0em 0em 0em;
    font-size: x-small;
  background:url("http://iwannagothere.com/images/logo_blog.png") no-repeat scroll center center transparent;
}
#header h1 a:hover {
  text-decoration: none;
}
#header h1 a span {
  position: relative;
  left: -25px;
  top: 42px;
  color: #BDBDBD;
  font-size: 1.4em;
  font-weight: normal;
}


#header form.search_form {
    position:absolute;
    right: 0em;
    top: 3.2em;
    padding: 0em;
    background: url('http://iwannagothere.com/images/02/doubleline.gif') repeat-y left;
    color: #CBCBCB;
    width: 17em;
}

#header form.search_form fieldset {
    display: block;
    padding: 0.2em 0em 0.2em 1em;
}

#header form.search_form label strong {
    display: block;
    font-weight: normal;
}

#header form.search_form fieldset input {
    font-size: 1.2em;
    background: #CBCBCB;
    border: 3px solid #CBCBCB;
    vertical-align: middle;
    width: 10em;
}

#header form.search_form fieldset button {
    width: 2.4em;
    height: 2.4em;
    background: url('http://iwannagothere.com/images/02/search.gif') no-repeat center center;
    border: none;
    vertical-align: middle;
}

#header form.search_form fieldset button span {
    display: none;
}

/* navigation
--------------------------------------------------*/
#nav {
border-bottom:3px solid #EFF8FB;
height:25px;
margin:0;
padding:15px 0;
}

#nav li {
float:left;
list-style:none;
padding:0 10px 0 0;
}

#nav li a {
color:#999;
background:#fff;
font:1.6em Arial, Helvetica, sans-serif;
font-weight:400;
text-decoration:none;
display:block;
margin:1px 2px 0 0;
padding:5px;
}

#nav li a:hover {
color:#000;
text-decoration:none;
}

#nav li a.active {
background-color:#eee;
color:#444;
text-decoration:none;
}

.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content {
margin:0 250px 0 0 !important;
padding:10px 20px 0px 0;
}

#content2 {
margin:0 !important;
padding:10px 0 0px;
}

#content p,#content2 p {
font-size:135%;
margin: 0 0 1em 0;
line-height: 130%;
}

#content a,#content2 a {
text-decoration:none;
color:#317B9E;
}

#content a:hover,#content2 a:hover {
color:#000;
}

#content h2,#content2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.8em;
font-weight:400;
color:#999;
border-bottom:1px solid #EFF8FB;
line-height:30px;
margin:35px 0;
padding:5px 0;
}

#content h2 a,#content2 h2 a {
text-decoration:none;
border:none;
}

#content h1 {
font:3em Arial, Helvetica, sans-serif;
color:#222;
margin:10px 0;
}

#content h3 {
font:2em Arial, Helvetica, sans-serif;
color:#222;
margin:10px 0;
}

#content h4 {
font:1.8em Arial, Helvetica, sans-serif;
color:#222;
margin:10px 0;
}

#content h5 {
font:1.6em Arial, Helvetica, sans-serif;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% Arial, Helvetica, sans-serif;
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;

}

.post img {
background:#ccc;
border:5px solid #eee;
padding:1px;
}

.post .info {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
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 {

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 {
background:#F0F0F0 none repeat scroll 0 0;
color:#444;
font-size:1.5em;
padding:0.4em 0.7em;
margin-bottom: 1em;
margin-top: 1em;
}

#sidebar ul {
list-style:none;
font-size:120%;
padding: 0 0 0 0.5em;

}
#sidebar ul ul {
font-size: 100%;
}

#sidebar li {
border-bottom:1px solid #EFF8FB;
list-style:none;
padding: 0.1em 1.5em;
background: url('http://iwannagothere.com/images/02/square.gif') no-repeat 0 0.5em;
}

#sidebar li a:hover {
color:#000;
background-color:#EFF8FB;
}

#sidebar input {
border:1px solid #eee;
font:13px Arial, Helvetica, sans-serif;
padding:3px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px Arial, Helvetica, sans-serif;
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 Arial, Helvetica, sans-serif;
}

#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;
margin-right: 1em;
}

.alignright {
float:right;
}

.navigation {
text-align:center;
font-size:120%;
margin: 1em 0 2em 0;
display: block;
height: 1%;
}

.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;
}

#content li,#content2 li {
  margin-bottom: 0;
}

a,#sidebar li a {
color:#999;
text-decoration:none;
}

/* footer
--------------------------------------------------*/
/* footer */
#footer {
    margin: 1em 0em 0em 0em;
    background: #1F1F1F url('../images/02/backfoot.gif') repeat-x top;
    border-top: 0.5em solid #B2B2B2;
    color: #FFFFFF;
    clear: both;
    display: block;
}
#footer .wrapper {
    padding: 3em 0em;
}

#footer h2 {
    float: left;
    width: 14em;
    height: 2.3em;
    background: url('../images/02/logo_mini.gif') no-repeat center center;
    font-size: x-small;
}

#footer h2 span {
    display: none;
}

#footer ul {
    float: left;
    width: 25em;
    margin: 0em 0em 1em 2em;
  list-style: none;
}

#footer ul h3 {
    padding: 0em 0em 0.4em 0em;
    margin: 0em 0em 0.4em 0em;
    font-size: 1.4em;
    border-bottom:2px solid #99CC00;
}
#footer ul li {
  margin: 0;
  padding: 0;
  line-height: 1.6em;
}
#footer ul li a {
    display: block;
    font-size: 1.2em;
    color: #CCCCCC;
}

#footer p.legal {
    font-size: 1.1em;
    display: block;
    clear: both;
    padding: 1em 0em 0em 0em;
    text-align: right;
    color: #CCCCCC;
}

#footer p.legal a {
    color: #CCCCCC;
}
.tomorrow_tip {z
  background:#FEFFDF url(http://iwannagothere.com/images/02/lightbulb.png) no-repeat 1em 1em;
  padding:1em 2em 1em 3em;
  border:1px solid #FFFF00;
  font-size:1.2em;
  margin: 1em 0;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> menu <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			9.5em; /* 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;
	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 */
	z-index:		99;
}
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:			10em; /* match ul width */
	top:			0;
}
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:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.main-menu {
  height: 4em;
  z-index: 50;
}

.main-menu-container {
  width:95.1em;
  margin: 0 auto ;
  text-align: left;
}

.sf-menu {
  margin-left: 1.1em;
  position: relative;
  z-index: 100;  
}

.sf-menu a {
  padding:.5em 1em;
  text-decoration:none;
}

#header .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #333;
  font-size: 1.2em;
}

.sf-menu li {
  background: #FFF;
  margin: 1.2em 0.6em 0 0;
}

.sf-menu li li {
  background: #2E2E2E;
  margin: 0;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #2E2E2E;
  outline: 0;
}

.sf-menu li li:hover,  .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
  background: #99CC00 url('../images/02/bg_sf-menu.gif') repeat-x bottom;
}
.sf-menu li.contest  {
background: #FFFFCC;
float:right;

}

#header .sf-menu li:hover a {
  color: #FFF;
}

#header { border-bottom: 0; margin-bottom: 20px;}

#header h1 a { margin: .5em 0 0 0; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> fin menu <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#searchform {
  font-size: 1.2em;
}
