/* --------------------------------------------------
CSS Document For Spring School v1.0 - Paulo G.P.
-------------------------------------------------- */

/* CONTAINER */

		#container
		{
			width: 940px;
			margin: 0 auto;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.6em;
			/* color: #666; */
			background-color: #FFF;
			
			background: url(images/background.jpg) repeat-y;
		}
		
/* GENERAL MOJO AND MULA */
		
		.image-left
		{
			float: left;
			padding: 5px;
			margin: 5px;
		}
		
		.image-right
		{
			float: right;
			padding: 5px;
			margin: 5px;
		}
		
		h1
		{
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		
		h2, .blog-entry-title
		{
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		h3
		{
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 9px;
			color: #0f0f0f;
			margin-bottom: -20px;
			background-color: #FFF;
		}
		
		a
		{
			/* color: #CC6714; */
			color: #000;
			text-decoration: none;
		}

		a:hover
		{
			/* color: #CC6714; */
			color: #76b3cc;
			background-color: #F5F5F5;
		}

		#a:visited
		{
			/* color: #CC6714; */
			color: #000;
			text-decoration: none;
		}
		
		/*form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}*/
		
		input
		{
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button
		{
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header
		{
			height: 215px;
			background: url(images/header.jpg) no-repeat;
			/* border-bottom: 4px solid #948979;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px; */
		}
		

		/* the slogan */
		#header p
		{ 
			margin-top: -20px;
			margin-left: 30px;
			color: #999999;
		}
		
		.right
		{
			float: right;
		}

/* NAVIGATION ELEMENTS */
	
		 #navigation ul
		 {
			margin-left: 0;
			padding-left: 40;
			list-style-type: none;			
			float: left;
			width: 140px;
			font-size: 11px;
			font-weight: bold;
			text-align: right;
		}
		
		#navigation ul ul
		{
			padding-left: 20px;
		}

		#navigation a
		{
			background-color: #fff;
			display: block;
			padding: 5px;
			width: 140px;
			/* border-bottom: 1px solid #CCC; */
		}
		
		#navigation ul ul
		{
			margin-bottom: 5px;
		}
		
		#navigation ul ul a
		{
			width: 115px;
			margin-left: -20px;
			padding-left: 30px;
		}
		
/* CONTENT ELEMENTS */

		#content
		{
			margin-top: 17px;
			width: 660px;
			margin-left: 250px;
			margin-right: 20px;
			text-align: justify;
		}
		
		#content a:link, #content a:visited
		{
			/* color: #CC6714; */
			color: #76b3cc;
			text-decoration: none;
		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#fff;
			text-align: center;
			padding: 20px 5px 0px 5px;
		}
		
		#footer p {
			color:#89817f;
			padding: -5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
		/* And they lived happily ever after. The End. */
		
		
/* But wait! RapidWeaver Elements */

		.blog-entry-title, .movie-page-title, .album-title {
			color: #666666;
			font-size: 18px;
			margin-bottom: 5px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}

		.blog-image-smiley{
			margin-bottom: -6px;
		}
		
		.blog-entry-date {
			font-size: 0.9em;
			border-bottom: 1px solid #ddd;
			margin-bottom: 5px;
		}
		
		.blog-entry-body, .blog-entry-summary {
			padding-bottom: 10px;
		}
		
		.movie-page-description, .album-description, .filesharing-description {
			margin: 10px;
		}
		
		.movie-thumbnail-frame, .thumbnail-wrap {
			margin: 10px;
			float: left;
			text-align: center;
		}
		
		.filesharing-item {
			padding: 10px;
		}
		
		.filesharing-item:hover {
			background-color: #F5F5F5;
		}
		
		.movie-thumbnail-frame:hover, .thumbnail-frame:hover {
			background: #ddd;
		}
		
		.photo-background {
			text-align: center;
		}
		
		.photo-title {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		
		.photo-caption, .photo-navigation {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
		}
		
		.photo-frame {
			padding: 5px;
			border: 1px solid #ddd;
		}