/*

This stylesheet doesn't validate because I'm using some CSS3 rules.

Why? It's fun, and it's still done in the spirit of accessibility over compliance.

So, deal with it.

*/

/* Eric Meyer's excellent CSS reset, v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*

Debugging

*/

/*#portwit {
	display:none;
}*/

/*

Font Declarations

*/

@font-face {
	font-family:Museo;
	src:url('/fonts/Museo500-Regular.otf');
}
@font-face {
	font-family:Museo;
	font-weight:bold;
	src:url('/fonts/Museo700-Regular.otf');
}

/*

Default styles

*/

body {
	background:#1c1c1c url(/images/body.jpg) no-repeat center top;
	color:#8b8b8b;
	font-family:Verdana,sans-serif;
	font-size:11px;
	padding-top:230px;
}

a {
	border-bottom:1px solid #575757;
	color:#d1d1d1;
	text-decoration:none;
}
	a:hover, a:active {
		border-bottom-color:#fff;
		color:#fff;
	}

strong {
	color:#d1d1d1;
}
	
p, li {
	line-height:18px;
}

h1, h1 a {
	background-repeat:no-repeat;
	display:block;
	height:116px;
	width:515px;
}
	h1 {
		background-image:url(/images/h1.png);
		margin:20px auto;
	}
	h1 a {
		background-image:url(/images/h1_a.png);
		background-position:370px 0;
		border-bottom:0;
		overflow:hidden;
		text-indent:-9999px;
	}
		h1 a:hover, h1 a:active {
			background-position:370px -116px;
		}
	

h3, p, ul {
	margin-bottom:12px;
}

h3 {
	color:#d1d1d1;
	font-size:14px;
}

ul {
	list-style:disc outside;
	margin-left:30px;
}

acronym {
	border-bottom:1px dotted #8b8b8b;
	cursor:help;
}

label {
	cursor:pointer;
}

/*

Common

*/

.fixed {
	margin-left:auto;
	margin-right:auto;
	width:754px;
}

.col {
	float:left;
	padding:0 10px;
	width:230px;
}

.disabled {
	cursor:default !important;
	opacity:0.7;
}

.rss-link, .tweet-link {
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:4px;
	padding-left:15px;
}
	.rss-link {
		background-image:url(/images/rss-link.gif);
	}
	.tweet-link {
		background-image:url(/images/tweet-link.gif);
	}

.l {
	float:left;
}

.r {
	float:right;
}

/*

Applied styles

*/

#hd {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:5;
}

#primary {
	background:#fff url(/images/primary.jpg) no-repeat;
	height:51px;
	overflow:hidden;
	width:754px;
}

	#primary label {
		display:none;
	}
	
#twitter-user, #go {
	font-family:Museo,Verdana,sans-serif;
	font-size:32px;
}

	#twitter-user {
		background:none;
		border:0;
		color:#7e7e7e;
		float:left;
		height:45px;
		margin:2px 0 0 2px;
		padding:4px 0 0 8px;
		width:655px;
	}
		div#twitter-user {
			padding-left:9px;
			padding-top:7px;
		}

	#go {
		background:url(/images/go.gif) no-repeat center center;
		border:0;
		color:#fff;
		cursor:pointer;
		float:right;
		font-weight:bold;
		height:40px;
		margin:2px 2px 0 0;
		padding-top:7px;
		text-align:center;
		text-shadow:0px 2px 2px #1C1C1C;
		text-transform:uppercase;
		width:75px;
	}
		#go:hover, #go:active {
			text-decoration:none;
		}
		
#options, #options-btn {
	float:right;
}
	#options {
		width:60%;
	}
	#options ul {
		background:#404040;
		color:#d1d1d1;
		list-style:none none;
		margin:0;
		padding:15px 15px 20px 20px;
		-moz-border-radius-bottomleft:3px;
		-webkit-border-bottom-left-radius:3px;
	}
		.collapsed ul {
			display:none;
		}
		#options li {
			padding:5px 0;
		}
	#options-btn {
		background:url(/images/options-btn.gif) no-repeat 0 0;
		border:0;
		display:block;
		height:23px;
		overflow:hidden;
		text-indent:-9999px;
		width:112px;
	}
		.collapsed #options-btn {
			background-position:0 -23px;
		}
		
#msg {
	color:#fff;
	font-size:18px;
	line-height:24px;
	text-align:center;
}
	#msg span.after {
		background:url(/images/throbber.gif) no-repeat right center;
		padding-right:26px;
	}
	.error span.after {
		background-image:url(/images/error.gif) !important;
	}

#nav {
	list-style:none none;
	margin:0;
}
	#nav li, #nav li a {
		display:block;
	}
	#nav li {
		float:left;
	}
	#nav li a {
		background-position:0 0;
		background-repeat:no-repeat;
		border:0;
		height:24px;
		overflow:hidden;
		text-indent:-9999px;
	}
		#nav li a.current {
			background-position:0 -24px;
		}

#nav-grid a {
	background-image:url(/images/nav-grid_a.gif);
	width:68px;
}
	
#nav-slideshow a {
	background-image:url(/images/nav-slideshow_a.gif);
	width:98px;
}
	
#frame {
	background:#e0e0e0;
	clear:both;
	padding:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
}
	#frame:after {
		/* Markup-less clear from http://www.positioniseverything.net/easyclearing.html */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#frame ul {
		list-style:none none;
		margin:0;
	}
	
	#frame li, #frame li a, #frame li img {
		height:75px;
		width:75px;
	}
	
	#frame li, #frame li a {
		display:block;
		overflow:hidden;
	}
	
	#frame li {
		background:#484848 url(/images/throbber.gif) no-repeat center center;
		float:left;
	}
	
	#frame li a:hover, #frame li a:active {
		background:#fff;
	}
		#frame li a:hover img, #frame li a:active img {
			opacity:0.4;
		}

#user {
	background:url(/images/user.jpg) no-repeat center top;
	color:#a7a7a7;
}

	#user div {
		background:url(/images/user_div.gif) no-repeat 75px 0;
		padding:15px 10px;
	}
		
	#user img {
		background-position:3px 2px;
		background-repeat:no-repeat;
		float:left;
		margin-right:10px;
		margin-top:5px;
	}

	#user p {
		margin-bottom:0;
		padding:8px 0;
	}
		#user p span {
			color:#fff;
		}

#user-name {
	font-family:Museo,Verdana,sans-serif;
	font-size:18px;
}

#ft {
	background:url(/images/ft.png) repeat-x;
	margin-top:20px;
}
	#ft .fixed {
		padding:35px 0;
	}
	#ft .col h3 {
		background-position:0 2px;
		background-repeat:no-repeat;
		padding-left:15px;
	}
	
#col-1 h3 {
	background-image:url(/images/col-1.gif);
}	
#col-2 h3 {
	background-image:url(/images/col-2.gif);
}
#col-3 h3 {
	background-image:url(/images/col-3.gif);
}
	
#byline, #byline a {
	display:block;
	height:44px;
	width:285px;
}
	#byline {
		clear:both;
		margin:0 auto;
		padding-top:25px;
	}
	#byline a {
		background:url(/images/byline_a.png) no-repeat top center;
		border:0;
		overflow:hidden;
		text-indent:-9999px;
	}
	
/*

JavaScript-only styles

*/

#overlay {
	background:#000;
	left:0;
	opacity:0.6;
	position:absolute;
	top:0;
	z-index:10;
}

#flickrbox {
	background:#fff;
	color:#666;
	padding:10px;
	position:absolute;
	width:500px;
	z-index:15;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

	#flickrbox strong {
		color:#666;
	}

	#flickrbox a, #flickrbox a strong {
		border:0;
		color:#56a9e7;
	}
	
#flickrbox-pos {
	height:100%;
	position:relative;
	width:100%;
}

#flickrbox-img {
	background:url(/images/flickrbox-img.gif) no-repeat center center;
	padding-bottom:10px;
	position:relative;
	
	height:300px;
	width:500px;
}

#flickrbox-close {
	background:url(/images/flickrbox-close.gif) no-repeat;
	height:24px;
	position:absolute;
	right:0;
	overflow:hidden;
	text-indent:-9999px;
	top:0;
	width:24px;
}

#flickrbox-info {
	line-height:18px;
	padding-right:85px;
}
	#flickrbox-info a {
		text-decoration:underline;
	}
	
#flickrbox-nav {
	bottom:3px;
	position:absolute;
	right:0;
}

	#flickrbox-nav li, #flickrbox-nav li a {
		display:block;
		height:34px;
		width:34px;
	}
		#flickrbox-nav li {
			float:left;
			height:39px;
			margin-left:5px;
		}
		#flickrbox-nav a {
			overflow:hidden;
			text-indent:-9999px;
		}
			#flickrbox-nav a:hover, #flickrbox-nav a:active {
				background-position:0 -34px;
			}
		
#flickrbox-next a {
	background:url(/images/flickrbox-next.gif) no-repeat;
}		
#flickrbox-prev a {
	background:url(/images/flickrbox-prev.gif) no-repeat;
}

#flickrbox-count {
	bottom:-12px;
	line-height:18px;
	position:absolute;
	right:0;
}