/*

	CPAR FACE OF GIVING v2.0
	
	Company: Dog & Pony Studios
	Author: Bill Addison
	Date: 01/10/2009
	Version: 1.0
	
*/


/* Structure
-------------------------------------------------------------- */

body, #wrapper, #header, #main, #content, #sidebar, #footer {
	position:relative;
	text-align:left;
	}
	
#ie-msg {
	display:none;
	}

body {
	width:100%;
	background:url(../img/bknd-shdw.jpg) center repeat-y #fff;
	}
	
#wrapper {
	width:900px;
	margin:0 auto;
	background:url(../img/main-bknd.png) center 365px no-repeat #E9E7D8;
	}

#header {
	height:365px;
	background:url(../img/header-bknd.jpg) center no-repeat;
	}
	
#main {
	width:inherit;
	margin:20px 0;
	overflow:hidden;
	background:url(../img/rule-vert.gif) 250px top repeat-y;
	}
	
#content {
	width:600px;
	float:right;
	padding:20px;
	}
	
#sidebar {
	width:210px;
	float:left;
	padding:20px;
	}
	
	
/* Content
-------------------------------------------------------------- */

.project-media {
	width:350px;
	height:280px;
	}
	
#donation-steps {
	background:url(../img/donation-steps-arrow.gif) 20px right no-repeat;
	width:100%;
	min-height:200px;
	clear:both;
	}
	
#donation-steps div {
	width:90px;
	margin-right:30px;
	float:left;
	}
	
#content #donation-steps p {
	width:90px;
	font-size:12px;
	}

#donation-steps span {
	display:block;
	padding-top:8px;
	margin-bottom:20px;
	width:64px;
	height:56px;
	color:#fff;
	font-size:32px;
	text-align:center;
	-webkit-border-radius:32px;
	-moz-border-radius:32px;
	-khtml-border-radius:32px;
	border-radius:32px;
	background:#FF8600;
	}
	
#donation-steps .active span {
	background:#961B1E;
	}
	
#donation-steps .active p {
	font-weight:bold;
	}
	
#content input[type="text"] {
	height:22px;
	width:180px;
	font-size:18px;
	outline:none;
	padding:4px 10px;
	background:#F2F2F2;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	}

#content input[type="password"] {
	height:22px;
	width:180px;
	font-size:18px;
	outline:none;
	padding:4px 10px;
	background:#F2F2F2;
	border:1px solid #ccc;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	}
	
#content .alert {
	font-size:18px;
	text-align:center;
	color:#fff;
	padding:10px;
	background:#961B1E;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	border-radius:15px;
	margin-bottom:30px;
	}
	
#content input:focus {
	background:#fff;
	}
	
.red { color:red; }
	
	
/* Header
-------------------------------------------------------------- */

#home-logo {
	display:block;
	height:267px;
	background:url(../img/header.png) top left no-repeat;
	text-indent:-9000px;
	}

#home-logo-GYG {
	display:block;
	height:267px;
	background:url(../img/header_GYG.png) top left no-repeat;
	text-indent:-9000px;
	}
	
	
/* Navigation
-------------------------------------------------------------- */

#nav {
	list-style:none;
	margin:0;
	padding:0;
	background:url(../img/nav-bknd.jpg) left repeat-y;
	height:62px;
	position:absolute;
	bottom:0;
	width:100%;
	overflow:hidden;
	}
	
#nav li {
	float:left;
	height:inherit;
	}
	
#nav li a {
	color:#fff;
	text-decoration:none;
	font-size:17px;
	display:block;
	height:inherit;
	padding:20px 24px;
	}
	
#nav li:first-child a {
	margin-left:24px;
	}
	
#nav li a:hover, #nav li a.active {
	color:#961B1E;
	background:#E9E7D8;
	}
	
	
/* Sidebar
-------------------------------------------------------------- */

#sidebar h2 {
	font-size:18px;
	}

#sidebar-nav {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#sidebar-nav li a {
	display:block;
	padding:12px 20px;
	width:174px;
	height:27px;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	background:url(../img/sidebar-nav-bknd.gif) center top no-repeat;
	}
	
#sidebar-nav li a:hover {
	background-position:bottom;
	color:#fff;
	}
	
#login-form {
	padding:20px;
	width:162px;
	height:137px;
	overflow: hidden;
	background:url(../img/login-bknd.gif) center no-repeat;
	}
	
#login-form h2 {
	color:#fff;
	text-align:right;
	}
	
#login-form input[type="text"] {
	width:100%;
	height:20px;
	margin-bottom:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

#login-form input[type="password"] {
	width:100%;
	height:20px;
	margin-bottom:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

	
#login-form a {
	color:#fff;
	display:block;
	text-decoration:none;
	}
	
#login {
	border:none;
	outline:none;
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	float:right;
	cursor:pointer;
	}
	
#sidebar .donors {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	border:2px solid #961B1E;
	background:#961B1E;
	color:#fff;
	font-size:14px;
	}
	
#sidebar .donors li {
	padding:4px 10px;
	position:relative;
	}
	
#sidebar .donors li.even {
	background:#97835D;
	}
	
#sidebar .donors .amount {
	position:absolute;
	right:5px;
	top:5px;
	}
	
#sidebar .donors .name {
	display:block;
	width:130px;
	}

#sidebar .donors .name a {
	color: #fff;
	text-decoration:none;
	}

#sidebar .donors .name a:hover {
	color: #000;
	text-decoration:none;
	}
	
#sidebar .callout {
	width:202px;
	height:210px;
	background:url(../img/callout-bknd.gif) center no-repeat;
	overflow: hidden;
	text-align:center;
	}
	
#sidebar .callout h2 {
	padding-top:10px;
	font-size:14px;
	color:#fff;
	}
	
#sidebar .callout a {
	color:#fff;
	text-decoration:none;
	}
	
#sidebar .callout img {
	margin:0 auto;
	margin-bottom:5px;
	}
	
	
/* Footer
-------------------------------------------------------------- */

#footer {
	color:#fff;
	font-size:11px;
	background:url(../img/nav-bknd.jpg) left repeat-y;
	margin-top:60px;
	}

#footer p {
	margin:0;
	padding:10px 20px;
	}
	
#footer-nav {
	list-style:none;
	position:absolute;
	right:0;
	top:0;
	}
	
#footer-nav li {
	float:left;
	padding:10px;
	}
	
#footer-nav li a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	}
	
#footer-nav li a:hover {
	color:#961B1E;
	}
	
#foot-note {
	position:absolute;
	top:-55px;
	color:#888;
	font-size:12px;
	}
	
#foot-note img {
	margin-right:10px;
	}


/* Typography
-------------------------------------------------------------- */

body {
	color:#333;
	}
	
#content p {
	font-size:14px;
	}

h1, h2, h3, h1 a, h2 a, h3 a {
	color:#961B1E;
	text-decoration:none;
	}
	
h3, h3 a {
	color:#8C6339;
	}
	
#content a {
	color:#333;
	}
	
#content a:hover {
	color:#FF8600;
	text-decoration:none;
	}
	
hr {
	border:none;
	height:2px;
	background:url(../img/rule-hor.gif) left repeat-x;
	padding:20px 0;
	}
	
#content h2 a {
	display:block;
	padding:15px 20px;
	width:566px;
	height:33px;
	margin:20px 0 0 -5px;
	background:url(../img/main-title-bknd.gif) center no-repeat;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	}
	
#main a.button {
	display:block;
	float:right;
	clear:both;
	background:#FF8600;
	text-decoration:none;
	color:#fff;
	padding:0 8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
#main a:hover.button {
	background:#961B1E;
	}
	
#main large {
	font-size:18px;
	}
	
img[title="Give Up Your Gifts"] {
	border:10px solid #fff;
	}

.alignleft {
	float:left;
	margin:0 20px 20px 0;
	}
	
.alignright {
	float:right;
	margin:0 0 20px 20px;
	}
	
#content .img-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:auto;
	}
	
#content .img-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
	
#content .img-caption div {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

.project {
	border-bottom:2px dotted #888;
	margin-bottom:20px;
	min-height:120px;
	background:url(../img/project-arrow.gif) center right no-repeat;
	position:relative;
	}

.project p {
	color:#888;
	font-size:14px;
	width:360px;
	}

.project-new {
 	color:#FF8600;
 	border-bottom:2px dotted #888;
 	margin-bottom:20px;
 	min-height:120px;
 	background:url(../img/project-arrow.gif) center right no-repeat;
	 position:relative;
	}

.project-new p {
	color:#888;
	font-size:14px;
	width:360px;
	}
	
#content table {
	font-size:14px;
	}
	
.table-head {
	color:#888;
	}
	
.table-even {
	color:#fff;
	background:#96825D;
	}
	
.table-odd {
	color:#fff;
	background:#DDCFB2;
	}
	
.table-raised {
	color:#FF8600;
	}
	
.amount-raised {
	width:140px;
	position:absolute;
	top:40px;
	right:40px;
	}
	
.amount-raised-detail {
	width:140px;
	float:right;
	}
	
.amount-raised p, .amount-raised-detail p {
	font-size:10px;
	margin:0 10px;
	}
	
.amount-raised-bar {
	width:100%;
	height:10px;
	background:#fff;
	border:1px solid #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.amount-raised-bar span {
	display:block;
	height:10px;
	width:0%;
	background:url(../img/amount-raised-bknd.gif) left top repeat-x #FF8600;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.amount-raised-supported {
	width:140px;
	position:absolute;
	top:40px;
	right:40px;
	}
	
.amount-raised-supported-detail {
	width:140px;
	float:right;
	}
	
.amount-raised-supported p, .amount-raised-supported-detail p {
	font-size:10px;
	margin:0 -45px;
	}
	
.amount-raised-supported-bar {
	width:100%;
	height:10px;
	background:#fff;
	border:1px solid #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.amount-raised-supported-bar span {
	display:block;
	height:10px;
	width:0%;
	background:url(../img/amount-raised-bknd.gif) left top repeat-x #FF8600;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.errorText {
	color: red;
	}	


/* Definição dos estilos do DIV */
/* CSS for the DIV */
#acDiv{ border: 1px solid #9F9F9F; background-color:#F3F3F3; padding: 3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; display:none; position:absolute; z-index:999;}
#acDiv UL{ list-style:none; margin: 0; padding: 0; } 
#acDiv UL LI{ display:block;}
#acDiv A{ color:#000000; text-decoration:none; }
#acDiv A:hover{ color:#000000; }
#acDiv LI.selected{ background-color:#7d95ae; color:#000000; }

/* By Jorge Veloso
-------------------------------------------------------------- */
/* Members Image */
.memberImageProfile
{
	margin-right:10px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
}

.donation {
	border-bottom:2px dotted #888;
	margin-bottom:20px;
	min-height:40px;	
	position:relative;
	}

.donation p
{
	text-align: right;
	color:#888;
}

.donation h3
{
	font-size: 14px;
	font-weight: bold;
}