/*
 *  Copyright (c) 2007, 2008 The Django Brasil Community Website Authors
 *
 *  This file is part of Django Brasil Project Site.
 *
 *  Django Brasil Project 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 3 of
 *  the License, or (at your option) any later version.
 *
 *  Django Brasil Project 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, see <http://www.gnu.org/licenses/>.
 *
 */

@import "base.css";

#conteudo {
    width: 78%;
    right: 22%;
}

#lateral {
    width: 22%;
    left: 78%;
}

#principal {
    width: 66%;
    right: 34%;
    background: white url(../images/principal-bottom.png) repeat-x bottom;
}

#principal .limite {
	padding: 0; /* 30px 20px;*/
	border-right:1px dashed #CCC;
	background: url(../images/principal-top.png) repeat-x top;
}

#info {
    width: 34%;
    left: 66%;
}

#info .limite {
    background: url(../images/info-top.png) repeat-x top;
    padding: 10px;
}

ul, ol, dl { margin-bottom: 0; }


/********************
Chamada
********************/
#chamada h2 {
	font-size: 1.3em;
	margin-top: 14px;
	line-height: normal;
}

/********************
Conteudo principal
********************/
#principal h2 { padding-top: 0; }

#destaque {
	overflow: hidden;
	border-style: solid;
	border-width: 3px 1px;
	border-color: #FFC757 #FFF;
	background: url(../images/destaque-principal.png);
}

#destaque div {
	padding: 7px 20px;
	border: solid #076944;
	border-width: 3px 0;
}

#destaque h2 { margin-bottom: 3px; }

#framework h2 {
	font-size: 1.6em;
	margin: 7px 20px 3px;
	border: none;
}

#framework ul, #framework li {
	padding: 0;
	background: none;
}

#framework li {
	margin: 0;
	padding: 10px 20px 15px;
	border-bottom: 1px dashed #CCC;
}

#framework li.ultimo { border: none; }

#framework li:hover { background-color: #FAFAFA; }

#framework p { margin: 0; }

/********************
Informações adicionais
********************/
#info .limite div {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}

#info ul, #info dl { padding: 0; }

#info .limite div#brasil {
	border: none;
	margin-bottom: 0;
}

#info .mais { float: right; }

/* Download */

#download a#latest {
	display: block;
	margin-bottom: 5px;
	padding: 8px;
	text-decoration: none;
    background-color: #076944;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

#download a#latest:after { 
    content: ""; 
}

#download a#latest strong {
	color: #FFF;
	font-size: 1.2em;
}

#download p {
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 0;
}

#download p a { font-size: 1em; }

/* Documentação */
#doc li {
	padding: 0;
	background: none;
}

#doc li a {
	color: #555;
	text-decoration: none;
	display: block;
	padding: 5px;
	padding-left: 33px;
	background: url(../images/ico-doc.gif) no-repeat 10px 50%;
}

#doc a:link { font-weight: normal; }

#doc a:hover {
	color: #076944;
	background-color: #E7E7E7;
}

/********************
Weblog
********************/
ul#weblog, #weblog li, #weblog ul {
	overflow: hidden;
	padding: 0;
	background: none;
}

#weblog li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #D1D1D1;
}

#weblog * { font-family: Arial, Helvetica, sans-serif; }

#weblog span, #weblog p, #weblog ul a { font-size: 0.85em; }

#weblog h5 { margin-bottom: 2px; }

#weblog span {
	display: block;
	margin-bottom: 4px;
}

#weblog span strong { font-size: 1em; }

#weblog span, #weblog span strong { color: #222; }

#weblog p { margin-bottom: 5px; }

#weblog ul { text-align: right; }

#weblog ul li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 3px;
	border: none;
	border-right: 1px solid #076944;
}

#weblog li.ultimo {
	padding-right: 0;
	border: none;
}

#weblog ul a { text-decoration: none; }

#weblog ul a:link { font-weight: normal; }

#weblog ul a:hover { text-decoration: underline; }
