/*
Theme Name: STROM
Theme URI: http://hirnstrom.de/
Description: Custom-Template for hirnstrom.de 2009
Version: 1.0
Author: Christoph Schüßler
Author URI: http://herr-schuessler.de/
Tags: widgets

    
    Content:
    
    0   browser reset
    1.1 layout: container
    2.1 styles: elements
    2.2 styles: headings
    2.3 styles: pp-login-box
    
    
*/


/* 
|
|   0 - browser reset
|
--------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 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;
}
:focus {
    outline: 0;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* 
|
|   1.1 - layout: container
|
--------------------------------------------------------------------------*/
.page-margins {
    width:          800px;
    margin:         0 auto;
    position:       relative;
}
#main {
    background:     #fff;
    color:          #676d6e;
}
#footer {
    color:          #fff;
}
#logo {
    position:       absolute;
    left:           0;
    top:            70px;
}
#content {
    position:       relative;
    padding:        120px 0 80px 400px;
}
.cols {
    margin:         0 -12.5px;
}
.col {
    width:          250px;
    float:          left;
    margin:         0 12.5px;
    padding:        25px 0 50px 0; 
}
.row {
    padding:        0 0 50px 0;
}
#awp_loop {
    height:         6em;
}
.bigthrobber {
    left:           340px;
    top:            112px;
    position:       absolute;
    z-index:        100;
    height:         50px;
    width:          50px;

}

/* 
|
|   2.1 - styles: elements
|
--------------------------------------------------------------------------*/
body {
    background:     #121212;
    font:           0.8em/1.5em  calibri, 'segoe ui', verdana, arial, helvetica, sans-serif;
}
a {
    color:          #0076ad;
    text-decoration:none;
}
a:hover {
    color:          #fff;
    background:     #0076ad;
}
.dimmed {
    font-weight:    normal;
    color:          #676d6e;
}
.skills {
    border-top:     1px solid   #676d6e;
    border-bottom:  1px solid   #676d6e;
    padding:        1em 0;
    height:         4em;
    font-style:     italic;
    margin:         0 0 0.75em 0;
}
.navigation {
    font-size:      0.9em;
    font-style:     italic;
    margin:         1em 0 0 0;
    overflow:       hidden;
    width:          100%;
}
.alignright {
    float:          right;
}

.alignleft {
    float:          left
}

p img {
    vertical-align: middle;
}
.row p,
.page p,
.page h2 {
    margin:         0 0 1em 0;
}
.page {
    position:       absolute;
    z-index:        100;
    background:     #fff;
    padding:        20px;
}
strong {
    font-weight:    bold;
}


/* 
|
|   2.2 - styles: headings
|
--------------------------------------------------------------------------*/
h1 {
    font:           1.5em/1.4em  'Georgia';
    font-weight:    normal;
    margin:         0 0 40px 0;
}
h2 {
    color:          #000;
    font-size:      0.9em;
}
h3 {
    font-weight:    bold;
    margin:         0 0 0.75em 0;
}
h4 {
    font:           1.5em/1.4em  'Georgia';
    font-weight:    normal;
    color:          #676d6e;
    border-bottom:  1px solid   #676d6e;
    margin:         0 0 0.75em 0;
}