/* 
	Name: Mama Beach Pages 

Data: Febbraio 2012 Description: Semplici pagine in XHTML ma con poche modifiche pronte per l'HTML5 and CSS3. 
Versione: 1.0 
Autore:Ichnos 
URI: http://www.ichnussa.com */  
/* 


/* Imports */
@import url("reset.css");

/***** Global *****/
/* Body */
	body {
		background: #272727 url(images/bg_body.jpg) repeat-x;
		color: #e1e1e1;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#backgrounds{
		width:980px;
		margin: 0 auto;
		background-color: #2d2d2d;
		box-shadow: #2d2d2d 3px 4px 5px 3px;
		-moz-box-shadow: #2d2d2d 3px 4px 5px 3px;
		-webkit-box-shadow: #2d2d2d 3px 4px 5px 3px;
	}
	#policy{
		width:940px;
		margin: 0 auto;
		background-color: #697786;
		box-shadow: #2d2d2d 3px 4px 5px 3px;
		-moz-box-shadow: #2d2d2d 3px 4px 5px 3px;
		-webkit-box-shadow: #2d2d2d 3px 4px 5px 3px;
	}	
	#policy_privacy{		
		margin: 0 auto;
		padding: 4px;		
	}	
	#wrapper{
		width:980px;
		margin: 0 auto;
		padding: 0;
		background: #484848;
	}

/* Headings */
	h1 {
		font-size: 2.427em}	/* 22px */
	h2 {
		font-size: 1.271em}	/* 22px */
	h3 {
		font-size: 1.329em}	/* 20px */
	h4 {
		font-size: 1.186em}	/* 18px */
	h5 {
		font-size: 1.043em}	/* 16px */
	h6 {
		font-size: 1em}		/* 14px */
	h2, h3, h4, h5, h6 {
		font-weight: 400;
		line-height: 1.1;
	}
	
/* Anchors */
	a {outline: 0; text-decoration: none;}
	a img {border: 0px; text-decoration: none;}
	a:link, a:visited {
		color: #C74350;
		padding: 0 1px;
	}
	a:hover, a:active {
		color: #fff;
		text-shadow: 1px 1px 1px #333;
		-moz-text-shadow: #333 3px 4px 5px;
		-webkit-text-shadow: #333 3px 4px 5px;		
	}
	
/* Paragraphs */
	p {margin-bottom: 0.143em;}
	* p:last-child {margin-bottom: 0;}
	b {font-weight: bold; color:#e1e1e1;}
	em, i {font-style: italic;}
	.clear{
		clear: both;
	}
	strong {
		font-weight: bold;
		line-height: 42px;
		color:#C74350;
		}
/* Lists */
	ul {
		list-style: none;
		margin: 1em 0 1.5em 1.5em;
	}

	ol {
		list-style: outside decimal;
		margin: 1em 0 1.5em 1.5em;
	}

	dl {margin: 0 0 1.5em 0;}
	dt {font-weight: bold;}
	dd {margin-left: 1.5em;}

/* Quotes */
	blockquote {font-style: italic;}
	cite {}
	q {}

/* Tables */
	table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
	

/***** Layout *****/
	.body {
		clear: both; 
		margin: 0 auto; 
		width: 978px;
	}
/*

	Header
*****************/
	#header {
		height: 180px;
		padding: 0;		
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#logo {	
		padding:20px 10px 0 10px;
		width: 960px;
	}
	#logo_text {	
		padding:0;
		width: 760px;
		height: 80px;
		float:left;
	}
	#social_logo {	
		padding:6px 100px 8px 0px;
		width: 100px;
		float:right;
	}
	#social_logo img{	
		width: 50px;
		height: 50px;
		float:center;
	}

	#social2_logo {	
		padding:4px 0 0 100px;
		width: 100px;
		height: 80px;
		float:left;
	}
	#social2_logo img{	
		width: 50px;
		height: 50px;
		float:center;
	}
	#logo img{
		float:center;
	}
	#mp3_player {
	padding: 0;
		float: right;
	}
/* header */
	#header h1 {font-size: 2.571em; line-height: .6;}
	#header h1 a:link, #header h1 a:visited {
		color: #e1e1e1;
		font-weight: bold;
		text-decoration: none;
		text-shadow: #3a3a3a 3px 4px 5px;
		-moz-text-shadow: #3a3a3a 3px 4px 5px;
		-webkit-text-shadow: #3a3a3a 3px 4px 5px;
		}
	#header h1 a:hover, #header h1 a:active {
		color: #c74350;
		text-shadow: #3a3a3a 3px 4px 5px;
		-moz-text-shadow: #3a3a3a 3px 4px 5px;
		-webkit-text-shadow: #3a3a3a 3px 4px 5px;		
	}	
	#header h1 strong {font-size: 0.56em; font-weight: normal;}
	
/* Top header Nav */
	#top_navigation {
		background: #2d2d2d;
		font-size: 0.88em;
		height: 26px;
		line-height: 22px;
		margin: 0 auto;
		width: 978px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}	
	#top_navigation  ul {
		list-style: none; 
		margin: 0 auto; 
		width: 978px;
	}
	#top_navigation  li {
		float: right; 
		display: inline; 
		margin: 0 2px 0 0; 
		border-right:1px solid #4B4B4B;
	}	
	#top_navigation  a:link, #top_navigation  a:visited {
		color: #828282;
		display: inline-block;
		height: 22px;
		padding: 1px 1.5em;
		text-decoration: none;
	}
	#top_navigation  a:hover, #top_navigation  a:active, #top_navigation  .active a:link, #top_navigation  .active a:visited {
		background: #cccccc;
		color: #333333;
		text-shadow: none !important;
	}	
/*
/* Bottom header Nav */
	#bottom_navigation {
		background: #444444;
		font-size: 1.143em;
		height: 32px;
		line-height: 30px;
		margin: 20px auto 4px auto;
		padding: 0;
		width: 978px;
	}	
	#bottom_navigation  ul {list-style: none; margin: 0 auto; width: 978px;}
	#bottom_navigation  li {float: left; display: inline; margin: 0; border-right:1px solid #4B4B4B;}	
	#bottom_navigation 
	a:link, #bottom_navigation  a:visited {
		color: #c3c3c3;
		display: inline-block;
		height: 28px;
		padding: 2px 1.5em;
		text-decoration: none;
	}
	#bottom_navigation  a:hover, 
	#bottom_navigation  a:active,
	#bottom_navigation 
	.active a:link, 
	#bottom_navigation .active a:visited {
		background: #c74451;
		color: #fff;
		text-shadow: none !important;
	}
	#box_content2{
		background: url('../images/content_cafe.png') no-repeat;
	}
/*
	Featured
*****************/
	#featured {
		background: #4D4D4D;
		width: 978px;
		height: 490px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#featured_music {
		background: #4D4D4D;
		width: 978px;
		height: 1580px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#featured_partners {
		background: #4D4D4D;
		width: 978px;
		height: 440px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#featured_disco {
		background: #4D4D4D;
		width: 978px;
		height: 700px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#featured_disco h1{
		margin: 20px 0 0 318px;
	}
	#disco{
		margin: 0;
	}
	#featured_t-shirt {
		background: #4D4D4D;
		width: 978px;
		height: 440px;
		box-shadow: #3a3a3a 3px 4px 5px;
		-moz-box-shadow: #3a3a3a 3px 4px 5px;
		-webkit-box-shadow: #3a3a3a 3px 4px 5px;
	}
	#featured_t-shirt h1{
		font-size: 18px;
		color:#c3c3c3;
		margin: 0 0 0 242px;
	}
	#ts_right{
		float:left;
		margin:-64px 0 0 284px;
	}
	#ts_left{
		margin: 0 0 0 60px;
		padding: 2px;
		float: left;
	}
	#featured_t-shirt li {
		margin: 0 0 0 0;
		float: left;
	}
	#promozione{
		padding:8px;
		width:600px;
		float:left;
		margin: 20px 0 0 0px;
		background: #484848;
	}
	#promozione p{
		font-size: 18px;
		color:#c3c3c3;
	}
	#partners_links {
		float:left;
		margin: 100px 0 0 45px;
	}
	#partners_links li{
		float:left;
		margin: 0 30px 10px 20px;
	}
	.quickFlip {
		width: 337px;
		height:488px;
	}
	.quickFlip1 {
		width: 300px;
		height:380px;
	}
	.quickFlip2 {
		width: 461px;
		height:405px;
	}
	.quickFlip3 {
		width: 461px;
		height:405px;
	}
	#riquadro {
		float: right;
		width: 337px;
		height:488px;
		background-image: url(../images/featured_img.png);
		overflow:hidden;
		opacity: .80;
		filter: alpha(opacity=80);
		filter: alpha(opacity=80);
	}
	#riquadro a{
		text-decoration: none;
		color: black;
	} 
	#riquadro h1 {
		text-align: center;
		font-size: 18px;
		margin: 22px 24px 10px 24px;
		width: 288px;
		height: 24px;
		background: #c74350;
	}
	#riquadro p{
		font-size:16px;
		margin: 0 36px 0 36px;
	}
	#riquadro_b {
		float: right;
		width: 337px;
		height:488px;
		background-image: url(../images/featured_img3.png);
		overflow:hidden;
		opacity: .80;
		filter: alpha(opacity=80);
		filter: alpha(opacity=80);
	}
		#riquadro_b h1 {
		text-align: center;
		font-size: 18px;
		margin: 22px 24px 10px 24px;
		width: 288px;
		height: 24px;
		background: #c74350;
	}
	#riquadro_b img{
		margin-left: 22px;
		margin-top: 70px;
	}
	#riquadro_b ul li{
		list-style:none;
		margin-left: 30px;
		margin-top: 10px;
	}
	#riquadro:hover a, #riquadro:hover h2 {
		color: #e1e1e1;
	}
	#riquadro:hover{
		opacity: 1;
		filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}
	#slider {
		float: left;
		width: 641px;
		height:488px;		
	}
	#featured a{
	}
	#featured h2{
		font-size: 14px;
		text-shadow: 1px 1px 1px #333;
		-moz-text-shadow: #333 3px 4px 5px;
		-webkit-text-shadow: #333 3px 4px 5px;		
	}	
	#featured a:hover{
		font-size: 14px;
		text-shadow: 1px 1px 1px #333;
		-moz-text-shadow: #333 3px 4px 5px;
		-webkit-text-shadow: #333 3px 4px 5px;		
	}
	#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

	#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
	#featured h3 a:hover, #featured h3 a:active {color: #fff;}
/*
	Body Content
*****************/
	#content {
		overflow: hidden;
		width: 938px;
		padding: 20px;
		background: #1e1e1e;
 	}
	#content_square{
		float:left;
		width: 594px;
		height: 300px;
		border: 1px solid #272727;
		padding: 10px;
	}
	.title_content_square{
		width: 574px;
		margin-bottom: 20px;
		background: #D6D6D6;
		padding-left: 20px;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
	}
	#content_square h1{
		color: #C01F25;
		text-shadow: 1px 1px 1px #333;
		-moz-text-shadow: #333 3px 4px 5px;
		-webkit-text-shadow: #333 3px 4px 5px;	
	}
	#content_square p{
		font-size: 18px;
		color: #999999;
		padding-left: 10px;
		border-left: 1px solid #FFE784;
	}
	#content_square p:hover{
		color: #e7e7e7;
	}	
	#content_square ul{
		list-style: circle;	}
	#cs_left{
		float:left;	
		margin-right: 40px;
	}
	#cs_right{
		float:left;
	}	
	#content_square_images{
		width: 314px;
		height: 300px;
		float:left;
		
	}
	#content_square_images ul{
		margin: 10px 0 0 20px;
	}
	#content_square_images li{
		width: 84px;
		height: 84px;
		float: left;
		border: 1px solid #484848;
		margin: 10px 0 0 10px;
	}

	#c_left{
		width: 281px;
		height: 360px;
		float: left;
		margin: 0 15px 0 0;
		background: #484848;
	}
	#box_content{
		width: 300px;
		height: 380px;
		float: left;
		color: #fff;
		background: url(../images/content_box_img.png) no-repeat;
		border-radius: 5px; 
		-moz-border-radius: 5x; /* firefox */
		-webkit-border-radius: 5px; /* safari, chrome */
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	#box_content a{
		font-size: 16px;
		text-decoration: none;	
		color: #fff;
	}
	#box_content h2{
		text-align: center;
		font-size: 16px;
		margin: 16px 0 10px 22px;
		width: 256px;
		height: 18px;
		background: #c74350;
	}
	#box_content p{
		font-size: 16px;
		text-align: none;
		margin: 5px 30px 0 30px;
	}	
	#box_content:hover{
		opacity: 1;
		filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}
	#box_content2{
		width: 300px;
		height: 380px;
		float: right;
		border-radius: 5px; 
		-moz-border-radius: 5x; /* firefox */
		-webkit-border-radius: 5px; /* safari, chrome */
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	#box_content2 a{
		font-size: 16px;
		text-decoration: none;	
		color: #fff;
	}
	#box_content2 h2{
		text-align: center;
		margin: 10px 0 0 22px;
		width: 256px;
		height: 18px;
		background: #c74350;
	}
	#box_content2 p{
		text-align: none;
		margin: 5px 30px 0 30px;
	}	
	#box_content2:hover{
		opacity: 1;
		filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}
	#c_right{
		width: 298px;
		float: right;
		margin-left:20px;
	}
	.spazio{
		width: 298px;
		height:14px;		
	}
	#c_top{
		width: 298px;
		height: 117px;	
		border-radius: 5px; 
		-moz-border-radius: 5x; /* firefox */
		-webkit-border-radius: 5px; /* safari, chrome */
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	#c_top h2{
		color: yellow;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding: 34px 0 0 0;
	}	
	#c_middle{
		width: 298px;
		height: 117px;
		border-radius: 5px; 
		-moz-border-radius: 5x; /* firefox */
		-webkit-border-radius: 5px; /* safari, chrome */
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	#c_bottom{
		width: 298px;
		height: 117px;
		border-radius: 5px; 
		-moz-border-radius: 5x; /* firefox */
		-webkit-border-radius: 5px; /* safari, chrome */
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	#c_top:hover{
		opacity: .90;
		filter: alpha(opacity=90);
		filter: alpha(opacity=90);		
	}
	#c_middle:hover{
		opacity: .90;
		filter: alpha(opacity=90);
		filter: alpha(opacity=90);		
	}
	#c_bottom:hover{
		opacity: .90;
		filter: alpha(opacity=90);
		filter: alpha(opacity=90);		
	}
/*
	Extras
*****************/
	#extras {
		margin: 0 auto; 
		overflow: hidden;
	}
	#extras ul {
		list-style: none; 
		margin: 0;
	}
	#extras h2{
		color: #e6df6f;
		font-size: 16px;
		line-height: 1.25;
		text-decoration: none;
	}
	.set_contact{	
		width:22%;
		margin: 20px 10px 0 30px;
		float:left;
		color: #fff;
		opacity: .60;
		filter: alpha(opacity=60);
		filter: alpha(opacity=60);
	}
	.set_contact:hover {	
		color: #fff;
		opacity: 1;
		filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}
	#mp3_layer  {
		width: 890px;
		float:left;
		margin:20px;
	}
	#mp3_layer ul {
		list-style-type: none;
	}
	#mp3_layer h2 {
		font-size: 38px;
		padding: 40px 0 0 40px;
	}
	#mp3_layer span {
		width: 460px;
		font-size: 16px;
		float:right;
	}
	.img_cover  {
		padding:20px;
		margin: 20px 0 0 0;
		float:right;
	}
	.img_cover  img{
		width: 500px;
		height: 150px;
	}
	#layer1  {
		width: 220px;
		margin:0 20px;
		padding:20px;
		float:left;
		background: #615d5d;
	}
	#layer1  ul{
		list-style-type: decimal;
	}	
	#layer1  h2{
		font-size: 22px;
		color:#c74451;
	}	
	#layer1  h3{
		font-size: 14px;
	}	
	#layer2  {
		width: 220px;
		margin:20px 20px 0 20px;
		padding:20px;
		float:left;
		background: #573f3f;
	}
	#layer2  ul{
		list-style-type: decimal;
	}	
	#layer2  h2{
		font-size: 22px;
		color:#c74451;
	}	
	#layer2  h3{
		font-size: 14px;
	}
	#layer3  {
		width: 220px;
		margin:20px 20px 0 20px;
		padding:20px;
		float:left;
		background: #8f871b;
	}
	#layer3  ul{
		list-style-type: decimal;
	}	
	#layer3  h2{
		font-size: 22px;
		color:#c74451;
	}	
	#layer3  h3{
		font-size: 14px;
	}	
	#layer4  {
		width: 370px;
		margin: 10px 0 0 500px;
		padding: 10px;
		float: left;
		background: #433c3c;
	}
	
	/* Social */
	.social img{
		margin: 0 0 0 30px;
	}
	#extras .social {
		width:18%;
		float: right;
		margin:26px 0 0 0;
	}	
	#extras .social li{
		display: inline;
	}
/* Icons */

/*
	About
*****************/
	#about {
		background: #fff;
		font-style: normal;
		margin-bottom: 2em;
		overflow: hidden;
		padding: 20px;
		text-align: left;
		width: 760px;		
	}
	#about .primary {float: left; width: 165px;}
	#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
	#about .photo {float: left; margin: 5px 20px;}

	#about .url:link, #about .url:visited {text-decoration: none;}

	#about .bio {float: right; width: 500px;}

/*

	Footer
*****************/
	#footer {padding-bottom: 2em; text-align: right;}

/***** Sections *****/

/* Content */
	
/* About the Author */

/* Comments */
	#comments-list {list-style: none; margin: 0 1em;}
	#comments-list blockquote {
		background: #f8f8f8;
		clear: both;
		font-style: normal;
		margin: 0;
		padding: 15px 20px;
	}
	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
	
	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
	
	/* Add a Comment */
	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
	#add-comment input[type='text'],
	#add-comment input[type='email'],
	#add-comment input[type='url'] {float: left; width: 200px;}
	
	#add-comment textarea {float: left; height: 150px; width: 495px;}
	
	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
	
	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
	#add-comment * {margin-bottom: .5em;}
/* Mail Contact */
	#contact_area  {
		width: 520px;
		margin: 0 auto;
		margin-top:20px;
		margin-left:20px;
		float:left;
	}
	#note{
		margin-bottom: 20px;
		opacity: .70;
		filter: alpha(opacity=100);
		filter: alpha(opacity=100);
	}
	#text_mail  {
		width: 260px;
		height: 370px;
		margin: 70px 20px 20px 20px;
		float:right;
		padding: 20px
	}	
	/* Contact Form*/
	#form {
		width:570px;
		margin: 20px 0 40px 0;
	}
	.notification_error {
		border: 1px solid #f1dfc5;
		height:auto;color:#ca5702;
		width:457px;
		padding:10px 10px 10px 60px;
		background:url(../images/icons/erro.png) no-repeat center left #fdf0dc;
		text-align:left;-moz-border-radius:5px;
		margin-bottom:10px;
	}
	.notification_ok {
		border: 1px #cbcf8e solid;
		height:auto;width:90%;
		padding: 10px;
		background: #f5f9fd;
		color:black;
		text-align: center;-moz-border-radius: 5px;
		margin-bottom:10px;}
		label  {width: 100px;
		margin:5px;
		float:left;
		text-align:left;
	}
	textarea{
		height:120px;
		width:400px;
		margin:5px;
		padding:5px;
		float:left;
		border:1px solid #cccccc;
		color:#333333;
		font:11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;
	}
	.button {
		margin:5px 0 0 300px;
	}
	.textbox {width:	400px;
	height:15px;
	margin:5px;
	padding:5px;
	float:left;
	border:1px solid #cccccc;
	color:#333333;
	font:11px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}