/* 

 * Webenv -> Main Blocks

 *

 * Copyright (C) 2009, 2010, 2011 The CentOS Artwork SIG

 *

 * This CSS is free software; you can redistribute it and/or modify it

 * under the terms of the GNU General Public License as published by

 * the Free Software Foundation; either version 2 of the License, or

 * (at your option) any later version.

 *

 * This CSS is distributed in the hope that it will be useful, but

 * WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

 * General Public License for more details.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program; if not, write to the Free Software

 * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

 *

 * ----------------------------------------------------------------------

 * $Id$

 * ----------------------------------------------------------------------

 */

div#page-header,

div#wrap,

div#page-body,

div#page-footer {

    min-width: 728px;

    }

/* Header

--------------------------------------------------------------------*/

div#page-header {

	background: #204C8D url("https://projects.centos.org/centos-web-pub/Images/h1-bg.png") 0 0 repeat;

	min-height: 46px;

	}

/* Content

--------------------------------------------------------------------*/

div#wrap {

	padding: 0 10px 0 10px;

    background-color: #FFF;

	}

div#page-body {

	clear: both;

    background-color: #F8F8F8;

	}

div#page-body div#content-list {

    padding: 10px;

    padding-left: 0;

    padding-top: 8px;

    background-color: #FFF;

    }

/* Paragraphs

--------------------------------------------------------------------*/

/* Footer

--------------------------------------------------------------------*/

div#page-footer {

	background: #204C8D url("https://projects.centos.org/centos-web-pub/Images/h1-bg.png") 0 0 repeat;

	}

div#page-footer div.credits {

    padding: 8px;

    }

div#page-footer div.credits .copyright,

div#page-footer div.credits .license {

    font-size: x-small;

    color: #FFF;

    margin: 3px;

    }

div#page-footer div.credits a {

    color: #FFF;

    font-style: italic;

    }

div#page-footer div.top {

    float:right;

    }

/* Logo

--------------------------------------------------------------------*/

div#page-header div#logo img {

    border: none;

    float: left;

    margin-left: 10px;

    }

/* Google advertisement (468x60px)

--------------------------------------------------------------------*/

div#page-header div.google-ad {

    float: right;

    margin: 5px;

    }

div#page-header div.google-ad img {

    border: none;

    }

/* Last releases and related RSS link.

--------------------------------------------------------------------*/

div#page-header div#last-releases {

    clear: both;

    min-height: 35px;

    border-top: 3px solid #FFF;

    background: #3465A4;

    }

div#page-header div#last-releases a {

    color: #fff;

    }

div#page-header div#last-releases div.left {

    display: block;

    float: left;

    width: 450px;

    margin-top: 10px;

    margin-left: 10px;

    font-size: small;

    }

div#page-header div#last-releases div.right {

    float: right;

    margin-top: 9px;

    margin-right: 5px;

    }

div#page-header div#last-releases div.right span.rss span {

    text-align: center;

    font-weight: bold;

    background: #729fcf;

    padding: 4px 10px;

    }

div#page-header div#last-releases div span.title {

    font-weight: bold;

    color: #FFF;

    }

div#page-header div#last-releases div span.release {

    border-right: 1px dotted #FFF;

    padding-left: 10px;

    padding-right: 10px;

    font-weight: bold;

    }

div#page-header div#last-releases div span.last {

    border-right: 0px;

    }

/* Application links

--------------------------------------------------------------------*/

div#page-header div#pagelinks {

    border-top: 3px solid #FFF;

    }

/* User related links (e.g., last visit, session info and page trails)

--------------------------------------------------------------------*/

div#page-header div.userlinks {

    padding: 10px;

    text-align: right;

    font-size: x-small;

    clear: both;

    }

div#page-header div.userlinks a {

    color: #fff;

    }

div#page-header div.userlinks div.logs {

    width: 50%;

    float: left;

    text-align: left;

    }

div#page-header div.userlinks div.logs span {

    border: none;

    }

div#page-header div.userlinks div.logs span.title {

    color: #FFF;

    }

div#page-header div.userlinks div.logs span.datetime {

    font-style: italic;

    color: #FFF;

    }

div#page-header div.userlinks div.session {

    width: 50%;

    float: right;

    }

div#page-header div.userlinks div.session span {

    border-right: 1px dotted #FFF;

	}

div#page-header div.userlinks div.session span a {

    margin-right: 10px;

    margin-left: 10px;

    }

div#page-header div.userlinks div.session span.last {

	border-right: none;

	}

div#page-header div.userlinks div.session span.last a {

    margin-right: 0;

    }

div#page-header div.userlinks div.session span.last:after {

	content: none;

	}

div#page-header div.userlinks div.trail {

	text-align: right;

    clear: both;

    padding-top: 5px;

    }

div#page-header div.userlinks div.trail span {

	display: inline;

	}

div#page-header div.userlinks div.trail span.last {

	border-right: none;

	padding-right: 0;

	}

div#page-header div.userlinks div.trail span:after {

	content: "»";

    color: #FFF;

    margin-left: 5px;

    margin-right: 3px;

	}

div#page-header div.userlinks div.trail span.last:after {

	content: none;

	}

/* Page lines.

--------------------------------------------------------------------*/

.page-line {

	clear: both;

	margin: 0;

	padding: 0;

	background-color: transparent;

	}

.page-line.white {

	height: 3px;

	background-color: #FFF;

	}

/* Page body

--------------------------------------------------------------------*/

div#page-body .info {

    margin-top: 5px;

    }

div#page-body .info span {

    font-size: small;

    border-right: 1px dotted #AAA;

    padding-right: 10px;

    padding-left: 7px;

    }

div#page-body .info span.author {

    padding-left: 0;

    }

div#page-body .info span.comment {

    border-right: 0;

    }

/* Content Listing - One column

--------------------------------------------------------------------*/

div#page-body div#content-list {

    margin-right: 200px;

    border-right: 3px #EEE solid;

    }

div#page-body div#content-actions {

    float:right;

    width: 180px;

    border-left: 3px #EEE solid;

    padding: 10px;

    font-size: small;

    }

div#page-body div#content-actions form input[type="text"] {

    border: 1px solid #AAA;

    }

div#page-body div#content-list div.search {

    }

div#page-body div#content-list div.row {

    padding: 10px 20px;

    }

div#page-body div#content-list div.dark {

    background: #F8F8F8;

    }

div#page-body div#content-list div.light {

    background: #FFF;

    }

div#page-body div#content-list h3.title {

    margin-top: 0;

    }

div#page-body div#content-list .abstract {

    margin-bottom: 1em;

    }

div#page-body div#content-list .pagination {

    border-top: 1px solid #AAA;

    font-size: small;

    padding: 10px;

    border-top: 1px #AAA solid;

    margin-bottom: 0;

    padding-bottom: 0;

    }

div#page-body div#content-list .pagination span.previous {

    float: left;

    }

div#page-body div#content-list .pagination span.previous a:before {

    content: "«";

    padding-right: 3px;

    }

div#page-body div#content-list .pagination span.next a:after {

    content: "»";

    padding-left: 3px;

    }

div#page-body div#content-list .pagination span.next {

    float: right;

    }

/* Content Details - One column

--------------------------------------------------------------------*/

div#page-body div#content-details {

    padding: 30px 10% 30px 10%;

    background: #FFF;

    }

/* Content Unkown - Not page found.

--------------------------------------------------------------------*/

div#page-body div#content-unknown {

    padding: 0 15% 0 15%;

    background: #FFF;

    }