@charset "UTF-8";
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

a:active, a:focus {outline: 0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body{
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	text-align:center;
}
body > #wrap {height: auto; min-height: 100%;}

#content {padding-bottom: 66px;}  /* must be same height as the footer */

#bottombar {
	position: relative;
	margin-top: -66px; /* negative value of footer height */
	height: 66px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/***********************
	CONTENT
***********************/
div#content{
	width:960px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
div#text{
	position:relative;
	right:0px;
	padding: 120px 0  50px 403px;
	width:536px;
	min-height:490px;
}
img.image_text{
	border: 28px solid black;
}



div.image{
	width:536px;
	padding-top:3px;
	position:relative;
}
div.image img{
	position:relative;
	left:0px;
	margin-bottom:8px;
}

/***********************
	MENU
***********************/
body.blog div#menu li.blog a,
body#thephotos div#menu li.photos a,
body#thelinks div#menu li.links a,
body#theartists div#menu li.artists a,
body#thewalls div#menu li.walls a,
body#contactus div#menu li.contact a,
body#supporters div#menu li.supporter a,
body#theproject div#menu li.project a{
	color:#000000;
	cursor:default;
}

div#menu{
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;	text-transform:uppercase;
	position:absolute;
	width:598px;
	height:58px;
	left:370px;
	top:43px;
	background-image:url(../images/menubar.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	text-align:center;
}


ul#nav, 
ul#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#nav{
	position:relative;
	top:22px;
	left:50px;
	width:560px;
}	

#nav a {
	display: block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	/*
	background-color: #1c8600; 			
	*/
}
#nav a:hover {
	color:#000000
}

#nav li {
	float: left;
}

#nav li.blog{
	width: 50px;
}
#nav li.project{
	width: 75px;
}
#nav li.artists{
	width: 72px;
}
#nav li.photos{
	width: 75px;
}
#nav li.supporter{
	width: 105px;
}
#nav li.links{
	width: 60px;
}
#nav li.contact{
	width: 75px;
}
ul#nav li ul {
	position: absolute;
	padding: 12px 0 15px 0;
	left: -999em;
	color:#000000;
	z-index:4000;
	width:140px;
	margin-left:-10px;
	
	
	background-image:url(../images/menu_rollover_bg.png);
	background-position: 0 100%;
	background-repeat:no-repeat;
}
#nav li ul li{
	text-align:left;	
}
#nav li ul a,
body#theproject div#menu li.project ul a,
body#theartists div#menu li.artists ul a{
	line-height:25px;
	color:#ffffff;
	text-align:left;	
	background-color:#1c8600;
	text-transform:none;
	width: 120px;
	padding: 0 10px;
}
#nav li ul a:hover,
body#theproject div#menu li.project ul a:hover,
body#theartists div#menu li.artists ul a:hover{
	background-color:#000000;
	color:white;
}

#nav li:hover ul, 
#nav li.sfhover ul {
	left: auto;
}




/***********************
	LEFT
***********************/
div#left{
	position:absolute;
	top: 0;
	left:0;
	height:622px;
	width:370px;
}
div#left img#rua_logo_large{
	position:absolute;
	top:25px;
	height: 264px;
	width:370px;
	left:0px;
}
div#left img#reflexo_large{
	position:absolute;
	top:289px;
	height:206px;
	width:370px;
	left:0px;
}
div#left img#where{
	position:absolute;
	top:495px;
	height:127px;
	width:370px;
	left:0px;
}






/***********************
	NEWSLETTER
***********************/
#newsletterbox {
	display: block;
	height:0;
}
#newsletterbox p{
	color:#1C8600
}









/***********************
	LAYOUT
***********************/
div.altSpace{
	color:#111111;
	font-size:13px;
	line-height:18px;
	margin-bottom:9px;
	padding:5px 0px;
	
}
h1 {
	border-bottom:2px solid #2A2A2A;

	color:#000000;
	font-size:15px;
	padding:25px 10px 2px 0;
	margin-bottom:0px;
	text-align:left;
	font-weight:bold;
}
h2{
	border-bottom:2px solid #2A2A2A;

	color:#000000;
	font-size:14px;
	padding:15px 10px 2px 0;
	margin-bottom:0px;
	text-align:left;
	font-weight:bold;
}
h1 a{
	color:#000000
}
div#text li,
p{
	color:#111111;
	font-size:13px;
	margin-bottom:3px;
	margin-top:8px;
	padding:  0px;
}
div#text ul{
	list-style-type:none;
	padding-left:20px;
}
	
p{
	line-height:18px;
}
p.back{
	margin-top:15px;
}
a{
	color:#1c8600;
	font-weight:bold;
	text-decoration:none
}
a.back{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	padding: 1px 5px 2px 21px;
	background-image:url(../images/back.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	width:27px;
	display:block
}
a.back:hover{
	color:#FFFFFF;
	background-position: 100% 0;
}	
a:hover{
	color:#000000;
}
div#altSpace{
	display:none
}
div#slideshowcontainer{
	width:528px;
	height:458px;
	position:relative;
}

div#walls{
	/*
	overflow:hidden;
	top:24px;
	left:24px;
	*/
	width:480px;
	height:410px;
	position:absolute;
	
	cursor:pointer;
}
div#walls div#fotos{
	position:absolute;
	background-color:#000;
	top:0;
	left:0
}

div.spacer{
	clear:both;
}
div#contenter{
	margin-top:158px;
}

div.walls img{
	padding-bottom:20px;
}
div#walls{
	height:450px;
	width:536px;
	overflow:auto;
}
div.imageContainer{
	height:410px;
	top:0;
	position:absolute;
}


/***********************
	BOTTOMBAR
***********************/
div#bb_form form,
div#bb_form{
	display:inline;
	width:200px;
}
div#bb_form{
	position:relative;
	top:36px;
	left:150px;
}
a#facebook_bottom{
	border:none;
	width:42px;
	height:14px;
	position:relative;
	top:3px;
	/*
	background-image:url(../images/facebook-small.gif);
	background-position: 0 0;
	background-repeat:repeat;
	*/
}
a#facebook_contact{
	display:block;
	border:none;
	width:69px;
	height:25px;
	background-image:url(../images/facebook.jpg);
	background-position: 0 0;
	background-repeat:repeat;		
}	
a#facebook_contact:hover{
	background-position: 100% 0;
}
a#facebook_bottom img{
	border:none
}
a#facebook_bottom span{
	display:none;
}
body div#bottombar{
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;	
	width:100%;
	background-image:url(../images/bottombar.png);
	background-position: center 9px;
	background-repeat:repeat-x;
}
body div#bottombar div#blackbar{
	width:100%;
	height:33px;
	background-color:#000000;
	position:absolute;
	left:0;
	bottom:0;
}
body div#bottombar p{
	color:#FFFFFF;
	font-size:10px;
	width:660px;
	left:50%;
	position:absolute;
	top:30px;
	line-height:11px;
	text-align:left;
	margin-left:-443px;
}
body div#bottombar a{
	color:#1c8600;
	text-decoration:none;
	font-weight:normal;
}
body div#bottombar a:hover{
	color:#ffffff;
	text-decoration:underline;	
}
body div#bottombar  form{
	max-height:15px;
	height:15px;
	border:0;
	line-height:15px;
	font-size:12px
}





















/***********************
	LOGO
***********************/
div#logo{
	position:absolute;
	top:25px;
	width:318px;
	height:103px;
	left:0px;
}
div#logo a{
	display:block;
	width:318px;
	height:103px;
	background-image:url(../images/rua_logo_klein.jpg);
	background-position: 0 0;
}
div#logo a span{
	display:none
}



/***********************
	slimbox
***********************/
div.slimboxbox{
	margin: 10px 0;
	width:520px;
}
div.slimboxbox img{
	border:2px solid white;
	float:right;
}
div.slimboxbox a:hover img{
	border:2px solid #1c8600;
}