/* CSS Document */

/* Created using the Movable Type Style Generator <http://styles.movalog.com/generator/> */
/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */


/* basic elements */
/* setting the page white with no borders*/
html
{
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #eee;
	font-size: 12px;
	color: #f33;
}

/* GLOBAL */
a img,:link img,:visited img, {
    border:none;
}
a, a:visited { color: f33; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p, ol, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
    color: #666;
}



/*setting margins for our single column centered site*/
body
{
	margin: 25 auto;
	border: 0;

}


/* building our main container to hold all the content with basic font family*/
#container
{
	background-color: #fff;
	align: center;
	width: 650px;
/*	height: 1000px; */
	position: relative; 
	margin: 0 auto; /* center on everything else */
	text-align: left;
	font-family: verdana, 'trebuchet ms', sans-serif;
	padding: 25px ;

} 


/* this is where we will stick our logo, search, language selection, Navigation and subnavigation */
#header {
	width: 650px;
	height: 130px;
}

#language p
{
	font-weight: bold;
	float: right;
	color: #f33;
	margin: 0 0px 0 0;  
	font-size: 12px;
}
#language a, a:link, a:visited
{	
	font-weight: normal;
    text-decoration: none;
	color: #333;
}
#language a:hover 
{	
	color: #f33;
}
		
#search
{
	float: right;
	z-index: -3;
	color: #f33;
	margin: 25px -120px 0 0 ; 
/*	position: absolute;
	top: 30px;
	left: 550px;
	border:1px solid #666;
	background: #333;*/	
/*	width: 100px;  */
}

/* logo is a link. Keeping it clean */
#logo
{
	float: left;
	z-index: -2;
}
#logo a img{
    border: none;
}

/*     css image nav    */
#nav1
{
	color: #f33;
    position: absolute;
	left: 120px; 
	top: 70px;
	margin: 0 0 0 0;
	z-index: 5;	
}

ul#nav {
	list-style-type: none;
	width: 550px;
}
ul#nav li {
    height: 25px;
    line-height: 25px;
    float: left;
    display: inline;
    text-decoration: none;
    text-indent: -9999px;
    margin: 5px 5px 0 0;
}
ul#nav a {
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    background-image: url(http://www.taanteatro.com/portugues/images/taan-nav-En.png);
    background-repeat: no-repeat;
    background-position: 0 0; 
    background-color: transparent;
  }

  li#nav_taanteatro,  li#nav_taanteatro a {width: 140px; background-position: -6px -3px;}
  li#nav_taanteatro a:hover, li#nav_taanteatro a#active {background-position: -6px -33px;}
  
  li#nav_works, li#nav_works a {width: 85px; background-position: -150px -3px;}
  li#nav_works a:hover, li#nav_works a#active {background-position: -150px -33px;}

  li#nav_projects, li#nav_projects a {width: 106px; background-position: -239px -3px;}
  li#nav_projects a:hover, li#nav_projects a#active {background-position: -239px -33px;}
  
  li#nav_workshops, li#nav_workshops a {width: 128px; background-position: -346px -3px;}
  li#nav_workshops a:hover, li#nav_workshops a#active {background-position: -348px -33px;}
  
  li#nav_videos, li#nav_videos a {width: 85px; background-position: -480px -3px;}
  li#nav_videos a:hover, li#nav_videos a:active {background-position: -480px -33px;}
  
  li#nav_publications, li#nav_publications a {width: 151px; background-position: -565px -3px;}
  li#nav_publications a:hover, li#nav_publications a#active {background-position: -565px -33px;}
  
  li#nav_calendar, li#nav_calendar a {width: 118px; background-position: -705px -3px;}
  li#nav_calendar a:hover, li#nav_calendar a#active {background-position: -705px -33px;}
  
  li#nav_contact, li#nav_contact a {width: 103px; background-position: -825px -3px;}
  li#nav_contact a:hover, li#nav_contact a#active {background-position: -825px -33px;}


/* subnavigation */ 
#subnav 
{ 
	font-weight: bold;
	font-size: 9pt;
	position: relative;
    margin: 0 0 0 118px;
	color: #f33;
    text-transform: uppercase;	 
}
#subnav a, a:link, a:visited  
{ 
	font-weight: normal;
	color: #666; 
	text-decoration: none;

}
#subnav a:hover 
{ 
	color: #f33; 
	text-decoration: none;
	font-weight: normal;
}
#subnav a#active { color: #f33; }
/* 
http://www.learningmovabletype.com/a/000750horizontal_nav_bar/ (simple, static)
http://css.maxdesign.com.au/listamatic/horizontal12.htm (simple, static, active)
*/

#entry
{
  	position: relative;
	color: #666;
    font-size: 11px;
    width: 650px;
    height: auto;
    border-bottom: 2px solid #ccc;
    padding: 0 0 5px 0;
}

#entry .title a
{
	color: #333;
	text-decoration: none;
    font-weight: bold;
}

#entry .title a:hover, a:visited
{
	text-decoration: none;
    font-weight: bold;
	color: #f33; 
}


#entry a
{
	color: #f33;
	text-decoration: none;
	font-weight: normal;
}

#entry a:hover { text-decoration: underline; }

#entry h2
{
	text-transform: uppercase;
	color: #333;
	font-size: 13pt;
	padding: 10px 0 10px 0;
}	

#entry .asset-more-link
{
    padding: 5px 0 2px 0;  
} 

#more
{
/*  padding: 0 0 10px 0;  */
} 

/*  line break - after entry  */

#comments
{
    color: #666;
	padding: 0 0 10px 0;
}

#comments a
{
	margin-top: 5px;
	margin-bottom: 10px;
    float: right;
    font-family: trebuchet;
	font-size: 9pt; 
	color: #f33;
}

#comments h2
{
    font-size: 12pt;
    color: #666;
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 200px;
	margin-top: 5px;
	padding: 5px 0 5px 0;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 5px 10px;
}