@import url("gdi_indie_rc_black.css");
@import url("gdi_indie_lc_black.css");
@import url("superfish_black.css"); 
/* 

 COMPANY: 		GODIRECT INTERACTIVE
 AUTHOR:		RUBEN NASCIMENTO / WEB DEVELOPER
 EMAIL:			INFO@GODIRECT-I.COM

 PROJECT:		FESTIVAL INDIE // GLOBAL STYLES      
 
*/

/* ------------------------------------------ */
/* BASIC SETUP */
/* ------------------------------------------ */
*					{ margin:0; padding:0; }
html, body		{ height:100%; min-height:100%;  } 
body				{ font-family:"Trebuchet MS"; font-size:10px; background-color:#292929;}
a					{ outline:none;}
img				{ border:none;}
.clear				{ clear:both;}
.error				{ color:Red;}
.floatLeft			{ float:left;}
.floatRight		{ float:right;} 

/* ------------------------------------------ */
/* GLOBAL STYLES */
/* ------------------------------------------ */	
#css-white		{ visibility:visible; cursor:pointer; background:url(../images/btn_invertToWhite.gif) no-repeat left; padding-left:15px;  margin-left:50px; position:absolute;}
#css-black		{ visibility:hidden; cursor:pointer; background:url(../images/btn_invertToBlack.gif) no-repeat left; padding-left:15px;  margin-left:50px; position:absolute;}

#css-white a				{ color:#FFFFFF; text-decoration:none; }
#css-white a:hover		{ color:#FFFFFF; text-decoration:underline; }

#css-black a				{ color:#000000;text-decoration:none;  }
#css-black a:hover		{ color:#000000; text-decoration:underline; }

#page-wrap		{ min-height:100%; height:auto !important; height:100%; background-color:#000000; width:960px; margin:0px auto -82px auto; color:#FFFFFF;}
#page-footer	{ height:81px; background-color:#ffffff; color:#000000; margin:0px auto 0px auto; width:960px; border-top:solid 1px #666666; position:relative; z-index:10; font-size:11px;}



/* ------------------------------------------ */
/* HEADER STYLES */
/* ------------------------------------------ */
#page-wrap #header					{ height:145px; position:relative; z-index:10;}
#page-wrap #header .topBar		{ height:25px; line-height:25px; background:url(../images/bck_dot_black.gif) repeat-x bottom;}	
#page-wrap #header .topBar .language	{  position:absolute; right:55px; line-height:25px; font-size:10px; font-family:"Trebuchet MS"; color:#999999;}
#page-wrap #header .topBar .language .title { color:#666666; text-transform:uppercase;}
#page-wrap #header .topBar .language a:link		{ color:#4d4d4d; text-decoration:none;  }
#page-wrap #header .topBar .language a:visited	{ color:#4d4d4d; text-decoration:none;  }
#page-wrap #header .topBar .language a:hover	{ color:#4d4d4d; text-decoration:underline; }
#page-wrap #header .topBar .language a.current	{ color:#ffffff; text-decoration:none; font-weight:bold; }
#page-wrap #header .topBar .language a.current:visited	{ color:#ffffff; text-decoration:none; font-weight:bold; }
#page-wrap #header .topBar .socialNetworks			{ position:absolute; right:55px; line-height:25px; font-size:10px; font-family:"Trebuchet MS"; color:#999999;}
#page-wrap #header .topBar .socialNetworks img		{ margin-right:5px; margin-top:4px;}
#page-wrap #header .topBar .socialNetworks .youtube	{ width:16px; height:16px; background:url(../images/icon_youtube_black.gif) no-repeat center;} 
#page-wrap #header .topBar .socialNetworks .blog	{ width:16px; height:16px; background:url(../images/icon_blog_black.gif) no-repeat center;} 
#page-wrap #header .topBar .socialNetworks .twitter	{ width:16px; height:16px; background:url(../images/icon_twitter_black.gif) no-repeat center;}
#page-wrap #header .topBar .socialNetworks .facebook	{ width:16px; height:16px; background:url(../images/icon_facebook_black.gif) no-repeat center;}
#page-wrap #header .topBar .socialNetworks .sapo	{ width:16px; height:16px; background:url(../images/icon_sapo.gif) no-repeat center;}
#page-wrap #header .topBar .socialNetworks .myspace	{ width:16px; height:16px; background:url(../images/icon_myspace.gif) no-repeat center;}
#page-wrap #header .topBar .socialNetworks span	{ position:relative; bottom:3px;}

/*
#page-wrap #header .black				{ background-image:url(../images/bck_festival_header_black_pt.jpg); background-position:top left; background-repeat:no-repeat; width:960px; height:120px;}
#page-wrap #header .white				{ display:none; background-image:url(../images/bck_festival_header_white_pt.jpg); background-position:top left; background-repeat:no-repeat; width:960px; height:120px;}
*/
#page-wrap #header .white	{ display:none;}
#page-wrap #header .black	{ display:block;}


/* ------------------------------------------ */
/* MENU STYLES */
/* ------------------------------------------ */
#page-wrap #navMenu						{ background:url(../images/bck_navMenu_white.gif) repeat-x; height:36px; padding:0px 54px 0px 54px; position:relative; z-index:50;}
#page-wrap #navMenu	.search			{ position:absolute; z-index:15; width:160px; right:10px; padding:0px 0px 0px 4px; background:url(../images/bck_search_black.gif) no-repeat left center; height:36px; line-height:36px;}
#page-wrap #navMenu	.search input	{ background:transparent; border:none; color:#FFFFFF;  width:94px; font-family:"Trebuchet MS"; font-size:11px;}
#page-wrap #navMenu	.search .btnSubmit	{ width:16px; height:16px; background:transparent; border:none; background-image:url(../images/btnSearch_black.gif); background-repeat:no-repeat; }
#page-wrap #navMenu	.search div		{ color:#FFFFFF; position:absolute; right:0px; top:6px; line-height:12px; font-size:9px; text-align:center; }

/* ------------------------------------------ */
/* CONTENT STYLES */
/* ------------------------------------------ */
#page-wrap #content							{ width:852px; margin:0px auto 0px auto;}
#page-wrap #content .breadcrumbs		{ position:relative; z-index:10; height:29px; line-height:29px; color:#FFFFFF; font-family:"Trebuchet MS";}
#page-wrap #content .breadcrumbs .info	{ position:absolute; line-height:29px; left:0px; font-size:9px; color:#FFFFFF;}
#page-wrap #content .breadcrumbs .info a:link	{ text-decoration:none;  color:#FFFFFF;}
#page-wrap #content .breadcrumbs .info a:visited	{ text-decoration:none;  color:#FFFFFF;}
#page-wrap #content .breadcrumbs .info a:hover	{ text-decoration:underline;  color:#FFFFFF;} 
#page-wrap #content .breadcrumbs .info .current	{  font-size:9px; color:#FFFFFF;}
#page-wrap #content .breadcrumbs .info .current a {  font-size:9px; color:#FFFFFF; text-decoration:none;}
#page-wrap #content .breadcrumbs .date	{ position:absolute; line-height:29px; right:0px; font-size:11px; color:#c5c5c5;}
#page-wrap #content .leftColumn			{ width:530px; margin-right:22px; position:relative; z-index:10; overflow:hidden; padding-bottom:100px; float:left; }
#page-wrap #content .rightColumn		{ width:300px; position:relative;  z-index:10; overflow:hidden; padding-bottom:100px; float:left; }
/* LEFT COLUMN & RIGHT COLUMN */
/* files are imported on the begining of the css*/


ul{border:0; margin:0; padding:0;}


/* ------------------------------------------ */
/* PAGINATION STYLES */
/* ------------------------------------------ */
#page-wrap #content .pagination { margin-bottom:30px; }

#pagination li{border:0; margin:0; padding:0;font-size:11px;list-style:none; font-family:"Trebuchet MS"; font-size:11px;}
#pagination a{margin-right:2px;}
#pagination .previous-off,
#pagination .next-off {color:#666666;display:block;float:left;font-weight:bold;padding:2px 3px; text-decoration:underline;}
#pagination .next a,#pagination .previous a {font-weight:bold;}
#pagination .active{color:#ff7800;font-weight:bold;display:block;float:left;padding:2px 3px;}
#pagination a:link,
#pagination a:visited {color:#666666;display:block;float:left;padding:2px 3px;text-decoration:underline;}
#pagination a:hover{ color:#ff7800;}

#pagination2 { margin-bottom:30px; font-size:11px;list-style:none; font-family:"Trebuchet MS"; font-size:11px;  }
#pagination2 a.paginate { color:#FFFFFF !important; margin-right:5px;}
#pagination2 a.current{color:#ff7800; margin-right:5px;}
#pagination2 .all	{display:none;}
#pagination2 span.inactive	{color:#999999; margin-right:5px;}

/* ------------------------------------------ */
/* FLASHCONTENT STYLES */
/* ------------------------------------------ */
#page-wrap #content .leftColumn	 #flashcontent .line	{ text-align:center; padding-top:15px;}
#page-wrap #content .leftColumn	 #flashcontent .line #section	{ width:240px; margin-right:5px;}
#page-wrap #content .leftColumn	 #flashcontent .line #type	{ width:190px; margin-right:5px;}
#page-wrap #content .leftColumn	 #flashcontent .alphabet	  			{ text-transform:uppercase; margin-left:16px;  color:#666666;  padding:10px; font-size:11px;}
#page-wrap #content .leftColumn	 #flashcontent .alphabet a:link  	{ text-transform:uppercase; color:#FFFFFF;}
#page-wrap #content .leftColumn	 #flashcontent .alphabet a:visited  { text-transform:uppercase; color:#FFFFFF;}
#page-wrap #content .leftColumn	 #flashcontent .alphabet a:hover  	{ text-transform:uppercase; color:#ff7800;}
#page-wrap #content .leftColumn	 #flashcontent .noflashplugin		{ line-height:32px; font-size:9px; text-transform:none; text-align:left; background:url(../images/noflashplugin.gif) no-repeat left center; background-repeat:no-repeat; padding-left:22px; color:#FFFFFF;}
#page-wrap #content .leftColumn	 #flashcontent .noflashplugin a		{ color:#FFFFFF; text-decoration:none; text-transform:none;  }
#page-wrap #content .leftColumn	 #flashcontent .weekdays	  			{ text-transform:uppercase;  margin-left:20px; margin-top:10px; color:#666666; text-align:left;  font-size:11px;}
#page-wrap #content .leftColumn	 #flashcontent .weekdays a:link  	{ text-transform:uppercase; color:#FFFFFF;}
#page-wrap #content .leftColumn	 #flashcontent .weekdays a:visited  { text-transform:uppercase; color:#FFFFFF;}
#page-wrap #content .leftColumn	 #flashcontent .weekdays a:hover  	{ text-transform:uppercase; color:#ff7800;}


#page-wrap #content .eventDownload {
	width:22px;
	display:block;
	height:18px;
	background:url(/images/calendarImageWhite.png) no-repeat 0 0;
}

/* ------------------------------------------ */
/* FOOTER STYLES */
/* ------------------------------------------ */
#page-footer a:link		{ text-decoration:none; color:#000000;}
#page-footer a:visited	{ text-decoration:none; color:#000000;}
#page-footer a:hover		{ text-decoration:underline; color:#000000;}
#page-footer .links		{ position:absolute; left:54px; top:15px; text-align:left;}
#page-footer .copyright	{ position:absolute; right:54px; top:15px; text-align:right;}