/*   
Theme Name: Otto
Theme URI: http://ottoderohrwurm.de
Description: Otto's Thematic Child Theme development.
Author: Luis Negron 
Author URI: http://www.luisnegronvangrieken.net/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

#blog-title {
background:transparent url(images/heller/otto.png) no-repeat scroll 0 0;
font-family:Helvetica;
font-size:29px;
font-weight:bold;
height:30px;
line-height:40px;
text-transform:uppercase;
width:366px;
z-index:3;
}

#blog-title a {
color:#33CC00;
text-decoration:none;
}


#otto-logo {
background-image:url(images/otto_klein.png);
float:none;
height:68px;
position:absolute;
right:56px;
top:82px;
width:45px;
}


#dd_logo a {
background:transparent url(images/heller/dd_logo.png) no-repeat scroll center top;
display:block;
height:30px;
width:100px;
right:150px;
position:absolute;
text-indent:-9000px;
top:145px;
}

#header {
background-image:url(images/heller/header.jpg);
background-repeat:no-repeat;
min-height:230px;
z-index:2;
width:960px;
}

#wrapper {
border:1px dotted green;
height:100%;
margin:0 auto -250px;
min-height:100%;
width:960px;
}


#main {
background-image:url(images/heller/content_repeat_y.png);
background-repeat:repeat-y;
clear:both;
padding:0;
position:relative;
width:960px;
height:auto;
min-height:345px;
}

.safari #main {
	padding-top:0px;
	}


#container {

width:960px;
}

#content {
margin:20px 20px 10px 80px;
width:820px;
}


#footer {
background-image:url(images/heller/footer.jpg);
background-repeat:no-repeat;
height:145px;
}

#branding {
padding:0px;
}

#access {
border-bottom:0 solid #CCCCCC;
font-size:1.4em;
font-weight:bold;
height:200px;
margin:0;
padding-left:19em;
position:relative;
white-space:nowrap;
width:350px;
z-index:100;
}


#blog-description {
color:#FFFFFF;
font-size:12px;
font-style:normal;
}

#processingjs {
border:0 solid green;
margin:0;
position:absolute;
width:960px;
}

#impressum {
float:right;
margin-right:9px;
}


#respond {
background:transparent none repeat scroll 0 0;
}

#comments, #comments input, #comments textarea {
color:#000000;
font-size:16px;
}




.menu {
margin:0;
width:300px;
}


.entry-title {
font-family:Helvetica,sans-serif;
font-size:29px;
font-weight:lighter;
letter-spacing:-1px;
line-height:70px;
text-transform:uppercase;
}

.entry-content {
	color:#FFFFCC;
font-size:18px;
font-weight:lighter;
line-height:24px;
}

.entry-content p {

}

.entry-content h1, .entry-content h2 {
color:#FFFF00;
font-family:Helvetica;
font-size:26px;
font-weight:lighter;
}

.entry-content h3 {
font-size:18px;
font-style:normal;
padding:0 0 1em;
text-transform:uppercase;
}

.entry-content ul a {
list-style-type:none;
margin-top:24px;
text-decoration:none;
text-transform:inherit;

}

.entry-content ul {
list-style-type:none;	
margin:10px 0 0;	

}
.entry-content ul a:hover {
background:#ffff00;
}

.entry-content img {
border:1px solid Green;
float:right;
margin:10px 0 10px 10px;
right:47px;
}

.entry-content table {
margin-left:0px;
}

blockquote {
margin:0 4em 2em;
font-style:normal;
}

th, td {
font-family:helvetica;
padding:12px 12px 10px 0;
color:Yellow;	
font-size:18px;
}


body, textarea {
color:DarkSeaGreen;
font-family:Helvetica;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
background:transparent url(images/heller/bg.jpg) repeat scroll 0 0;
}





a:visited {
color:#33CC00;
text-decoration:none;
}

a:hover {
color:#33CC00;
}

p, ul, ol, dd, pre {
margin-bottom:11px;
color:White;
}


.sf-menu {
	border:0px;
	float:none;
	margin:0;	
}

.sf-menu li {
background:transparent none repeat scroll 0 0;
max-height:16px;

}

.sf-menu li:hover {
	visibility:inherit;
	color:#33CC00;

}

.sf-menu li li {

background:transparent none repeat scroll 0 0;

}



.sf-menu a {
border-bottom:0 none transparent;
border-left:0 solid transparent;
border-top:0 solid transparent;

text-decoration:none;
text-transform:uppercase;
margin:0;
}

.sf-menu a, .sf-menu a:visited {
color:#333333;
}

.sf-menu ul {
border-bottom:0px solid #CCCCCC;
border-right:0px solid #CCCCCC;

}

.sf-menu ul a {
color:#333333;
background:white		;
border-bottom:medium none;
}

.sf-menu ul a:hover {
color:white;
background:green;
}


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:transparent none repeat scroll 0 0;
color:red;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#primary {
border:medium none;
float:none;
left:0;
padding:24px 0 0;
position:absolute;
text-align:right;
top:0;
width:260px;
}

.aside h3 {
color:transparent;
font-size:0;
}


.aside ul ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:13px;
}

.aside a {
color:Yellow;
font-size:12px;
line-height:12px;
text-transform:uppercase;
}

.aside a:visited {
color:Yellow;

}
.aside a:hover {
color:White;

}

.form-section label {
font-size:18px;
color:#669933;
}

#respond .required {
color:#FFFF00;
font-size:18px;
font-weight:bold;
}
#comments-list li.alt {
background:transparent none repeat scroll 0 0;
}

#comments-list li {
background:transparent none repeat scroll 0 0;
}

#comments h3 {
color:#FFFF00;
font-family:helvetica;
font-weight:normal;
padding:0 0 18px;
}