/*** 

 * Style used in some server responses.

 *

 * -- CentOS Artwork SIG.

 *    http://projects.centos.org/trac/artwork/wiki/WebServerCustomization

 */

html {

    background-color: #FFF;

    background-image: url(images/html-background.png);

    font-family: "DejaVu Sans", "Liberation Sans", sans-serif;

    font-size: 0.85em;

    line-height: 1.25em;

    margin: 0 4% 0 4%;      /* <- with 4% of left and right margin  */

    }

body {

    background: #FFF;

    border-width: 10px;

    border-style: solid;

    border-color: #FFF;     

    padding:0;

    margin: 0;

    }

/* RSS */

#header .rss {

    float:right;

    padding: 0;

    margin:  0;

    margin-right: 1em;

    border: none;

}

/* Links */

a:link  { text-decoration: none; color: #204C8D }

a:hover { text-decoration: underline; color: green; } 

a:active { text-decoration: underline; color: green; } 

a:visited { text-decoration: none; color: #204C8D; }

a:visited:hover { text-decoration: underline; color: green; }

#footer .credits a:link  { border-bottom: 1px dotted #eee; text-decoration: none; color: #eee }

#footer .credits a:hover { border-bottom: 1px dotted #eee; text-decoration: underline; color: #fff; } 

#footer .credits a:active { border-bottom: 1px dotted #eee; text-decoration: underline; color: #eee; } 

#footer .credits a:visited { border-bottom: 1px dotted #eee; text-decoration: none; color: #eee; }

#footer .credits a:visited:hover { border-bottom: 1px dotted #eee; text-decoration: underline; color: #fff; }

/* Alignment */

.floatr { float: right; }

.floatl { float: left; }

/* Lists */

#content ul,

#content ol {

        padding-left: 1.9em;

        margin-left: 3em;

        margin-bottom: 1em;

        }

#content ul { 

        list-style: url("images/ul.png") circle; 

        } 

#content ol {

        list-style-image: none !important;

        }

#content ul li {

        padding-left: 0em;

        margin-bottom: 0.3em;

        }

#content ol li {

        padding-left: 0em;

        margin-bottom: 0.3em;

        }

#content ul ul,

#content ul ol,

#content ol ul,

#content ol ol {

        margin-left: 0.5em;

        margin-top: 0.3em;

        }

#content ul li p,

#content ol li p {

        margin-bottom: 0.3em;

        line-height: 1.5em;

        margin-left: 0 !important;

        }

/* Tables */

#content table { 

    width: 100%;

    font-size: inherit;

    }

#content th {

    padding-left: 5px;

    padding-right: 5px;

    }

#content th { 

    background-image: url(images/h2-background.png);

    }

/* Presentation */

#header {

    background-color: #204C8D;

    background-image: url(images/header-background.png);

    color: #fff;

    }

#header div.people_info {

    float: right;

    padding: 0.3em 10% 1.2em 1.2em;

    padding-right: 10%;

    text-align: center;

    }	

#header .adminlinks {

    float:right;

    margin: 0.5em;

    text-align: right;

    font-size: 0.9em;

    color: #eee;

}

#header .adminlinks a {

    margin-left: 0.5em;

    margin-right: 0.5em;

}

#logo {

    color: #fff;

    padding: 10px;

    width: 500px;

    }

#logo img {

    border: none;

}

#logo .logo_text{

    font-size: 1.7em;

    color: #fff;

    margin-top: -50px;

    float:left;

    margin-left: 260px;

    text-align:left;

}

/* Ads */

.googlecontent {

    clear: right;

    margin: 0;

}

/* Page lines */

.pageline_dark {

    border: 1px solid #31629b;

    clear: both;

    margin:0;

    padding:0;

}

.pageline {

    border-bottom:2px solid #cad9ee;

    clear: both;

    margin:0;

    padding:0;

}

.pageline_soft {

    border: 1px solid #fff;

    clear: both;

    margin:0;

    padding:0;

}

/* Mainlinks */

.mainlinks {

        display: block;

        padding: 0;

        padding-left: 20px;

        margin: 0;

        font-size: 0.8em;

        background-color: #2b4f80;

        height: 23px;

        border-bottom: 2px solid #6fa4df;

        }

.mainlinks li {

        float: left;

        display: inline;

        white-space: nowrap;

        font-weight: bold;

        padding:0;

        padding-top:3px;

        padding-bottom:3px;

        }

.mainlinks li a { 

        /* To cover the box area as linkable */

        padding: 10px;

        padding-top: 4px;

        padding-bottom: 4px;

        border-right: 1px solid #25456f;

        border-left: 1px solid #31629b;

        }

.mainlinks a, 

.mainlinks a:visited {

        color: #BDD3FB;

        text-decoration: none;

        }

.mainlinks li.current a {

        color: #25456f;

        border-right: 1px solid #fff;

        border-left: 1px solid #fff;

        text-decoration: none;

        }

.mainlinks li:hover {

        background-color: #436595;

        padding-bottom: 3px;

        }

.mainlinks li:hover a {

        color: #BDD3FB;

        text-decoration: none;

        }

.mainlinks li:hover a:active { color:#BDD3FB; background-color:#436595; text-decoration:none;}

.mainlinks li a:active { color:#BDD3FB; background-color:#436595; text-decoration:none;}

.mainlinks li.current, 

.mainlinks li.current:hover, 

.mainlinks li.current:hover a, 

.mainlinks li.current:active a {

        color: #25456f;

        background-color: #fff; 

        padding-bottom: 5px;

        }

/* Entries pager */

#content .entrypager {

    border-top: 1px solid #f8f8f8;

    clear: both;

}

#content .entrypager span {

    display: inline;

    font-size: 0.9em;

    padding: 1em;

}

/* Content */

#content .columnl {

    display: block;

    background-color: #fff;

    margin: 0;

    margin-right: 300px;

    padding: 20px;

    }

#content .columnr {

    display: block;

    width: 300px;

    float:right;

    background: #f6f9ff; 

    border: 1px solid #a0bbe1;

    margin-bottom: 1em;

    }

#content .columnr div {

    margin: 0;

    padding: 1em;

    font-size: 0.9em;

    }

#content .columnr a {

    font-weight: bold;

}

#content .columnr div.row,

#content .columnr div.row_search,

#content .columnr div.row_download,

#content .columnr div.row_promo,

#content .columnr div.row_release,

#content .columnr div.row_user,

#content .columnr div.row_sponsor,

#content .columnr div.row_subscribe {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #cad9ee; 

}

#content .columnr div ul {

    margin: 0;

    list-style: url("images/ul2.png") circle; 

}

#content .columnr div.row_promo img {

    padding: 5px;

    background: #fff;

    border: 1px solid #a0bbe1;

}

#content .columnr div.center { text-align: center; }

#content .columnr div.last {

    border-top: 1px solid #fff;

    border-bottom: none;

}

#content .columnr p.first {

    border-top: none;

}

#content h1 {

        color: #333;

        line-height: 1em;

        margin: 0px;

        margin-bottom: 1em;

        padding: 0px;

}

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

        color: #333;

        line-height: 0.7em;

        margin: 0px;

        margin-bottom: 1em;

        padding: 0px;

        }

#content tt {

   font-family: "DejaVu Sans Mono", "Liberation Sans Mono", monospace;

}

#content {

    clear:both;

    padding: 1em;

    background: #fff; 

}

#content p {

    color: #333;

    line-height: 1.5em;

    margin: 0;

    padding: 0;

    margin-bottom: 1em;

    margin-top: 1em;

}

#content pre {

        font-size: 1.4em;

        border-width: 1px;

        border-style: solid;

        border-color: #E5E5E5;

        border-left-width: 4px;

        white-space: pre;

        background: #FFFAE9;

        overflow: auto;

        padding: 1em;

}

#content hr { 

    margin-top: 1em; 

    margin-bottom: 1em; 

    padding: 0;

    border: 1px solid #f8f8f8;

    }

.promoblock {

    display: block;

    float:left;

    padding: 0;

    padding-left: 1em;

    padding-right: 0.5em;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    border-left: 2px dotted #cad9ee;

    height: 150px;

    font-size: 0.8em;

    width: 20%;

}

.promoblock p {

    padding: 0em;

    line-height: 1.5em;

    margin: 0em;

    margin-bottom: 1em;

}

.promoblock.last { width: 30%; }

.promoblock.first { border-left: none;}

#content div.post p.info {

    font-size: 0.8em;

    margin-top: -1em !important;

}

#content div.post.first p.info {

    margin-top: -2em !important;

}

#content .post {

    margin-top: 1em;

    padding-top: 1em;

}

#content .post.first {

    border-bottom: 1px solid #f8f8f8;

}

#content .post.first h2 {

   font-size: 2em; 

}

/* Content - Forms */

form {

    margin: 0;

    padding: 0;

    display: inline;

}

#header input[type="submit"],

#header input[type="text"] {

        border-width: 2px;

        border-style: solid;

        border-color: #204C8D;

        background-color: #3B71B8;

        color: #FFFFFF;

        display: inline;

        text-decoration: none;

        padding: 1px;

        padding-left: 4px;

        padding-right: 4px;

        }

#header input[type="submit"] {

    font-weight: bold;

    cursor: pointer;

    font-size: 0.8em;

}

#header input[type="text"] {

        font-size: 0.85em;

        margin-right: 2px;

        display: inline;

        padding: 2px;

        padding-left: 4px;

        border: 2px solid #204C8D;

        background-color: #EDF4FF;

        color: #204C8D;

        width: 130px; 

}

#header select {

        font-size: 0.8em;

        border-width: 2px;

        border-style: solid;

        border-color: #204C8D;

        background-color: #3B71B8;

        color: #FFFFFF;

        cursor: pointer;

        display: inline;

        font-weight: bold;

        text-decoration: none;

        padding: 1px;

        }

.input {

        /* does strange effect to button (text size becomes bigger when clicking)

        font-size: 1em;

        font-family: Arial, Lucida Grande, sans-serif;

        */

        }

textarea {

        font-size: 1.4em;

        font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

        }

.disabled {

        color: gray;

        }

/* Footer */

#footer {

    background-color: #204C8D;

    background-image: url(images/header-background.png);

    margin-top: 1em;

    clear:both;

    }

#footer p {

    font-size: small;

    margin: 5px;

    }

#footer .mainlinks {

        border-top: 2px solid #6fa4df;

        border-bottom: none;

        height: 23px;

        }

#footer .mainlinks li {

    padding-bottom: 3px;

}

#footer .mainlinks li.current {

    margin-top: -3px;

    padding-bottom: 3px;

    padding-top: 6px;

}

#footer .sublinks {

	border-top:2px solid #cad9ee;

    border-bottom: none;

    }

#footer .credits {

    color: #eee;

    font-size: small;

    padding: 1em;

    }

#footer .credits p.right {

    float: right;

    padding-left: 15em;

    text-align: right;

}