/*==================================================
Template:        OWMX-3
Resource:        http://www.owmx.com/
Version:        1.0
Date:        2010-09-13
Editor:        Jonas Jacek
License:        CC Attribution-Share Alike 3.0 Unported
==================================================*/

/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
        display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
        border : 0;
        font : 12px/22px Verdana, sans-serif;
        margin : 0;
        outline : 0;
        padding : 0;
}

/* BASICS */
BODY {
        background : #DDD;
        margin : 10px 0 0 0;
        color : #444;
}

A {
        color : #016f93;
        text-decoration : none;
        }
        A:HOVER {
                color : #DB0202;
        }

H1, H3, H4, H5, H6 {
        background : url(../i/ai4.png) no-repeat 0 7px;
        border-bottom : 1px solid #CCC;
        color : #666;
        font-weight : bold;
        margin : 0 0 10px;
        padding : 0 0 0 25px;
        }
        H1 {
                background : url(../i/ai4.png) no-repeat 0 6px;
                font-size : 15px;
        }
        H2 {
                font-size : 14px;
                margin : 0 0 20px 0;
        }
        H3 {
                background : url(../i/ai5.png) no-repeat 0 7px;
        }
        H3, H4, H5, H6 {
                font-size : 13px;
        }

SUP {
        top : -4px;
}

/* Header */
header {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        background : #0098CC url(../i/hdcloud.jpg) no-repeat top left;
        height : 200px;
        margin : 0 0 10px 0;
        padding : 10px 10px;
        position : relative;
        }
        header a {
                color : #FFF;
                font-size : 16px;
        }
        header a:hover {
                color : #FFF;
        }
        header p {
                -moz-border-radius : 4px;
                -webkit-border-radius : 4px;
                background : #FFF;
                bottom : 20px;
                color : #000;
                font-weight : bold;
                opacity : 0.5;
                padding : 10px;
                position : absolute;
                right : 20px;
                width : 400px;
        }

/* Article */
article {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        background : #FFF;
        border: 1px solid #CCC;
        float : right;
        height : auto;
        padding : 20px;
        width : 550px;
        }
        article p {
                margin : 0 0 20px 0;
        }
        article img {
                float : left;
                margin : 6px 10px 0 0;
        }

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        padding : 5px 10px;
}
        .highlight-1 {
                background : #FFCCCC;
                border : 1px dotted #FF9966;
        }
        .highlight-2 {
                background : #FFFF99;
                border : 1px dotted #FFCC33;
        }
        .highlight-3 {
                background : #CCFF99;
                border : 1px dotted #CCCC33;
        }

/* Citations & Quotes */
cite {
        border-left: 2px solid #0098CC;
        color : #666;
        font-size : 10px;
        font-style : normal;
        font-weight : bold;
        margin : 0;
        padding : 5px 10px;
}

blockquote {
        border-left: 2px solid #0098CC;
        color : #666;
        margin : 0 0 20px 0;
        padding : 5px 10px;
}

/* Pre & Code */
pre {
        color : #333;
        font-size : 10px;
        line-height : 15px; /*--Height of each line of code--*/
        overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
        overflow-Y : hidden;  /*--Hides vertical scroll created by IE--*/
        }
        pre code {
                background : #EEE;
                border-left : 2px solid #0098CC;
                margin : 0 0 10px 0;
                padding : 5px;
                display : block;
        }

/* Table */
table {
        border-collapse : collapse;
        text-align:left;
        margin : 0 0 20px 0;
        }
        caption {
                -moz-border-radius : 4px;
                -webkit-border-radius : 4px;
                background : #0098CC;
                color : #FFF;
                font-weight : bold;
                }
        tr:nth-child(odd) {
                background : #FFF;
                }
        tr:nth-child(even) {
                background : #DDD;
                }
        tr:hover td {
                color : #0098CC;
                }
        td, th {
                min-width : 120px;
                padding : 0 5px;
                vertical-align:top;
                }
        th {
                background : #FFF;
                border-bottom : 2px solid #0098CC;
                color : #666;
                font-size : 10px;
                font-weight : bold;
                }
        td {
                border-bottom : 1px solid #CCC;
                font-size : 10px;
                }

/* Calendar */
dl.vevent {
        margin : -20px 0 20px 0;
        padding : 0;
        }
        .vevent dt {
                font-size : 10px;
                position : relative;
                left : 0;
                top : 22px;
                font-weight : bold;
        }
        .vevent dd
        {
                border-left : 2px solid #0098CC;
                font-size : 11px;
                margin : 0 0 0 130px;
                padding : 0 0 0 10px;
        }
        dd.summary {
                font-weight : bold;
        }
        .vevent a {
                font-size : 11px;
        }

/* Forms */
article form {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background : #DDD;
        margin : 0 0 20px;
        padding : 10px;
        }
        article label {
                color : #666;
                display : block;
                font-size : 10px;
                font-weight : bold;
                margin : 0 0 0 2px;
        }
        article input, article textarea {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border : 1px solid #CCC;
                font-size : 11px;
                padding : 4px 5px;
                width : 458px;
        }
        article input {
                margin : 0 0 10px;
        }
        article input.button, .btn {
                background: #999;
                border : 1px solid #888;
                color: #FFF;
                cursor : pointer;
                font-weight : bold;
                margin : 10px 0 0 0;
                text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
                width : 25%;
        }
        article textarea {
                height : 100px;
        }

/* Lists */
article ul, aside ul {
        list-style : none;
        margin : 0 0 20px 0;
        }
        article ul {
                margin : 0 0 20px 23px;
        }
        article ul li {
                background : url(../i/ai2.png) no-repeat 0 8px;
                padding : 0 0 0 17px;
        }

/* Sidebar */
aside {
        background : #EEE;
        float : left;
        margin : 0 0 20px 0;
        width : 200px;
}

/* Search Box */
.s {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        margin : 0 0 20px 0;
        padding : 10px;
        width : 179px;
        }
        .s input {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border : 1px solid #AAA;
                color : #999;
                font-size : 11px;
                padding : 4px 5px;
                width : 168px;
        }

/* Navigation & Menu */
nav ul {
        list-style : none;
        }
        nav li {
                background : url(../i/ai1.png) no-repeat 0 8px;
                padding : 0 0 0 15px;
        }
        nav li ul, aside li ul li ul {
                margin : 0;
        }
        nav li li a {
                font-size : 11px;
        }
        nav li li li a {
                font-size : 10px;
                }
        nav li li li, aside li.active li li {
                background : url(../i/ai8.png) no-repeat 0 10px;
        }
        nav li.active, aside li.active li {
                background : url(../i/ai2.png) no-repeat 0 8px;
        }

/* Gallery */
.gallery {
        list-style : none;
        margin : 0 0 10px;
        }
        .gallery li {
                display: inline;
                margin : 0 15px 0 0;
        }
        .gallery a img {
                border : 1px solid #999;
                height : 50px;
                opacity: 0.8;
                padding : 1px;
                width : 50px;
        }
        .gallery li:last-child {
                margin : 0 0 10px 0;
        }
        .gallery a img:hover{
                opacity: 1;
        }

/* Ad Space */
.atspace {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
        background : #EEE;
        height : 100%;
        margin : 0 0 20px 0;
        padding : 5px 10px;
        text-align : center;
        width : 178px;
        }
        .atspace a img {
                border : none;
        }

/* Tag Cloud */
#tagcloud {
        overflow : hidden;
        width : 200px;
        }
        #tagcloud li {
        display : inline;
        margin : 0 10px 0 0;
        }
                .tagcloudsize-1 a {
                        font-size : 14px;
                }
                .tagcloudsize-2 a {
                        font-size : 16px;
                }
                .tagcloudsize-3 a {
                        font-size : 18px;
                }

/* Footer */
footer {
        border-top : 1px dotted #B5B3A9;
        clear : both;
        margin : 20px 0;
        }
        footer a, footer p {
          color : #666;
          display : inline;
          font-size : 10px;
        }

/* Wrappers */
#a, #b {
        margin : 0 auto;
        position : relative;
        }
        #a {
                -moz-border-radius : 4px;
                -webkit-border-radius : 4px;
                -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
                -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
                background : #EEE;
                padding : 10px 10px 0 10px;
                width : 800px;
        }
        #b {
                overflow : hidden;
        }

/* Shadow-Boxes*/
#c, .meta, .s, nav ul {
        -moz-border-radius : 4px;
        -webkit-border-radius : 4px;
        -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
        -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.4);
        background : #CCC;
        }
        #c {
                margin : 0 0 20px 0;
                padding : 5px 10px;
                width : 178px;
                }
                #c p, #c a {
                        font-size : 11px;
                        line-height : 15px;
                }
                #c p {
                        margin : 0 0 10px 0;
                }
                #c img {
                        -moz-border-radius : 4px;
                        -webkit-border-radius : 4px;
                        float : left;
                        margin : 4px 10px 2px 0;
                }
        .meta {
                margin : 20px 0 3px;
                padding : 2px 5px;
                }
                .meta p, .meta a {
                        font-size : 10px;
                        margin : 0;
                }
        nav ul {
                        padding : 10px;
                }
                nav ul ul {
                        -moz-border-radius : none;
                        -webkit-border-radius : none;
                        -moz-box-shadow : none;
                        -webkit-box-shadow : none;
                }