/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.1
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, beginning, start, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

header {  background-color:rgba(255,0,255,0.0); width:940px; height:200px; border:0px;  border-style:solid; border-color:rgb(0,0,0);  position:absolute; top:5px; background-image:url(style/images/header/logo.png) }

body {  background-color:rgb(255,255,255); background-image:url(style/images/backgrounds/bg1.png), url(style/images/backgrounds/bg2.png); }
#wrapper { margin: 0 auto; width:940px; }

title { color:rgb(100,100,100); font-family:  }

#content { background-color:rgba(0,255,255,0.15); width:900px; border:3px; border-style:double; border-color:rgba(255,255,255,0.25);  padding-left:25px; padding-right:25px; position:absolute; top:175px;    border-top-right-radius: 50px 50px; border-bottom-left-radius: 50px 50px; box-shadow:rgba(0,0,0,0.5) 10px 10px 5px; z-index:2;}

aside { position:absolute; top:-50px;left:900px; border:1px; border-color:rgb(0,0,0)}

h1 { margin:0; color:rgba(255,255,255,0.2); font-family: 'Lobster', arial, serif; font-size:3em; text-align:right; padding-bottom:25px; padding-top:10px; margin: 0px; }
h2 { color:rgba(0,0,0,0.3); font-family: 'Ubuntu', arial, serif; font-size:1.2em; margin:0; padding-bottom:10px; padding-top:10px;}
h3 { color:rgba(200,0,0,0.4); font-family: 'Ubuntu', arial, serif; font-size:1em; margin:0; text-align:left; padding-bottom:5px; padding-top:10px;}
h4 { color:rgba(255,0,0,0.3); font-family: 'Lobster', arial, serif; font-size:1.5em; margin:0; text-align:left; }

p { color:rgb(50,50,50); font-family: 'Ubuntu', arial, serif; line-height:1.5em; text-align:justify; font-size:0.95em; }
strong {color:rgb(50,50,50); font-family: 'Ubuntu', arial, serif; line-height:1.5em; text-align:justify; font-size:0.8em;}

ol { padding-left:100px; padding-bottom:100px; margin-left:250px; }
li { color:rgb(30,30,30); font-family: 'Ubuntu', arial, serif; line-height:1.2em; font-size:0.8em; }

.footer { color:rgb(255,255,255); font-family: 'Ubuntu', arial, serif; text-align:left; }

a:link { font-family: 'Ubuntu', Arial; text-decoration: none; color:rgb(255,255,255); font-size:0.95em; }
a:visited { font-family: 'Ubuntu', Arial; text-decoration: none; color:rgb(255,255,255); font-size:0.95em;}
a:hover { font-family: 'Ubuntu', Arial; text-decoration: none; color:rgb(0,0,0); font-size:0.95em; }
a:active { font-family: 'Ubuntu', Arial; text-decoration: none;  color:rgb(255,255,255); font-size:0.95em;  }



#access { background-color:rgba(0,0,0,0.1); margin: 0 auto; width: 895px; display:block; float:left;  position:absolute; top:132px; z-index:12; border-top-right-radius: 50px 50px; border-top-left-radius: 25px 25px; }
#access .menu-header,
div.menu { font-size: 15px; margin-left: 10px; }
/* access: headermenü */
#access .menu-header ul,
div.menu ul { list-style: none; margin: 0; }
#access .menu-header li,
div.menu li { float:left; position: relative; }
#access a { display:block; text-decoration:none; color: rgb(255,255,255); font-size:14px; padding:0 10px; line-height:36px; border-radius:10px; }
/* access a: linkfarbe menü */
#access ul ul { display:none; position:absolute; top:36px; left:0; float:left; box-shadow: 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); width: 100%; z-index: 99999; }
#access ul ul li { min-width: 50px; }
#access ul ul ul { left:100%; top:0; }
#access ul ul a { background-color:rgba(0,0,0,0.1); height:auto; line-height:1em; padding:6px;  width: 160px; }
#access li:hover > a,
#access ul ul :hover > a { color: rgb(0,0,0); background-color:rgba(255,255,255,0.3); }
/* headermenü hovereffekt (font-color und hintergrundfarbe */
#access ul li:hover > ul { display:block; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a { color: rgb(0,0,0); }
/* headermenü linkfarbe aktuelle seite */
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { color:#fff; }

.logo { float:left; position: absolute; z-index:0; }
.klammer { float:left; position: relative; left:-30px; top:150px; z-index:3; }
.note { float:left; position: absolute; left:-100px; top:-5px; z-index:3; margin-bottom:50px; }
.seitengrafikl { float:left; position: absolute; left:-350px; top:-25px; z-index:2; margin:0px; }
.seitengrafikr { float:right; position: absolute; left:900px; top:-25px; margin:0px; }
.mainright { float:right; margin-left:15px; }

footer {background-color:rgba(255,255,255,0.05); position: relative; top:150px; left:636px; width:250px; border:1px; border-style:solid; border-color:rgba(255,255,255,0.25); align:right; padding:15px; z-index:2;}
table {margin-top:15px; }
td {padding:5px; width:100px;}