/* shredzone (c) Richard "Shred" Koerber */ 

body {
    margin: 0px;
    padding: 0px;
    background: url("../img/bg.png") repeat;
}

.container {
    max-width: 1400px;
    margin: auto;
    background-color: #ffffff;
    position: relative;
    -moz-box-shadow: 0px 0px 12px #666666;
    -webkit-box-shadow: 0px 0px 12px #666666;
    box-shadow: 0px 0px 12px #666666;
}

a img {
    border: none;
}

.title {
    position: relative;
}

.titleinfo {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 15px;
    padding: 8px 12px;
    background-color: #f8f8f8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.titlealert {
    background-color: #ffff40;
    border-bottom: 1px solid #888820;
    font-size: 10px;
    padding: 8px;
}

.logo {
    background: transparent url("../img/title-bg.png") repeat-x bottom;
}

.frame {
    background: #ffffff url("../img/shredzone-art.png") no-repeat;
    clear: both;
    display: table;
    table-layout: fixed;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}

.frame-content {
    display: table-row;
}

.content {
    display: table-cell;
    vertical-align: top;
    padding: 0px 48px 10px 48px;
    border-bottom: 1px solid #af343f;
}

.sidebar {
    display: table-cell;
    background-color: #f8f8f8;
    border-left: 1px solid #af343f;
    vertical-align: top;
    width: 200px;
}

.footer {
    clear: both;
    position: relative;
    background-color: #f8f8f8;
    color: #a0a0a0;
    font-size: 80%;
    padding: 5px;
}

.footer table {
    margin: 0px auto;
    width: 70%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 4px;
}

.footer table td {
    vertical-align: top;
    text-align: center;
}

.footer .cSideBox {
    margin: 0px;
    padding: 0px;
}

.footer .cSideBox h1 {
    font-size: 100%;
    margin: 0px;
    padding: 0px;
}

.login {
    position: absolute;
    right: 5px;
    bottom: 3px;
}

.cPageHeader {
    text-align: right;
}

.cPageFooter {
    clear: both;
    text-align: right;
}

.cPageFooter p {
    margin: 2px 0px;
}

.cPageSubject {
    background: url("../img/bullets.png") no-repeat 15px 7px;
    padding-left: 40px;
    font-size: 90%;
}

.cPageSubject ul {
    margin: 4px;
    list-style-type: circle;
}

.cPageSubjectThis {
    font-weight: bold;
    list-style-type: disc;
}

.cCatCaption {
    border: 1px solid #eeeeee;
    margin-top: 10px;
    padding: 10px;
    background-color: #f8f8f8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cNoPage {
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.cComment {
    clear: both;
    margin-top: 5px;
}

.cCommentBox , .cCommentForm {
    border: 1px solid #e0e0e0;
    padding: 5px;
    margin-left: 60px;
    margin-right: 5px;
    background-color: #f8f8f8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cCommentBox:before {
    content: url("../img/quote.png");
    display: block;
    position: relative;
    top: 10px;
    left: -15px;
    width: 0px;
    height: 0px;
}

.cCommentAvatar {
    float: left;
    position: relative;
    margin-left: 5px;
    margin-top: 5px;
    width: 40px;
    height: 40px;
}

.cCommentInfo {
    float: left;
}

.cCommentAction {
    text-align: right;
    font-size: 90%;
}

.cCommentHeader {
    text-align: right;
    font-size: 90%;
}

.cCommentFooter {
    border-top: 1px solid #e0e0e0;
}

.cToolbar {
    text-align: center;
    padding: 5px;
    white-space: nowrap;
}

.cInnerToolbar {
    padding-left: 10px;
    white-space: nowrap;
}

.cButton, .cCalendarBrowserButton {
    display: inline-block;
    border: 1px solid #c0c0c0;
    background-color: #f0f0f0;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 3px 7px;
    margin: 2px;
    font-size: 12px;
}

.cButton:hover, .cCalendarBrowserButton:hover {
    background-color: #fcfcfc;
    text-decoration: none;
}

.cButton img {
    vertical-align: bottom;
    margin-right: 3px;
}

.aCalendar {
    width: 100%;
    border-spacing: 0px;
    cursor: default;
}

.aCalCaption {
    white-space: nowrap;
}

.aCalCaption img {
    border: none;
}

.aCalCaptionPrevious {
    display: table-cell;
}

.aCalCaptionMonth {
    display: table-cell;
    text-align: center;
    width: 100%;
}

.aCalCaptionNext {
    display: table-cell;
}

.aCalWeekday {
    font-size: 80%;
    font-weight: bold;
}

.aCalWday0 {
    color: #a00000;
}

.aCalRow {
    background-color: #f8f8f8;
    font-size: 90%;
}

.aCalDay {
    text-align: center;
    color: #808080;
}

.aCalLinked {
    font-weight: bold;
}

.aCalLinked a , .aCalLinked a:visited {
    color: #000000;
}

.aCalToday {
    text-decoration: underline;
}    

.aCalBrowsed {
    color: #e0e0e0;
    background-color: #af343f;
}

.aCalBrowsed a {
    color: #e0e0e0 !important;
}

.loginpage {
    border: 1px solid #e0e0e0;
    width: 40%;
    padding: 10px;
    margin: 40px auto;
    background-color: #f8f8f8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* --- */