/*
// CSS Created by: Shabu Anower
// OSDesigner.net
*/

body {
        margin: 0px;
        color: #696969;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

img {
        border: 0px;
}

        a {
                color: #696969;
                text-decoration: none;
        }

        a:hover {
                text-decoration: underline;
        }


h1, h2, h3, h4 {
        margin: 0;
        font-size: 11px;
}

#container {
        width: 100%;
        margin: 0 auto 0 auto;
}

.header {
        margin: 25px 0 0 0;
        width: 100%;
}
        .header h1 {
                margin: 0 0 0 9px;
        }

        .header p {
                float: right;
                margin: 0;
        }

.bar {
        background: url('bar.bg.gif');
        height: 37px;
        margin: 10px 0 10px 0;
}
        .bar h3 {
                background: url('bar.end.gif') no-repeat right;
                float: right;
                margin: 0px;
                width: 30px;
                height: 27px;
                padding: 10px 0 0 0;
        }

        .bar ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
        }

        .bar li {
                padding:0;
                margin: 0;
                height: 37px;
                display: inline;
                float:left;
                list-style-type: none;
        }

        .bar li a {
                color: #303030;
                text-decoration: none;
        }

        .bar li a:hover {
                color: #4c90ca;
                text-decoration: none;
        }

#home {
        padding: 0px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
        }

        a#home {
                        overflow:hidden;
                        display:block;
                        width:60px;
                        height:27px;
                        padding: 10px 0 0 0;
                        background:url('bar.start.gif') no-repeat;
        }

        a#home:hover {
                background:url('bar.start.gif') no-repeat 0px -37px;
                }

        .common {
                padding: 0px;
                text-align: center;
                font-size: 11px;
                font-weight: bold;
                line-height: normal;
        }

        a.common {
                overflow:hidden;
                display:block;
                height:27px;
                padding: 11px 10px 0 0px;
                float: left;
        }

        a.common:hover {
                background:url('bar.bg.gif') no-repeat center -37px;
        }


.thumb {
        border: 1px solid #e8e8e8;
        background: #f5f9fc;
        cursor: pointer;
        padding: 1px;
        height: 151px;
        text-align: center;
}

.thumb2 {
        border: 1px solid #cde0f0;
        background: #edf4fa;
        cursor: pointer;
        padding: 1px;
        height: 151px;
        text-align: center;
        }

.row1 {
        background: #f4f8fc;
}

.row2 {
        background: #ffffff;
}


.info {
        border: 1px solid #cde0f0;
        background: #edf4fa;
        padding: 1px 1px 1px 1px;
        margin: 0px 0 5px 0;
        height: 40px;
}
        .info p {
                margin: 0 0 1px 0;
        }

.user {
        background: url('profile.gif') no-repeat;
        padding: 0 0 0 22px;
        height: 16px;
}

.comment {
        background: url('comment.gif') no-repeat;
        padding: 0 0 0 22px;
        height: 16px;
}
.category {
        background: url('cat.folder.gif') no-repeat;
        padding: 0 0 0 22px;
        height: 16px;
}




.search {
         margin: 0 2px 0 0; padding: 4px 0 0 4px; border: 1px solid #696969; font-size: 12px; font-weight: bold; background: none; color: #4c90ca; height: 16px; width: 134px;
}

.button {
        margin: 0 4px 0 0;
        border: 0px;
        background: url('buttons.gif') no-repeat;
        width: 71px;
        height: 20px;
        color: #303030;
        font-size: 11px;
}

.go {
        margin: 0 0 0 4px;
        border: 0px;
        background: url('go.gif') no-repeat;
        width: 25px;
        height: 20px;
}

.box {
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        padding: 8px;
        width: 170px;
        font-size: 11px;
}
        .box a {
                color: #696969; text-decoration: none;
        }
        .box a:hover {
                text-decoration: underline;
        }

        .box ul {
                margin: 0;
                padding: 0;
        }

        .box li {
                list-style-type: none;
                margin: 0 0 0 3px;
                padding: 0 0 4px 20px;
                background: url('blt.gif') no-repeat;
        }
        .box p {
                margin: 0 0 0 3px;
                padding: 0 0 4px 20px;
                background: url('blt.gif') no-repeat;
                text-align: left;
        }
        .boxcaption {
                background: url('box.caption.gif') no-repeat;
                padding: 6px 0 0 10px;
                height: 20px;
                width: 177px;
                color: #303030;
        }

        .boxbottom {
                background: url('box.bottom.gif') no-repeat;
                width: 217px;
                height: 4px;
                margin: 0px;
        }

.pagingstats2 {
}
        .pagingstats2 p {
                margin: 6px 0 10px 0;
                font-weight: normal;
                padding: 0;
        }

.pagination {
        padding: 3px;
        font-size: 11px;
        font-weight: bold;
        float: right;

}

        .pagination ul {
                font-size: 12px;
                margin: 10px 0 10px 0;
                padding: 0px;
                text-align: left;
        }
        .pagination li {
                display: inline;
                list-style-type: none;
                padding-bottom: 1px;
        }
        .pagination a {
                color: #4c90ca;
                border: #e8e8e8 1px solid;
                padding: 2px;
                margin: 0 0 0 3px;
                text-decoration: none;
        }

        .pagination a:hover {
                border: #4c90ca 1px solid;
                color: #696969;
                text-decoration: none;
        }

.pagingon {
                color: #696969;
                border: #cde0f0 1px solid;
                padding: 2px;
                margin: 0 2px 0 0;
                text-decoration: none;
        }

.padding {
        padding: 0 10px 0 0;
}

.caption {
        background: url('caption.bg.gif') repeat-x bottom;
        height: 26px;
        font-size: 11px;
        font-weight: bold;
        color: #303030;
        margin: 0;
}
        .caption p {
                background: url('caption.left.gif') no-repeat left;
                padding: 6px 0 0 10px;
                height: 20px;
                color: #303030;
                margin: 0;
        }

        .caption a {
                color: #303030; text-decoration: none;
        }

        .caption a:hover {
                text-decoration: underline;
        }

        .caption h3 {
                background: url('caption.right.gif') no-repeat right;
                float: right;
                margin: 0px;
                font-size: 10px;
                height: 20px;
                padding: 6px 6px 0 0;
        }

        .caption h2 {
                background: url('caption.right.gif') no-repeat right;
                float: right;
                margin: 0px;
                font-size: 10px;
                height: 20px;
                padding: 0;
        }

.caption1 {
        background: url('caption.bg.gif') repeat-x bottom;
        height: 26px;
        font-size: 11px;
        font-weight: normal;
        color: #696969;
        margin: 0;
}
        .caption1 p {
                background: url('caption.left.gif') no-repeat left;
                padding: 6px 0 0 10px;
                height: 20px;
                color: #303030;
                margin: 0;
        }

        .caption1 a {
                color: #4c90ca; text-decoration: none;
        }

        .caption1 a:hover {
                text-decoration: underline;
        }

        .caption1 h3 {
                background: url('caption.right.gif') no-repeat right;
                float: right;
                margin: 0px;
                font-size: 10px;
                height: 20px;
                padding: 6px 6px 0 0;
        }

        .caption1 h2 {
                background: url('caption.right.gif') no-repeat right;
                float: right;
                margin: 0px;
                font-size: 10px;
                height: 20px;
                padding: 0;
        }

.contentbox {
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        padding: 8px;
        font-size: 11px;
}
        .contentbox a {
                color: #303030; text-decoration: none; font-size: 11px;
        }
        .contentbox a:hover {
                text-decoration: underline;
        }

.contenttext {
        margin: 0px;
        padding: 2px 0 3px 0;
}

.contentbottom {
        background: url('contentbottom.bg.gif') repeat-x bottom;
        height: 7px;
        margin: 0;
}
        .contentbottom p {
                margin: 0;
        }

        .contentbottom span {
                float: right;
        }



.content {
        margin: 0 16px 0 10px;
}
        .content ul {
                margin: 0;
                padding: 0;
        }

        .content li {
                list-style-type: none;
                margin: 0 0 0 3px;
                background: url('blt.gif') no-repeat;
                padding: 0 0 4px 20px;
        }

.text {
        border: 1px solid #303030;
        background: #ffffff;
        height: 17px;
        font-size: 12px;
        padding: 2px 2px 2px 6px;
        width: 360px;
        color: #696969;
}

.textarea {
        border: 1px solid #303030;
        padding: 2px 2px 2px 6px;
        font-size: 12px;
        width: 360px;
        color: #696969;
}

.textpy {
        border: 1px solid #303030;
        background: #ffffff;
        height: 17px;
        font-size: 12px;
        padding: 2px 2px 2px 6px;
        width: 80px;
        color: #696969;
}

.captcha {
        border: 1px solid #303030;
        background: url('../images/loader.gif') no-repeat center;
}

#copyright {
        text-align: left;
        white-space: nowrap;
}
        #copyright br {
                display: none;
        }


.fbox {
        border: 1px solid #4c90ca;
        padding: 10px;
        background: #f9fcf5;
        margin: 5px 5px 10px 5px;
}

.lbox {
        margin: 0 5px 25px 5px;
}

.footer {
        background: url('footer.bg.gif') repeat-x top;
        color: #696969;
        height: 37px;
        margin: 0 0 15px 0;
}
        .footer p {
                margin: 0;
                padding: 11px 0 0 10px;
                background: url('footer.left.gif') no-repeat;
                height: 26px;
        }
        .footer h3 {
                background: url('footer.right.gif') no-repeat right;
                height: 26px;
                float: right;
                margin: 0px;
                padding: 11px 10px 0 0;
                font-weight: normal;
        }
        .footer a {
                color: #696969; text-decoration: none;
        }
        .footer a:hover {
                text-decoration: underline;
        }


.pagingstats {
        color: #696969;
        font-size: 11px;
        margin: 0 0 10px 0;
        padding: 0;
}
        .pagingstats p {
                margin: 0;
                padding: 2px 0 0 0;
        }

        .pagingstats h3 {
                float: right;
                font-weight: bold;
                margin: 0;
                font-size: 11px;
        }

        .pagingstats a {
                font-size: 11px; color: #4c90ca; text-decoration: none;
        }
        .pagingstats a:hover {
                text-decoration: underline;
        }

.colorborder {
        border: 1px solid #696969;
        margin: 0 4px 0 4px;
}

.nav {
        color: #696969;
        font-size: 11px;
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0;
}
        .nav p {
                margin: 0;
                padding: 2px 0 0 0;
        }

        .nav h3 {
                float: right;
                margin: 0;
                font-size: 11px;
        }

        .nav a {
                font-size: 11px; color: #4c90ca; text-decoration: none;
        }
        .nav a:hover {
                text-decoration: underline;
        }

form {
        Margin: 0;
}

.cat {
        padding: 0 0 0 0px;
        font-size: 11px;
        font-weight: bold;
        color: #4c90ca;
        margin: 0 0 6px 0;
}
        .cat a {
                font-size: 13px; color: #4c90ca; text-decoration: none;
        }
        .cat a:hover {
                text-decoration: underline;
        }
        .cat span {
                font-size: 9px;
                padding: 0 0 0 4px;
        }

.new {
        font-size: 9px;
        padding: 0 0 0 4px;
        color: #FF0000;
}

.small, .small a {
        padding: 0px;
        margin: 0px;
        color: #696969;
        font-weight: normal;
        font-size: 7pt;
        text-decoration: none;
}

.os {
        color: #3d4c53;
        font-weight: bold;
}
        .os a {
                color: #3d4c53; font-size: 11px; text-decoration: none;
        }
        .os a:hover {
                text-decoration: underline;
        }

.design {
        color: #982a05;
        font-weight: bold;
}
        .design a {
                color: #982a05; font-size: 11px; text-decoration: none;
        }
        .design a:hover {
                text-decoration: underline;
        }