/* 
    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);
}

form{
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
	margin:15px;
	padding:15px;
	color:#333333;
}

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

img{
	border:0 none;
}

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:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	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%;
}

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

#footer a{
	color:#CCCCCC;
}

#content{
	width: 770px;
	margin: 20px auto;
	text-align:left;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	background-color:#333333;
	padding:1px 0px;
	color:#FFFFFF;
}

#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:15px;
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-ms-border-radius-bottomleft:15px;
	-ms-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-khtml-border-radius-bottomleft:15px;
	-khtml-border-radius-bottomright:15px;
	background-color:#333333;
	height:30px;
	padding:0 10px;
}
#lang-links a{
	color:#FFFFFF;
	height:30px;
	line-height:30px;
	padding:0px 5px;
}


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

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

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

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


/*CLIENTS*/
div.client-list{
	padding-bottom:10px;
}

div.client-list div.client-list-item{
	width:180px;
	padding:10px 0 5px;
	margin:10px 0 0 10px;
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
	color:#333333;
}

div.client-list-item-name, div.client-list-item-country, div.client-list-item-country, div.client-list-detail{
	padding: 2px 5px;
}

div.client-detail{
	padding:10px;
}

div.client-detail-logo{
	width:730px;
	padding:10px;
	margin:0 0 5px 0;
	float:left;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
	color:#333333;
}

div.client-detail-name, div.client-detail-country{
	color:#FFFFFF;
	margin:5px 0;
}

strong{
	color:#FF0000;
}

#description_parent{
	float:none;
	padding:0;
	width:300px;
}

#description_parent table{
	margin:0;
}

div.buttons{
	padding:10px;
	text-align:right;
}

div.buttons a{
	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;
}

#graph{
	margin:10px;
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
}

/*POSTS*/
#post-list{
	margin:10px;
	padding:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FF0000;
}

div.post-list-item{
	margin:5px;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	background-color:#FFFFFF;
}

div.post-list-item-title{
	font-weight:bold;
}

div.post-list-item-title a{
	color:#FF0000;
}

div.post-list-item-title a:hover{
	color:#888888;
}

div.post-list-item-summary{
	color:#333333;
}

#post-item{
	margin:10px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
	color:#333333;
}

div.post-item-title{
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}

div.post-item-date{
	font-style:italic;
	font-size:10px;
}

div.post-item-author{
	font-style:italic;
	font-size:10px;
}

div.post-item-description{
	padding: 10px 0;
}

#project-detail{
	padding:10px;
}

a.project-item-preview{
	
}
a.project-item-preview img{
	margin:5px 5px 0 0;
}

div.resources{
	margin-top:10px;
}

/*USERS*/
#user-home{
	margin:10px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#FFFFFF;
	color:#333333;
}