/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
@import url(thickbox.css);
@import url(ZoomGallery/modifiedZoom.css);

/* ------------------------------------------------------------------------- */
html{background:url(images/bg-1010.jpg) top left repeat fixed #f4e7d2;}

div#container{background: url(images/mastStrip.png) 0px 0px repeat-x;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */

}
div#header{
background:url(images/header.png) top left no-repeat;
width:960px;
margin-bottom:9px;
}
div#header p{font:26px/36px Garamond,"Hoefler Text","Times New Roman",Times,serif;color:#fff;text-align:right;padding-top:16px;margin:0;}
div#content{
margin:0 110px 18px 146px;
width:364px;
float:left;
}
div#inner{width:960px;}

#subcolumn{
width:331px;
float:left;
margin:36px 0 0 0;
}
#splashWrap{
overflow: hidden;
}
#splash{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
position: relative;
padding:9px 0 0 146px;
overflow: hidden;
background:rgb(0,164,3);
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(0,164,3,0.8)),
    color-stop(1, rgba(0,99,2,0.8))
);
background:-moz-linear-gradient(
    center bottom,
    rgba(0,164,3, 0.8) 0%,
    rgba(0,99,2, 0.8) 100%
);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
#subhead{
padding:9px 0 18px 146px;
}


div#footer{
width:100%;
position:relative;
border-top:3px solid #00a404;
border-bottom:18px solid rgb(65,56,41);
background:rgb(65,56,41);
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(65,56,41)),
    color-stop(1, rgb(39,35,25))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(65,56,41) 0%,
    rgb(39,35,25) 100%
);
width:100%;
min-width:960px;
}
div#footer a{color:#fff;}
div#footer p{color:#666;}
div#footer blockquote p, div#footer blockquote {padding:0;margin:0;font: 24px/36px Garamond,"Hoefler Text","Times New Roman",Times,serif;color:#00a404;
}
div#footer blockquote p{margin-bottom:18px;}

div#blogFoot{
margin:54px 110px 0 146px;
width:364px;
float:left;
}

div#testimonial{
width:331px;
float:left;
margin-top:54px;
position:relative;
}
div#footer p.blogDate, p.blogDate{width:90px;float:left;margin-left:-100px;text-align:right;color:#00a404;text-transform:uppercase;font-weight:bold;margin-top:13px;}
p.blogDatePost{width:90px;float:left;margin-left:-100px;text-align:right;color:#00a404;text-transform:uppercase;font-weight:bold;margin-top:0px;}

div#footer a:hover{border-bottom:1px solid #5a503b;}
h4.footHead{color:#999;}
h2.footPost{margin:0 0 18px 0;font-size:36px;line-height:36px;}
h4.footPost{margin:0;font: bold 14px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;color:#fff;
}
div#footer p.bigFoot{position:relative;clear:both;margin:18px 0 18px 146px;font: 20px/27px Garamond,"Hoefler Text","Times New Roman",Times,serif;color:#999;width:814px;padding-top:9px;border-top:1px solid rgb(39,35,25);}
div#footer p.bigFoot a{color:#fff;}
div#footer p.bigFoot span{font: 10px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


p.readMore{
margin-bottom:36px;
}
ul.galleryThumbs{
list-style:none;
margin:0;
}
ul.galleryThumbs li {
float:left;
margin:6px 7px 6px 4px;
padding:2px;
}
ul.galleryThumbs li img, #subcolumn img{
vertical-align:middle;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
border:1px solid #fff;
}

ul.galleryThumbs li img:hover,  #subcolumn a img:hover {
border:1px solid #036f06;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

ul.galleryThumbs li p{margin-bottom:0;}

.Wayne{width:36px;height:53px;position:absolute;left:920px;bottom:56px;background:url(images/PartyOnWayne.gif) 0px 0px;text-indent:-9999px;overflow:hidden;}
.Wayne:hover{background:url(images/PartyOnWayne.gif) 0px -53px;}
.Garth{width:90px;height:44px;position:absolute;left:62px;top:-47px;background:url(images/PartyOnWayne.gif) -36px -62px;text-indent:-9999px;overflow:hidden;}
.Garth:hover{background:url(images/PartyOnWayne.gif) -36px 0px;}

a:hover img.border-shadow{
border:1px solid #00a404;
-moz-box-shadow: 3px 3px 6px #9c9a8f;
-webkit-box-shadow: 2px 2px 2px #9c9a8f;
box-shadow: 2px 2px 2px #9c9a8f;
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
html, body{width:320px;}
html{background:#f4e7d2;}
div#container{background: url(images/mastStrip-mobile.png) 0px 0px repeat-x;
}
h1{
font-size:42px;
line-height:44px;
}
h2{
font-size:24px;
line-height:26px;
margin-bottom:9px;
}
div#container, div#footer, ul#navigation {
width:320px;
min-width:320px;
margin:0 auto;
overflow: hidden;
padding:0;
}
.nav a{
font-size:24px;
line-height:28px;
border-bottom:1px solid #d8c7a9;
}
div#header p{padding-top:48px;
}
div#header p span{color:#00a404;}
div#footer p.blogDate{
float:none;
width:auto;
text-align:left;
margin:0;
}
.Wayne, .Garth{
display:none;
}
div#splash, div#subhead, div#content, div#blogFoot, div#inner, div#header, div#testimonial, div#footer p.bigFoot, div#subcolumn, ul#navigation li{
padding:18px 15px 18px 5px;
margin:0;
width:300px;
overflow:hidden;
}

ul#navigation li{padding:6px 15px 6px 5px;}
textarea, input{padding:4px;width:292px;}
div#footer{background:rgb(65,56,41);}
}