/*
Theme Name: drehsinn.de Homepage Theme
Theme URI: http://www.drehsinn.de
Description: Design von drehsinn.de als WordPress-Theme
Version: 0.1
Author: Oliver Schmidt
Author URI: http://www.majinai.net
Tags: grey, custom header, fixed width, three columns
*/

html, body {
    height: 100%;
    }

body {
	font-size: 0.9em; /* 62.5% = Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #CCCCCC;
	color: #222;
    margin: 0;
	}
    
a, img {
    border: none;
}

a:before { content: "\203A"; }

a:link {
    text-decoration: none;
    font-weight: bold;
    color: #222;
    }
    
a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #222;
    }
    
a:focus {
    text-decoration: none;
    font-weight: bold;
    color: #222;
    }
    
a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #222;
    }
    
a:active {
    text-decoration: none;
    font-weight: bold;
    color: #222;
    }


/*anfang header-kram*/
ul { /*gilt fuer alle header und listen...*/
    list-style-type: none;
    }

#header {
    height: 7em;
    }

.header {
    display: inline;
    vertical-align: middle;
    font-variant: small-caps;
    font-size: 1.1em;
    font-weight: bold;
    }

td#header img { height: 7em; }
    
/*fuer die a in li in ul der klasse header (navigation)
-> nicht aktuelle seiten als > darstellen, die aktuelle seite mit bullet*/
ul.header li.page_item a:before { content: "\203A"; }
ul.header li.current_page_item a:before { content: "\2022"; font-size: 90%; }
ul.header li.current_page_parent a:before { content: "\2022"; font-size: 90%; }
ul.header li.current_page_ancestor a:before { content: "\2022"; font-size: 90%; }

ul.header li.page_item {
    display: inline;
    padding-left: 1em;
    }
/*ende header-kram*/

/*subheader*/
/*fuer die a in li in ul der klasse subheader (navigation)
-> nicht aktuelle seiten als > darstellen, die aktuelle seite mit bullet*/
#subheader * a { font-weight: normal; }
#subheader * li.page_item a:before { content: "\203A"; }
#subheader * li.current_page_item a:before { content: "\2022"; font-size: 90%; }
/*#subheader * li.current_page_parent a:before { content: "\2022"; font-size: 90%; }*/
/*#subheader * li.current_page_ancestor a:before { content: "\2022"; font-size: 90%; }*/

#subheader ul {
    position: relative;
    left: -2.0em;
    }
/*ende subheader*/
    
/*die seite an sich...*/
#page {
    text-align: justify;
    font-size: 1em;
    
    height: 100%;
    border-spacing: 0;
    }
    
#spacer {
    width: 10em;
}
    
#picbar {
    width: 175px;
    text-align: center;
    vertical-align: top;
    }
    
#sidebar {
    width: 13.5em;
    vertical-align: top;
    text-align: left;
    
    padding-left: 1em;
}

#content {
    width: 45em;
    height: 100%;
    vertical-align: top;
}

/*galerie-zeugs...*/
div.ngg-album { display: inline-block; }
div.ngg-albumtitle {
    font-size: 1em;
    font-weight: normal;
    }

/* shuttereffekt (zur anzeige der bilder)*/
#shDisplay * a:before { content: ""; }

/*links*/
div.ngg-albumtitle a:before { content: "\203A"; }
div.ngg-navigation a:before { content: ""; }
div.ngg-thumbnail a:before { content: ""; }
div.ngg-gallery-thumbnail a:before { content: ""; }

a.alignleft:before { content: ""; }
a.alignright:before { content: ""; }

/*lightbox-effekt*/
#stimuli_hoverNav a:before { content: ""; }
#stimuli_caption {
    font-size: 1.2em;
    }
    
/*highslide effekt*/
div.highslide-controls * a:before { content: ""; }
a.highslide:before { content: ""; }