/* 
    Document   : layout
    Created on : 23/04/2010, 02:55:10 PM
    Author     : diegoluisr
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;

}

html{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
}

body{
    margin:0;
    padding:0;
    color:#666666;
    text-align:center;
    background-image:url(../img/texture.png);
}

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

img{
    border:0 none;
}

p{
	margin:0 0 10px;
	text-align:justify;
}

td{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
}

#header{
    padding:20px 0;
    margin: 0 auto;
    width:770px;
    text-align:left;
}

#flashMessage{
    margin:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    background-color:#666666;
    color:#FFFFFF;
    line-height:30px;
    padding:0 10px;
}

#flashMessage a{
    color:#FFFFFF;
    font-weight:bold;
}

input, select, textarea{
    border:0 none;
    border-bottom: dotted 1px #CCCCCC;
    background-color: #FFFFFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
}

textarea{
    background-color: #F9F9F9;
    width:400px;
}

div.input{
    padding: 0 0 5px 0;
}

div.input label{
    display: inline-block;
    width: 200px;
}

input.send{
    border:0 none;
    padding: 4px 10px;
    margin:0px;
    color:#FFFFFF;
    border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    background-color:#FF0000;
}

#header img#logo{
    border: 0 none;
}

div#body{
    text-align:center;
    width: 100%;
}

div#body strong{
	color:#333333;
	font-weight:bold;
}

#footer{
    padding: 0 0 10px;
    text-align:center;
}

#footer a{
    color:#CCCCCC;
}

#content{
    width: 750px;
    margin: 20px auto;
    text-align:left;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    background-color:#333333;
    padding:10px;
    color:#333333;
}

#view{
	background-color:#FFFFFF;
	border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
	padding:10px;
	vertical-align:top;
}

#content table{
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    background-color:#FFFFFF;
    margin:10px;
    width:750px;
    color:#888888;
}

#content table th{
    font-weight:normal;
    font-size:14px;
    color:#333333;
}
span.dsc{
    color:#00FF00;
}

span.dsc a {
    color:#00CC00;
}

table.cake-sql-log{
    font-size: 8px;
}

div.cls{
    clear: both;
}
/*LANG*/
#lang{

}

#lang-links{
    width:750px;
    margin:0 auto;
    text-align:right;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -ms-border-radius-bottomleft:10px;
    -ms-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -khtml-border-radius-bottomleft:10px;
    -khtml-border-radius-bottomright:10px;
    background-color:#333333;
    height:30px;
    padding:0 10px;
}
#lang-links a{
    color:#FFFFFF;
    height:30px;
    line-height:30px;
    padding:0px 5px;
}

div.left{
	margin-right:5px !important;
}

div.center{
	margin-left:5px !important;
	margin-right:5px !important;
}

div.right{
	margin-left:5px !important;
}

div.paging{
	text-align:center;
	color:#666666;
}

/*MENU*/
#menu{
    height:30px;
}

#menu-links{
    width:770px;
    margin:0 auto;
    background-color:#FF0000;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
}

#menu-links a{
    padding:8px 10px;
    color:#FFFFFF;
    height:30px;
    line-height:30px;
}

#menu-links a:hover{
    background-color:#FFFFFF;
    color:#000000;
}

/*DOCUMENTS*/

div.document{
	display:inline-block;
	width:355px;
	margin:0 0 10px;
	vertical-align:top;
}

div.document > div.title, div.detail > div.title{
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}

div.document > div.title {
	margin:0 0 10px;
}

div.document > div.title a{
	color:#FF0000;
}

div.document > div.created, div.detail > div.created{
	font-size:10px;
	color:#CCCCCC;
}

div.document > div.summary > p.thumb{
	float:left;
	padding:0 5px 5px 0;
}

div.document > div.summary > p{
	margin:0 0 4px;
}

div.document > div.summary > p.thumb > img{
	
}

div.document > div.readmore{
	text-align:right;
	margin-bottom:10px;
	text-decoration:underline;
	clear:both;
	display:inline;
}

div.detail > div.share{
	padding:20px 0;
}

div.detail > div.share > div.info{
	padding:5px;
	font-weight:bold;
}

div.detail > div.like{
	padding:10px 0;
}

div.thumbnail{
	display:inline-block;
	margin:5px;
	background-color:#CCCCCC;
	padding:5px;
	border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}

div.thumbnail img{
	border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}

/*HOME*/
div.home-block{
	margin:0;
    padding:10px;
	width:214px;
    height: 350px;
	border:dotted 1px #CCCCCC;
	border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    background-color:#FFFFFF;
	display:inline-block;
	color:#000000;
	float:left;
}

div.home-block strong{
	color:#FF0000;
	font-weight:bold;
}

div.home-block img{
	margin: 0 5px 0 0;
	float:left;
}

div.home-block div.title{
	margin:0 0 10px 0;
    border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    background-color:#FF0000;
    padding:10px;
    color:#FFFFFF !important;
    text-align: center;    
}

div.home-block div.list{
    padding: 0;
	margin: 0;
	height:300px;
	overflow:hidden;
}

div.home-block div.list div{
	clear:both;
	margin:0 0 10px;
	display:inline-block;
	font-size:10px;
}

#youtube div.list div img{
	width:80px;
	height:60px;
}

img.twitter-thumb{
	height:48px;
	width:48px;
}