/*
Theme Name:     Twenty Ten Child
Theme URI:      http://viveremerda.com/
Description:    Tema Child per il tema Twenty Ten
Author:         Gigi
Author URI:     http://viveremerda/about/
Template:       twentyten
Version:        0.1.0
*/

@import url("../twentyten/style.css");



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */

#wrapper {box-shadow: 0px 0px 10px #000000;
	background: rgba(138, 138, 138, 0.88);
	/*background-image: url("http://www.viveremerda.com/wp-content/uploads/2016/01/1.png");
	opacity: 0.4;	*/
	margin-top: 20px;
	padding: 0 20px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	 border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	
}




/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

body,
input,
textarea {
	color: #850000;
	font-size: 12px;
	line-height: 18px;
}

/* Text elements */
#content p, #content ul, #content ol, #content dd, #content pre, #content hr, .widget-area a { font-family: 'Special Elite', cursive; }

.formazione .wp-caption p.wp-caption-text {font-family: 'Permanent Marker', cursive; font-size: 18px;}

a:link {
	color: #850000;
}
a:visited {
	color: #530000;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 10px 0 0 0;
}
#site-title {
	display: block;
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 0 0;
	width: 700px;
}

#site-description {
	
	display: block;
	float: right;
	clear: left;
	font-style: italic;
	margin: 0px 0 3px 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	display: block;
	float: left;
}


/* =Menu
-------------------------------------------------------------- */

.menu li { transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px); }

.menu li:hover { z-index: 1;
	transform: rotate(-7deg) scale(1.500) skew(0deg) translate(2px);
	-webkit-transform: rotate(-7deg) scale(1.500) skew(0deg) translate(2px);
	-moz-transform: rotate(-7deg) scale(1.500) skew(0deg) translate(2px);
	-o-transform: rotate(-7deg) scale(1.500) skew(0deg) translate(2px);
	-ms-transform: rotate(-7deg) scale(1.500) skew(0deg) translate(2px); }

.menu li:hover:nth-child(odd) { z-index: 1;
	transform: rotate(7deg) scale(1.500) skew(0deg) translate(2px);
	-webkit-transform: rotate(7deg) scale(1.500) skew(0deg) translate(2px);
	-moz-transform: rotate(7deg) scale(1.500) skew(0deg) translate(2px);
	-o-transform: rotate(7deg) scale(1.500) skew(0deg) translate(2px);
	-ms-transform: rotate(7deg) scale(1.500) skew(0deg) translate(2px); }

#access, #access .menu li:hover a:hover { background: #26282c; /* Old browsers */
	background: -moz-linear-gradient(top,  #26282c 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26282c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #26282c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #26282c 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #26282c 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #26282c 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26282c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }



/* =Content
-------------------------------------------------------------- */


#content,
#content input,
#content textarea {
	color: #000;
	font-size: 16px;
	line-height: 24px;
}


.entry-meta {
	color: #D6D6D6;
	font-size: 12px;
}
.entry-content label {
	color: #000;
	font-size: 12px;
}
.entry-utility {
	clear: both;
	color: #D6D6D6;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #D6D6D6;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

.wp-caption {
	background: rgba(241, 241, 241, 0);
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

.wp-caption p.wp-caption-text {
	color: #000;
	font-size: 12px;
	font-style: oblique;
	margin: 5px;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}


/* =Comments
-------------------------------------------------------------- */

/* Comments form */
#respond label {
	color: #D6D6D6;
	font-size: 12px;
}
#respond .form-allowed-tags {
	color: #D6D6D6;
	font-size: 12px;
	line-height: 18px;
}

/* smanettamenti vari
-------------------------------------------------------------- */

	
   	#flaggenmast { heigth: 12px; width: 56px; margin: 0; padding: 0; float: right; clear: right; }
	ul.qts-lang-menu { list-style: none; margin: 0; padding: 0; }
	ul.qts-lang-menu li { display: inline-block; float: left; position: relative; margin: 0; padding: 0; }
a.qtrans_flag { margin: 4px 0px 10px 10px; }
.entry-title { font-family: 'Eater', cursive; }
h2, h3, h4 { font-family: 'Eater', cursive; }
.menu li a { font-family: 'Eater', cursive; }
#site-description { font-family: 'Eater', cursive; }
#site-info { font-family: 'Eater', cursive; }
.widget-title { font-family: 'Eater', cursive; }
table { table-layout: fixed !important; padding: 0px !important; border: 0px !important; width: 40% !important }
td { border: 0px !important; padding: 0px !important }
td.titolo { width: 80% !important; }
td.audio { width: 20% !important; }




.widgetContainer { width: 60%; }
.sound.artworkVisible .sound__artwork { visibility: hidden;}
.sound.artworkVisible .sound__content { left: 0px; }

.lettore { width: 46%; height: 80%; float:right; margin: 10px 0; }
button.playButton.playing { border: 1px solid #530000;
	background-color: #830000;
	background-image: -webkit-linear-gradient(top, #530000 , #830000 );
	background-image: -moz-linear-gradient(top, #FF6600 , #ff3300 );
	background-image: -o-linear-gradient(top, #FF6600 , #ff3300 ); }

/* formazione
-------------------------------------------------------------- */

#alessia {
 ...
 transform: rotate(10deg);         /* Standard */
 transform-origin: left bottom;
 
 -ms-transform: rotate(10deg);     /* Internet Explorer */
 -ms-transform-origin: left bottom;
 
 -moz-transform: rotate(10deg);    /* Firefox */
 -moz-transform-origin: left bottom;
 
 -webkit-transform: rotate(10deg); /* Safari e Chrome*/
 -webkit-transform-origin: left bottom;
 
 -o-transform: rotate(10deg);      /* Opera */
 -o-transform-origin: left bottom;
}

#alessia { float: left; margin-left:50px; }

#nicky {
 ...
 transform: rotate(-5deg);         /* Standard */
 transform-origin: left bottom;
 
 -ms-transform: rotate(-5deg);     /* Internet Explorer */
 -ms-transform-origin: left bottom;
 
 -moz-transform: rotate(-5deg);    /* Firefox */
 -moz-transform-origin: left bottom;
 
 -webkit-transform: rotate(-5deg); /* Safari e Chrome*/
 -webkit-transform-origin: left bottom;
 
 -o-transform: rotate(-5deg);      /* Opera */
 -o-transform-origin: left bottom;
}

#nicky { float: right; }

#jubbi {
 ...
 transform: rotate(-7deg);         /* Standard */
 transform-origin: left bottom;
 
 -ms-transform: rotate(-7deg);     /* Internet Explorer */
 -ms-transform-origin: left bottom;
 
 -moz-transform: rotate(-7deg);    /* Firefox */
 -moz-transform-origin: left bottom;
 
 -webkit-transform: rotate(-7deg); /* Safari e Chrome*/
 -webkit-transform-origin: left bottom;
 
 -o-transform: rotate(-7deg);      /* Opera */
 -o-transform-origin: left bottom;
}

#jubbi { float: left; margin-left:70px; }

#gigi {
 ...
 transform: rotate(7deg);         /* Standard */
 transform-origin: left bottom;
 
 -ms-transform: rotate(7deg);     /* Internet Explorer */
 -ms-transform-origin: left bottom;
 
 -moz-transform: rotate(7deg);    /* Firefox */
 -moz-transform-origin: left bottom;
 
 -webkit-transform: rotate(7deg); /* Safari e Chrome*/
 -webkit-transform-origin: left bottom;
 
 -o-transform: rotate(7deg);      /* Opera */
 -o-transform-origin: left bottom;
}

#gigi { float: right; }
.formazione { 

    -moz-box-shadow: 10px 10px 10px #000000;
    -webkit-box-shadow: 10px 10px 10px #000000;
    box-shadow: 10px 10px 10px #000000;

 }