/*==================================================
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 #4943D9;
    color : #444;
}

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

H1, H3, H4, H5, H6 {
    background : url(../images/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(../images/ai4.png) no-repeat 0 6px;
    font-size : 15px;
}
H2 {
    font-size : 14px;
    margin : 0 0 20px 0;
}
H3 {
    background : url(../images/ai5.png) no-repeat 0 7px;
}
H3, H4, H5, H6 {
    font-size : 13px;
}

SUP {
    top : -4px;
}

/* Header */	
#header {
    background : url(../images/logo.jpg) no-repeat top right;
    height : 220px;
    position : relative;
}
#header.small {
    background : url(../images/logosmall.jpg) no-repeat top left;
    height : 100px;
    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.3;
    padding : 10px;
    position:absolute;
    right : 0;
    width : 400px;
}

/* Article */
#article {
    border-left : 1px dotted #666;
    float : right;
    height : auto;
    padding : 0 0 0 15px;
    width : 820px;
}
#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;
}
table.noCss {
    border-collapse : collapse;
    text-align:left;
    margin : 0 0 0 0;
}
table.noCss tr {
    background-color: transparent;
}

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.gray {
    background : #DDD;
}
tr:hover td {
    color : #DB0202;
}
td, th {
    padding : 0 5px;
    vertical-align:top;
}
th {
    background : #FFF;
    border-bottom : 2px solid #870505;
    color : #666;
    font-size : 10px;
    font-weight : bold;
}
td {
    border-bottom : 1px solid #CCC;
    font-size : 10px;
}

table.noCss td, table.noCss th {
    padding-left : 2px;
    vertical-align:top;
}
table.noCss th {
    background : #FFF;
    border-bottom : 2px solid #DB0202;
    color : #666;
    font-size : 10px;
    font-weight : bold;
}
table.noCss td {
    font-size : 10px;
    border: none;
}
.child table th {    
    background-color:#FFEBD6;
    color:#999999;
    border-bottom : 2px solid #FF9933;
}
.child table td {
    border-bottom : 1px solid #FF9933;
    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 form.noCss {
    background : #FFF;
    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, #article select {
    -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;
}
#article input.radio{
    border:none;
    padding: 0;
    margin:0;
    font-size: 14px;
    width: 15px;
}

/* 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(../images/ai2.png) no-repeat 0 8px;
    padding : 0 0 0 17px;
}

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

/* 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(../images/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(../images/ai8.png) no-repeat 0 10px;
}
#nav li.active, #aside li.active li {
    background : url(../images/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 : 1000px;
}
#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;
}
.confirmass{
    background-image: url('../images/accept.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.confirmrev{
    background-image: url('../images/redaccept.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.edit{
    background-image: url('../images/edit.png');
    background-position: 0 0;
    background-repeat: no-repeat;    
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.delete{
    background-image: url('../images/delete.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.edituser{
    background-image: url('../images/edit_profile.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.deleteuser{
    background-image: url('../images/delete_user.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.activateuser{
    background-image: url('../images/user_accept.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 2px;
}
.hnoimage{
    border-bottom : 1px dotted #B5B3A9;
    color : #222;
    font-weight : bold;
    margin : 0 0 10px;
    padding : 0 0 0 25px;
}
#processing{
    position:absolute; top:0; left:0; min-height:100%; width:100%;
    background:#666666;  opacity:.50; filter:alpha(opacity=50); z-index:100;
    color:red;
}