/*

- The Flavorful Life - Cascade Ice Blog
- http://www.cascadeicewater.com/blog
- designed by Switch Creative Group
- http://www.groupswitch.com

*/


body {
	background: #a0cbde url(../_img/bg.jpg) no-repeat top center;
	color: #555;
font-family: "Arial", sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 22px;
}

* a:link, * a:active, * a:visited {
color: #55856e; 
text-decoration: none;
}

a:hover{color: #a8a8a8;}

#container{
clear: both;
margin: 0 auto;
width: 1016px;
}


/* ! ---- HEADER ---- */
/* ---------------------------------------------------- */

#header a{
clear: both;
float: left;
background: url(../_img/header.jpg) no-repeat;
text-indent: -9999px;
width:1000px;
height: 187px;
margin-left: 5px;
display: inline;
}

#nav{
clear: both;
float: left;
position: relative;
width: 1000px;
height: 55px;
margin-left: 5px;
display: inline;
}

	ul.nav{
	list-style-image: none;
	list-style-type: none;
	background: url(../_img/nav_sprite.jpg) no-repeat;
	width: 1000px;
	height: 55px;
	position: absolute;
	left: 0;
	top: 0;
	}
	
		ul.nav li {
		list-style: none;
	  	position: absolute;
		height: 55px;
	  	text-indent: -9999px;
		}
		
		ul.nav li a{
		display: block;
		height: 55px;
		text-indent: -9999px;
		}

		ul.nav li.home{ left: 0; width: 143px; }
		ul.nav li.healthy{ left: 143px; width: 271px; }
		ul.nav li.seen{ left: 414px; width: 242px; }
		
		.social{ left: 656px; position: absolute;}

		.home a:hover, .home a.active	{ 
		background: transparent url(../_img/nav_sprite.jpg) 0px -55px no-repeat; }

		.healthy a:hover, .healthy a.active	{ 
		background: transparent url(../_img/nav_sprite.jpg) -143px -55px no-repeat; }

		.seen a:hover, .seen a.active	{ 
		background: transparent url(../_img/nav_sprite.jpg) -414px -55px no-repeat; }

		.social:hover	{ 
		 }


/* ! ---- CONTENT ---- */
/* ---------------------------------------------------- */

#content{
clear: both;
float: left;
background: url(../_img/content.png) repeat-y;
width: 969px;
padding: 0px 0px 10px 50px;
}

	#left{
	clear: both;
	float: left;
	margin: 40px 45px 0 0;
	width: 565px;	
	}
	
		.post{
		clear: both;
		float: left;
	    margin-bottom: 35px;
	    width: 565px;
		}
			
			.post p{
			margin-bottom: 10px;
			margin-top: 10px;
			}
			
			.post ul, .post ol{list-style-type: disc; 
			color: #555;
font-family: "Arial", sans-serif;
font-size: 14px;
font-weight: 100;
padding-left: 30px;
line-height: 22px;
			}
			.post ul li, .post ol li {
			padding-bottom: 10px;
			}
			
						
		.postmeta{
		clear: both;
		float: left;
		margin-top: 5px;
		padding: 5px;
		font-family: "Arial", sans-serif;
		color: #a6a196;
		font-size: 11px;
		line-height: 18px;
		text-transform: uppercase;
		background: #f3f3f3;
		width: 555px;
		}
		
		
		/* post navigation */
		
		.postnavigation{
		clear: both;
		width: 555px;
		float: left;
		}
		
		.older a{
		background: url("../_img/older.jpg") no-repeat scroll 0 0 transparent;
    	display: block;
   		float: left;
	    padding: 0 44px;
    	text-indent: -9999px;
		}
		
		.newer a{
		background: url("../_img/newer.jpg") no-repeat scroll 0 0 transparent;
    	display: block;
   		float: right;
	    padding: 0 44px;
    	text-indent: -9999px;		
		}

	#right{
	float: left;
	padding: 20px;
	width: 305px;
	}

		.right_bucket{
		clear: both;
		float: left;
		width: 300px;
		margin-top: 30px;
		}
		
		/* feedburner */
			#feedburner_submit{
			clear: both;
			float: right;
			margin-top: 10px;}
			
			.feedburner .widgettitle{
			display: none;
			}
			
			h2.widgettitle {text-indent: 0px !important;
			font-size: 18px;
			line-height: 20px;
			margin: 0 !important;
			height: auto !important;
			}
			
			input#feedburner_email{
			clear: both;
			float: left;
			width: 245px;
			margin-top: 5px;
			}
			
			.feedburner{
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background: #e0e0e0;
			padding: 25px;
			width: 250px;
			}
			
			
		.right_bucket li {list-style-type: none;}
		
		.right_bucket li > ul {
		padding-left: 25px;
		}
		
		.right_bucket li > ul > li{
		color: #588498;
		font-family: "Arial", sans-serif;
		font-size: 13px; 
		line-height: 30px;
		display: block;
		}
		
		.right_bucket li > ul > li > a {
		color: #588498;			
		}
	
		.right_bucket h2{
		display: block;
		width: 300px;
		height: 47px;
		text-indent: -9999px;
		margin-bottom: 10px;
		}
		
		    .right_bucket h2.categories{background: url(../_img/categories.jpg) no-repeat;}
		    .right_bucket h2.product_photos{background: url(../_img/product_photos.jpg) no-repeat;}
		    .right_bucket h2.watch{background: url(../_img/watch.jpg) no-repeat;}
		    
			/* Flickr Feed */
			
			ul.flickrlist{
			padding-left: 25px;
			width: 300px;
			float: left;
			clear: both;
			}
			
			li.flickr{
			display: inline;
			float: left;
			padding: 5px;
			}
			
				.photos{
				color: #55856e;
				font-family: "museo-slab-1","museo-slab-2", Georgia, serif;				
				font-size: 11px;
				text-transform: uppercase;
				padding-left: 30px;
				font-weight: 500;
				}
				
		.youtube > li {
		padding-left: 30px;
		}		
		
		
		.wp_youtube_gallery{
		margin-top: 15px;
		}		
				

#bottom{
clear: both;
float: left;
width: 1016px;
height: 21px;
display: inline;
}

/* ! ---- FOOTER ---- */
/* ---------------------------------------------------- */
	
#footer{
clear: both;
float: left;
color: #497f97;
text-transform: uppercase;
margin: 20px 0 20px 40px;
font-size: 10.5px;
font-family: "Arial", sans-serif;
letter-spacing: 1px;
width: 565px;
}

	#footer a{color: #497f97;}


/* ! ---- COMMENTS ---- */
/* ---------------------------------------------------- */
	
#comments{
float: left;
clear: both;
width: 600px;
margin-top: 20px;
}	
		
.comments_reply{
float: left;
clear: both;
width: 600px;
margin-top: 20px;
}	

#commentform{
clear: both;
float: left;
width: 600px;
}

#comment{
width: 500px;
}

/* ! ---- GLOBAL TXT STYLES ---- */
/* ---------------------------------------------------- */
	
p{
color: #555;
font-family: "Arial", sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 22px;

}

h1, h1 a{
color: #d9101a !important;
font-family: "museo-slab-1","museo-slab-2", Georgia, serif;
font-size: 30px;
font-weight: 500;
line-height: 36px;
}


h2 {
color: #d9101a;
font-family: "museo-slab-1","museo-slab-2", Georgia, serif;
font-size: 30px;
font-weight: 100;
font-weight: 500;
line-height: 36px;
}

h3{
color: #55856e;
font-family: "archer", sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;}


h4{
font-size: 11px;
line-height: 22px;
font-family: "museo-slab-1","museo-slab-2", Georgia, serif; 
color: #959595;
font-weight: 500;
}

h5{
font-family: "Arial", sans-serif;
color: #a6a196;
font-size: 11px;
line-height: 18px;
text-transform: uppercase;
}

.uppercase{text-transform: uppercase;}

.alignright{
float: right;
    padding-left: 20px;
}

.alignleft{
float: left;
    padding-right: 20px;
}
