/*==================================================
Template:	OWMX-1
Resource:	http://www.owmx.com/
Version:	1.1
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 : #FFF;
    border-top : 5px solid #DB0202;
    color : #444;
}

A {
    color : #0A647C;
    text-decoration : none;
}
A:HOVER {
    color : #DB0202;
}

H1, H3, H4, H5, H6 {
    background : url(../i/ai4.png) no-repeat 0 7px;
    border-bottom : 1px dotted #B5B3A9;
    color : #222;
    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 {
    background : url(../i/hd.png) no-repeat top left;
    height : 230px;
    position : relative;
}
header a, header p {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color : #FFF;
}
header a {
    background : #DB0202;
    font-size: 16px;
    margin : 0 0 0 10px;
    padding : 5px 10px;
}
header a:hover {
    color : #000;
}
header p {
    background : #000;
    bottom:30px;
    font-weight: bold;
    opacity: 0.85;
    padding : 10px;
    position:absolute;
    right : 0;
    width : 400px;
}

/* Article */
article {
    border-right : 1px dotted #666;
    float : left;
    height : auto;
    padding : 0 20px 0 0;
    width : 490px;
}
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 #DB0202;
    color : #666;
    font-size : 10px;
    font-style : normal;
    font-weight : bold;
    margin : 0;
    padding : 5px 10px;
}

blockquote {
    border-left: 2px solid #DB0202;
    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 #DB0202;
    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 : #DB0202;
    color : #FFF;
    font-weight : bold;
}
tr:nth-child(odd) {
    background : #FFF;
}
tr:nth-child(even) {
    background : #DDD;
}
tr:hover td {
    color : #DB0202;
}
td, th {
    min-width : 120px;
    padding : 0 5px;
    vertical-align:top;
}
th {
    background : #FFF;
    border-bottom : 2px solid #DB0202;
    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 #DB0202;
    font-size : 11px;
    margin : 0 0 0 80px;
    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 {
    float : right;
    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 #CCC;
    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 */
.adspace {
    -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;
}
.adspace 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 {
    width : 730px;
}
#b {
    overflow : hidden;
}

/* Shadow-Boxes*/
#c, .meta, .s {
    -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;
}
#c {
    background : #EEE;
    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 {
    float : left;
    margin : 4px 10px 2px 0;
}
.meta {
    margin : 20px 0 3px;
    padding : 2px 5px;
}
.meta p, .meta a {
    font-size : 10px;
    margin : 0;
}