/*
THEME NAME: Kauco-es
THEME URI: http://herr-schuessler.de/
DESCRIPTION: Custom Theme for kauco.de in Spanish
VERSION: 1.0
AUTHOR: Christoph Schüßler
AUTHOR URI: http://herr-schuessler.de/
*/

/*//////////////////////////////////////////////////////////////////////////////
// 
// author:  Christoph Schuessler (cs@hirnstrom.de)
//
// Content:
// 
// 1    browser reset
// 2    hidden elements
// 3    typography
// 4.1  layout - container
// 4.3  layout - generic classes
// 4.4  layout - lists
// 4.5  layout - tables
// 5    navigation
//  
//////////////////////////////////////////////////////////////////////////////*/



/* 1   browser reset
------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, cite, code, del, em, img, strong, sub, sup, dl, dt, dd, ol, ul,
li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    margin:         0;
    padding:        0;
    border:         0;
    outline:        0;
    font-weight:    inherit;
    font-style:     inherit;
    font-size:      100%;
    font-family:    inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style:     none;
}
table {
    border-collapse:collapse;
    border-spacing: 0;
}
th, td {
    text-align:     left;
    font-weight:    normal;
}

/* 2    hidden elements
------------------------------------------------------------------------------*/
.skip, .hide, .print, dfn {
    position:       absolute;
    left:           -10000em;
    top:            -10000em;
  }

/* 3    typography
------------------------------------------------------------------------------*/
body {
    font:           normal 0.8125em/1.48em Arial, Helvetica, sans-serif;
}
select,
input,
textarea  {
    font:           normal 1em/1.2em Arial, Helvetica, sans-serif;
}
#intro {
    font:           italic 0.9em/1.48em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
    color:          #0d7a93;
    text-shadow:    #e8e5d3 1px 1px 0px;
}
h1 {
    font:           normal 2em/1.2em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
}
h2 {
    font:           normal 1.4em/1.2em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
}
h3, h4, h5, h6 {
    font:           normal 1em/1.2em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
}
h1,h2,h3{
    color:          #ff4b33;
    margin:         0 0 0.7em 0;
    font-weight:    normal;
}
h2.list-header {
    font:           normal 1em/1.2em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
    text-transform: uppercase;
    color:          #ff9a2f;
    margin:         0 0 1em 0;
}
h2.blog-header {
    font:           normal 1.5em/1.2em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
    margin:         0 0 0.5em 0;
}
a {
    color:          #23879e;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
a:visited {
    /* TODO */
}
#sub-nav .page_item a,
.download,
.contact .input-submit input,
.sidebar-list a {
    font:           italic 0.9em/1.48em Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;
    text-shadow:    #feffb5 1px 1px 0px;
    color:          #23879e;
}
#intro p {
    margin:         0 0 1em 0;
}
.body-text p,
.body-text table,
.body-text ol,
.body-text ul {
    margin-bottom:  1.4em;
}
.body-text strong {
    font-weight:    bold; 
}
.body-text em {
    font-style:     italic;
}


/* 4.1    layout - container
------------------------------------------------------------------------------*/
html,body {
    background:     #e1decc url(images/bg-head-rules.png) repeat-x;
    color:          #333;
    height:         101%;
}
#body {
    background:     url(images/bg-body.png) repeat-y center top;
}
#page-margins {
    background:     url(images/bg-head.jpg) no-repeat center top;
    min-height:     100%;
    height:         auto !important;
    height:         100%;
    margin-bottom:  -488px;
}
* html #page-margins{ 
    height:         100%;
}
#header {
    margin:         0 auto;
    height:         285px;
    width:          640px;
    position:       relative;
}
#page {
    margin:         0 auto;
    padding:        0 10px 40px 40px;
    width:          590px;
    min-height:     430px;
    background:     url(images/vr.png) repeat-y 458px top;
    overflow:       hidden;
    position:       relative;
}
#intro {
    position:       absolute;
    top:            30px;
    right:          10px;
    width:          220px;
    height:         150px;
    overflow:       hidden;
}
#content {
    float:          left;
    width:          400px;
    margin:         0 30px 0 0;
}
#sidebar {
    float:          left;
    width:          160px;
}
.sidebar-list {
    padding:        0.5em 0 0 0;
}
.sidebar-list li {
    padding:        0 0 0.3em 0;
}
.textwidget {
    margin:         0 0 2em 0;
}
#footer-wrap,
#push {
    height:         488px;
}
#footer-wrap {
    background:     url(images/bg-footer-splash.png) repeat-x center top;
}
#footer {
    width:          590px;
    padding:        0 44px 75px 74px;
    min-height:     100px;
    margin:         0 auto;    
    background:     url(images/bg-footer.png) no-repeat center bottom;
    overflow:       hidden;
}
.col {
    float:          left;
}
.col3 {
    width:          180px;
    margin:         0 20px 0 0;
}
.col3r {
    width:          180px;
    margin:         -2em 0 0 10px;
}
#breadcrumb {
    font-size:      0.84em;
    line-height:    1.2em;
    color:          #999;    
    position:       absolute;
    top:            260px;
    left:           20px;
    width:          420px;
    white-space:    nowrap;
    overflow:       hidden;
}
#breadcrumb a {
    color:          #999;
}
#lang-select {
    position:       absolute;
    left:           472px;
    top:            260px;
    z-index:        1000;
}
#lang-select li {
    display:        inline;
}


/* 4.2    layout - generic classes
------------------------------------------------------------------------------*/
.fl {
    float:          left;
}
.fr {
    float:          right;
}
.cb {
    clear:          both;
    overflow:       hidden;
}
img.fl {
    margin:         0.3em 1em 0.3em 0;
}
img.fr {
    margin:         0.3em 0 0.3em 1em;
}
.smaller {
    font-size:      0.84em;
    line-height:    1.2em;
}
.dimmed,
.dimmed a {
    color:          #666;
}
.mute,
.mute a {
    color:          #999;
}
div.hr {
    height:         1px;
    background:     #fff url(images/hr.png) repeat-x;
    margin:         0 0 2em 0;
}
div.hr hr {
    display:        none;
}


/* 4.3    layout - lists
------------------------------------------------------------------------------*/
.list li {
    padding:        0 0 0.5em 0;
}
.linear li {
    display:        inline;
}
.publication-list,
.project-list {
    margin-left:    0em !important;
    list-style:     none !important;
}
.body-text ul,
.body-text ol {
    margin-left:    1.5em;
}
.body-text ul {
    list-style:    circle;
}
.body-text ol {
    list-style:    decimal;
}
.publication-list {
    margin:         0 0 2em 0;
    border-bottom:  1px solid #e1decc;
}
.publication-list li {
    overflow:       hidden;
    width:          100%;
    padding:        0 0 15px 0;
}
.publication-list img.cover-thumb {
    background-color:       #d0cdcd;
    background-position:    11px 5px;
    background-repeat:      none;
    float:          left;
    margin:         0 15px 0 0;
}
.publication-list a:hover img.cover-thumb {
    background-image:     url(images/thumb-hover.png) !important;
}
img.cover {
    background-color:       #d0cdcd;
    background-position:    14px 4px;
    background-repeat:      none;
    float:          left;
    margin:         0 15px 5px 0;
}
a:hover img.cover{
    background-image:     url(images/cover-hover.png) !important;
}
.project-list li {
    border-bottom:  1px solid #e1decc;
    padding:        0 0 15px 0;
    margin:         0 0 15px 0;
}
.blog-post {
    border-bottom:  1px solid #e1decc;
    margin:         0 0 1.46em 0;
}

/* 4.4    layout - tables
------------------------------------------------------------------------------*/
div.meta {
    padding:        0 0 5px 0;
    margin:         0 0 1em 0;
    border-bottom:  1px solid #e1decc;
}
.meta table {
    margin:         0 !important;
}
.meta td {
    padding:        0 10px 5px 0;
}


/* 4.5    layout - forms
------------------------------------------------------------------------------*/
.contact .input-text input,
.contact .input-text textarea {
    border:         1px solid #e1decc;
    padding:        4px;
    width:          90%;
}
.contact .input-half input {
    width:          50%;
}
.contact p.input-text {
    margin-bottom:  0.5em;
}
.contact span.wpcf7-not-valid-tip {
    -moz-border-radius:     10px;
    -khtml-border-radius:   10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    background:     #ff9a2f;
    border:         none;
    left:           20%;
    padding:        2px 6px;
    position:       absolute;
    top:            20%;
    width:          250px;
    z-index:        100;
    color:          #fff;
    font-style:     italic;
    font-size:      0.84em;
}
.contact div.wpcf7-validation-errors,
.contact div.wpcf7-mail-sent-ng,
.contact div.wpcf7-mail-sent-ok {
    border:         0px;
}
.contact div.wpcf7-response-output {
    margin:         1em 0;
    padding:        10px;
    background:     #fdff5e;
}

/* 5    navigation
------------------------------------------------------------------------------*/
#home-link {
    position:       absolute;
    display:        block;
    width:          180px;
    height:         80px;
    top:            10px;
    left:           40px;
    text-indent:    -1000em;
    overflow:       hidden;
}
#nav .page_item a {
    display:        block;
    background-image:url(images/nav.png);
    text-indent:    -1000em;
    cursor:         pointer;
    position:       absolute;
    overflow:       hidden;
}
#nav .page-item-168 a {
    width:          139px;
    height:         41px;
    top:            145px;
    left:           203px;
    background-position: -120px 0px;
}
#nav .page-item-171 a {
    width:          120px;
    height:         41px;
    top:            182px;
    left:           126px;
}
#nav .page-item-160 a {
    width:          86px;
    height:         41px;
    top:            21px;
    left:           261px;
    background-position: -460px 0px;
}
#nav .page-item-199 a {
    width:          77px;
    height:         41px;
    top:            63px;
    left:           285px;
    background-position: -383px 0px;
}
#nav .page-item-publikationen a {
    width:          124px;
    height:         41px;
    top:            104px;
    left:           257px;
    background-position: -259px 0px;
}
#nav .page-item-168 a:hover {
    background-position: -120px -41px;
}
#nav .page-item-171 a:hover {
    background-position: 0px -41px;
}
#nav .page-item-160 a:hover {
    background-position: -460px -41px;
}
#nav .page-item-199 a:hover {
    background-position: -383px -41px;
}
#nav .page-item-publikationen a:hover {
    background-position: -259px -41px;
}
#sub-nav {
    margin:         3.8em 0 2em 0;
}
#sub-nav .page_item {
    padding:        0 0 3px 0;
    display:        block;
    clear:          both;
    overflow:       hidden;
    width:          100%;
}
#sub-nav .page_item a,
.download,
.contact .input-submit input,
.sidebar-list a {
    background-color:#fdff5e;
    -moz-border-radius:     10px;
    -khtml-border-radius:   10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    padding:        6px 12px;
    border:         0px;
    cursor:         pointer;
    text-decoration:none;
    display:        block;
}
.contact .input-submit input {
    background-image:url(images/mail.png);
    background-repeat:no-repeat;
    background-position:8px center;
    padding-left:       22px;
}
#sub-nav .page_item a {
    background-image:url(images/plus.png);
    background-repeat:no-repeat;
    background-position:8px center;
    padding-left:       18px;
}
.download {
    float:          left;
}
#sub-nav .page_item a:hover,
.download:hover,
.contact .input-submit input:hover,
.sidebar-list a:hover  {
    background-color:#feffb5;
    color:          #333;
}
#sub-nav .page_item a img,
.download img {
    vertical-align:    middle;
}