/* global styles for all projects */
*, a {outline: none;-moz-outline: none 0;}
html, body {width: 100%; height: 100%;}
html, body, form, td, th {margin: 0; padding: 0;}
body {
    background: #fff;
    color: #000;
    font: 12px/17px Arial, Tahoma, sans-serif, monospace;
}
table {border-collapse: collapse; font: 12px 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 {
    width: 100%;
}
.tech-table thead th {
    border-bottom: 1px dashed #53575a;
    padding: 5px 20px;
    color: #3560c9;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
.tech-table td {
    padding: 5px 20px;
}
/* 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 #b5b5b5;
        }
        .pager .pages a {
            color: black;
            background-color: #f6f6f6;
        }
            .pager .pages a:hover {
                background-color: #ccc;
            }
        .pager .pages span {
            color: white;
            font-weight: bold;
            background-color: #666666;
        }

/* project's custom styles */
#swrapper {
    min-width: 990px;
    overflow: hidden;
}
#wrapper {
    width: 990px;
    margin: 0 auto;
    position: relative;
}
    #shadow-left {
        width: 82px; height: 100%;
        background: url('../images/shadow-left.png');
        position: absolute;
        left: -82px;
    }
        #shadow-left .fade-up {
            width: 82px; height: 99px;
            background: url('../images/shadow-left-top.png');
        }
        #shadow-left .fade-down {
            width: 82px; height: 386px;
            position: absolute;
            bottom: 0;
            background: url('../images/shadow-left-bottom.png');
        }
    #shadow-right {
        width: 82px; height: 100%;
        background: url('../images/shadow-right.png');
        position: absolute;
        top: 0; right: -82px;
    }
        #shadow-right .fade-up {
            width: 82px; height: 99px;
            background: url('../images/shadow-right-top.png');
        }
        #shadow-right .fade-down {
            width: 82px; height: 386px;
            position: absolute;
            bottom: 0;
            background: url('../images/shadow-right-bottom.png');
        }
    #container {
        padding: 10px 20px 10px 20px;
    }
        #header {
            border-top: 3px solid #e9e9e9;
            position: relative;
        }
            .n-announce {
                position: absolute;
                width: 380px; height: 40px;
                top: 10px; left: 280px;
            }
                .n-announce .tab {
                    float: left;
                    font-weight: bold;
                    line-height: 12px;
                }
                .n-announce .n-tab {
                    display:block;
                }
                .n-announce .n-tab * {
                    display:block;
                    height:1px;
                    overflow:hidden;
                    font-size:.01em;
                    background:#c2c2c2;
                }
                .n-announce .n-tab1 {
                    margin-left:3px;
                    margin-right:3px;
                    padding-left:1px;
                    padding-right:1px;
                    border-left:1px solid #e4e4e4;
                    border-right:1px solid #e4e4e4;
                    background:#d1d1d1;
                }
                .n-announce .n-tab2 {
                    margin-left:1px;
                    margin-right:1px;
                    padding-right:1px;
                    padding-left:1px;
                    border-left:1px solid #f8f8f8;
                    border-right:1px solid #f8f8f8;
                    background:#cdcdcd;
                }
                .n-announce .n-tab3 {
                    margin-left:1px;
                    margin-right:1px;
                    border-left:1px solid #cdcdcd;
                    border-right:1px solid #cdcdcd;
                }
                .n-announce .n-tab4 {
                    border-left:1px solid #e4e4e4;
                    border-right:1px solid #e4e4e4;
                }
                .n-announce .n-tab5 {
                    border-left:1px solid #d1d1d1;
                    border-right:1px solid #d1d1d1;
                }
                .n-announce .n-tabfg {
                    background:#c2c2c2;
                    padding: 0 5px 2px 5px;
                }
                
                .n-announce .text {
                    border-top: 1px solid #b5b5b5;
                }
                
                .n-announce .n-text {
                    display:block;
                }
                .n-announce .n-text * {
                    display:block;
                    height:1px;
                    overflow:hidden;
                    font-size:.01em;
                    background:#f0f0f0;
                }
                .n-announce .n-text1 {
                    margin-left:3px;
                    margin-right:3px;
                    padding-left:1px;
                    padding-right:1px;
                    border-left:1px solid #f8f8f8;
                    border-right:1px solid #f8f8f8;
                    background:#f3f3f3}
                .n-announce .n-text2 {
                    margin-left:1px;
                    margin-right:1px;
                    padding-right:1px;
                    padding-left:1px;
                    border-left:1px solid #fdfdfd;
                    border-right:1px solid #fdfdfd;
                    background:#f2f2f2}
                .n-announce .n-text3 {
                    margin-left:1px;
                    margin-right:1px;
                    border-left:1px solid #f2f2f2;
                    border-right:1px solid #f2f2f2;}
                .n-announce .n-text4 {
                    border-left:1px solid #f8f8f8;
                    border-right:1px solid #f8f8f8}
                .n-announce .n-text5 {
                    border-left:1px solid #f3f3f3;
                    border-right:1px solid #f3f3f3}
                .n-announce .n-textfg {
                    background: #f0f0f0;
                    padding: 3px 5px 2px 5px;
                }
                    .n-announce .n-textfg .day-posts {
                        height: 35px;
                        overflow: hidden;
                    }
                        .n-announce .n-textfg .day-posts .day-post {
                            height: 35px;
                        }
            #header .loginblock {
                position: absolute;
                right: 15px; top: 5px;
                width: 250px;
            }
                #header .loginblock .field {
                    width: 100%;
                    margin-bottom: 5px;
                }
                    #header .loginblock .field .title {
                        width: 19%;
                        padding-left: 0;
                        padding-right: 3px;
                        float: left;
                        text-align: right;
                    }
                    #header .loginblock .field .control {
                        width: 79%;
                        float: right;
                    }
                        #header .loginblock .field .control input.text {
                            width: 90%;
                            border: 1px solid #d5d5d5;
                            background: #fff url('../images/loginblock-input-bg.png') repeat-x;
                        }
                #header .loginblock .links {
                    margin-left: 54px;
                    font-size: 11px;
                }
                #header .loginblock .enter {
                    width: 13px; height: 14px;
                    background: url('../images/loginblock-enter.png') no-repeat;
                    position: absolute;
                    display: block;
                    right: 3px; top: 5px;
                }
        #logo {
            margin: 10px 0 5px 0;
            width: 253px;
            height: 67px;
            display: block;
            background: url('../images/logo.png');
        }
        #logo span {
            display: none;
        }
        .top-menu {
            float: left;
            width: 100%;
            background: #e9e9e9;
            border-top: 1px solid #b5b5b5;
            position: relative;
        }
            .top-menu .crn-left {
                background: url('../images/menu-crn-left.png') no-repeat;
                position: absolute;
                left: 0; bottom: 0;
                width: 4px; height: 3px;
            }
            .top-menu .crn-right {
                background: url('../images/menu-crn-right.png') no-repeat;
                position: absolute;
                right: 0; bottom: 0;
                width: 4px; height: 3px;
            }
            .top-menu ul {
                list-style: none;
                margin: 0; padding: 0;
            }
                .top-menu ul li {
                    margin: 5px 0 5px 15px; padding: 0;
                    float: left;
                }
                    .top-menu ul li a {
                        font-weight: bold;
                        font-size: 14px;
                    }
                    .top-menu ul li.active a {
                        text-decoration: none;
                        color: red;
                    }
                    .top-menu ul li a:hover {
                        text-decoration: none;
                        color: red;
                    }
            .top-menu .time {
                float: right;
                margin: 6px 10px 0 0; 
            }
            #content .column-left {
                float: left;
                width: 595px;
                padding: 20px 0 20px 0;
            }
                #content .column-left .news-block {
                    background: url('../images/news-shadow.png') repeat-x bottom;
                    padding-bottom: 40px;
                }
                    #content .column-left .news-block h2 {
                        margin: 0 0 5px 0;
                        font: bold 18px/20px Arial, Tahoma, sans-serif, monospace;
                    }
                        #content .column-left .news-block h2 .area {
                            color: red;
                            font-size: 90%;
                        }
                    #content .column-left .news-block .date {
                        font-style: italic;
                    }
                    #content .column-left .news-block .illustration {
                        float: left;
                        margin: 5px 10px 10px 0;
						width: 150px;
                    }
                    #content .column-left .news-block p {
                        margin: 0; padding: 0;
                    }
                    #content .column-left .news-block .more {
                        color: #00468c;
                    }
                #content .column-left .all-links {
                    float: right;
                    margin: 0 0 10px 0;
                }
                    #content .column-left .all-links a {
                        color: #00468c;
                    }
            #content .column-right {
                float: right;
                width: 340px;
                margin: 20px 0;
            }
                #content .column-right .note {
                    width: 300px;
                    padding: 20px;
                    text-align: center;
                    position: relative;
                    background: #e9e9e9;
                }
                    #content .column-right .note .bg {
                        width: 106px; height: 106px;
                        position: absolute;
                        right: -3px; top: -5px;
                        background: url('../images/note-corner.png') no-repeat;
                    }
                    #content .column-right .note .cnt {
                        position: relative;
                    }
                    #content .column-right .note h2 {
                        font-size: 14px;
                        font-weight: bold;
                        margin: 0; padding: 0;
                        color: red;
                        text-align: left;
                    }
					#content .column-right .note h5 {
						font-size: 22px;
						color: red;
						margin: 10px;
					}
                    #content .column-right .note .note-to {
                        width: 219px; height: 25px;
                        margin-left: 40px;
                        display: block;
                        background: url('../images/note-to.png')
                    }
                        #content .column-right .note .note-to span {
                            display: none;
                        }
                .r-block {
                    margin: 25px 0 20px 0;
                    width: 340px;
                }
                    .r-block .tabs {
                        height: 30px;
                        background: #939393;
                    }
                        .r-block .tabs .tab {
                            margin: 5px 0 0 15px; padding: 3px 5px 0 5px;
                            float: left;
                            text-transform: uppercase;
                            height: 21px;
                            font-weight: bold;
                            border-top: 1px solid #e9e9e9;
                            border-left: 1px solid #e9e9e9;
                            border-right: 1px solid #e9e9e9;
                            background: url('../images/r-block-tab-shadow.png') repeat-x;
                        }
                    .r-block .content {
                        background: #e9e9e9;
                    }
                        .r-block .content h2 .area {
                            color: red;
                            font-size: 90%;
                        }
                        .r-block .content .item {
                            padding: 15px 20px 0 20px;
                        }
                            .r-block .content .item .illustration {
                                float: left;
                                margin: 3px 7px 5px 0;
                            }
                            .r-block .content .item h2.icon {
                                background: url('../images/r-block-item.png') no-repeat 0 3px;
                                padding-left: 18px; 
                            }
                                .r-block .content .item .text a {
                                    font-weight: bold;
                                    color: black;
                                    font-size: 14px;
                                }
                                .r-block .content .item .text p {
                                    margin: 0; padding: 0;
                                    line-height: 14px;
                                }
                    .r-block .link {
                        text-align: right;
                        padding: 10px 0;
                        border-top: 2px solid #939393;
                        margin: 20px 0 0 20px;
                        width: 300px;
                    }
        #footer {
            position: relative;
        }
            #footer .line {
                height: 1px;
                background: url('../images/bmenu-line.png') no-repeat;
            }
            #footer ul {
                list-style: none;
                width: 700px;
                margin: 0 auto; padding: 0;
            }
                #footer ul li {
                    margin: 5px 0 5px 15px; padding: 0;
                    float: left;
                }
                    #footer ul li a {
                        font-size: 11px;
                    }
                    #footer ul li.active a {
                        text-decoration: none;
                        color: red;
                    }
                    #footer ul li a:hover {
                        text-decoration: none;
                        color: red;
                    }
            #footer .copyrights {
                color: #666666;
                font-size: 11px;
                margin: 5px auto;
                width: 220px;
            }
                #footer .copyrights a {
                    color: #666666;
                }
/* photo */
.blog-photo-stripe {
    float: left;
    width: 260px;
    padding: 15px;
    text-align: center;
}
    .blog-photo-stripe img {
        border: 1px solid #b5b5b5;
    }
.photo-stripe {
    padding: 10px 0 20px 0;
}
    .photo-stripe .thumb {
        position: relative;
        margin: 0 5px 5px 0;
        float: left;
    }
        .photo-stripe .thumb .overphotokill {
            position: absolute;
            right: 1px; top: 1px;
            width: 16px; height: 16px;
            background: url('../striped/images/delete-16.png');
        }
            .photo-stripe .thumb .overphotokill span {
                display: none;
            }
.username-link {
    font-weight: bold;
    padding: 1px 0 2px 18px;
    background: url('../striped/images/user-16.png') no-repeat;
}
.comments-counter {
    margin-top: 5px;
}
    .comments-counter a {
        font-weight: bold;
    }
/* profile */
.users-profile dl dt {
    font-size: 11px;
    margin-top: 7px;
    color: #999;
}
.users-profile dl dd {
    font-size: 14px;
}