/*
Theme Name: David Miranda
Theme URI: http://www.nomine.fr/
Description: A child theme of the Twenty Eleven default theme for WordPress. (Removed options: header images, link color and background image)
Author: Alexis Nomine
Author url: http://www.nomine.fr/
Version: 2011
Tags: dark, black, orange, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Template: twentyeleven
*/

/* import style from parent theme */

@import url('../twentyeleven/style.css');
@import url('../twentyeleven/colors/dark.css');

/* header styling */

#site-title{
	width: auto;
	padding: 0;
	margin: 0;
	margin-left: 6.8%;
	float: left;
	clear: none;
}
#site-title a{
	display:block;
	background:url(images/logo.png) no-repeat top left transparent;
	width:460px; 
	height: 68px;
	text-indent: -9999em; 
	overflow: hidden;
	background-size: 100% auto;
}
#site-description{
	padding: 0;
	margin: 0;
	margin-right: 6.8%;
	margin-top: 14px;
	display:block;
	background:url(images/technical_artist.png) no-repeat top left transparent;
	width:200px; 
	height: 25px;
	text-indent: -9999em; 
	overflow: hidden;
	float: right;
	clear: none;
	background-size: 100% auto;
}
#branding hgroup{
	padding-top: 10px;
	/*height: 68px;*/
	border-top: 2px solid #a3a3a3;
	margin: 0;
	overflow: hidden;
	background: #363636; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #363636 0%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#363636), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #363636 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #363636 0%,#111111 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #363636 0%,#111111 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover, #363636 0%,#111111 100%); /* W3C */
}
#ie7 #branding hgroup, #ie8 #branding hgroup{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1c1c1c',GradientType=0 );
}

#ie9 #branding hgroup{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTExMTExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
#branding{
	position: fixed;
	top:0;
	width:100%;
	border-top:4px solid #d6731e;
}
.admin-bar #branding{
	top:28px;
}

/* top menu styling */

#access{
	background: #222021;
	border-top: 3px solid #d4741d;
	border-bottom: 1px solid #d4741d;
	text-align: center;
}
#access .menu{
	display: inline-block;
}
#access .menu .menu-item{
	display: inline-block;
	float: none;
}
#ie7 #access .menu, #ie7 #access .menu .menu-item{
	display: inline-block;
	display: inline;
}

#access a{
	text-transform: uppercase;
	color: #CCC;
	line-height: 36px;
	font-size: 14px;
	padding: 0 12px;
	text-shadow: 0px -1px 0px #000;
}
#access li:hover > a,
#access a:focus {
	background: #d4741d;
	color: #242424;
	text-shadow: 0px 1px 0px orange;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a{
	color: #d4741d;
	text-shadow: 0 0 10px rgba(240, 250, 250, 0.4);
}

/* body styling */

#page{
	max-width: none;
	margin: 0;
	background: none;
}
#main{
	max-width: 1000px;
	margin: 0 auto;
	padding: 118px 0 0 0;
	background: #2f2d2e;
	border: 1px solid #a5a5a5;
	border-top: none;
	overflow: hidden;
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.9), inset 0 0 2px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.9), inset 0 0 2px rgba(255,255,255,0.2);
	box-shadow: 0 0 30px rgba(0,0,0,0.9), inset 0 0 2px rgba(255,255,255,0.2);
}
body{
	padding: 0;
	background: #242424; /* Old browsers */
	background-attachment: fixed;
}

/* layout margins adjustments */

#content{
	margin: 0 29% 0 2.6%;
	width: 68.4%;
}
#primary{
	margin-top: 16px;
}
#secondary {
	margin-top: 16px;
	margin-right: 2.6%;
	width: 23.8%;
}

.one-column #primary{
	margin: 16px 0 0 0;
}
.one-column #page{
	max-width: none;
}
.one-column #content{
	margin: 0 2.6%;
}

.left-sidebar #content{
	margin: 0 2.6% 0 29%;
	width: 68.4%;
}
.left-sidebar #secondary {
	margin-left: 2.6%;
	width: 23.8%;
}
.widget ul{
	margin-left:15px
}

/* content styling */

a{
	color: #D5741E;
}
.entry-title, .entry-title a, .singular .entry-title,
.type-page .entry-content h2{
	color: #D5741E;
	font-size: 18px;
	font-variant: small-caps;
	background-color: #1B1B1B;
	font-weight: normal;
	padding: 0 10px;
	margin: 10px 0;
	line-height: 28px;
}
.entry-content strong{
	color: #ddd;
}
.entry-content li{
	margin-bottom: 10px;
}
.entry-content li li{
	list-style-type: none;
}
.entry-title, .entry-title a:hover{
	color: #a65c1a;
}
.singular.page .hentry{
	padding: 0;
}
.entry-meta .edit-link{
	display: none;
}
.entry-header .comments-link a{
	border: none;
	background: transparent url(images/comment-bubble.png) no-repeat;
	color: #666;
	top:auto;
	bottom:1.5em;
	background-position-x: 0;
	background-position-y: 0;
	height: 35px;
}
/*.entry-meta .comments-link{
	display: none;
}*/
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-position-y: -35px;
	background-color: transparent;
	color:black;
}

/* images styling */

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img{
	border: none;
	padding: 0;

/*David was here. I would like to remove shadows only from 
large images, the ones not owned by a gallery object*/

	/*-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
	background: none;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	position: relative;
	left:-1px;
	top:-1px;
}
#headerslideshow{
	height:288px;
}
img.size-large{
	max-width: 70%;
}

/* footer styling */

#colophon{
	max-width: 1000px;
	margin: 0 auto;
}
#site-info{
	font-size: 12px;
	text-align: center;
}

/* iphone 4+ */
@media (max-width:800px){
	#branding{
		position: static;
	}
	#main{
		padding-top: 0;
	}
	#site-title a{
		width: 300px;
		height: 40px;
	}
	#site-description{
		width: 150px;
	}
	#headerslideshow{
		display: none;
	}
}

/* iphone 3- */
@media (max-width:400px){
	#site-title a{
		width: 150px;
		height: 20px;
	}
	#site-description{
		width: 75px;
	}
}

/* contact form styling */

.contact-form{ max-width:30em; margin: 0 auto;}

.textwidget input[type='text'], .textwidget textarea { width: 100% !important; }
.contact-form .clear-form { clear: both; }
.contact-form input[type='text'] { width: 100%; margin-bottom: 13px; }
.contact-form select { margin-bottom: 13px; }
.contact-form textarea { height: 200px; width: 100%; float: none; margin-bottom: 13px; }
.contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; }
.contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block; }
.contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; }
.contact-form label span { color: #AAA; margin-left: 4px; font-weight: normal; }

.CleanContact { text-align: left; width: 30em; display: block; border:0; padding-top: 1em; margin:0 auto;}
.CleanContact input[type="text"] { width: 100%; margin-bottom: .5em; }
.CleanContact label { clear: none; display: inline; text-align: left; }
.CleanContact textarea{ width: 100%; height: 15em; margin-bottom: .5em; font-size: 1.2em}
.CleanContact label em { font-weight: bold; font-style: normal; color: red; }
.CleanContact_msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}

.mejs-container{
	margin: 0 auto;
}eight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0;}
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000;}

.mejs-container{
	margin: 0 auto;
}
.mejs-poster img{
	max-width: 100%;
}