/* nuthn but luv */
@import url("http://cdn2.yoox.biz/Os/bottegaveneta/fontFace6.css");
html, body{width:100%;height:100%;display:block;}
body{position:relative;}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img 
{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style:normal;
	font-weight:bold;
}
ol,ul 
{
	list-style:none;
}
caption,th 
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:bold;
}
q:before,q:after 
{
	content:'';
}
abbr,acronym 
{ border:0;
}
/* fonts */
body 
{
	font: 13px/1.231;
	font-family: Helvetica,Arial,sans-serif;
	font-size: small;
	text-transform: uppercase;

text-align: center;
line-height: 38px;
font-weight: bold;
}
select,input,button,textarea,button 
{
	font: 99% Helvetica,Arial,sans-serif;
}
table 
{
	font-size: inherit;
}
pre,code,kbd,samp,tt 
{
	font-family: monospace;
	font-size: 108%;
	line-height: 100%;
}

/* utility */
img 
{
    width: auto;
    height : 600px;
}
img 
{
    width: 600px;
    height : auto;
}

.clear
{
	clear:both;
}
.right
{
	float:right;
}
.left
{
	float:left;
}
/* links */
a:link, a:visited
{
	background-color: #1c1c1c;
	color: #fff;
	padding: 6px 8px 6px;
	text-decoration: none;
	outline:none;
}
a:hover, a:active
{
	color: #ccc;
	padding: 6px 8px 6px;
	text-decoration: none;
	outline:none;
}
body#front a:link, body#front a:visited
{
	background-color: transparent; 
	color: #fff;
	padding: 6px 8px 6px;
	text-decoration: none;
	outline:none;
}
body#front a:hover, body#front a:active
{
	background-color: #ffffff;
	color: #ccc;
	padding: 6px 8px 6px;
	text-decoration: none;
	outline:none;
}
body#front page{width:960px;}
		body#front div#content, body#front div.published, body#front div#post-nav
		{
		width:960px;
		}
		body#front div.published
		{
		background-color:#fff;
		}
		body#front h2
		{
		display:none;
		}
		body#front img a:link, body#front img a:visited
		{
		background-color:#000;
		}
		body#front img 
		{
    	width: auto;
    	height: 960px;
		}
		body#front img 
		{
    	width: 960px;
    	height: auto;
		}
		
/* bonav */
ul#main-nav li{}
ul#main-nav li a:link, ul#main-nav li a:visited
{
	/* background-color: #cccccc; */
	color: #fff;
	padding: 10px 12px;
	text-decoration: none;
	outline:none;
	font-weight:bold;
	border:1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
ul#main-nav li a:hover
{
	background-color:#000000;
	color: #fff;
	padding: 10px 12px;
	text-decoration: none;
	outline:none;
	font-weight:bold;
	border:1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
ul#main-nav li a:active
{
	/* background-color: #006633; */
	color: #fe0000;
	padding: 10px 12px;
	outline:none;
}
body#weblogcontact ul#main-nav li.contact a, 
body#weblog ul#main-nav li.blog a, 
body#hype-sheet ul#main-nav li.hype-sheet a, 
body#gallery ul#main-nav li.portfolio a 
{
	text-decoration: none;
	background-color:transparent;
	
}
body#front ul#main-nav li a:link, body#front ul#main-nav li a:visited
{
	color: #000;
	padding: 10px 12px;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}
body#front ul#main-nav li a:hover
{
	padding: 10px 12px;
	color: #ea1d25;
	
	
}
body#front ul#main-nav li.front a:link, body#front ul#main-nav li.front a:visited
{
	background-color:transparent;
	color: #fff;
	padding: 10px 12px;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	font-size:1.2em;
}
body#front ul#main-nav li.front a:hover
{
	color: #ea1d25;
padding: 10px 12px;
	
}
body#front ul#main-nav li.front a:active
{
	color: #fff;
	padding: 10px 12px;
	outline:none;
}
 /* eonav */

div.entry p a:link
{
	background-color:#111111;
	color:#006633;
	text-decoration:none;
	border-bottom:1px dotted #111111;
	padding:0px;margin:0px;
}
div.entry p a:visited
{
	background-color:#111111;
	color:#006633;
	text-decoration:none;
	border-bottom:1px dotted #111111;
	padding:0px;margin:0px;
}

div.entry p a:hover
{
	background-color:#111111;
	color:#006633;
	text-decoration:none;
	border-bottom:1px dotted #006633;
	padding:0px;margin:0px;
}
div.entry p a:active
{
	background-color:#111111;
	color:#006633;
	text-decoration:none;
}
a.current-page
{
	text-decoration:line-through;
}
div#footer a:link, div#footer a:visited
{
	background-color:#cccccc;
	color:#CCCCCC;
	padding:6px 8px 4px;
	text-decoration:none;
	font-size:108%;
}
div#footer a:hover, div#footer a:active
{
	background-color:#006633;
	color:#CCCCCC;
	padding:6px 8px;
	text-decoration:none;
	font-size:108%;
}
/* structure */
body
{
	background-attachment: fixed;
	background-color: #000;
	background-image: url(/system/themes/blowindope/images/blog-body-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	line-height: 1.6em;
	text-align: center;
}
body#front{background-color:#ffffff;background-image:none;}
strong, em, body, html
{
	color: #fff;
}
strong
{
	font-weight: normal;
}
em
{
	font-style: italic;
}
div#content
{
	margin: 0px auto 0px;
	padding-top: 40px;
}
div#content, div.published, div#post-nav
{
	width:640px;
}

div.published
{
	background-color:#111111;
}
div#entryMeta
{
	width:600px;
	margin:0px auto;
}
div#content, div#post-nav, div.published, div.published h2, div.entry, div.entryMeta, div#primaryContent, div#footer
{
	float:left;
}
div.edit
{
	float:right;
}
div#content img
{
	border:0px;
}
div#content a img
{
	background-color: #111111;
	padding: 0px;
	text-decoration: none;
	outline:none;
}
div#wrapper, div#content, div#footer
{
	text-align: left;
}
div#wrapper
{
	color: #fff;
	width:960px;
	margin: 0px auto;
	position: relative;
}
ul#main-nav
{
	height:6em;
	width:100%;
	left: 0px;
	position: fixed;
	top: 0px;
	z-index: 333;
	padding-top:2em;
	text-align:justify;
}
ul#main-nav:after {
    content: '';
    display: inline-block;
    width: 100%;
}
ul#main-nav li
{
	display:inline-block;
}
ul#main-nav li.front, ul#main-nav li.shop, ul#main-nav li.blog, ul#main-nav li.portfolio, ul#main-nav li.contact, ul#main-nav li.facebook
{
	
}
div.published
{
	margin-bottom:100px;
	display:block;
}
div#content div.published h2
{
	font-size: 161.6%;
	color: #fff;
	padding: 20px;
	text-decoration: none;
	outline:none;
	width:100%;
}
div.entryMeta a.edit:link, div.entryMeta a.edit:visited
{
	background-color:#111111;
	color:#fff;
	padding:0px;
}
div.entryMeta a.edit:hover
{
	background-color:#111111;
	color:#006633;
	padding:0px;
}
div.entryMeta a.edit:active
{
	background-color:#111111;
	color:#fff;
	padding:0px;
}
div.entryMeta p.cal
{
	float:right;
	width:50%;
	text-align:right;
}
div.entryMeta
{
	height:1%;
	padding:10px 20px 20px;
	width:600px;
}
div.entryMeta p
{
	width:30%;
	float:left;
}
div.entry
{
	padding:10px 20px;
}
body#front div.entry
{
	padding:10px 20px;
}
body#weblogcontact div.entry
{
	padding:10px 20px;
	width:600px
}
div.entry p
{
	padding:0px;
}
body#weblogcontact div.entry p
{
	float:left;
	text-align:left;
	padding:0px 10px 10px;
	margin-top:-2px;
	width:260px;
}
div.entry img
{
	margin-top:20px;
	margin-bottom:20px;
}
body#userlogin div#primaryContent form p input#habari_username, body#userlogin div#primaryContent form p input#habari_password
{
	width:250px;
	padding:5px 8px 6px;
	margin-bottom:20px;
	color:#333;
}
body#userlogin div#primaryContent form p input#habari_button
{
	background-color:#006633;
	color:#fff;
	border:none;
	padding:7px 8px 5px;
}
body#userlogin div#primaryContent form p input#habari_button:hover
{
	background-color:green;
	color:#fff;
	border:none;
	padding:7px 8px 5px;
}
body#userlogin label, body#userlogin div#primaryContent form p input
{
	font-size:138.5%;
}
div#primaryContent
{
	margin-top:20px;
}
div#post-nav
{
	margin-bottom:20px;
}
form#contactForm
{
	width:290px;
	float:left;
}
div#footer
{
	padding-top:60px;
	height:100px;
}
body#contact div.success h1{font-size:3em;margin-left:20px;}
body#contact div.success p.yes{text-align:left;margin-top:30px;}
#page {
        z-index: 3;
        position:absolute;
        top:0px;
        left:0px;
        
    }
P.larger-size { font-size: 16px; }
#page STRONG { color: #FFFFFF; }

/*
	ED1164
	00AEEF
	FFF200
	86328C
	000000
*/


body#front ul#main-nav li a#df-radio{padding: 10px 12px;cursor:pointer;border:1px solid transparent;margin-right:1em;}





body#front ul#main-nav li.shop a#shop,body#front ul#main-nav li.studio a#studio,body#front ul#main-nav li.blog a#blog,body#front ul#main-nav li.portfolio a#portfolio,body#front ul#main-nav li.contact a#contact,body#front ul#main-nav li.facebook a#facebook,body#front ul#main-nav li.instagram a#instagram, body#front ul#main-nav li a#df-radio{color:#fff;}

body#front ul#main-nav li.shop a#shop:hover,body#front ul#main-nav li.studio a#studio:hover,body#front ul#main-nav li.blog a#blog:hover,body#front ul#main-nav li.portfolio a#portfolio:hover,body#front ul#main-nav li.contact a#contact:hover,body#front ul#main-nav li.facebook a#facebook:hover,body#front ul#main-nav li.instagram a#instagram:hover, body#front ul#main-nav li a#df-radio:hover{color:#ea1d25;text-decoration:none;}

span#bg-img{background: url('../images/david-flores-art-city-of-angels-mural-los-angeles-2016.jpg') no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:transparent;
	}
.mobile span#bg-img{background: url('../images/david-flores-art-mural-los-angeles-2016-1024x609.jpg') no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:transparent;
	}

span#bg-img, .mobile span#bg-img{display:block;min-width:100%;min-height:100%;background-color:transparent;}

#page{display:block;min-width:100%;min-height:100%;background-color:#333;opacity:0;}


ul#main-nav{
	background-image:url(/images/header-gradient.png);background-attachment:scroll;background-color:transparent;background-position:top left;background-repeat: repeat-x;

}
ul#main-nav li, ul#main-nav li a{
opacity:1 !important;

}

#social-links{width:45%;display:inline-block;position:absolute;top:1em;left:50%;overflow:hidden;}
 
ul#main-nav li a #contactForm #social-links #facebook, 
ul#main-nav li a #social-links #instagram, 
ul#main-nav li a #social-links #contact-link
{width:100%;height:100%;background-color:#000;opacity:0.7 !important;}


#social-links a#facebook img, #social-links a#instagram img{height:100%;width:100%;}

form textarea#message{height:15em;}

#social-links p{padding:1em;height:100%;width:100%;background-color:#000;opacity:0.7 !important;}

ul#main-nav li #social-links a#contact-link:link{color:#ffffff;}

#contactFormContainer #facebook, #contactFormContainer #instagram, #social-links p{display:block;margin-bottom:1em;}

#social-links a:link, #social-links a:visited{}
#social-links a:hover, #social-links a:active{}

input#fname, input#email{margin-right:1em;}

#contactForm form .form-row div input{width:100%;}

.input_boxes{width:90%;margin:1em auto;}
.input_boxes h1{font-weight:bold;font-size:1.4em;}
.humans { display: none; }
/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

body#front a#video-btn{padding:1em;width:auto;position:absolute;bottom:20px;right:20px;}
body#front a#video-btn:link, body#front a#video-btn:visited{color:#fff;text-decoration:none;}
body#front a#video-btn:hover{color:#000;text-decoration: none}
body#front a#video-btn:active{text-decoration: line-through;}

/* iPhone 6 specific */
@media only screen 
    and (min-device-width : 375px) // or 213.4375em or 3in or 9cm
    and (max-device-width : 667px) // or 41.6875em
    and (width : 667px) // or 41.6875em
    and (height : 375px) // or 23.4375em
    and (orientation : landscape) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 667/375)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{ }

@media only screen 
    and (min-device-width : 375px) // or 213.4375em
    and (max-device-width : 667px) // or 41.6875em
    and (width : 375px) // or 23.4375em
    and (height : 559px) // or 34.9375em
    and (orientation : portrait) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 375/559)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{ }

@media (max-width: 768px) {

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: normal 16px/1.3 Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: transparent;
		color: #ac0404;
	}

	ul.nav-menu,
	div.nav-menu > ul, ul#main-nav li.front {
		display: none;
	}
	
	h3.menu-toggle{padding-right: 8px;z-index: 1000;position: relative;width:95%;text-align:left;background-image:url('/images/df-logo-mobile.png');background-repeat:no-repeat;
	background-attachment:scroll;background-position:top right;background-color:transparent;}
	ul#main-nav{text-align:center;margin-top:0px;height:100%;background-image:none;background:rgba(0,0,0,0.7);position:relative;z-index: 444;}
	.nav-menu, ul#main-nav li{float:none;}
	ul#main-nav li{display: block;}
	body#front ul#main-nav li.shop a#shop:link, body#front ul#main-nav li.studio a#studio:link, body#front ul#main-nav li.blog a#blog:link, body#front ul#main-nav li.contact a#contact:link, body#front ul#main-nav li.instagram a#instagram:link, body#front ul#main-nav li.shop a#shop:visited, body#front ul#main-nav li.blog a#blog:visited, body#front ul#main-nav li.contact a#contact:visited, body#front ul#main-nav li.instagram a#instagram:visited, body#front ul#main-nav li a#df-radio, body#front ul#main-nav li a#df-radio:link, body#front ul#main-nav li a#df-radio:visited{color:#fff;display:block;text-align: center;font-size:13px;font-weight:bold;}
	
	body#front ul#main-nav li.shop a#shop:hover, body#front ul#main-nav li.studio a#studio:hover, body#front ul#main-nav li.blog a#blog:hover, body#front ul#main-nav li.contact a#contact:hover, body#front ul#main-nav li.instagram a#instagram:hover, body#front ul#main-nav li.shop a#shop:active, body#front ul#main-nav li.blog a#blog:active, body#front ul#main-nav li.contact a#contact:active, body#front ul#main-nav li.instagram a#instagram:active, body#front ul#main-nav li a#df-radio:hover, body#front ul#main-nav li a#df-radio:active{color:#ed1c24;text-decoration:none;}
	
	.nav-menu ul#main-nav li.shop a, .nav-menu ul#main-nav li.blog a, .nav-menu ul#main-nav li.instagram a, .nav-menu ul#main-nav li.contact a, .nav-menu ul#main-nav li a#df-radio, .nav-menu ul#main-nav li{height:44px;font-weight: normal;text-transform:uppercase;font-size:20px;}
	.nav-menu ul#main-nav li a:link, .nav-menu ul#main-nav li a:visited{color: #fff;}
	.nav-menu ul#main-nav li a:hover, .nav-menu ul#main-nav li a:active{color:#ed1c24;text-decoration: line-through;}
	.menu-toggle{padding-top:7px;}
	body#front ul#main-nav li a:link, body#front ul#main-nav li a:visited{padding:0px;}
	
	
	
	
}/* end of mobile styles */