@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:11px;
	text-align:center;
	margin:3px auto;
	padding:0;
	}

#site-intro {
	width:1000px;
	height:10px;
	background:#FFFFFF;
	font-size:10px;
	color:#666666;
	height:13px;
	margin:0 auto;
	padding:0;
	}

#site-intro-left {
	text-align:left;
	width:300px;
	float:left;
	}

#site-intro-right {
	text-align:right;
	width:300px;
	float:right;
	}

#page {
	background:url(http://www.gutterfresh.com/images/top-background.jpg) repeat-x;
	margin:0 auto;
	}

#content {
	width:1000px;
	margin:0 auto;
	padding:0;
	}

#header {
	height:125px;
	margin:0 auto;
	text-align:left;
	}

#header-logo {
	width:285px;
	float:left;
	height:125px;
	}

#header-middle {
	width:450px;
	float:left;
	margin:80px 0 0 0;
	text-align:center;
	}

#header-middle ul {
	display:block;
	}

#header-middle ul li {
	display:inline;
	margin-right:10px;
	font-size:12px;
	}

#header-right {
	width:250px;
	float:right;
	height:60px;
	text-align:right;
	margin:10px 0 0 0;
	line-height:20px;
	}

.header-content-block {
	width:100px;
	height:60px;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 10px;
	text-align:left;
	}

.header-content-block2 {
	width:160px;
	height:60px;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 20px;
	text-align:left;
	}

.header-content-block3 {
	width:100px;
	height:60px;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 20px;
	text-align:left;
	}

.header-content-block4 {
	text-align:left;
	margin:20px 0 0 10px;
	float:right;
	width:100px;
	}
	
#feature {
	background-color:#FFFFFF;
	margin:20px auto;
	}

#page-footer {
	height:200px;
	background:url(http://www.gutterfresh.com/images/bottom-background.jpg) repeat-x;
	margin:0;
	padding:0;
	background-color:#d8df20;
	}

#page-footer-content {
	width:1000px;
	margin:20px auto;
	color:#000000;
	font-size:11px;
	line-height:18px;
	text-align:left;
	}
	
.footer-content-block, .footer-content-block3 {
	width:130px;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 20px;
	}

.footer-content-block3 {
	text-align:right;
	margin:20px 0 0 0;
	}
	
.footer-content-block2 {
	width:100px;
	float:right;
	margin:20px 0 0 10px;
	}

#feature-details {
	width:180px;
	text-align:left;
	margin:0 10px 0 10px;
	float:left;
	}

#navigation-details {
	width:187px;
	text-align:left;
	margin:0 0 0 0;
	float:right;
	}

#feature-description {
	width:180px;
	text-align:right;
	margin:0 0 0 0;
	float:left;
	border-top:1px solid #999999;
	background:url(http://www.gutterfresh.com/images/gradient-background.jpg) repeat-x;
	}

#feature-description-content {
	margin:10px;
	}

#feature-image {
	width:600px;
	text-align:center;
	float:left;
	padding:0;
	margin:0 10px 0 0;
	overflow:hidden;
	border:1px solid #666666;
	}

#image-navigation img {
	border:1px solid #666666;
	}

#feature-image img {
	width:600px;
	border:none;
	}

#image-navigation img {
	margin:0 0 20px 0;
	}

#image-navigation {
	width:187px;
	margin:0 0 0 0;
	float:right;
	text-align:left;
	background:url(http://www.gutterfresh.com/images/gradient-background.jpg) repeat-x;
	border-top:1px solid #999999;
	}

#image-navigation-content {
	margin:10px;
	}

#bottom {
	border-top:1px solid #999999;
	margin:0 0 0 0;
	}	

#bottom-left {
	background:url(http://www.gutterfresh.com/images/gradient-background.jpg) repeat-x;
	margin:0 3px 0 0;
	padding:0;
	float:left;
	width:170px;
	height:120px;
	}

#bottom-center {
	background:url(http://www.gutterfresh.com/images/gradient-background.jpg) repeat-x;
	margin:0 3px 0 0;
	padding:0;
	float:left;
	width:412px;
	height:120px;
	}

#bottom-right {
	background:url(http://www.gutterfresh.com/images/gradient-background.jpg) repeat-x;
	margin:0;
	padding:0;
	float:left;
	width:412px;
	height:120px;
	}

#bottom-content {
	margin:10px;
	text-align:left;
	}




#feature-text h2, #navigation-text h2 {
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#b5b5b5;
	margin:0 0 5px 0;
	letter-spacing:.8em;
	}

#feature-description-content h2, #image-navigation-content h2 {
	color:#0071a2;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}

#bottom-content h2 {
	color:#666666;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	}

#bottom-content h2.title {
	color:#666666;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 -8px 0;
	}

#bottom-content p.events {
	color:#333333;
	font-size:11px;
	line-height:14px;
	margin:0 0 10px 0;
	}

a {
	color:#0071a2;
	text-decoration:none;
	}

p {
	line-height:16px;
	}

#page-footer a {
	text-decoration:none;
	color:#000000;
	}

#page-footer a:hover {
	text-decoration:underline;
	} 

#entry {
	width:660px;
	margin:0 10px 0 0;
	float:left;
	text-align:left;
	}

#entry img {
	width:100%;
	height:100%;
	border:1px solid #666666;
	margin:10px 0 10px 0;
	}

.entry p {
	font-size:13px;
	line-height:19px;
	}

h1.entry-title {
	font-size:18px;
	margin:15px 0 5px 0;
    color:#0071a2;
 	}

h1.entry-title a {
        color:#0071a2;
	text-decoration:none;
        }

h1.entry-title a:hover {
	text-decoration:underline;
	}

h3 {
	font-size:12px;
	text-transform:uppercase;
	margin:0 0 10px 0;
    color:#FFFFFF;
	}
	
.asset-meta {
	margin-bottom:20px;
	color:#999999;
	}
	
.entry-categories, .entry-tags {
	}

.entry-categories h4, .entry-tags h4 {
	display:inline;
	}

.entry-categories ul, .entry-tags ul {
	display:inline;
	width:400px;
	float:left;
	margin:0 0 10px 0;
	text-align:left;
	}

.entry-categories ul li, .entry-tags ul li {
	display:inline;
	text-align:left;
	}

#entry-left-column {
	width:650px;
	float:left;
	margin:10px 0 0 0;
	}

#entry-right-column {
	width:320px;
	margin:20px 0 0 0;
	text-align:left;
	font-size:13px;
	float:right;
	border-top:1px solid #999999;
	}

#sidebar-nav {
	background-color:#CCCCCC;
	}

#sidebar-nav-content {
	color:#FFFFFF;
	padding:15px;
	}

#sidebar-nav-content ul {
	display:block;
	margin:15px 5px 15px -25px;
	line-height:19px;
	}

#sidebar-nav-content ul li {
	display:inline;
	}

#sidebar-nav-content ul li a:hover {
	text-decoration:underline;
	}
	
#tags-categories {
	margin:5px 0 20px 0;
	border-bottom:1px solid #999999;
	padding:5px 15px 15px 15px;
	font-size:12px;
	}

#tags-categories ul {
	display:block;
	margin:0 10px 0 0;
	padding:0;
	}

#tags-categories h4 {
	font-size:11px;
	text-transform:uppercase;
	color:#999999;
	margin:0;
	padding:0;
        }

#tags-categories ul li {
	display:inline;
	margin:0;
	padding:0;
	}

#share{
	margin:20px 0 20px 0;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	padding:0 0 20px 0;
	font-size:12px;
	}

#share ul {
	display:block;
	margin:0 10px 0 0;
	padding:0;
	}

#share h4 {
	font-size:11px;
	text-transform:uppercase;
	color:#999999;
	margin:0;
	padding:0;
        }

#share ul li {
	display:inline;
	margin:0;
	padding:0;
	}

.asset-body {
	font-size:13px;
	line-height:19px;
	}

#syndication {
	padding:10px 10px 5px 10px;
	width:219px;
	float:right;
	margin:46px 0 0 0;
	}

/* ENTRY ARCHIVE */

#archive-main {
	width:1000px;
	padding:0;
	margin:0;
	text-align:left;
        height:100%;
	}
	
#archive-main ul {
	display:block;
	margin:20px 20px 20px 40px;
	}

#archive-main ul li {
	font-size:18px;
	line-height:26px;
	margin-right:20px;
	display:inline;
	}

.archive-entry-box {
	width:190px; margin-right:8px; margin-bottom:10px; vertical-align:top; border:1px solid #999999; float:left;
	}

.archive-entry-image {
	overflow:hidden; height:125px; margin:0;
	}

.archive-entry-image img {
	border:none;
	width:200%;
	height:200%;
	}
	
.archive-entry-title {
	display:block;
	text-align:center;
        padding-bottom:8px;
        }


div.archive-left-column {
	width:330px;
	float:left;
	margin:10px 0 0 0;
       min-height:400px;
	}

div.archive-right-column {
	width:250px;
	margin:20px 0 0 0;
	text-align:left;
	font-size:13px;
	float:left;
	border-top:1px solid #999999;
	}

.archive-entry {
	width:300px;
	margin:0 10px 0 10px;
	float:left;
	text-align:left;
	}

.archive-entry img {
	width:100%;
	height:100%;
	border:1px solid #666666;
	margin:10px 0 10px 0;
	}

.archive-entry p {
	font-size:13px;
	line-height:19px;
	}


.archive-content-nav {
	font-size:14px;
       margin:50px 20px 20px 20px;
}

.entry-title-h2 {
	font-size:11px;
	color:#0071a2;
	font-weight:normal;
	}

.entry-title-h2 a {
	color:#0071a2;
	text-decoration:none;
	}

.entry-title-h2 a:hover {
	text-decoration:underline;
	}

.archive-main ul {
	display:block;
	margin:50px 50px 50px 70px;
	}

.archive-main ul li {
	display:inline;
	margin-right:20px;
	font-size:22px;
	line-height:32px;
}

#site-by {
     width:200px;
     float:left;
     text-align:left;
     font-size:10px;
     margin:20px 0 0 0;
     }

