/* ---------- @ Responsive -----------*/

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

/*Hides & Resets*/
#searchform, #meta, #sidebar, #rightbar, footer .right, 
#nav ul, .jcarousel-prev, .jcarousel-next, .sf-sub-indicator,
#breadcrumbs, #widget-single-right, #navbar, .commentcount, .category h1#pagetitle {display: none !important;}

#lead, #home #lead .left, #home #lead .right, #lead img, #interior #lead, #interior #lead .right, #interior #lead .left, 
#content, #nav, #nav li, .jcarousel-skin-tango .jcarousel-clip-horizontal, .jcarousel-skin-tango .jcarousel-item, 
#carousel a, #carousel a:visited, .archive #lead .right, #contact-message, 
footer .left, #recent, footer, #masthead, #home #content, #interior #content {float: none; display: block; width: auto; top: auto; left: auto; height: auto}


/*Structure*/
#page {width: 100%; margin: 0; border: none; }
#masthead {background: #000 no-repeat 50% 0; background-image:none; padding-bottom: 22px;}
#interior #content {padding: 18px 30px;}
#interior.archive #content, #interior.archive .stripes {padding: 0;}
#masthead #logo, #masthead #logo a, #masthead #description { color:#fff; }



/*Home*/
#home .stripes {padding: 0;}
#mycarousel, #carousel li {width: auto !important;}
#carousel {padding: 25px 21px;}
#carousel li {display: block; width: 100%; font-size:1.4em; overflow: hidden; padding-right: 30px; margin: 20px 0}
#carousel li img {width: 320px; height: 159px; float: left; margin-right: 20px;}
#recent {background-image: none; padding: 30px 40px 40px}
#recent li { border-color: #a3d7f4}
#upper {padding: 0;}
#home #content .whitebox {padding: 20px 40px;}
.whitebox h3 {padding: 7px 12px;}
.catnews h4 {font-size: 1.6em;}
.catnews img, .cat-excerpt img {width: 170px; height: 170px; margin: 5px 20px 10px 0;}
.catnews p {font-size:1.1em;}


/*Nav*/
#navbar {padding: 5px;}
#nav li {margin: 0;}
#nav-mobile-cats, #nav-mobile-pages {display: block; margin: 20px auto; width: 80%}
.postform {font-size: 1.4em; padding: 4px 6px; display: block;}


/*Content*/
#logo {font-size:2.2em;}
#print {background: none; padding: 0;}
.postmetadata {margin: 25px 0;}
.wp-caption.alignleft {margin: 15px 30px 30px 0;}
.entry {font-size:1.3em;}
.entry p {margin-bottom: 30px;}
.entry p.wp-caption-text {font-size:.75em;}
#tags {background-image: none; padding: 8px 16px;}
#lead p {font-size:1.5em;}
#lead h2 {font-size: 2.5em;}
#lead img, #interior #lead img {float:none; width: 90%; height: auto; margin: 0 auto; display: block}
#lead .left {margin: 20px 0 30px;}
#lead .date {padding: 8px 0 10px; font-size:1.2em;}
#lead .right {padding: 0 30px 30px;}
.cat-excerpt {margin: 22px 0; padding: 35px 35px 15px; margin: 0; border:none}
.cat-excerpt h4 {font-size:1.5em;}
.archive h4.pagetitle {margin: 0 35px;}
.more-in {padding-bottom: 30px;}
.more-in li {margin-left: 90px; padding: 10px 30px 10px 0;}
cite.fn {font-size:.8em; padding-top: 1px; font-weight: bold}
.comment-date {font-size:.8em;}
.avatar {width: 60px; height: 60px; margin-right: 21px;}
.reply a, .reply a:visited {padding: 0; background-image:none;}
#comment, #email, #url, #commenter {font-size: 1.5em; padding: 20px; width: 650px}
#submit {padding: 24px 60px;}

/*Footer*/
footer {text-align: center; margin: 0; padding: 30px 0 36px; font-size:1em; font-weight: bold}

}