/*----------
Author: Fabian Wizenfeld
Date: 9/10/09 | dd/mm/yy
Profile: Brasil Hub
-----------*/

img, div, #nav a { behavior: url(http://creative.myspace.com/CodeLibrary/Global/PngFix/iepngfix.htc); }

/*-------------------- Main Container -----------------*/

div#contentMain {
	margin: 0 auto;
	width:900px;
	text-align:center;
}

div#contentModules {
	min-height:500px;
  	height:auto !important;
  	height:500px;
}

/*-------------------- Nav -----------------*/

#nav{
 height:49px;
}

#nav a{
 background: url("http://stage-creative.myspacecdn.com/br/brasil/v2/img/contact_bullet.png") no-repeat;
 line-height:49px;
 display: block;
 float: left;
 font-weight:bold;
 font-size:12px;
 padding: 0 25px 0 35px;
 margin: 0;
}

#nav a:hover{
  background: #fff url("http://stage-creative.myspacecdn.com/br/brasil/v2/img/contact_bullet.png") no-repeat;
  color:#000;
}

/*-------------------- Content -----------------*/


#wrap .left{width:504px;}
#wrap .right{width:378px; background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/bg_blog.jpg) repeat;}

#myspacelogo{
 position:absolute;
 /*top:10px;*/
 top:-45px;
}

#photos{
 float:left;
 width:340px;
 margin-top:35px;
}

#welcome{
 float:right;
 text-align:left;
 height:239px;
 width:540px;
 font-size:12px;
 line-height:16px;
}

#welcome h2{
 font-size:2.2em;
 line-height:1.2em;
 text-transform:uppercase;
 margin: 35px auto 12px;
 background:#000;
 float:left;
 padding:2px 5px;
}
#welcome h2 span{color:#060;}
#welcome p{font-weight:bold; clear:both;}
#sponsor{text-align:right; margin-right:10px;}



#discover,#connect{background: #000; clear:both; text-align:left;}
#discover .top{ 
 background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/bg_dc.jpg) top left no-repeat; 
 height:8px; overflow:hidden;
}
#connect .bottom{
 background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/bg_dc.jpg) bottom left no-repeat !important; 
 *background-position: -8px left;
 height:8px; clear:both; overflow:hidden;
}

#discover h2, #connect h2{
 width:150px;
 float:left;
 font-size:18px;
 margin-left:10px;
 text-transform:uppercase;
 background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/arrow.jpg) top right no-repeat; 
 height:53px;
 padding-top:8px;
 letter-spacing:-0.1em;
}
#discover h2 span, #connect h2 span{
 color:#666; float:left;
}

#discover ul,
#connect ul{
 width:330px;
 margin:0px 0 0 10px;
 float:left;
}

#discover li,
#connect li{
 text-transform:uppercase;
 display:inline; 
 font-size:18px;
 font-weight:bold;
}


.border{
 background:#333; display:block;
 height:5px; 
 border:5px solid #000; overflow:hidden;
 *height:8px !important;
 *border:2px solid #000;
}

#rotator .prodLinks{
 background:#161513;
 font-size:11px;
 line-height:16px;
 text-align:center;
}
#rotator .prodLinks a{margin:0 10px;}


#video{background:#000;}
#videoPlayerContainer{float:left;}
#thumbs{float:right; margin-right:3px; *margin-right:1px;}
#thumbs .item{
 clear:both;
 width:152px;
 height:83px;
 background:#fff;
 margin:3px 0 0 0px;
}
#thumbs .item img{
 float:left;
 margin:3px;
}
#thumbs .item h4{
 color:#0f5c0a;
 font-size:12px;
 display:block; 
 width:90px; 
 float:left; 
 margin:3px 0 6px 0;
}

#thumbs .item p{font-size:11px;color:#000;}

#thumbs a.more{
 background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/btn_videos.gif) top center no-repeat;
 display:block;
 height:19px;
 text-indent:-9999px;
 margin-top:1px;
}
#thumbs a.more:hover{background-position: bottom center;}



/*
#blog{position:absolute; width:378px; height:675px;}
#blogContent{
 background: url(http://stage-creative.myspacecdn.com/br/brasil/v2/img/bg_blog.jpg) repeat;
 position:relative;
 z-index:0 !important;
 margin:300px 0 0 522px;
 width:378px; height:670px;
}
#profile_blog{
 background:#000;
 font-size:12px;
 width:280px;
 margin:0 auto;
 padding:0 10px;
}
#profile_blog h5{display:none;}
#profile_blog ul{
 position:relative;
 float:left;
 margin-top:10px;
}
#profile_blog li{
 position:relative;
 margin:16px auto !important;
}*/
#wrap .right h2{
 display:block;
 width:300px; 
 margin:12px auto 0;
 background:#000;
 text-indent:10px;
 font-size:18px;
 text-transform:uppercase;
 letter-spacing:-0.1em;
}

#feed{
 background:#000;
 font-size:12px;
 width:280px;
 margin:0 auto;
 padding:0 10px;
 height:362px;
 overflow:auto;
}
#feed divxxx{
 margin:12px auto;
 display:block;
}
#feed divxxx h5 a{text-align:left; display:block;}
#feed divxxx a{text-align:right; display:block;}
#banner{
 text-align:center;
 position:relative !important;
 margin: 12px auto;
}




#myspaceLinks{
 border:2px solid #000;
}
#myspaceLinks ul{
 float:left;
 padding:4px 0px 4px 14px;
 width:210px;
}
#myspaceLinks li{
 font-size:12px;
 line-height:16px;
}
#myspaceLinks h3{
 font-size:12px;
 margin-bottom:6px;
}
#myspaceLinks a:hover{
 padding-left:4px;
 font-weight:bold;
}