@import url(blueprint/screen.css);

/* !extend blueprint */
/*----------------------------------------------------------------------------*/

body {
/* font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; */
font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.3;
}

a:focus, a:hover {color:#2aadd2;}
a {color:#088bb0;text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {
color: #034;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.0em;
text-transform: lowercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #034;
/* display: block; */
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #145; }

h2 {
font-size: 1.2em;
letter-spacing: 1px;
margin: 0 0 1em;
text-transform: uppercase;
}
	h2 a { color: #034; border-bottom: 1px dotted #034; }
	h2 a:hover { color: #046; }
h2.headline {
font-size: 3em;
letter-spacing: inherit;
margin: 0 0 1em;
text-transform: lowercase;
}
	h2.headline a { border-bottom: none; }
h3 {
font-size: 1.8em;
margin: 0 0 0.4em;
}
h3.headline { margin: 0 0 1em; }
h4 {
font-size: 1.6em;
margin: 0 0 0.4em;
}
h5, h6 {
color: #00afdd;
font-size: 1.2em;
font-weight: 400;
margin: 0 0 0.4em;
text-transform: uppercase;
}
h6 {
color: #222;
font-size: 1.0em;
font-weight: 700;
}
	h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
	h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { font-size: 1.1em; }

hr { height: 1px; }

/* !table-esque definition lists */
dl.data {
margin: 0 0 1em;
overflow: auto;
padding: 0;
width: 230px;
}
	dl.data dt {
	border-top: 1px solid #ddd;
	clear: left;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 5px 0;
	width: 110px;
	}
	dl.data dd {
	border-top: 1px solid #ddd;
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 109px;
	}


/* !forms */
form p input { padding-top: 0; }
/* input[type="text"] {background: url(../images/assets/bg-input.png);} */


/* !boxes */
div.box {
background: #eee;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 40px;
margin-bottom: 0.8em;
}
.adbox { padding: 20px !important; }
	.box hr { background: #aaa; color: #aaa; }

div.secondary { background: #0ad; color: #034; }
	.secondary hr { background: #07c; color: #07c; }
	.secondary h2 { color: #fff; }
	.secondary a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }
	.secondary a:hover { color: #cff; }
	.secondary dl.data {
/* 	background: #034; */
	color: #fff;
	}
		.secondary dl.data dt {
		border-top: 1px solid #08b;
		padding: 5px 10px 5px 5px;
		width: 105px;
		}
		.secondary dl.data dd {
		border-top: 1px solid #08b;
		padding: 5px 5px 5px 0px;
		width: 104px;
		}

div.tertiary  { background: #fa1; color: #034; }
	.tertiary a { color: #fff; }
	.tertiary hr  { background: #c70; color: #c70; }
	.tertiary h2 { color: #b36800; }
		.tertiary h2 a { color: #b36800; border-bottom: 1px dotted #b36800; }
		.tertiary h2 a:hover { color: #e58600; }
		.tertiary h3 a { color: #034; }
		.tertiary h3 a:hover { color: #145; }



/* !classes and plugins */
/*----------------------------------------------------------------------------*/

/* !floats and alignment */
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }


/* !Google map dimensions */
.map {
border: 1px solid #ccc; 
height: 275px;
margin: 0 0 1em;
width: 548px;
}


/* make FancyZoom compatible with Blueprint CSS */
#ShadowBox table, #ZoomCapDiv table {margin-bottom:0;}
#ShadowBox th, #ShadowBox td, #ZoomCapDiv th, #ZoomCapDiv td { padding: 0; }


/* !margin, padding, and floating */
.noMargin { margin-bottom: 0 !important; }
.overflow { overflow: auto !important; }


/* !photo lists */
.photoList {
margin: 0;
overflow: auto;
}
	.photoList li {
	float: left;
	height: 110px;
	list-style: none;
	margin: 0 10px 10px 0;
	width: 110px;
	}
.thumb { margin: 0 10px 20px 0; }


/* !buttons */
button, a.button {
background: #067 url(../images/assets/bg-buttons.png) repeat-x;
border: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
cursor: pointer;
font-family: 'Yanone Kaffeesatz Thin', Arial, sans-serif;
font-size: 1.5em;
font-weight: 700;
margin: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
padding: 0.4em 0.75em 0.5em;
position: relative;
text-align: center;
text-decoration: none !important;
text-transform: lowercase;
}
a.button { display: block; }
	button em, a.button em {
	color: #00afdd;
	font-style: normal;
	}
button:hover, a.button:hover   { background: #079 url(../images/assets/bg-buttons.png) 0 -60px repeat-x;	}
button:active, a.button:active { background: #056 url(../images/assets/bg-buttons.png) 0 -120px repeat-x;	}

/* !secondary buttons */
button.secondary, a.secondary               { background: #f39a08 url(../images/assets/bg-buttons.png) 0 -180px repeat-x; }
button.secondary:hover, a.secondary:hover   { background: #ffa808 url(../images/assets/bg-buttons.png) 0 -240px repeat-x;	}
button.secondary:active, a.secondary:active { background: #ffb70e url(../images/assets/bg-buttons.png) 0 -300px repeat-x;	}
	button.secondary em, a.secondary em { color: #d67d00; }

/* !button wrapper */
.buttonset {
font-size: 1em;
margin: 0;
overflow: auto;
text-align: right;
}
	.buttonset a { float: right; }


/* !rounded corners */
.rounded {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.roundedTop {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.roundedBottom {
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}


/* !text styles */
.bigType { font-size: 1.5em; }


/* !'populate' jQuery plugin styles */
.structural {
position:absolute;
left:-9999px;
}


#bookmarks li { list-style: none; }
#bookmarks li a { text-decoration: none; }

/* !structure */
/*----------------------------------------------------------------------------*/
body {
background: #33414d url(../images/assets/bg-body.jpg) center top repeat-y;
}

#dev-bar {
background: transparent url(../images/assets/bg-dev-bar.png);
color: #fff;
height: 20px;
left: 0;
padding: 5px 0;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
	#dev-bar p {
	background: url(../images/icons/silk/error.png) left center no-repeat;
	padding: 0 0 0 20px;
	}

#bg {
height: 120px;
width: 1060px;
margin: 0 auto -100px;
background: url(../images/assets/bg-bg.jpg) center top repeat-x;
}

#header-search {
margin-top: 30px;
}

#main-nav {
background: url(../images/assets/bg-nav.png) no-repeat;
margin: 15px 0 30px;
overflow: auto;
}
	#main-nav li {
	float: left;
	list-style: none;
	}
		#main-nav a {
		color: #fff;
		display: block;
		background-image: url(../images/assets/bg-nav.png);
		background-position: center 0;
		background-repeat: repeat-x;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: -1px;
		padding: 12px 18px;
		outline: none;
		text-decoration: none;
		text-transform: lowercase;
		}
		#main-nav a:hover  { background-position: center  -50px; }
		#main-nav a.active,
		#main-nav a.active,
		#main-nav a:focus  { background-position: center -100px; }
			#main-nav li:first-child a        { background-position: 0      0; }
			#main-nav li:first-child a:hover  { background-position: 0  -50px; }
			#main-nav li:first-child a.active,
			#main-nav li:first-child a:active,
			#main-nav li:first-child a:focus  { background-position: 0 -100px; }

#weblog-search h3 { margin: 0 0 0.25em; }

#footer { margin: 40px 0 60px; }

/* !page-specific code */
/*----------------------------------------------------------------------------*/

/* !homepage */
#home-snow-reports .box { height: 245px; }
#home-snow-reports p { margin: 0; }
	#home-snow-reports .copy { margin-bottom: 1.5em; }
	#home-snow-reports .overflow {
	margin: 12px 0 0 10px;
	float: left;
	width: 460px;
	}
		#home-snow-reports .overflow h2 { margin-bottom: 20px; }
	#home-snow-reports #keywords-wrapper {
	background: url(../images/assets/bg-input.png) repeat-x;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
	#home-snow-reports #locations-search {
	background: transparent none;
	border: none;
	font-size: 1.4em;
	padding: 9px 8px 10px;
	width: 175px;
	}
	#home-snow-reports #keywords-submit {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	}

#home-blog .box { height: 245px; }

#home-gear #latest-gear {
margin: 0;
overflow: auto;
}
	#home-gear #latest-gear li {
	float: left;
	height: 80px;
	list-style: none;
	width: 80px;
	}
	#home-gear #latest-gear li.right { width: 70px; }

/* !locations > index */
.locTitle {
overflow: auto;
margin: 0 0 0.5em;
}
	.locTitle h4 {
	float: left;
	margin-right: 10px;
	}
	.locTitle h5 {
	float: left;
	margin-top: 0.3em;
	}
	.locTitle .rating { float: right; }
.locSummary {
overflow: auto;
}
	.locSummary .thumb {
	margin: 0 1em 1em 0;
	}

/* !locations > view */
#loc-photos {
margin: 0 0 1em;
overflow: auto;
}
	#loc-photos li {
	display: block;
	float: left;
	list-style: none;
	width: 80px;
	}
#loc-user-rating fieldset {
border: none;
padding: 0;
}
#loc-snow-report dl {
margin: 0;
}