/* CSS Document */
/* Seventh Wave Surf School - design by Marcos Dias - webmarcos@yahoo.com - www.lightartworks.com */

/*Styling for whole page*/	
	body,html {
		font-family:Trebuchet MS, Helvetica, Verdana, Arial,  sans-serif;
		font: normal 13px/1.6em;
		margin:0;
		padding:0;
		color:#fff;
		background-color:#33f;
	}
	
/*Typography styling*/
	p, h1, h2, h3, h4, h5, h6, h7 { font: normal 1em 'Trebuchet MS', Helvetica, Verdana, Sans-serif; color: #f90; padding:10px; }
	p  { font-size: 1em; color:#fff; line-height:150%;}
	h1 { font-size: 1.4em; color: #f33; font-weight:bold; text-transform:uppercase;}
	h2 { font-size: 1.2em; color: #f90; font-weight:bold; text-transform:uppercase;}
	h3 { font-size: 1.2em; color:#9ff; font-weight:bold; }
	h4 { font-size: 1.05em; color: #f90; font-weight: bold; }
	h5 { font-size: 1.2em; color:#f90; font-weight: bold; padding:0px;}
	h6  { font-size: 1.1em; color:#9cf; font-weight:bold; }
	a  {text-decoration:none; color:#ff3; font-weight: bold; line-height:150%;  }
	a:hover {text-decoration:none; color:#f60; list-style:none; font-weight: bold; line-height:150%; }
	p, h1, h2, h3, h4,h5, h6, h7 { margin: 0px; padding:0px; }
	.frontpage {line-height:150%; }
	ul {list-style-image:none; padding-left:10px; margin-left:5px; margin-bottom:5px; }
	
/*Maincontainer is wrapping div for all other divs - website width set to 900px*/	
	#maincontainer {
		width:900px;
		margin:0 auto;
		padding:0px;
		background-color:#006;
	}

/*This is the code to create the main navigation bar with text rollover buttons. No Javascript or images needed - Search Engine friendly!*/
#nav {	
		background:#f90;
		margin:0px;;
		padding:0px;
	}
#linksbar{	
	margin:0 auto;
	width:900px;
	height:20px;
	padding:5px 0px;;
	background-color:#f90;
	}
#linksbar ul  {margin:0; padding:0; list-style:none;}
#linksbar li {display:inline; margin:0px;}
#linksbar li a.button{ float:left; text-decoration:none; padding:0.3em 0.5em; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:.85em; font-weight:bold; text-transform:uppercase; list-style:none; color:#ff3; display:block; line-height:100%;}
#linksbar li a:hover{float:left; text-decoration:none; padding:0.3em 0.5em; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:.85em; font-weight:bold; text-transform:uppercase; list-style:none; background-color:#f60; color:#ff3; display:block; line-height:100%;}
#linksbar li a.permanent {float:left;  text-decoration:none; padding:0.3em 0.5em; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:.85em; font-weight:bold; text-transform:uppercase; list-style:none; color: #ff3; background-color: #f60; display:block; line-height:100%; }
#linksbar li a.flags {float:left;  text-decoration:none; padding:0.3em 0.5em; font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:.85em; font-weight:bold; text-transform:uppercase; list-style:none; color: #f90; background: #f90; display:block; line-height:100%; }
	
/*Header contains logo and address bar*/
	#header {
		height:190px;
		margin:0px;	
    	padding:0px;
		background-color:#666;
		background-repeat:no-repeat;
	}
/*Additional styling for images inside header div*/	
.floatleft { float:left; padding:5px 0px;}
.floatright {float:right}
.addresstext { text-align: right; color:#9cf; padding:15px 10px;  clear:right; line-height:100%;}

img {border:none;}

/*Images inside header*/	
	#logo {
	padding: 0px;
	float: left;
	}
	
	#flowers {
	float:right;
	padding: 0px;
	}
	
/*This is where all content (left and right columns goes*/
	#content {	
		float:left;
		width:650px;
		padding:0px;
		background-color:#FF9900;
		position:relative;
		overflow:hidden;
	}
	
	#sidebar {		
		float:left;
		position:relative;
		overflow:hidden;
		width:240px;
		padding:10px;
		margin-left:-10px;
		background-color:#006;			
	}
	
	#contentcontainer {
		padding:0px;
		margin: 0px;
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		background-color:#006;	
		}
	
	#sidebarcontainer {
		float:left;
		width:100%;
		position:relative;
		background-color:#006;	
		}
	
	#sidebarcontent {
		padding:10px;
		background-image: url(images/general/background_sidebar.png);
		background-repeat: repeat;
	}
		
	#contentcontent {
		margin:10px;
		padding:10px;
		background-color:#33f;
	}	

/*Divs for footer with links*/
	#footer {
		clear:both;
		padding:5px 10px;
		background:#006;
		text-align: center;
	}
	
	#footer p a {
		font-size:0.9em;
		margin:0;
		font-weight: lighter;
    }
	
	#footer p {
		font-size:0.9em;
		margin:0;
		font-weight: lighter;
	}
	
/*Divs for widgets*/
	#magicseaweedwidget {margin:0; padding:0; background-color:#fff; }
	#twitterwidget {margin:0; padding:0; }
	#isalogo { text-align: center; }
	
/*Extra divs for structuring*/	
	#picturecolumn {float:right; background-color:#33f; padding:5px; }