/*/ ************************************************************************************************************* /*/

/*/ *** Layout & Codigo desenvolvido por Margot Zeinad e Equipe MultiStudio                                                   *** /*/

/*/ ************************************************************************************************************* /*/

/*/ *** Copyright:     2003-2010 MultiStudio - arte digital, conceito e tecnologia                            *** /*/

/*/ *** Author:        Margot Zeinad                                                                          *** /*/ 

/*/ *** Cliente:      Oscar Filho - Site Oficial                                                             *** /*/

/*/ ************************************************************************************************************* /*/

/*/ *** Internet:      http://www.multistudio.com.br                                                          *** /*/

/*/ ***                http://www.multiseo.com.br                                                            *** /*/

/*/ ***                http://www.joomladesign.com.br                                                    *** /*/

/*/ ***                http://www.otimizacaosites.com.br                                                    *** /*/

/*/ ***                http://www.multistudioproducao.com.br                                                    *** /*/


/*/ ************************************************************************************************************* /*/

/*/ *** contato:       multistudiobr@gmail.com                                                               *** /*/

/*/ ************************************************************************************************************* /*/



/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:1em;}

fieldset{padding:0.5em;}

img {
	border: none;
}

.clear {
	clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
	background: #ffffff; top left  ;
	color : #333333;
	font-family : "Tahoma", Verdana, sans-serif;
	font-size:13px; /* more consistent font sizes */
	line-height:20px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
	font-size:13px;
}



/*-----HEADINGS-----*/
h1, .componentheading{
	padding-top:0em;font:bold 1.4em Tahoma;color:#585858;margin: 0px;
	padding: 5px 0px 10px 0px;
	background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/linha2.jpg) repeat-x bottom;
   line-height:25px;
	
}
h2, .contentheading{
	padding-top:0em;font:bold 1.1em Tahoma;color:#af0000;margin: 0px;
	padding: 5px 0px 10px 0px;
	background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/divisoria.jpg) repeat-x bottom;
   line-height:25px;
	
}
h3{
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
}
h4{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
h5{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	}


/*-----LINK TEXT COLORS-----*/
a {color: #af0000;text-decoration:none;font-weight:bold;}
a:hover {color: #666; font-weight: bold; text-decoration:none;}
a img {border:0;}
}
/*-----Lists-----*/
ul{
	list-style:none;
}

li{
	list-style:none;
	
}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse; width: 550px;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {
 
}

/* MAIN MENU LINK COLOR */

a.mainlevel{
	display:block;
	font-size:15px;
	padding:3px 0px 3px 30px;
	background:url(../images/menu.jpg) no-repeat;
	background-position:6px 6px;
}

a.mainlevel:hover{

}

a#active_menu.mainlevel{

}

a.sublevel{
	display:block;
	font-size:15px;
	padding:3px 0px 3px 50px;
	background:url(../images/arrow.png) no-repeat;
	background-position:36px 8px;
}

a.sublevel:hover{
}

a#active_menu.sublevel{

}

a.mainlevel-nav{
}

a.mainlevel-nav:hover{
}

/* Left/Right Column (GLOBAL DEFAULT STYLE) */




/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{
	
}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader {
 
}

/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td {
 
}

/* ALTERNATING SECTION TABLE ROW 2 BACKGROUND/TEXT STYLES */

tr.sectiontableentry2 td {
 
}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {
 
}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {
	 
}

/*layout*/



.wrapper{
	position:relative;
	margin: auto;
	padding: 0px;
	width: 936px;
	height: auto;
	text-align:left;
}
/*The header class controls the appearance and podiytion for the header.*/
#header{
	height : 320px;
	width : 100%;
	
}

#headerleft{
	position:absolute;
	top:2px;
	left:0px;
	}

#logo{
   width:936px; height:282px; margin:0 auto; background:url('http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/topo.jpg') no-repeat; text-indent:-9999px;
	}

#logo h1{
	text-transform:uppercase;
	font-size:36px;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	color:#000000;
	border:none;
	margin:8px 0 0 0;
	letter-spacing:-2px;
	}
	
#logo h1 a{
	color:#000000;
	text-decoration:none;}

#logo h1 a:hover{
	color:#1b79b6;
	}
	
#logo h3{
	color:#fff;
	font-size:24px;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:-0.5px;
	}

/*The following controls the appearance of the crumb trail*/

.crumb a{
	color : #333333;
}
.crumb a:hover{
	color:#1b79b6;
	}
.crumb{
	float:left;
	background:url(../images/crumbbg_left.gif) top left no-repeat;
	padding-left:15px;
	margin-top:4px;
	font-weight:bold;
	font-size:13px;
	}
	
.crumb .bg{
	background:url(../images/crumbbg_right.gif) top right no-repeat;
	padding:2px 15px 2px 0px;
	}
	
#headerright{
	position:absolute;
	right:-15px;
	top:9px;
	height:102px;
	width:315px;
	color:#fff;
	font-size:14px;
	}
	
#headerright h3{
	margin:5px 0 0 0px;
	font-size:16px;
	font-weight:bold;
	}
	
#headerright a{
	color:#ffe400;
	font-weight:bold;
	text-decoration:none;
	}

#headerright a:hover{
	text-decoration:underline;
	}
	
#headerright .box{
	padding:0px 30px;
	height:88px;
	overflow:hidden;
	}

#headerright td{
	margin:0; padding:0;
	color:#fff;}
	
#container{
	background: #ffffff top left;
	padding-top:18px;
	}

#maincol{
	float:left;
	width:661px;
	}

#maincol, #rightcol{overflow:hidden;}

/*the sub-header appears directly below the header section*/


#subheader{
	position:relative;
	width:627px;
	}

#subheaderleft{
	float:left;
	width:369px;
	height:168px;
	overflow:hidden;
	}

#subheaderright{
	float:left;
	height:168px;
	width:258px;
	overflow:hidden;
	}
	
#subheaderright .box{
	padding:10px;
}
	
#subheader h3{
	color:#1b79b6;
	margin:0;
}

/*The content div is where all the store content will appear*/
#content {
  text-align:left;
  margin-top:20px;
  margin-left: 40px;
}

/*The rightcol is for the right hand colum.*/

#rightcol{
	float:right;
	width:254px;
	}

/*controls the appearance of the search filed although this does not have to appear in the left hand column*/
#rightcol #search{
	width : 281px;
	padding-bottom:12px;
	margin-bottom:12px;
}
#rightcol #search form{
	text-align : left;
	margin-top : 3px;
	margin-left : 3px;
}

#rightcol #search .box{
	padding:10px 35px 0px 30px;
	
	}


#rightcol #br{
	
	}

#rightcol #br .bg{
	
	padding:10px 35px 20px 30px;
	}

#rightcol .moduletable{
	margin-bottom:16px;}
	
#rightcol ul {
    list-style-type: none;
	margin: 0;
	padding:0;
	text-align: left;
}

#rightcol h3{
	font-weight : bold;
	color:#595959;
	margin-top:0;
}

/*  footer  */

/*This class control the footer postiion*/
#footer{
   width: 936px;	
	margin-top:2px;
	border-top: #666 1px solid;
	text-align:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
   font-weight: bold;	 
	bottom:0;
	padding: 2px 0px;
	color: #666;
}
#footer ul{
	margin:0;
	list-style:none;
	background-color:#af0000;	
}
#footer li{
	display : inline;
	padding:2px 8px;
	margin:0;
	border-right:#af0000 1px solid;
	background:none;
}
#footer li.left{
	border-left:#af0000 1px solid;;
	}
#footer a{
	color : #af0000;
	font-weight:bold;
	text-decoration:none;
	font-size: 9px;
}
#footer a:hover{
   color: #666;
	text-decoration:underline;
	font-size: 9px;
	}


/* HEADER */
div#header {position:relative; width:940px; height:320px; margin:0 auto;}
div#header h1#logo{width:936px; height:282px; margin:0 auto; background:url('http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/topo.jpg') no-repeat; text-indent:-9999px;}
div#header ul#menu{position:absolute; top:245px; left:35px;} 
div#header ul#menu li {float:left;}
div#header ul#menu li a{height:30px; margin-right:22px; background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; display:block;}	
div#header ul#menu li#home a{width:65px;}
div#header ul#menu li#agenda a{width:75px;}
div#header ul#menu li#videos a{width:75px;}
div#header ul#menu li#bio a{width:45px;}
div#header ul#menu li#imprensa a{width:100px;}
div#header ul#menu li#contato a{width:98px; margin-right:15px;}

div#header a#rss-blog { width:77px; height:40px; display:block; text-indent:-9999px; position:absolute; top:234px; left:688px;}
div#header a#rss-shows { width:87px; height:40px; display:block; text-indent:-9999px; position:absolute; top:234px; left:772px;}
.centro {text-align:center;padding:10px 0 5px 0;}

/* SUBMENU */
div#submenu { position:absolute; bottom:0; left:0; width:940px; height:36px;}
div#submenu ul { display:none; position: relative;}
div#submenu ul li { position: absolute; top:0;left:0;}
div#submenu ul.ativo { display:block;}


ul#menu-videos{background: url('http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/submenu-video.jpg') no-repeat; width:558px; height:34px; position:absolute; left:260px;}
ul#menu-videos li a{display:block; position:absolute; top:9px; height:17px; text-indent:-9999px;} 
ul#menu-videos li a.stand-up{ width:95px; left:10px;}
ul#menu-videos li a.cqc{ width:45px; left:110px;}
ul#menu-videos li a.mtv{ width:45px; left:175px;}
ul#menu-videos li a.comerciais{ width:110px; left:230px;}
ul#menu-videos li a.tarja-preta{ width:110px; left:355px;}
ul#menu-videos li a.mais{width:50px; left:495px;}

ul#menu-bio{background: url('http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/submenu-bio.jpg') no-repeat; width:349px; height:34px; position:absolute; left:365px;}
ul#menu-bio li a{display:block; position:absolute; top:9px; height:17px; text-indent:-9999px;} 
ul#menu-bio li a.cqc{ width:45px; left:10px;}
ul#menu-bio li a.stand-up{ width:85px; left:70px;}
ul#menu-bio li a.teatro{ width:85px; left:177px;}
ul#menu-bio li a.cinema{ width:85px; left:266px;}

ul#menu-imprensa{background: url('http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/submenu-imprensa.jpg') no-repeat; width:311px; height:34px; position:absolute; left:445px;}
ul#menu-imprensa li a{display:block; position:absolute; top:9px; height:17px; text-indent:-9999px;} 
ul#menu-imprensa li a.release{ width:80px; left:10px;}
ul#menu-imprensa li a.fotos{ width:70px; left:100px;}
ul#menu-imprensa li a.publicacoes{ width:90px; left:180px;}

/* TITULOS LATERAL */
#lateral h3 {margin:10px 0;}
#historico h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/posts_recentes.jpg); clear: left;margin: 0px;}
#twitter h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/twitter.jpg); clear: left;margin: 0px;}
#ligado h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/ligado.jpg); clear: left;margin: 0px;}
#votacao h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/votacao.jpg);}
#shows h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/shows.jpg);}
#outros-sites h3 {height:80px;text-indent:-5000px;background:url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/recomendo.jpg);clear: left;margin: 0px;}
#perfil h3, #etc {display:none;}

/* ÚLTIMOS 10 POSTS PUBLICADOS */
#ultimas {font:normal 12px arial; padding:10px; text-align:left;}
#ultimas * {margin:0; padding:0; background:0;}
#ultimas h4 {font-size:13px; margin-bottom:10px;}
#ultimas li {list-style:none; padding:5px 0 0 20px; font:normal 12px arial;}
#ultimas li a {color:#af0000;}

/* HISTÓRICO LATERAL */
#historico-lateral {background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/linha2.jpg) no-repeat bottom; padding: 0px 10px 14px 20px !important; margin: 0px;font-size:11px;}
#historico-lateral li {padding:1px 0 1px 10px;color:#af0000;font-weight: bold;}
#historico-lateral li a {color: #666; font-weight: bold; font-size:11px;}
#historico-lateral li li a:hover {color: #af0000; font-weight: bold; text-decoration:none}
#periodos-lateral {background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/linha2.jpg) no-repeat bottom; padding: 0px 10px 14px 20px !important; margin: 0px; padding:0 0 4px 0; margin:0; list-style:none;font-size:11px;}
#periodos-lateral li {padding:1px 0 1px 10px;}
#periodos-lateral li a {color: #666; font-weight: bold;font-size:11px;}
#periodos-lateral li a:hover {color: #af0000; font-weight: bold; text-decoration:none;font-size:11px;}
#vejaMais {text-align:right; padding:0 15px 4px 4px;font-size:11px;}
#vejaMais a {text-decoration:none; color:#af0000; font-weight:bold margin-right:15px;}

/* RECOMENDO */
#outros-lateral {padding:0 0 4px 0; margin:0; list-style:none;}
#outros-lateral li {padding:0px 0 1px 20px;}
#outros-lateral li a {color: #666; font-weight: bold;}
#outros-lateral li a:hover {color: #af0000; font-weight: bold; text-decoration:none}


/* TWITTER */
div#twitter {}
ul#twitter_update_list {padding: 0 1em 0.5em 1em;}
ul#twitter_update_list li {background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/linha2.jpg) no-repeat bottom; padding: 0px 10px 14px 20px !important; margin: 0px;}
ul#twitter_update_list li a {color: #666; font-weight:normal}
ul#twitter_update_list li span {display: block;}
ul#twitter_update_list li span a {color: #af0000;}

/* MÓDULO RSS */	
table.moduletable_rss td a {
  width            : 235px;
  color            :  #000000;
  margin-bottom    : 15px;
  margin-top       : 15px;
  margin-left      :10px;
}

table.moduletable_rss td li a {
  width            : 235px;
  color            :  #af0000;
  margin-bottom    : 10px;
  margin-left      :10px;
}

table.moduletable_rss td li a:hover {
  width            : 235px;
  color            :  #666;
  margin-bottom    : 10px;
  margin-left      :10px;
}


table.moduletable_rss td ul {
background: url(http://www.otimizacaosites.com.br/oscar_uol/imgs_blog/divisoria.jpg) no-repeat bottom; padding: 0px 10px 14px 20px !important; margin: 0px;font-size:11px; width: 235px;
}