/***************************************************
     AUTHOR: Ben Novak ( ben@novak.org.uk )
   TEMPLATE: Roda de bara
       DATE: 2006.01.13
  COPYRIGHT: Ben Novak
***************************************************/


/***************************************************
 Page Content
 ***************************************************/

#content
{
	position: relative;
	color: #000000;
	background-color: #B6F3F8;
	margin: 0 auto;
	width: 700px;
}

#header
{
	background-image: url(../images/blue-mainpic.jpg);
	background-repeat: no-repeat;
	color: #000000;
	background-color: #B6F3F8;
	z-index: 2;
	width: 700px;
	height: 200px; 
}

#title
{
	position: absolute;
	top: 0;
	width: 700px;
	height: 200px;
	padding-top: 150px;
	text-align: right;
	font-size: 55pt;
	color: #1704FF;
	z-index: 3;
}

#nav
{
	position: relative;
	top: -2px;
	background-color: #B6F3F8;
	height: 22px;
	width: 700px;
	background-image: url(../images/blue-topright.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	z-index: 5;
}

.link
{
	background-color: #0794FF;
	font-size: 10pt;
	font-weight: bold;
	color: #1704FF;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
}
.link a {color: #220F61; text-decoration: none;}
.link a:hover {color: #1704FF;}

.no_link
{
	background-color: #4242FF;
	font-size: 12pt;
	color: #220F61;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
}

#text
{
	z-index:0;
	float: left;
	width: 460px;
	padding: 0px 0px 0px 10px;
	background-color: #B6F3F8;
}

body
{
	margin: 0;
	text-align: center;
	font: 0.7em verdana, arial, sans-serif;  
	line-height: 170%;
	color: #000000;
	background-color: #1704FF;
}

p
{
	padding: 3px 0px 3px 10px;
	color: #000000;
	text-align: left;
}

table
{
	margin: 0;
	font: 1.3em verdana, arial, sans-serif;  
	line-height: 170%;
	color: #000000;
}

.t_cell
{
	font: 0.62em verdana, arial, sans-serif;
	color: #000000;
}

h1
{
	clear: both;
	margin: 10px 0;
	font: 700 1em verdana, sans-serif;
	text-transform: uppercase;
	color: #220F61;
	background: #0794FF url(../images/blue-rounded_tr.gif) no-repeat top right;
}

h1 span
{
	display: block;
	padding: 2px;
	background: url(../images/blue-rounded_br.gif) no-repeat bottom right;
}

#sideBar
{
	float: right;
	width: 210px;
	padding: 0px 10px 0px 0px;
	background-color: #B6F3F8;
}

#sideBar h1
{
	text-align: center;
	margin-bottom: 20px;
	background: #0794FF url(../images/blue-rounded_tl.gif) no-repeat top left;
}

#sideBar h1 span
{
	display: block;
	padding: 2px;
	background: url(../images/blue-rounded_bl.gif) no-repeat bottom left;
}

#sidecom .comments-t
{
	text-align: left;
	display: block;
	margin-bottom: 20px;
	background: transparent;
}

#sidecom .comments-b
{
	text-align: left;
	display: block;
	padding: 10px 5px 10px 5px;
}

#sidecom comments a
{
	color: #CCCCCC;
}

#sidecom comments a:visited
{
	color: #CCCCCC;
}

#sidecom comments a:hover
{
	color: #FFFFFF;
}

/***************************************************
 Footer
 ***************************************************/

#footer-a
{
	position: relative;
	color: #000000;
	background-color: #B6F3F8;
	margin: 0 auto;
	width: 700px;
	height: 50px;
}

#footer
{
	float: left;
	text-align: left;
	margin-top: 20px;
	width: 700px;
	height: 50px;
	position: fixed;
	top: auto;
	bottom: 0;
	background: url(../images/blue-menubar.gif) no-repeat 0 0;
}

a.novak_link
{
	float: left;
	width: 59px;
	height: 31px;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../images/logo_novak.gif) no-repeat 0 0;
}

a:hover.novak_link 
{
	background-position: -59px 0;
}

a.xhtml1_1_link
{
	float: left;
	width: 88px;
	height: 31px;
	margin-top: -8px;
	margin-left: 10px;
	background: url(../images/xhtml1_1.gif) no-repeat 0 0;
}

a:hover.xhtml1_1_link 
{
	background-position: -88px 0;
}

a.css_link
{
	float: left;
	width: 88px;
	height: 31px;
	margin-top: -8px;
	margin-left: 10px;
	background: url(../images/css.gif) no-repeat 0 0;
}

a:hover.css_link 
{
	background-position: -88px 0;
}

a.marisa_link
{
	float: left;
	width: 50px;
	height: 31px;
	margin-top: -8px;
	margin-left: 10px;
	background: url(../images/marisa.gif) no-repeat 0 0;
}

a:hover.marisa_link 
{
	background-position: -50px 0;
}