/* obstructedviewstudios.com 
   SCREEN CSS
----------------------------------------------------------------------------------------*/

body {
 font-size: 65%;
 font-family: "Trebuchet MS", Arial, Verdana;
 color:#363636;
 background:#7da7d9 url(../images/bg_container.gif) repeat-y top center;}

*{
 margin:0;
 padding:0;
 list-style-type:none;
 text-decoration:none;
 border:none;}

.clear {
 clear:both;
 margin:0;
 height:0;
 line-height:0.0;
 font-size:0;}

hr {
 display:none;}

.acc {
 display:none;}

/* LINKS
-----------------------------------------------------------------------------------------*/
a,a:visited {
 cursor:pointer;
 color:#663399;}

a:hover {
 color:#666;}

/* HEADERS
-----------------------------------------------------------------------------------------*/
h1 a{
 background:url(../images/logo.png) no-repeat top left;
 width: 342px;
 height:232px;
 text-indent:-99999px;
 overflow:hidden;
 float:left;
 margin: 0 0 0 86px;}

h2, h5{
 font-size: 1.6em;
 color:#663399;
 line-height:1em;
 margin: 0 0 5px 0px;}

h5
{
	font-size: 1.3em;
	color:Black;
}

h3 {
 font-size: 2em;
 color:#663399;
 line-height:1em;
 margin: 0 0 5px 0px;}

h4 {
font-family: Georgia, "Times New Roman",
          Times, serif;
 font-size: 1.8em;
  line-height:1.5;
 color:#663399;}
 
 h6 
 {
 	font-size: 1.6em;
 color:#00acee;
 }
 
/* PAGE LAYOUT
-----------------------------------------------------------------------------------------*/
#container {
 width: 807px;
 margin: 7px auto 0 auto;
 background:#FFF;}


/* HEADER
-----------------------------------------------------------------------------------------*/
#header 
{
	position:relative;
 background:url(../images/bg_header.gif) no-repeat top left;
 height: 256px;
 width: 100%;}
 
a.making-contact 
{
 position: absolute;
 right: 40px;
 top:55px;
 text-indent:-9999px;
 background:url(../images/header_makingcontact.png) no-repeat top left;
 width: 113px;
 height:70px;
 overflow:hidden;}
 
 a.about 
 {
 	position: absolute;
 	top:7px;
 	left:350px;
 	
 width: 200px;
 height:30px;
 text-indent:-9999px;
 overflow:hidden;
 float:right;
 margin: 180px 100px 0 0;}
 
  a.about:hover
 {
 	height:50px;
 	font-size: 1.4em;
 	font-weight: bold;
	color:#663399;
	line-height:70px;
	text-decoration: underline;
 	text-indent:90px;
 }

a.making-contact:hover {
 background:url(../images/header_makingcontact_active.png) no-repeat top left;}

/* NAVIGATION
-----------------------------------------------------------------------------------------*/
#navigation {
 width: 150px;
 float:left;
 padding: 0px 0 0 15px;}
 
#navigation ul li a{
 display:block;
 width: 150px;
 text-indent:-99999px;
 overflow:hidden;
 margin: 0 0 0px 0;}

#navigation ul li.radioshow a:hover,
#navigation ul li.articles a:hover,
#navigation ul li.radioads a:hover,
#navigation ul li.healthcare a:hover,
#navigation ul li.animation a:hover
{
	opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	}

#navigation ul li.radioshow a {
 background:url(../images/nav_radio_show.gif) no-repeat top left; height: 70px;}




#navigation ul li.articles a {
 background:url(../images/nav_humor_column.gif) no-repeat top left; height: 70px;}


 
 
#navigation ul li.radioads a {
 background:url(../images/nav_radio_ads.gif) no-repeat top left;
  height: 70px;}
 


#navigation ul li.healthcare a {
 background:url(../images/nav_radio_healthcare.gif) no-repeat top left; height: 80px;}

 
 #navigation ul li.animation a {
 background:url(../images/nav_animation_scripts.gif) no-repeat top left;
  height: 70px;}
 






/* CONTENT
--------------------------------------------------------------------------------------*/
#content {
 width: 432px;
 float:left;
 margin: 13px 0 0 20px;
 min-height: 400px;
overflow: visible; 
 height:auto !important;
 height: 400px;}

#content p {
 margin: 0 0 15px 0px;
 font-size: 1.3em;
 line-height:1.2em;}

div.intro-box{ 
 background:url(../images/bg_roundedtop.png) no-repeat top left;
}

  div.intro-box h2
  {
  	margin:0;
  }
div.intro-box h5
 {
 	padding-top: 10px;
 	margin: 0;
 	 width:410px;
 }
 .intro-outer
 {
 	 background:url(../images/back-intro.png); 
 	 width:427px;
 }
 
 div.intro-box span
 {
 	line-height:1.5em;
 	font-size: 8pt;
 	font-weight: normal;
 }
 
 
 div.intro-box .intro-box-wrapper div
 {
 	width: 410px;
 }
 div.intro-box .intro-box-wrapper p
 {
 	width: 410px;
 }

div.intro-box .intro-box-wrapper {
 background: url(../images/bg_roundedbottom.png) no-repeat bottom left;
 width:427px;
 padding: 10px;
 padding-top:10px;
 font-size: 8pt;
 	font-weight: normal;}



/* SIDEBAR
--------------------------------------------------------------------------------------*/
#sidebar {
 width: 147px;
 float:left;
 margin: 18px 0 0 18px;}

#sidebar p {
 margin: 0 0 30px 0;}

#sidebar p.ad {
 text-align:center;}

#navigation ul li a{
 display:block;
 width: 150px;
 text-indent:-99999px;
 overflow:hidden;
 margin: 0 0 0px 0;}

#navigation ul li.trophyroom a {
 background:url(../images/trophy_room.gif) no-repeat top left; height: 100px;}

#navigation ul li.trophyroom a:hover {
 background:url(../images/trophy_room_-a.gif) no-repeat top left;}

 
/* FOOTER
--------------------------------------------------------------------------------------*/
#footer {
 background:url(../images/bg_footer.gif) no-repeat top left;
 height:178px;
 font-size: 1.2em;
 margin: -10px 0 0 0;
 position:relative;}
 
#footer a{
 text-indent:-99999px;
 overflow:hidden;}

#footer p {
 float:left;
 padding: 153px 0 0 85px;
 left: 170px;
 position:absolute;}
 
a.surface {
 background:url(../images/footer_surface.png) no-repeat top left;
 width: 125px;
 height:151px;
 float:left;
 margin: 14px 0 0 32px;
 position:absolute;}

a.surface:hover {
 background:url(../images/footer_surface_active.png) no-repeat top left;}

a.articles {
 background:url(../images/footer_articles.png) no-repeat top left;
 width: 109px;
 height:135px;
 float:right;
 margin: 0 40px 0 0;}

a.articles:hover {
 background:url(../images/footer_articles_active.png) no-repeat top left;}
 
 a.obstructo {
 background:url(../images/footer_radio.png) no-repeat top left;
 width: 125px;
 height:151px;
 float:left;
 margin: 14px 0 0 32px;
 position:absolute;}

a.obstructo:hover {
 background:url(../images/footer_radio_active.png) no-repeat top left;}
 
 a.radio {
 background:url(../images/footer_obstructo.png) no-repeat top left;
 width: 109px;
 height:135px;
 float:right;
 margin: 0 40px 0 0;}

a.radio:hover {
 background:url(../images/footer_obstructo_active.png) no-repeat top left;}
 
  a.alien {
 background:url(../images/footer_alien.png) no-repeat top left;
 width: 150px;
 height:135px;
 float:right;
 margin: 0 20px 0 0;}

a.alien:hover {
 background:url(../images/footer_alien_active.png) no-repeat top left;}
 
   a.raygun {
 background:url(../images/footer_raygun.png) no-repeat top left;
 width: 123px;
 height:135px;
 float:right;
 margin: 0 40px 0 0;}

a.raygun:hover {
 background:url(../images/footer_raygun_active.png) no-repeat top left;}


/*
http://icant.co.uk/csstablegallery/index.php?css=71

Data Tables and Cascading Style Sheets Gallery
Title: Casablanca
Author: RODrigo CASTilho Galvão Ferreira - RODCAST
URL: http://www.rodcast.com.br
Update: 03/23/2006 11:15 PM
*/

table {
	color: #7F7F7F;
	font: .9em/1.6em "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse
}

table,caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC
}

caption,th,td {
	border-left: 0;
	padding: 10px
}

caption,thead th,tfoot th,tfoot td {
	background-color: #8E3493;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

thead th {
	background-color: #8E3493;
	color: #FFF;
	text-align: center
}

tbody th {
	padding: 20px 10px
}

tbody tr.odd {
	background-color: #F7F7F7;
	color: #666
}

tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #E63C1E
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}

tbody tr:hover {
	background-color: #EEE;
	color: #333
}

tbody tr:hover a {
	background-color: #FFF
}

tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0
}

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
	color: #E63C1E
}

tbody td a[href="http://www.rodcast.com.br/"] {
	margin: 0 auto;
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url(http://www.rodcast.com.br/csstablegallery/i/logo.gif) no-repeat;
	text-indent: -999em;
	border-bottom: 0
}

tbody a:visited:after {
	font-family: Verdana,sans-serif;
	content: "\00A0\221A"
}