h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
body {margin:0; padding:0; font-size:16px; background:#454545;}
.hide {display:none;}
      ::-moz-selection {background:#fff;}
        ::selection {background:#fff;}

a {text-decoration:none;    outline: 0;}

#container {-webkit-transition: all .2s ease;}

header, footer,article {display:block;}

.right {float:right;} .left {float:left;}

.foot {display:block; clear:both; margin:0; padding:0; border:0px; height:0px; width:0px;}

img {max-width:100%;}

#container {min-width:845px;  }
#banner {font-family: 'PatagoniaRegular', sans-serif;font-size-adjust: 0.51; padding:17px 0 10px 40px; color:#353535; display:none;
-webkit-text-stroke: 1px transparent; background:#ffec16; font-size:34px; line-height:156%; position:relative; 
-webkit-transition: all 0s ease; 
}
#banner strong {font-weight:100;}
#banner a {color:rgba(53,53,53,.6); z-index:1; position:relative; padding-bottom:-4px; border-bottom:3px solid;}
#banner a:hover {color:inherit; border-bottom:6px solid;  }

    #showBanner {position:absolute; width:48px;  height: 48px; right:40px; top:30px;  z-index:14; border:0px;   opacity:.1; -webkit-transition: all 1s ease; border-none;  display:none;
line-height: 0px;
text-indent:-9999px; background:url('images/plusorxcircle.png') no-repeat center center;}

    #showBanner:hover {opacity:.7; }

header {font-family: 'PatagoniaRegular', sans-serif;font-size-adjust: 0.51; padding:17px 0 0 40px; color:#008a19;
-webkit-text-stroke: 1px transparent; position:relative;
}


header p {font-size:43px; margin:0;line-height:176%; color:#00ff37; 
-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(00,00,00,.5))); /* webkit */
padding-right:20px;
}

.home header p {padding-right:0;}

.error404 header p, p.pagetitle {color:#ffec16;}
header a       , #content a       {color:white; z-index:1; position:relative; padding-bottom:-4px; border-bottom:3px solid;}
header a:hover , #content a:hover {color:inherit; border-bottom:6px solid;  }

#main { height:420px; -webkit-transition: all .4s ease; } 
#main.funny {background:white;}
#main.designy {background:rgba(42,42,42,1);}

#mainnav { color:white; margin:0; padding:0; list-style:none;  padding-left:40px; padding-top:10px;  font-family: 'Inconsolata', arial, serif; font-size:19px; -webkit-transition: all .4s ease;}
#mainnav.funny   {background:rgba(42,42,42,1);}
#mainnav.designy {background:white;}
#mainnav li {margin:0; padding:0;}
#mainnav a {color:white; float:left; width:216px; text-align:center; padding:14px 0 14px; text-transform:uppercase; border:none;}

#mainnav a.active:hover {color:rgba(0,0,0,.5);}
#mainnav .active {background:white; color:#2a2a2a;}
#mainnav a.inactive:hover {color:rgba(255,255,255,.5);}

#mainnav .inactive {background:#2a2a2a;}

#items {padding-left:41px; margin-top:20px; height:330px; font-family: 'Droid Sans', arial, serif; overflow:hidden; padding-right:20px;  -webkit-overflow-scrolling: touch; }
#itemswrapper {width:3500px;}
article { padding:10px 20px; padding-left:0; float:left; margin-right:00px;}
    article[rel="designy"]{display:none;}
article a {display:block;}
article a img {border:0px;}
article a:hover .thumb {opacity:1;}
article .thumb {height:260px; position:relative;min-width:270px; opacity:.9;}
article .thumb img {position:absolute;  max-width:250px; bottom:0px; left:-7px; background:transparent; padding:7px; border-radius:10px 10px; -moz-border-radius:10px 10px;}
article a:hover .thumb img { -webkit-box-shadow: 0px 0px 10px #00b7fe;  background:rgba(0, 183, 254,.5); } 

article h3 {color:rgba(0,0,0,.6);; font-size:1em;margin:.4em 0 .2em;}
    .designy h3 {color:white;}

article h4 {color:#00b7fe; font-size:.80em; opacity:0;}
article a:hover h4 {opacity:1;}
/*article h4:hover {color:#6f6f6f;}*/

footer {display:block; -webkit-text-stroke: 1px transparent; font-family:'Lucida Grande',Helvetica, Arial, sans;}
footer ul {list-style:none; margin:0; padding:0; margin-left:40px; margin-top:35px;}
footer li {float:left; position:relative;}
footer a {}

footer h3 {color:white; font-family: 'PatagoniaRegular', sans-serif;font-size-adjust: 0.51; font-size:23px; padding-top:5px;}
footer a:hover h3 {color:rgba(255,255,255,.7);} 
footer p {float:left; clear:left; display:block; color:white; font-size:.80em; position:absolute;  width:92%; color:#00ff37; opacity:0; margin:0; padding-top:1em;}
footer p small {opacity:.7 }
footer a:hover p {opacity:1;}
footer li+li {padding-left:8%;}
footer a:hover {opacity:.7; }
footer .at {font-family:Helvetica; font-size:80%;}

#footerlocal {background: url('images/placemarker.png') -0px 4px no-repeat; padding-left:16px;}


#fancybox-outer {background:rgba(42,42,42,1) !important;}


#content {font-family: 'PatagoniaRegular', sans-serif; font-size:32px; margin:0;line-height:176%; color:#00ff37; padding-right:10px;
-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(00,00,00,.5))); /* webkit */
-webkit-text-stroke: 1px transparent; 
}
#content  span.description {text-decoration:none; font-size:90%;}




@media screen and (max-width: 480px) {
header p {font-size:25px;}
#container {min-width:0;}
#main {height:inherit;}
#items {overflow:visible; height:inherit;}
#itemswrapper {width:inherit;}
#mainnav a {width:116px;}
footer li {display:block; float:none; width:100%;}
footer p {display:none;}
footer li+li { padding-left:0;}
footer {margin-bottom:2em;}
#showBanner {top:13px;}
}