/*
Theme Name:	Junge Grüne St.Gallen
Theme URI:	http://www.jungegruene-sg.ch/
Description:	Ein Template für die junge grüne Partei des Kantons St.Gallen, Schweiz
Version:	1.1
Date: 		30. September 2009
Author:		Altenburger Typografie
Author URI:	http://www.altenburger-typografie.ch/
*/


* {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 15px;
font-family: helvetica, arial, sans-serif;
}

img {
border: none;
}



/* CONTENT-CONTAINER */


#content h2
{
padding: 10px 0 0 0;
font-weight: bold;
color: #3F6B30;
text-transform: uppercase;
line-height: .8em;
}

#content h2 a:link,
#content h2 a:visited
{
text-decoration: none;
color: #3F6B30;
}

#content h2 a:hover
{
text-decoration: none;
}

#content h1, #content h1 a:link, #content h1 a:visited
{
padding: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #000;
text-transform: uppercase;
line-height: 1em;
text-decoration: none;
}

#content h1 a:hover, #content h1 a:active
{
color: #D18618;
}

#content p
{
padding: 15px 0 0 0;
color: #000;
}

#content .post
{
margin: 0 0 35px 0;
border-top: 5px solid #3F6B30;
}

a:link
{
color: #000;
text-decoration: underline;
}

a:visited
{
color: #000;
}

a:hover, a:active
{
color: #3F6B30;
}

#content p.author
{
padding: 3px 0 1px 0;
border-bottom: 1px dashed #3F6B30;
font-weight: normal;
color: #3F6B30;
}

#content p.author a:link,
#content p.author a:visited
{
text-decoration: none;
color: #3F6B30;
}

#content p.author a:hover
{
text-decoration: none;
color: #3F6B30;
}

#content p.entry
{
padding: 10px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #000;
line-height: 1em;
}

#content div.image
{
padding: 10px 0 0 0;
color: #686868;
}

#content p.imagedescription
{
padding: 5px 5px 4px 7px;
margin-top: -3px;
background-color: #dae9b6; /* lindgruen */
line-height: 13px;
}

#content ul {
margin: 15px 0 15px 0;
}

#content ol {
margin: 15px 0 15px 0;
}


#content li {
margin: 3px 0 3px 30px;
}


/* Bildergalerie */

.bildergalerie {
margin-left: -9px;
}

.bildergalerie img {
border-top: 1px dashed #3F6B30;
border-right: 1px dashed #3F6B30;
border-bottom: 1px dashed #3F6B30;
border-left: 1px dashed #3F6B30;
padding: 5px;
margin: 9px;
height: auto;
width: 200px;
float: left;
}



/* STRUKTUR */

#container
{
position: absolute;
left: -490px;
margin-left: 50%;
width: 980px;
}

#header
{
width: 980px;
margin: 0 0 50px 0;
background-color: #96BF0D;
height: 220px;
overflow: hidden;
}

#content
{
float: left;
width: 470px;
margin: 0 0 30px 70px;
}

.sidebar
{
float: left;
width: 200px;
margin: 0 0 30px 20px;
}

#footer
{
width: 910px;
margin: 0 0 0 70px;
padding: 5px 0 5px 0;
float: left;
clear: both;
border-top: 1px dashed #3F6B30;
}
		
#footer p, #footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active
{
font-size: 10px;
text-decoration: none;
color: #555;
}



/* NAVIGATION */

#kwicks li.kwick {
float: left;
display: block;
list-style-type: none;
}

#kwicks li.kwick a /* nimmt die ganze fläche ein, damit sie klickbar ist */ {
position: relative;
display: block;
padding: 195px 7px 20px 7px;
font-weight: regular;
font-size: 13px;
color: #000;
text-transform: lowercase;
white-space: nowrap;
border-right: solid 3px #fff;
text-align: right;
}

#kwicks li.kwick a:link,
#kwicks li.kwick a:visited {
text-decoration: none;
color: #000;
}

#kwicks li.kwick a:hover,
#kwicks li.kwick a:active,
#kwicks li.kwick a:link.active,
#kwicks li.kwick a:visited.active {
text-decoration: none;
color: #fff;
}



/* SUBNAVIGATION*/

#kwicks ul.subnav {
position: relative;
top: -150px;
}

#kwicks ul.subnav li {
list-style-type: none;
}

#kwicks ul.subnav a {
text-align: right;
padding: 1px 7px 1px 7px;
}



/* LOGO */

#kwicks li#logo img {
margin-top: 136px;
margin-right: 10px;
float: right;
}

#kwicks li#logo {
list-style-type: none;
}



/* FARBDEFINITION HEADER */

#gruen1 {background-color: #809914;}
#gruen2 {background-color: #638725;}
#gruen3 {background-color: #339928;}
#gruen4 {background-color: #92a00a;}
#gruen5 {background-color: #a4c614;}
#gruen6 {background-color: #3f6b30;}
#gruen7 {background-color: #a3ad0f;}
#gruen8 {background-color: #57a028;}
#gruen9 {background-color: #769b2e;}
#gruen10 {background-color: #75a867;}
#intern {background-color: #D18618;}



/* NAVIGATION */

.pagenavigation { padding-top: 35px; padding-bottom: 35px; }
.alignleft { float: left; width: 45%; }
.alignright { float: right; width: 45%; padding-right: 20px; }


/* SIDEBAR STYLES */

li.widget,
li.linkcat {
width: 200px;
font-size: 1em;
list-style-type: none;
margin-bottom: 20px;
}

li.widget h2, 
li.linkcat h2 {
font-weight: bold;
font-size: 1.077em;
text-transform: uppercase;
letter-spacing: normal;
padding: 0.4em 2px 0.4em 0;
border-top: 5px solid #3F6B30;
}

li.intern h3 a:link,
li.intern h3 a:visited {
color: #D18618
}
li.intern h3 a:hover,
li.intern h3 a:active {
color: #3F6B30
}

li.widget a:link,
li.widget a:visited {
text-decoration: none;
font-size: 1.077em;
}

li.widget li,
li.linkcat li {
list-style-type: none;
padding: 2px;
}