/*                                                                                                                                          
Theme Name: Flashpixx
Theme URI: http://flashpixx.de/
Description: Main theme of the domain flashpixx.de
Version: 1.0
Author: Philipp Kraus
Author URI: http://flashpixx.de/
*/


/* ==== Main Tags ==================================================== */
body {
    font-family: serif;
    font-size: medium;
    text-decoration: none;
    color: #333333;
    background: #FFFFFF;
    overflow: auto;
}
a, a:link, a:visited, a:active, a:focus {
    color: #333333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    border-style: none;
    vertical-align: middle;
}
table, tr, td, th, fieldset {
    border-style: none;
}
input, textarea, select, submit {
    border-style: solid; 
    border-width: 1px;
    border-color: #A6B570; 
    background-color: #FAFAFA;
}
hr {
    border-style: solid; 
    border-width: 1px;
    border-color: #90A030;
}


/* ==== Basis Layout ========================================================= */
#header {
    border-top-style: solid; 
    border-top-width: 1px;
    border-bottom-style: solid; 
    border-bottom-width: 1px;
    border-color: #A6B570; 
    width: 96%;
    height: 8em;
    z-index: 1;
    padding-top: 3em;
    padding-left: 4em;
    overflow: hidden;
    visibility: visible;
    position: relative;
}
#footer {
    margin-top: 0.5em;
    border-top-style: solid; 
    border-top-width: 1px;
    border-color: #A6B570; 
    width: 96%;
    z-index: 1;
    overflow: hidden;
    visibility: visible;
    position: relative;
    text-align: center;
    font-family: sans-serif;
    font-size: x-small;
}
#content {
    border-left-style: dotted; 
    border-left-width: 1px;
    border-right-style: dotted; 
    border-right-width: 1px;
    border-color: #A6B570; 
    height: auto;
    width: auto;
    z-index: 1;
    overflow: auto;
    visibility: visible;
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
}
#left-sidebar, #right-sidebar {
    position: relative; 
    z-index: 1;
    overflow: hidden;
    visibility: visible;
    height: auto;
    font-family: sans-serif;
}
#left-sidebar {
    float: left;
    width: 9%;
}
#right-sidebar {
    float: right;
    width: 9%;
}


/* ==== Wordpress Default Template Styles ======================================== */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 0 4px 2px 4px;
    margin: 0 0 0 7px;
    display: inline;
}
img.alignleft {
    padding: 0 4px 0px 4px;
    margin: 0 7px 0 0;
    display: inline;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}




/* ==== Layoutinhalte ============================================ */
#header {
    font-family: sans-serif;
    letter-spacing: 0.2em;                                                                                                    
}
#header a {
    color: #90A030;
    font-size: xx-large;
    font-weight: bold;
}
#content .post {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #A6B570; 
}
#content .post .paypal input {
    border-style: none;
    vertical-align: middle;
}
#content .pagetitle {
    font-family: sans-serif;
    text-transform: uppercase;
    padding-bottom: 1em;
}



/* Postheader Layoutdaten */
#content .post .post-head {
    font-family: sans-serif;
    margin-bottom: 1em;
}
#content .post .post-head .post-title h1 {
    margin-bottom: 1px;
}
#content .post .post-head .post-title h1 a {
    color: #90A030;
    font-size: large;
    text-decoration: underline;
}
#content .post .post-head .post-title .authorline {
    font-size: x-small;
}
#content .post .post-head .post-date {
    color: #90A030;
    width: 40px;                                                                                                                          height: 43px;                                                                                                                      
    background: url(images/datebutton.gif);                                                                                           
    text-align: center;                                                                                                              
    vertical-align: middle;                                                                                                           
    float: left;
}                                                                                                                                           
#content .post .post-head .post-date .month {                                                                                                                                    
    width: 35px;                                                                                                                        
    height: 15px;                                                                                                                       
    font-size: 0.9em;                                                                                                    
}                                                                                                                                           
#content .post .post-head .post-date .day {                                                                                                                                      
    width: 35px;                                                                                                                        
    padding-top: 1px;                                                                                                                   
    height: 25px;                                                                                                                       
    font-size: 1.1em;
    font-weight: bold;                                                                                                    
}

#content .post .post-content a {
    background-color: #EEEEEE;
}



/* Artikel Metadaten */
#content .post .post-metadata, #content .post .post-metadata a {
    color: #555555;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: x-small;
    text-align: center;
}
#content .post .post-metadata .edit {
    padding-right: 14px;
    background: url(images/tiny-pencil.gif) no-repeat top right;
    margin-right: 2px;  
}
#content .post .post-metadata .comments {
    padding-right: 16px;
    background: url(images/tiny-comments.gif) no-repeat top right;
}

#content .post .post-metadata .trackback {
    padding-right: 9px;
    background: url(images/tiny-trackback.gif) no-repeat top right;
}

#content .post .post-metadata .rss {
    padding-right: 16px;
    background: url(images/tiny-rss.gif) no-repeat right;
}

#content .post .post-excerpt, #content .post .post-content {
    margin-top: 1.5em;
}
#content h1 {
    font-size:1.3em;
    font-family: serif;
    text-decoration: underline;
}
#content h2 {
    font-size: 1.2em;
    font-family: serif;
    text-decoration: underline;
}
#content h3 {
    font-size: 1.1em;
    font-family: serif;
    text-decoration: underline;
}
.widget_search form {                                                                                                                 
    overflow: hidden;                                                                                                             
    width: 120px;
    z-index: 2;                                                                                                                 
}                                                                                                                                     
.widget_search #s {                                                                                                                   
    width: 95px;                                                                                                                  
    font-size: xx-small;                                                                                                          
}                                                                                                                                     
.widget_search #searchsubmit {                                                                                                        
    margin-top: 3px;                                                                                                              
    font-size: xx-small;                                                                                                          
}
                
/* Navigation für Artikel */
#content .post-navigation-top {
    margin-top: 0.3em;
    margin-bottom: 2em;
}
#content .post-navigation-bottom {
    margin-top: 1em;
}
#content .post-navigation-top, #content .post-navigation-bottom {
    font-size: x-small;
    font-family: sans-serif;
}                                                                                                                
#content .post-navigation-top .previous, #content .post-navigation-bottom .previous {
    float: left;
}
#content .post-navigation-top .next, #content .post-navigation-bottom .next {
    float: right;
}
#content .page-links {
    text-align: center;
}



/* Sidebarlisten */
#left-sidebar ul, #right-sidebar ul, #left-sidebar ol, #right-sidebar ol, #left-sidebar li, #right-sidebar li {
    list-style-position: inside;
    padding-left: 0.5em;
    list-style-type: none;
    font-size: x-small; 
    margin: 0;
}
#left-sidebar .widget, #right-sidebar .widget {
    margin-top: 2em;
    padding: 0;
}
#left-sidebar .widgettitle, #right-sidebar .widgettitle {
    text-transform: uppercase;
    font-size: small;
    margin: 0;
}
#left-sidebar .blogping {
    width:90%;
    padding:1em;
}
#left-sidebar .blogping .logo{
    margin:0.5em;
}


.cat-item, .page_item, .st-tag-cloud li, .widget_archive li, .widget_meta li, .attachment-item, .xoxo li, .widget_yarpp_widget ol li, .related_exlinks_widget ul li, .meta_enhanced ul li {
    list-style-image: url(images/bullet.gif);                                                                                          
    list-style-type: disc;
}


/* Kommentar Layout **/
#content .post-comments {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #A6B570;
    margin: 1em;
}
#content post-comments h1 {
    font-size: small; 
}
#content .post-comments .inputfield input {
    margin: 1em;
}
#content .commentlist {
    padding-left: 1em;
}
#content .comment {
    padding-bottom: 1em;
}
#content .break {                                                                                                                  
    clear:  left;                                                                                                                 
} 
#content .post .post-content .quote {
    background-color: #EFEFEF;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    width: 60%;
    font-family: sans-serif;
    text-align: justify;
    padding: 1em;
    position: relative;
    left: 20%;
}
#content .post .post-content .description {
    list-style-type: none;
}
#content .post .post-content .description li:before {
    content: attr(title) ": ";
    font-weight: bold;
}


/* ==== Layout für das TOC (pluginspezifisch) ====================*/
#content .post-content .toc {
    float: left;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;  
    padding: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 0.3em;
}
#content .post-content .toc h2 {
    font-size: small;
    text-align: center;
}
#content .post-content .toc ul li a {
    background-color: transparent;
}
#content .post-content .toc li, #content .post-content .toc ul {
    padding-left: 0.1em;
    margin-left: 0.5em;
    list-style-type: none;
}
#content .post-content .wptoc-end {
    display: none;
    visibility: hidden;
}

/* ==== Layout für die Footnotes (pluginspezifisch) ============== */
#content .block-footnotes {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: x-small;
    border-color: #DDDDDD;
    border-top-style: solid;
    border-top-width: 1px;
}
#content .block-footnotes ol {
    padding-left: 1.5em;
}


/* ==== Layout für Google Translator (pluginspezifisch) ========== */
#content .post-content .translate_block {
    margin-top: 1.5em;
}
#content .post-content .translate_block .translate_translate {
    background-color: transparent;
}

/* ==== Layout für FAQ (pluginspezifisch) ======================== */
#content .post-content .faq-question a,
#content .post-content .faq-question a:link,
#content .post-content .faq-question a:visited,
#content .post-content .faq-question a:active,
#content .post-content .faq-question a:focus,
#content .post-content .faq-question a:hover { 
    background-color: transparent;
    text-decoration: underline;
}

#content .post-content #faq-questions-list .faq-question a {
    text-decoration: none;
}

/* ==== Layout fuer reCaptcha (pluginspezifisch) ================== */
#content .recaptcha-error {
    font-family: serif;
    font-size: medium;
    color: #DD0000;
}

/* ==== Layout fuer LaTeX Bilder (pluginspezifisch) =============== */
#content img.latex {
    padding: 0.5em;
}

/* ==== Layout fuer die Impressum Bilder (pluginspezifisch) ======= */
#content .imagetext {
    vertical-align: middle;
}

/* ==== Layout fuer die AddThis Bilder (pluginspezifisch) ======= */
#content .post-content .wp-socializer {
    padding-top: 1.5em;
}
#content .post-content .wp-socializer a, 
#content .post-content .wp-socializer a:link,
#content .post-content .wp-socializer a:visited,
#content .post-content .wp-socializer a:active,
#content .post-content .wp-socializer a:focus {
    font-size: small;
    font-family: sans-serif;
    background-color: transparent;
    text-decoration: none;
}