/* global styles for all projects */
html, body, form, td, th {margin: 0; padding: 0;}
body {
    background: #dcb965 url('../images/bg-global.jpg');
    color: #3e3517;
    font: 14px/17px Arial, Tahoma, sans-serif, monospace;
}
table {border-collapse: collapse; font: 14px Arial, Tahoma, sans-serif, monospace;}
img {border:0;}

a {text-decoration:underline; color: #3e3517;}
a:hover {text-decoration:none;}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.tech-table {
    
}
.tech-table tr {
    background: #4a4e50;
}
.tech-table tr:hover {
    background: #3a3e40;
}
.tech-table td, .tech-table th {
    border-right: 1px solid #53575a;
    padding: 5px 20px;
}
/* project's custom styles */
.comments .comment-body.mine {
    border-color: #c2a459 !important;
}
.comments .toolbar {
    color: #6E6547;
}
    .comments .toolbar a {
        color: #6E6547;
    }
    .comments .comments-reply {
        color: #6E6547;
    }
#container {
    min-width: 990px;
    padding-top: 16px;
    background: url('../images/bg-middle.jpg') repeat-x center top;
    overflow: hidden;
}
    #bg-left {
        width: 51%; height: 471px;
        background: url('../images/bg-left.jpg') repeat-x;
        position: absolute;
        left: 0;
        z-index: 5;
    }
    
    #bg-right {
        width: 51%; height: 133px;
        background: url('../images/bg-right.jpg') repeat-x right top;
        position: absolute;
        right: 0;
        z-index: 5;
    }
    
    #wraper {
        position: relative;
        z-index: 7;
        width: 961px;
        margin: 0 auto;
        background: url('../images/bg-content.jpg');
    }
        #wraper .old-box {
            border: 1px solid #c2a459;
            width: 200px;
            margin: 7px 0 15px 10px;
            position: relative;
        }
            #wraper .old-box .crn-lt {
                background: url('../images/old-box-crn-lt.png') no-repeat;
                width: 75px; height: 64px;
                position: absolute;
                top: -3px; left: -3px;
                z-index: 8;
            }
            #wraper .old-box .crn-rt {
                background: url('../images/old-box-crn-rt.png') no-repeat;
                width: 96px; height: 64px;
                position: absolute;
                top: -3px; right: -3px;
                z-index: 8;
            }
            #wraper .old-box .crn-rb {
                background: url('../images/old-box-crn-rb.png') no-repeat;
                width: 97px; height: 65px;
                position: absolute;
                bottom: -6px; right: -3px;
                z-index: 8;
            }
            #wraper .old-box .crn-lb {
                background: url('../images/old-box-crn-lb.png') no-repeat;
                width: 75px; height: 65px;
                position: absolute;
                bottom: -6px; left: -3px;
                z-index: 8;
            }
            #wraper .old-box .inner {
                position: relative;
                z-index: 9;
                padding: 20px;
            }
        #wraper #header {
            background: url('../images/corner-top.jpg') no-repeat;
            height: 150px;
            padding-top: 40px;
            border-bottom: none;
        }
            #bg-shadow-left {
                width: 128px; height: 405px;
                background: url('../images/bg-signs.png') repeat-x;
                position: absolute;
                top: 56px; left: -128px;
                z-index: 5;
            }
            #bg-shadow-right {
                width: 71px; height: 373px;
                background: url('../images/bg-shadow.png') no-repeat right top;
                position: absolute;
                top: 57px; right: -71px;
                z-index: 5;
            }
            #wraper #header .content {
                border-left:1px solid #a78554;
                border-right:1px solid #a78554;
                height: 150px;
            }
                #wraper #header .content .logo {
                    display: block;
                    width: 554px; height: 130px;
                    background: url('../images/logo-fest.jpg') no-repeat;
                    margin: 5px 0 0 20px;
                    float: left;
                }
                    #wraper #header .content .logo span {
                        display: none;
                    }
                #wraper #header .content .fest {
                    background-image: url('../images/logo-fest.jpg');
                }
                #wraper #header .content .old-box {
                    width: 340px; height: 120px;
                    float: left;
                }
        #wraper #content {
            background: url('../images/bg-delimiter.jpg') no-repeat top center;
            padding: 20px 35px 20px 35px;
            border-left:1px solid #a78554;
            border-right:1px solid #a78554;
            font-size: 14px;
        }
            #wraper #content .langswitcher {
                padding: 10px;
                color: #6E6547;
                float: left;
            }
            #wraper #content .langswitcher a {
                color: #6E6547;
                border: 1px solid #bc9935;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
                background: #dcb965;
                font-size: 10px;
                padding: 3px;
                margin-right: 5px;
            }
            #wraper #content .langswitcher a.active {
                text-decoration: none;
                background: #d1bd82;
                cursor: default;
            }
            #wraper #content .content {
                width: 728px; float: left;
            }
            #wraper #content .column {
                width: 150px;
                float: right;
            }
                #wraper #content .column .old-box {
                    width: 150px;
                }
                    #wraper #content .column .old-box .inner {
                        padding-left: 12px;
                    }
                        #wraper #content .column .old-box .inner ul {
                            margin: 0 0 7px 0; padding: 0;
                        }
                            #wraper #content .column .old-box .inner ul li {
                                margin: 0; padding: 0;
                                width: 150px;
                                list-style-position: inside;
                                line-height: 20px;
                            }
                            #wraper #content .column .old-box .inner ul li.current_page_item {
                                font-weight: bold;
                            }
            #wraper #content .content h2 {
                font-size: 24px;
                color: #4e4527;
                margin: 25px 0 0 0; padding: 0;
            }
            #wraper #content .content h3 {
                font-size: 20px;
                color: #4e4527;
                margin: 18px 0 5px 0; padding: 0;
            }
            #wraper #content .content h4 {
                font-size: 14px;
                color: #4e4527;
                font-weight: bold;
                margin: 15px 0 0 0; padding: 0;
            }
            #wraper #content .content h5 {
                font-size: 14px;
                color: #4e4527;
                font-weight: bold;
                margin: 15px 0 0 0; padding: 0;
            }
            #wraper #content .content p {
                margin: 2px 0 8px 0; padding: 0;
            }
            #wraper #content .content p,
            #wraper #content .content ul,
            #wraper #content .content ol,
            #wraper #content .content dl {
                font-size: 14px;
            }
            #wraper #content .content dl {
                margin-left: 20px;
            }
            #wraper #content .content dl dt {
                font-weight: bold;
                margin-top: 20px;
            }
            #wraper #content .content blockquote {
                color: #3e3517;
                background-color: #caaf6f;
                border: 1px solid #c2a459;
                margin-left: 190px;
                padding: 10px;
            }
            #wraper #content .content h3 {
                margin: 0; padding: 0;
            }
        #wraper #footer {
            height: 40px;
            border:1px solid #a78554;
            border-top: none;
            margin-bottom: 30px;
        }
            #wraper #footer .corner-left {
                background: url('../images/corner-left-bottom.png') no-repeat;
                width: 78px; height: 22px;
                position: absolute;
                bottom:-4px; left: 0px;
                z-index: 5;
            }
            #wraper #footer .corner-right {
                background: url('../images/corner-right-bottom.png') no-repeat;
                width: 54px; height: 37px;
                position: absolute;
                bottom:-4px; right: 0px;
                z-index: 5;
            }
            #wraper #footer .madeby {
                text-align: right;
                padding-right: 30px;
            }
.username-link {
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0 5px 0;
}
.username-link-tiny {
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0 5px 22px;
    background-repeat: no-repeat;
}
.blogpost .illustration {
    float: left;
    margin: 4px 10px 5px 0;
}
/* BLOG */
#wraper #content .blogpost h3 {
}
#wraper #content .blogpost .text {
    margin-bottom: 20px; padding: 0;
}
.blogpost .c-bar {
    padding-bottom: 5px;
    margin-bottom: 10px;
}
    .blogpost .c-bar .tags {
        clear: both;
        color: #6E6547;
        font-size: 80%;
        margin: 5px 0 5px 5px;
    }
    .blogpost .c-bar .toolbar {
        margin: 0 0 10px 0; padding: 4px 0 4px 0;
        color: #6E6547;
        font-size: 80%;
        border: 1px solid #c2a459;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }
        .blogpost .c-bar .toolbar a {
            color: #6E6547;
        }
        .blogpost .c-bar .toolbar .date {
            font-style: italic;
            float: left;
            margin-left: 10px;
        }
        .blogpost .c-bar .toolbar .author {
            float: left;
            margin-left: 10px;
        }
        .blogpost .c-bar .toolbar .comments-counter {
            float: right;
            margin-right: 10px;
        }

.photo-stripe {
    padding: 10px 0 20px 0;
    clear: both;
}
.blogpost .thumb {
    position: relative;
    margin: 0 5px 5px 0;
    float: left;
}
    .blogpost .thumb .overphotokill {
        position: absolute;
        right: 1px; top: 1px;
        width: 16px; height: 16px;
        background: url('../striped/images/delete-16.png');
    }
        .blogpost .thumb .overphotokill span {
            display: none;
        }
.overphotoframe {
    background-image: url('../images/loading.gif') !important;
}
/* profile */
.users-profile dl dt {
    font-size: 11px;
    margin-top: 7px;
    color: #6E6547;
}
.users-profile dl dd {
    font-size: 14px;
}
/* audio */
.audio {
    margin: 0 0 20px 10px;
    clear: both;
}
    .audio h4 {
        margin: 20px 0 10px 0 !important;
    }
    .audio .track {
        font-size: 80%;
    }
        .audio .track .track-play {
            margin: 4px 0;
            width: 370px;
        }
            .audio .track-play a {
                display: block;
                width: 81px; height: 24px;
                background: url('../images/audioplayer.png') no-repeat left top;
            }
                .audio .track-play a span {
                    display: none;
                }
            .audio .track-play a:hover {
                background-position: left bottom;
            }
        .audio .track .track-link {
            font-size: 80%;
            margin: 0 5px;
        }
            .audio .track .track-link a {
                font-size: 90%;
            }
    .audio ol li {
        clear: both;
    }
    .audio .edit-links {
        float: left;
        margin: 0 5px 0 0;
    }

/* pager */
.pager {
    
}
    .pager .side-ward {
        padding: 10px 0 5px 0;
    }
        .pager .side-ward a {
            font-size: 20px;
            margin-right: 10px;
        }
    .pager .pages {
        padding: 10px 0 5px 0;
    }
        .pager .pages a, .pager .pages span {
            display: block;
            height: 20px;
            float: left;
            margin-right: 5px;
            padding: 2px 7px 0 7px;
            border: 1px solid #A78554;
        }
        .pager .pages a {
            color: black;
            background-color: #dcb965;
        }
            .pager .pages a:hover {
                background-color: #c2a459;
            }
        .pager .pages span {
            color: white;
            font-weight: bold;
            background-color: #706642;
        }