/* ----------------------------------------- */
/*->>>     MC Roger official website     <<<-*/
/* ----------------------------------------- */

/*Author: Luís Chagaca
Date: June, 2009
E-mail: luischagaca@gmail.com;
*/


/* ---------->>> GLOBAL <<<-----------*/
*{margin: 0px;
	padding: 0px;}

body {margin: 10px 0px 0px 0px; 
	padding: 0px;
	background: url('bg.jpg') #000;}

body, p, h1, h2, h3, span, td {font: normal 7.5pt tahoma, verdana, Arial, "Lucida Sans Unicode";
	text-align: left;
	color: #55595f;
	line-height: 150%;
	letter-spacing: 0.2px;}

h1 {font: bold 8pt arial, verdana, "Lucida Sans Unicode";
	color: #25282d;
	letter-spacing: 0.1px;}
	
h2 {margin-bottom: 3px;
	font: bold 7.8pt tahoma, verdana, Arial, "Lucida Sans Unicode";
	color: #72757a;
	letter-spacing: 0.1px;}

	h2.noborder{border: none;}

h3 {padding-bottom: 1px;
	font: bold 9pt Arial, Verdana;
	color: #768EAE;
	letter-spacing: 0.2px;}

	img {border: none;
		padding: 0px;}
	
a:link, a:visited {color: #b53103;
	text-decoration: none;}
	
	a:hover {color: #fff;
		text-decoration: none;}

			.strong {font-weight: bold;}

	.clear {width: 100%;
		height: 1px;
		clear: both;} 

/* ---------->>> LAYOUT <<<-----------*/

	.splashome {width: 267px;
		height: 382px;
		float: left;}
	
	.welcome {margin-bottom: 3px;
		width: 227px;
		height: 30px;
		float: left;
		background: url('welcome.jpg') no-repeat;}

	.noticias {margin-top: 25px;
		width: 227px;
		height: 150px;
		float: left;
		text-align: left;
		/*border-bottom: solid 1px #25282d;*/}
		
		.noticias img {margin-right: 8px;
			padding: 3px;
			float: left;
			border: solid 1px #1e1e22;}

	.chamadas {margin-top: 25px;
		width: 227px;
		height: 75px;
		float: left;
		background: #000000;}


	.eachalbum {margin-bottom: 10px;
		width: 220px;
		height: 85px;
		float: left;
		/*background-color: #666666;*/}
		
		.eachalbum h1 {bold 8pt tahoma, verdana, Arial, "Lucida Sans Unicode";
			color: #55595f;}

		.eachalbum img, .eachalbum img a:link, .eachalbum img a:hover, .eachalbum img a:visited {float: left;
			margin-right: 8px;
			border: none;}

		.eachalbum a:link, .eachalbum a:visited {
			width: 220px;
			height: 85px;
			float:left;
			text-decoration: none;
			color: #55595f;}

			.eachalbum a:hover {
				width: 220px;
				height: 85px;
				float:left;
				color: #55595f;
				background-color: #161a20;}

	.navcontainer {margin-top: 10px;
		padding-top: 58px;
		width: 265px;
		min-height: 30px;
		float: left;
		background: url('logo.jpg') no-repeat 30px 0px;
		/*border-bottom: solid 1px #CCCCCC;*/}

		.menu {width: 265px;
			min-height: 20px;
			float: left;
			/*background-color: #999999;*/}


		.smallcont {margin-bottom: 10px;
			width: 105px;
			min-height: 70px;
			float: left;
			/*border-bottom: solid 1px #eaeaea;
			background:#666666;*/}
			
			.smallcont img, .smallcontr img {padding: 2px;
				border: solid 1px #1e1e22;}

			.smallcont img a:link, .smallcont img a:visited, .smallcontr img a:link, .smallcontr img a:visited {padding: 2px;
				border: solid 1px #1e1e22;}
				
		.smallcontr {margin-bottom: 10px;
			width: 105px;
			min-height: 70px;
			float: right;
			/*border-bottom: solid 1px #eaeaea;
			background:#666666;*/}
			
			.linksmall {width: 100px;
				height: 15px;
				float: left;
				/*background-color: #999999;*/}

					
/* ------ Menu -------- */
ul.smallmenu {list-style-type: none;
	float: left;
	display: block;
	width: 265px;}

ul.smallmenu li {display: inline;
	font: bold 7.5pt tahoma, Arial, Verdana;
	text-transform: none;
	letter-spacing: 0px;
	line-height: 14px;}

ul.smallmenu li a:link, ul.smallmenu li a:visited {
	display: block;
	float: left;
	padding: 0px 4px 0px 4px; 
	margin: 0px 0px 3px 0px;
	height: 16px;
	text-decoration: none; 
	color: #9d847f;}

ul.smallmenu li a:hover, ul.smallmenu li a.active:link, ul.smallmenu li a.active:visited {
	color: #fff;
	background: #b53103;}
