/* 
Theme Name: MLQ3
Theme URI: http://www.quezon.ph
Description: custom theme for MLQ3
Author: Archon Digital
Author URI: http://archondigital.com/
Version: 3.0
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
*/

@import url("stylesheets/foundation.css");
@import url("stylesheets/app.css");
@import url("typography.css");

body {
background-image: url(images/bg-home.gif);
background-repeat: repeat-x;
background-position: center bottom;
}

.container { padding: 0 !important; }

#header {
	position:relative;
	margin-top: 90px;
	z-index:80;
	}

#section-main {
margin-top: 0;
width:100%;
}

.home #section-main {
margin-top: 260px;
position: absolute;
top: 0;
}

.home #header {
	position:absolute;
	top: 220px;
	margin: 0;	
	}

.menu-main-container {
	width:100%;
	margin: 0 auto;
	background-image: url(images/bg70.png);
	background-repeat: repeat;
	position:absolute;
	top:0;
	z-index:90;
}

#content { display:block; height:60px;}
.entry-meta { font-size:1rem;}

#section-banner {
width: 100%;
overflow: hidden;
height: 1250px;
}	

.mlq-photo {
background-image: url(images/bg-mlq3.png);
background-position: right bottom;
background-repeat: no-repeat;
height: 1250px;
width: 539px;
display: block;
z-index: 1;
float: right;
position: absolute;
right: -120px;
bottom: -1250px;
}

aside {
background-color: #fff;	
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;	
	}

aside h4, aside li {padding:0 10px;}

#section-footer {
background-image: url(images/bg-footer.png);
background-repeat: repeat;
width: 100%;
bottom: 0;
min-height: 300px;
z-index: 20;
position: relative;
}

#section-footer footer { 
height: 300px;
position: relative;
}

#section-footer p, #section-footer a { color:#6f5e5e; font-size:11px;}
#section-footer .disclaimer {position:absolute; bottom:10px; left:0;}
#section-footer .credit { position:absolute; bottom:10px; right:0;}

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

#header h1 {
font-size: 25px;
font-size: 2.5rem;
line-height: 0.2;
}

#header h4 {
font-size: 12px;
font-size: 1.2rem;
}

#header, .home #header { position:relative; top:80px; margin:0;}
.menu-main-container, .home .menu-main-container {
margin-top: 145px;
position: relative;
top: 0;	
	 }

h2.hdr, .entry-meta, .comment-count, .entry, aside {padding: 0 20px;}

#dailydose {padding: 30px 10px;}

#section-banner {
position: absolute;
top: 0;
right: 0;
width: 290px;
overflow: hidden;
height: 220px;	
}

.mlq-photo {
background-image: url(images/mlq3-mobile.png);
background-position: right bottom;
background-repeat: no-repeat;
height: 220px;
width: 290px;
display: block;
z-index: 1;
float: right;
position:relative;
right:0;
bottom:0;

}


#section-main { position:relative; width:100%; margin-top: 0;}

.home #section-main { position:relative; top:0; margin-top:0;}

#section-footer .disclaimer {left:10px; bottom:20px;}
#section-footer .credit {left:10px; bottom:5px;}



	}

[if lt IE 9] @import url("stylesheets/ie.css");