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

/*
	Author: 	MySnowBuddy.com
	Project: 	My Snow Buddy
	Date: 		22-02-2009
	
	
	Index:
			1. General stuff
			2. Text & fonts
			3. Basic layout
			4. Navigatie
			5. Product browse	
*/

/*===============================*/
/* ====   0.Browser reset   ==== */
/*===============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{border:0}
/*===============================*/
/* ====   1.General stuff   ==== */
/*===============================*/

body{
font-family: Helvetica, arial, sans-serif;
font-size:12px;
color:#000;
line-height:18px;
background:#f3fafe;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*===============================*/
/* ====   2.Text & fonts    ==== */
/*===============================*/
p{line-height:20px;padding:0 0 10px 0;}
strong{font-weight: bold; color: #666;}

/*===============================*/
/* ====   3.Basic layout    ==== */
/*===============================*/
#header{
	background: url('../images/header-bg.gif');
	height: 425px;
}
	#banner{
	width: 990px;
	height: 425px;
	margin: 0 auto;
	background: url('../images/header.jpg');
	}

#content{
	width: 899px;
	margin: 0 auto;
}
	#left{
	float: left;
	width: 511px;
	margin: 20px 0 20px 10px;	
	}
	#right{
	float: left;
	width: 361px;
	margin: 20px 0 20px 10px;
	}	

#footer{
	background: url('../images/foot-bg.gif');
	height: 73px;
}	

/*===============================*/
/* ====   4.content		    ==== */
/*===============================*/
.post{
	width: 511px;
	margin: 0 0 20px 0;
}
	.postheader{
	background: url('../images/blogtop.jpg');	
	width: 511px;
	height: 23px;
	}	
	.postcontent{
	background: url('../images/blogbg.jpg');	
	width: 486px;
	padding: 0 10px 0 15px;
	}	
		h2,h3,h2 a,h3 a{
		color: #242864;
		font-size: 19px;
		margin: 0 0 15px;
		}
		a.checkout{
		color: #242864;
		font-size: 15px;
		margin: 0 0 15px;
		text-decoration: none;	
		}
		h3,h3 a{
		padding:0;
		margin: 0 0 10px;
		}
		p.nocomment{
		margin: 0;
		padding: 8px 0 0 0;
		font-size: 12px;
		}
		.comment{
		display: block;
		background: #FFF;
		width: 470px;
		height: 35px;
		padding: 0 0 0 15px;
		}
		p.date{
		padding-top: 15px;
		padding-bottom: 0;
		font-size: 11px;
		}
		p.date.first{
		padding: 0;
		}
		.postcontent li{
		margin-left: 20px;
		padding-left:10px;
		list-style:disc
		}
		.postcontent blockquote {
		background-color:#FFFFEE;
		border:1px solid black;
		color:#000000;
		font-family:georgia,serif;
		font-size:1em;
		line-height:1.3em;
		padding:10px 20px;
		text-align:left;
		width:75%;
		}
	.postfooter{
	background: url('../images/blogbottom.jpg');	
	width: 511px;
	height: 23px;
	}			
	
	
/*===============================*/
/* ====   5. Sidebar	    ==== */
/*===============================*/	
.getnow{
	background: url('../images/get-my-snowbuddy.png');	
	width: 361px;
	height: 47px;
}
.events{
	background: url('../images/ipcomming-events.png');	
	width: 361px;
	height: 47px;
	margin: 10px 0 0 0;	
}
.local{
	background: url('../images/localmountains.png');	
	width: 361px;
	height: 47px;
	margin: 10px 0 0 0;		
}
.flick{
	background: url('../images/flick.png');	
	width: 361px;
	height: 47px;
	margin: 10px 0 0 0;		
}
.twitter{
	background: url('../images/twitterfeed.png');	
	width: 361px;
	height: 47px;
	margin: 10px 0 0 0;	
}
.countdown{
	background: url('../images/olympic-countdown.png');	
	width: 361px;
	height: 47px;
	margin: 10px 0 0 0;	
}

.sidebarcontent{
	width: 361px;
	background: #fff;
}
.sidebarbottom{
	background: url('../images/footer-sidebar.png');	
	width: 361px;
	height: 16px;	
}
p.getmsb{
	float:left;
	width: 150px;
	font-size: 11px;
	margin:5px 15px;
}
p.tweet{
	padding: 15px;
	font-size: 11px;
}
.sidebarcontent img{
padding: 8px;	
}
/*===============================*/
/* ====   6.footer		    ==== */
/*===============================*/
#footwrap{
	width: 960px;
	margin:0 auto;
}
#footwrap ul,#footwrap li{
	display: inline;	
}
#footwrap li a{
	color: #f3fafe;
	text-decoration: none;
	font-size: 15px;
	border-right: 1px solid #f3fafe;
	padding: 0 12px 0 ;
}
#footwrap li a.last{
	border:0;
}
.footleft{
	float: left;
	padding: 25px 0 0 0;
}
.footright{
	float: right;
	text-align: right;
	color: #f3fafe;
	font-size: 13px;
	padding: 10px 0 0 0;	
	line-height: 11px;
}
.footright p{
padding: 0;
margin: 10px 0 0 0;
}
.footright .small{
	font-size: 11px;
	line-height: 11px;
	margin: 0;
}
.iconright {
	float: right;
	padding: 15px;
}