/*  
Theme Name: generation-jetta
Theme URI: http://wordpress.org/
Description: The default generation-jetta theme.
Version: 1.0
Author: Raketenmann
Author URI: http://www.teambender.de
work at progress
*/

body {
    margin:                 0;
    padding:                0;
    background:             #aab1c1;
    color:                  #303030;
    font-family:            "Lucida Grande", sans-serif;
    font-size:              11px;
}

a {
    color:                  #8f6857;
    text-decoration:        none;
    font-weight:            bold;
    border:                 none;
    -moz-outline:           none;
}

ul, ol {
    padding:                0;
    margin:                 0;
    list-style:             none;
}

li {
    padding:                0;
    margin:                 0;
    font-size:              10px;
}

li.comm { 
    padding:                5px; 
    font-size:              10px; 
}

li.odd { 
    background-color:       #eee;
}

li.even {
    background-color:       #fff; 
}

textarea#comment { 
    width:                  490px; 
    font-size: 12px; 
}

form {
    display:                inline;
}

img { 
    border:                 none;
}

img.pic490 {
    margin:                 5px 0 1px 0;
    padding:                2px;
    border:                 1px solid #ccc;
}

img.pic200 {
    margin:                 5px 10px 1px 0;
    padding:                2px;
    border:                 1px solid #ccc;
    float:                  left;
}

img.picleft {
    margin:                 5px 5px 0 0;
    padding:                3px;
    border:                 1px solid #ccc;
    float:                  left;
}

.postmetadata {
    font:                   normal 9px/150% Verdana, Arial, Helvetica, sans-serif;
    margin:                 0;
    padding:                0;
    color:                  #999;
}


.newandblue { 
    position:               absolute; 
    right:                  21px;
    top:                    6px; 
}

input#s { font-size: 16px; width: 120px; }

p.caption {
    font-size:              10px;
    font-weight:            bold;
    line-height:            130%;
    padding:                0 2px;
    color:                  #222;
    margin:                 0;
}

.highlight, .highlight a {
    color:                  #005BB1 !important;
}

.notes {
    font-size:              11px;
    text-align:             center;
    color:                  #878787;
    line-height:            16px;
}

.feedback a {
    color:                  #808080;
}

.feedback a:hover {
    text-decoration:        underline;
}

#masthead {
    margin:                 0px auto;
    width:                  800px;
    height:                 210px;
    background:             #aab1c1 url('images/layout/gj_back_01.jpg') 0 0 no-repeat;
    text-align:             center;
}

.contentcontainer {
    width:                  800px;
    background:             #aab1c1 url('images/layout/gj_back_02.jpg') 0 0 repeat-y;
    margin:                 0 auto 0px auto;
}

/* left side */
        
.contentlist {
    width:                  520px;
    float:                  left;
    margin-left:            30px;
}

.contentlist .entry {
    position:               relative;
    width:                  198px;
    text-decoration:        none;
    display:                block;
    float:                  left;
    padding:                8px 0px 8px 12px;
}
.contentlist .entry2 {
    position:               relative;
    text-decoration:        none;
    font-size:              12px;
    line-height:            150%;
    display:                block;
    float:                  left;
    text-align:             left;
    padding:                0px 12px 0px 12px;
    color:                  #707a83;
    font:                   normal 14px/150% georgia, palatino, "Times New Roman", serif;
    margin-bottom:          10px;
}

.entry2 p { 
    padding:                5px 0 10px 0 ;
    margin:                 0; 
}

.contentlist .entryheadline {
    font:                   normal 1.643em/1em georgia, palatino, "Times New Roman", serif;
    /* position:               relative; */
    width:                  490px;
    margin:                 0px;
    color:                  #8f6857;
    text-decoration:        none;
    font-weight:            bold;
    font-size:              18px;
    line-height:            150%;
    display:                block;
    /* float:                  left; */
    padding:                8px 12px 0px 12px;
}

.entryheadline span { 
    font-family:            "Lucida Grande", sans-serif;
}

.contentlist .blockentry {
    width:                  200px;
    font-size:              12px;
    padding:                12px 12px 18px 12px;
    line-height:            18px;
}

.contentlist .description {
    width:                  500px;
    text-decoration:        none;
}

.contentlist .footnote {
    width:                  397px;
    text-align:             right;
    text-decoration:        none;
    padding:                12px;
    font-size:              12px;
}

.footnote a:hover {
    text-decoration:        underline;
}

.contentlist .feature {
    font-size:              12px;
    padding:                10px 0px 10px 12px;
}

.contentlist a.entry:hover {
}

.contentlist .divider {
    background-color:       #e9e9e9 !important;
    background-repeat:      repeat-x;
    width:                  500px;
    height:                 37px;
}

.contentlist .divider img {
    padding:                10px 0px 0px 12px;
}

/* right side */

.alternatecontent {
    width:                  210px;
    margin-left:            5px;
    float:                  left;
}

.alternatecontent .divider {
    background-color:       #e9e9e9 !important;
    background-repeat:      repeat-x;
    width:                  200px;
    height:                 37px;
}

.alternatecontent .entry {
    width:                  100px;
}

.contentlist .full {
    width:                  200px;
}

.alternatecontent .blockentry {
    width:                  190px;
    font-size:              12px;
    padding:                12px 12px 18px 12px;
    line-height:            18px;
}
        
.alternatecontent a.entry:hover {
} 


div#footer
{
    background:             #fff url('images/layout/gj_back_03.jpg') 0 0 no-repeat;
    width:                  800px; 
    height:                 50px;
    margin:                 0 auto 0 auto;
}

p.navigation
{
    padding:                0 10px 20px;
}

p.navigation span.alignleft { 
    text-align:             left; 
    float:                  left;
}

p.navigation span.alignright {
    text-align:             right;
    float:                  right;
}

p.navnote {
    padding-left:           0px;
    color:                  darkred;
}

div.sbar {
    padding-left:           20px;
    margin-bottom:          30px;
}

div.sbar p { 
    font-weight:            bold; 
    color:                  #555; 
    font-size:              12px;
    margin:                 0; 
    padding:                0; 
}

div.sbar ul { 
    padding-left:           10px
}

div#headgfx { 
    padding-top:            19px;
}

li.comm { 
    font-size:              12px
}

div#answerdiv { background-color: #eee; padding: 0px;}
div#answerdiv p { padding: 5px}
div#answerdiv p input {}    
div#answerdiv p label { font-size: 12px; }

.alternatecontent ul { padding-left: 20px }   
.alternatecontent ul li h2 {
    font:                   bold 14px/150% georgia, palatino, "Times New Roman", serif;
    padding:                0;
    margin:                 20px 0 0 0;
}
.alternatecontent ul li  ul { padding-left: 10px }