/*
THEME NAME: Dark Mountain (Child Theme for Headway Framework)
TEMPLATE:headway
THEME URI: http://tiltshiftinteractive.com
VERSION: 1.0
AUTHOR:Andre Tan
AUTHOR URI: http://tiltshiftinteractive.com
DESCRIPTION:This is the Dark Mountain child theme for use with the Headway Premium WordPress Framework. VERY IMPORTANT NOTE: This theme folder does NOT have any CSS related to changes made within the Headway Visual Editor, which is kept in the main WP database.  It only contains specialized CSS outside the capabilities of Headway.  If in doubt, ask Andre at andre@tiltshiftinteractive.com.
*/

body {
	background-size:100% auto; 
	background-repeat: no-repeat;
	background-position: 0px 37px;
	background-attachment:fixed;
	display: block; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width:100%;
}

body.home {
	background: url(/wp-content/uploads/2013/01/dm_homepage_bg.jpg) !important;
}

body.about {
	background: url(/wp-content/uploads/2013/01/bg_about.jpg) !important;
}

body.layout-using-single-page-11 {
	background: #000 url(/wp-content/uploads/2013/01/bg_blog.jpg) no-repeat !important;
	background-size:100% auto !important; 
	background-position: 0px 37px !important;
	background-attachment:fixed !important;
	display: block !important; 
	position: absolute !important; 
	top: 0px; 
	right: 0px; 
	width:100% !important;
}

body.layout-using-single-page-10 {
	background: #000 url(/wp-content/uploads/2013/01/bg_trailer2.jpg) no-repeat !important;
	background-size:100% auto !important; 
	background-position: 0px 37px !important;
	background-attachment:fixed !important;
	display: block !important; 
	position: absolute !important; 
	top: 0px; 
	right: 0px; 
	width:100% !important;
}


body.layout-using-single-page-9 {
	background: #000 url(/wp-content/uploads/2013/01/bg_legend.jpg) no-repeat !important;
	background-size:100% auto!important; 
	background-position: 0px 37px!important;
	background-attachment:fixed !important;
	display: block !important; 
	position: absolute !important; 
	top: 0px; 
	right: 0px; 
	width:100% !important;
}


#homelogo {
	margin: auto;
	width: 446px;
	height: 446px;
}

.homelogocontainer  {
	margin: 50px 0;
}

.dmlogoblock {
	position: fixed; 
	top: 0;
	left: 30px;
	z-index: 100;
	width: 220px !important;
	height: 220px !important;
	padding: 15px !important;
	margin: 0;
}

.dmlogoblock img {
	margin: auto;
	width: 190px;
}

.dmlogonotch {
	position: fixed; 
	top: 0px;
	left: 250px;
	z-index: 100;
	width: 59px !important;
	padding: 0 !important;
	margin: 0;
}

.navbar {
	width:100%;
	height: 37px !important;
	position: fixed; 
	top: 0;
	left: 0;
	z-index: 10;
}

.dm-content {
	width: 700px;
	margin: 90px auto;
}

.dm-video {
	/* forces player div to maintain aspect ratio */
	height: auto !important;
	padding: 0 !important;
}

@media screen and (min-width: 1300px) {

.dm-video {
	
	/* width: 900px; */
	/* margin: 0 auto !important; */
}

}

@media screen and (max-width: 1300px) {

.dm-content {
	position: absolute;
	right: 60px !important;
	width: 60%;
	margin: auto !important;
	top: 160px;
}


}


@media screen and (max-width: 1100px) {

.navbar ul {
/*	position: absolute: */
/*	margin: 0 0 0 500px !important; */
}


.dmlogoblock {
	left: 0px;
}


.dmlogonotch {
	left: 220px;
	display: none;
}


}

@media screen and (max-width: 800px) {

.dmlogoblock {
	left: 0px;
	top: 0px;
	width: 170px !important;
	height: 170px !important;
	padding: 10px;
}

.dmlogoblock img {

	width: 150px;
}

.dmlogonotch {
	left: 170px;
}


.dm-content {
	width: 80%;
	margin: auto;
	top: 190px;
}

.navbar ul {
	float: right;
}

}



@media screen and (max-width: 680px) {

body {
	background-position: 0 0;
}

body.layout-using-single-page-9 {
	background-position: 0 0 !important;
}

body.layout-using-single-page-10 {
	background-position: 0 0 !important;
}

.navbar {
	position: relative;
	background-repeat: repeat-y;
}

.navbar li {
	padding: auto 5px;
}

.navbar ul {
	position: relative;
	left: 0;
}

.dmlogoblock {
	position: relative;
	top: 0;
	left: 0;
	width: 170px !important;
	height: 170px !important;
	padding: 10px;
	margin: -70px 0 10px 0;
}

.dmlogoblock img {
	margin: 0 auto 10px auto;
	width: 150px;
}

.dmlogonotch {
	display: none;
}


.dm-content {
	margin: auto;
	width: 100%;
	padding: 0 20px;
	left:0;
	background: none;
	top: 300px;
}


}


@media screen and (max-width: 320px) {


body {
	background-position: 0 260px;
}

div.wrapper {
	padding: 0;
	width: 320px;
}

.dmlogoblock {
	position: relative;
	padding: 10px;
	display:block;
	margin: 0 0 10px 0;
}

.dmlogoblock img {
	margin: auto !important;
}

.dm-content {
	top: 300px;
}


}