/*
THEME NAME: MHD
THEME URI: http://www.marcheatleydesign.com
DESCRIPTION: Homepage March 2010
VERSION: 0.1
AUTHOR: The Heat
AUTHOR URI:
TAGS: Static site
Template: hybrid
*/
@import "../hybrid/library/css/reset.css";
@import "../hybrid/library/css/drop-downs.css";
@import "../hybrid/library/css/plugins.css";


body{
        padding:40px 0;
        font-family: 'Droid Sans', serif;
        font-size:14px;
        color:#181F19;
        background:url(diag-back.png) fixed #EFEFE0;
}
p, h1, h2, h3, h4{
        line-height:1.4;
        margin-bottom:18px;
}
h1, h2{
        font-family: 'Droid Sans', serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: -0.05em;
        line-height: 1.19;
}
h3{
        font-size:24px;
        letter-spacing: -0.05em;
        line-height: 1.19;
}
.attachment-thumbnail{
	border:solid 5px #fff;
}
a{
         color:#404F42;}
.content a{
        background:#EFEFE0;
}
.content a:hover, #primary-menu a:hover{
        background:#fff;
}
img{
        display:block;
}
.alignnone, .block {
        margin:0 0 10px;
}
#body-container{
        width:960px;
        padding:40px;
        border-top-right-radius:150px;
        border-bottom-right-radius:150px;
        -moz-border-radius-topright:150px;
        -moz-border-radius-bottomright:150px;
        -webkit-border-top-right-radius:150px;
        -webkit-border-bottom-right-radius:150px;
        margin:0;
        background:#EFEFE0;
}
#header{
        width:240px;
        height:130px;
        overflow:hidden;
}
#site-title a{
        display:block;
        width:240px;
        height:130px;
        overflow:hidden;
        background-image:url(headers/mh_logo.png);
        background-repeat:no-repeat;
}
#site-title a:hover{
        background-color:#EFEFE0;
}
#site-title, #site-description{
        text-indent:-1500px;

}
#primary-menu{
        clear:left;
        padding:20px 30px;
        overflow:auto;
}
#primary-menu a{
        margin-right:20px;
}
#container{
        clear:left;
        padding:30px;
        overflow:auto;
        background:#fff;
        border-top-right-radius:60px;
        border-bottom-right-radius:60px;
        -moz-border-radius-topright:60px;
        -moz-border-radius-bottomright:60px;
        -webkit-border-top-right-radius:60px;
        -webkit-border-bottom-right-radius:60px;
        
}
#content{
        float:left;
        width:435px;
}
.breadcrumbs{
        display:inline-block;
        margin-bottom:20px;
        background:#EFEFE0;
}
.entry-meta, .entry-meta a{
        font-size:12px;
        color:#888;
}
.post{
        padding-top:30px;
        border-top:double 6px #EFEFE0;

}
.post-1{
        border-top:none;
        padding-top:0;
}
#content ul{
        margin-bottom:20px;
}
#primary{
        float:right;
        width:400px;
        padding:10px 10px 0;
        background:url(diag-back.png) fixed #EFEFE0;
}
#secondary{
        position:fixed;
        top:0;
        right:20px;
}
.widget{
        overflow:auto;
        padding:5px;
        margin-bottom:10px;
        background:#fff;
}
    .widget .ngg-galleryoverview{
        margin-top:0;
    }
.ngg-gallery-thumbnail a img{
        padding:0;
        border:solid 5px #fff;
        margin:0;
}

#last-fm-widget{
        padding:5px;
}
#utility-after-content{
        clear:both;
        overflow:auto;
        padding-top:20px;
        border-top:double 6px #EFEFE0;
}
#footer-container{
        clear:left;
        padding:30px;
}
.widget-contact{
        padding:0;
}
.gallery{
	margin:0 0 20px;
}
#wpcf7-f1-t1-o1 input, #wpcf7-f1-t1-o1 textarea{
        width:423px;
        border:0;
        padding:5px;
        border:solid 1px #EFEFE0;
        margin-bottom:10px;
        background:#EFEFE0;
        font-family: 'Droid Sans', serif;
        font-size:14px;
        color:#666;
}
#wpcf7-f1-t1-o1 input:focus, #wpcf7-f1-t1-o1 textarea:focus{
background:#fff;
}
#wpcf7-f1-t1-o1 input[type=submit]{
        width:435px;
        background:#181F19;
        color:#ffffff;
        font-weight:bold;
        text-transform:uppercase;
}
#wpcf7-f1-t1-o1 input[type=submit]:hover{
        background:url(diag-back.png) fixed #181F19;
        color:#EFEFE0;
        text-transform:uppercase;
}
#wpcf7-f1-t1-o1 input[type=submit]:active{
        background:url(diag-back.png) fixed #EFEFE0;        
}
#alternate-recent-posts{
        background:#fff;
        padding:10px;
}
#alternate-recent-posts ul{
        list-style:none outside none;
        margin:0;
}
#alternate-recent-posts li{
        display:block;
}
.botrplayer{
        background:#fff;
        border-top:solid 1px #fff;
        border-bottom:solid 1px #fff;
}
#follow_me{
        overflow:auto;

}
#primary a img{
        float:left;
        background:#181F19;
}
#primary img:hover{
        background:url(diag-back.png) fixed #181F19;
}

#primary a img:active{
        background:url(diag-back.png) fixed;
}
.fb_like{
        display:block;
        margin:20px 0;
}
/********************
Media Queries
********************/

/********************
Netbook
********************/
@media (max-width: 1024px){
    
    body, #body-container{
        padding:10px;
    }
    #body-container{
        width:inherit;
    }
    #container{
        clear:left;
        padding:20px;
        overflow:auto;
        background:#fff;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
        -moz-border-radius-topright:0;
        -moz-border-radius-bottomright:0;
        -webkit-border-top-right-radius:0;
        -webkit-border-bottom-right-radius:0;
        
}
    #primary{
        padding:0;
	float:left;
    }
    .widget .ngg-galleryoverview{
        margin-top:0;
    }

}
/********************
Mobile
********************/

@media  handheld and (max-width:480px), screen and (max-device-width:480px), screen and (max-width:600px){

        body, #body-container{
        background-image:none;
        padding:0;
        }
	#container{
		width:inherit;
		padding:10px;
	}
        #content, #primary, #utility-after-content{
            /**background:#ff9900;**/
	    float:left;
            width:inherit;
        }
        #primary{
            background-image:none;
        }
        #secondary{
            display:none;
        }
	#footer-container{
		padding-bottom:30px;
	}


}