/*  
Theme Name: Kulturladen Huchting
Theme URI: 
Description: Hat noch ein paar macken, aber das wird schon.
Version: 0.5 Beta
Author: Christian Ohmstede
Author URI: http://www.digitalr3public.com/

        This theme was designed and built by Christian Ohmstede
        fanmail@digitalr3public.com
        http://www.digitalr3public.com
*/

/* menu */
#menu-sidebar li{
    list-style: none;
}
#main-menu-wrapper {
    width: 950px;
    height: 40px;
}
/* end menu */

/* general */
* {
    padding: 0;
    margin: 0;
}

body {
    background: url(images/_background.png) repeat-x top  #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 62.5%;
    color: #333;
    text-align: center;
    margin-bottom: 25px;
}

#page {
    background: url(images/page.gif) repeat-y top;

    width: 960px;
    text-align: left;
    margin: 0 30px;
}
#page-wrapper{
    width: 1020px;
    margin: 0 auto;
}
h1, h2, h3, h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 2.4em;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

p {
    font-size: 1.2em;
}

small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

blockquote {
    font-style: italic;
    color: #888;
    margin: 0 50px 0;
}

img {
    border: 0;
}
#main-menu-wrapper * ul li a {
    border: none;
}
a {
    color:#ff8400;
    text-decoration: none;
    border-bottom: 1px dotted;
}

a:hover, a:active {
    background: #fff1e4;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #ff8400;
}

cite {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
}
/* end general */

/* header */
#header-wrapper {
    margin-top: 5px;
    height: 295px;
    width: 1020px;
}
#header-left-bg{
    background: url(images/_header_bg_left.png) top left no-repeat;
    padding-left: 35px;
    height:295px;

}
#header-right-bg {
    background: url(images/_header_bg_right.png) top right no-repeat;
    padding-right: 35px;
    height:295px;

}
#header {
    background: url(images/_header_bg.png) top repeat-x;
    height: 275px;
    width: 100%;
    padding-top: 20px;
}
#logo-top {
    background: url(images/_logo_top.png) no-repeat top left #fff;
    height: 50px;
    width: 950px;
    margin-bottom: 5px;
    text-align: right;
}
#logo-left {
    background: url(images/_logo_left.png) no-repeat top left #fff;
    width: 210px;
    height: 180px;
    float: left;
    display: inline;	
}
#hdleft {
    width: 125px;
    height: 150px;
    float: left;
    display: inline;
    margin: 0 0 0 5px;
}

#hdleft a {
    border: none;
}

#hdleft a:hover, #hdleft a:active {
    background: none;
    border: none;
}

#hdtop {
    background: #fff url(images/hdtop.gif) no-repeat right top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
    width: 950px;
    height: 50px;
    float: right;
    display: inline;
    margin: 0 5px 0 0;
}
#stage {
    height: 180px;
    width: 740px;
}
#hdtop ul {
    font-size: 1em;
    list-style: none;
    margin: 35px 15px 0 0;
}

#hdtop li {
    display:inline;
    margin: 0 0 0 15px;
}

#hdtop a {
    color: #ff8400;
    border: none;
}

#hdtop a:hover, #hdtop a:active {
    background: none;
    border-bottom: 1px solid #ff8400;
}

#hdpic {
    background: #fff;
    width: 740px;
    height: 180px;
    float: right;
    display: inline;	

}

#hdbottom {
    background: url(images/hdbottom.gif) no-repeat;
    width: 950px;
    height: 10px;
    clear: both;
    margin: 0 5px;
}
/* end header */

/* content */
#content_wrapper {
    width:700px;

}
#stage {
    position:absolute; 
    overflow:hidden;
}
#content {
    background: #fff;
    width: 100%;
    float: left;
    padding: 25px;
    margin-left: 5px;
}

#content p {
    line-height: 1.6em;
    margin: 0 0 10px;
}

#content h2, #content h2 a {
    color: #ff8400;
    text-decoration: none;
    border-bottom: none;
    margin: 0 0 10px;
}

#content h2 a:hover, #content h2 a:active {
    color: #ff8400;
    border-bottom: 1px solid #ff8400;
}

#content h1, h3, h4 {
    color: #ff8400;
    margin-bottom: 10px;
}

#content p.meta {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #888;
    margin: 0 0 15px;
}

#content p.meta a{
    font-size: 1em;
    color: #888;
    border-bottom: none;
}

#content p.meta a:hover, #content p.meta a:active {
    background: none;
    border-bottom: 1px solid #888;
}

#content p.autor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: italic;
    color: #888;
    text-align: right;
    margin: 0 0 15px;
}

#content p.postmetadata {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #fff1e4;
    font-size: 1em;
    line-height: 1.4em;
    color: #888;
    border-top: #ffc996 1px solid;
    border-bottom: #ffc996 1px solid;
    padding: 10px 15px;
    margin: 20px 0;
}

#content p.postmetadata a:hover, #content p.postmetadata a:active {
    background: none;
    color: #ff8400;
}

#content ul {
    font-size: 1.2em;
    line-height: 1.6em;
    list-style-type: disc;
    margin: 0 50px 10px;
}

#content ul li {
    padding: 0 0 5px;
}

#content img.alignright {
    border: 1px solid #ccc;
    display: inline;
    padding: 4px;
    margin: 4px 0 5px 10px;
}

#content img.aligncenter {
    border: 1px solid #ccc;
    display: block;
    padding: 4px;
    margin: 0 auto 5px;
}

#content img.alignleft {
    border: 1px solid #ccc;
    display: inline;
    padding: 4px;
    margin: 4px 10px 5px 0;
}

.post {
    border-bottom: #ff8400 1px dotted;
    margin: 0 0 15px;
    clear: both;
}

.alt {
    background-color: #fff1e4;
    list-style: none;
    border-top: 1px solid #ffc996;
    border-bottom: 1px solid #ffc996;
    padding: 10px 15px 0;
    margin: 0 25px 5px;
}
/* .alt und .alt2 dienen dazu die kommentare unterschiedlich zu stylen */
.alt2 {
    background-color: #fff;
    list-style: none;
    padding: 10px 15px 0;
    margin: 0 25px 5px;
}
/* end content */

/* sidebar*/
#sidebar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #eee;
    font-weight: bold;
    width: 160px;
    clear: right;
    padding: 10px 0px 10px 10px;
    margin: 0 0 0 755px;
    text-shadow: 1px 1px 1px #000000;
    
}

#sidebar h2 {
    color: #626262;
    font-size: 1.6em;
    margin: 0 0 10px;
    text-shadow: 1px 1px 1px #000000;
}

#sidebar ul {
    list-style-type: none;
    margin: 0 0 20px;
}

#sidebar ul li {
    padding: 0 0 10px 10px;
}

#sidebar ul ul {
    margin: 5px 0 -5px;
}

#sidebar a {
    font-size: 1.1em;
    color: #fff;
    border-bottom: none;
    text-shadow: 1px 1px 1px #000000;
}

#sidebar a:hover, #sidebar a:active{
    background: none;
    border-bottom: 1px solid #fff;
    text-shadow: 0px 0px 4px #FFFFDD,1px 1px 1px #000000;
}

#sidebar li.current_page_item a{
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

#sidebar li.current-cat a {
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
/* end sidebar */

/* footer */
#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #888;
    text-align: center;
    clear: both;
    margin: 0 auto;
    padding-top: 5px;
    padding-left: 0px;
    width: 960px;
    height: 150px;
}

.sub-footer-top a {
    margin: 0px auto;
    padding: 0px;
    text-decoration: none;
    display: block;
    width: 150px;
    height: 150px;
}
.sub-footer-top a:hover {
    background: transparent;
    padding: 0px;
    text-decoration: none;
    display: block;
    width: 150px;
    height: 150px;
}

#sub-footer1 a {
        background: url("images/buttons_footer/medwerk_normal_.png") no-repeat top left transparent; 
}
#sub-footer1 a:hover {
        background: url("images/buttons_footer/medwerk_over_.png") no-repeat top left transparent; 
}
#sub-footer2 a {
        background: url("images/buttons_footer/stelzensippe_normal_.png") no-repeat top left transparent; 
}
#sub-footer2 a:hover {
        background: url("images/buttons_footer/stelzensippe_over_.png") no-repeat top left transparent; 
}
#sub-footer3 a {
        background: url("images/buttons_footer/insan-popular_normal_.png") no-repeat top left transparent; 
}
#sub-footer3 a:hover {
        background: url("images/buttons_footer/insan-popular_over_.png") no-repeat top left transparent; 
}
#sub-footer4 a {
        background: url("images/buttons_footer/afh_normal_.png") no-repeat top left transparent; 
}
#sub-footer4 a:hover {
        background: url("images/buttons_footer/afh_over_.png") no-repeat top left transparent; 
}
#sub-footer5 a {
        background: url("images/buttons_footer/hb_normal_.png") no-repeat top left transparent; 
}
#sub-footer5 a:hover {
        background: url("images/buttons_footer/hb_over_.png") no-repeat top left transparent; 
}
#sub-footer6 a {
        background: url("images/buttons_footer/Knitterfreien_normal_.png") no-repeat top left transparent; 
}
#sub-footer6 a:hover {
        background: url("images/buttons_footer/Knitterfreien_over_.png") no-repeat top left transparent; 
}

.sub-footer-top {
    text-shadow: 1px 1px 1px #000000;
    float: left;
    margin-right: 0px;

    padding-top: 5px;
    width: 160px;
    height: 140px;
    color: #eee;
    font-size: 100%;
}
.sub-footer-top h2 {
    color: #626262;
    text-shadow: 1px 1px 1px #000;
    height: 52px;
    font-size: 16px;
}

#left-sub-footer {
    text-shadow: 1px 1px 1px #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    float: left;
    width: 400px;
    height: 23px;
    padding-top: 5px;
}
#right-sub-footer {
    text-shadow: 1px 1px 1px #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    float: right;
    width: 400px;
    height: 23px;
        padding-top: 5px;
}
#right-sub-footer a {
    color: #fff;
    border-bottom: none;
}

#right-sub-footer a:hover, #footer a:active {
    color: #000;
}
#footer-arrow {
    position: absolute;
    bottom: 0px;
    width: 960px;
    /*margin-left: 596px;*/
    margin: auto;
}
#a-footer-arrow, #a-footer-arrow:focus, #a-footer-arrow:hover {
    width: 0px;
    height: 0px;
    text-decoration: none;
    border: none;
    color: #FF8400;
    font-size: 0px;
    margin: 0px auto;

}
#footer-wrapper {
    position: absolute;
    background: #fff url(images/_footer.png) repeat-x top;
    width: 100%;
    height: 197px;   
}

#sub-footer {
    width: 960px;
    margin: 9px auto 0 auto;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
}



a.kulaicon {
    background: url(images/kula_icon.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.kulaicon:hover, a.kulaicon:active {
    background: url(images/kula_icon_over.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.wpicon {
    background: url(images/wp_icon.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.wpicon:hover, a.wpicon:active {
    background: url(images/wp_icon_over.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.feedicon {
    background: url(images/feed_icon.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.feedicon:hover, a.feedicon:active {
    background: url(images/feed_icon_over.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.validateicon {
    background: url(images/validate_icon.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}

a.validateicon:hover, a.validateicon:active {
    background: url(images/validate_icon_over.gif) no-repeat left center;
    width: 16px;
    height: 16px;
    padding: 5px 0 5px 18px;
}
/* end footer */

/* forms */
#search-wrapper {
    height: 36px;
    width: 250px;
    float: right;
    margin-top: 7px;
    background: url(images/_search_bg.png) #ffffff no-repeat top left;
}
#s_ {
    color: #888;
    float: left;
    font-size: 18px;
    width: 200px;
    background: transparent;
    border: 1px solid transparent;
    padding-top: 6px;
}
#searchform_ {
    
    padding: 0px 0px 0px 3px;
    margin: 0px;
}
#searchsubmit_ {
    background: transparent;
    border: transparent;
    float: right;
    height: 32px;
    width: 45px;
    cursor: pointer;
}
#commentform {
}
/* end forms */

/* various tags and classes */
.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.center {
    text-align: center;
}

.navigation {
    margin-bottom: 60px;
}

acronym, abbr, span.caps {
    cursor: help;
}
.clear {
    clear: both;
}
/* end various tags and classes*/