/* Reset
---------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;outline:none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Base
---------------------------------------------------------------------------------------- */
body {
	background: #0D141D;
	color: #888;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 75%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

#logo,
h1 {
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 0.5em;
	text-transform: lowercase; }
	
	h1 { text-shadow: 1px 1px 1px #FFF; }
	
	#logo { margin-bottom: 1.5em; }
	
	#logo a,
	#hover_icon { background: url(../images/base/logo.gif) no-repeat; }
		
		#logo a { 
			height: 56px;
			position: absolute;
			text-indent: -9999px;
			width: 239px; }
		
		#hover_icon { 
			background-position: top right;
			visibility: hidden;
			left: 250px;
			height: 29px;
			position: absolute;
			width: 32px; }
			
		#logo a:hover #hover_icon { visibility: visible; }

h2 {
	border-bottom: 2px solid #BBB;
	color: #345C7B;
	font-size: 2em;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin-bottom: 0.75em;
	text-transform: lowercase;
	text-shadow: 0 0 3px #BBB; }

	#lead_container h2 { 
		border-bottom-color: #141B24;
		text-shadow: 0 0 1px #000; }
		
h3 {
	color: #444;
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	text-shadow: 1px 1px 1px #FFF; }

h4 {
	color: #345C7B;
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase; }

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:link, a:visited { color: #4C86A9; text-decoration: none; }
a:focus, a:hover, a:active { color: #7191BA; }
	
blockquote { 
	margin-left: 40px;
	padding-left: 20px;
	color: #7191BA;
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-size: 1.5em;
	border-left: 1px dotted #7191BA; }

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666; cursor: help;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0; white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* Grid
----------------------------------------------------------------------------------------------------*/
/* Section Container: optional container for sections */
.section_container { padding: 1.5em 0; }

/* Section: groups content grids */
.section {
	display: block;
	margin: 0 auto;
	width: 960px;
	/* background: url(../images/debug/16_col_grid.gif); */ }

/* 16 column grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin: 0 10px; }

.grid_1  { width: 40px;  }
.grid_2  { width: 100px; }
.grid_3  { width: 160px; }
.grid_4  { width: 220px; }
.grid_5  { width: 280px; }
.grid_6  { width: 340px; }
.grid_7  { width: 400px; }
.grid_8  { width: 460px; }
.grid_9  { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }

.first { margin-left: 0; }
.last { margin-right: 0; }

/* Prefix: adds extra space << */
.prefix_1  { padding-left: 60px;  }
.prefix_2  { padding-left: 120px; }
.prefix_3  { padding-left: 180px; }
.prefix_4  { padding-left: 240px; }
.prefix_5  { padding-left: 300px; }
.prefix_6  { padding-left: 360px; }
.prefix_7  { padding-left: 420px; }
.prefix_8  { padding-left: 480px; }
.prefix_9  { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }

/* Suffix: adds extra space >> */
.suffix_1  { padding-right: 60px;  }
.suffix_2  { padding-right: 120px; }
.suffix_3  { padding-right: 180px; }
.suffix_4  { padding-right: 240px; }
.suffix_5  { padding-right: 300px; }
.suffix_6  { padding-right: 360px; }
.suffix_7  { padding-right: 420px; }
.suffix_8  { padding-right: 480px; }
.suffix_9  { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }

/* Positioning
----------------------------------------------------------------------------------------------------*/	
.hide {display:none;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0 !important;padding-right:0; }
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Floated elements */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0; }

.clearfix:after, .section:after {
	clear:both;
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden; }

/* For floating content inside other content */
.aside_right,
.aside_left {
	margin: 1.5em;
	width: 220px; }
	
	.aside_right { 
		margin-right: 0;
		float: right; }
		
	.aside_left { 
		margin-left: 0;		
		float: left; }

/* General Typography
----------------------------------------------------------------------------------------------------*/
/* Fancy: fancy style for ampersands & text */
.fancy { font-family: Baskerville, "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-variant: normal; }

/* Incr: reduced size type with incremental leading */
.incr { font-size: 10px; line-height: 1.44em; margin-bottom: 1.5em; }

/* Caps: styling for uppercase words & abbreviations */ 
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; line-height: 1%; font-weight: bold; padding: 0 2px; }

/* Notice: for notification messages */
.notice  { background: #FFFFCC; color: #0D141D; padding: 20px; }

/* Highlight: for highlighting text */
.highlight { background: #FFFDD9; padding: 0 2px; text-shadow: }

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}

/* Date: dates for feed items */
.date { font-size: 11px; color: #888; }

/* UI
----------------------------------------------------------------------------------------------------*/
a.button { 
	background: #4F8DBB url(../images/ui/blue_button_bg.jpg) repeat-x 0 -27px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #4B7BA0;
	color: #E4E4E4 !important;
	display: block;
	font-weight: bold;
	text-align: center;
	float: left;
	padding: 4px 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }

	.button:hover { color: #FFF !important; }
	
	.button:active { 
		background-position: 0 0;
		border-top: 1px solid #4B7BA0;
		border-bottom: 1px solid #E0E0E0; }

.breadcrumb { margin-left: 1.5em; }

/* Action Button Sprites */
#home_btn span,
#share_btn span,
#category_btn,
#email_btn,
#rss_btn { 
	background: url(../images/ui/action_sprites.gif) no-repeat;
	padding-left: 1.5em; }

	#home_btn span  { background-position: 0 1px; }
	#share_btn span { background-position: 0 -38px; }
	#category_btn   { background-position: 0 -156px; }
	#email_btn      { background-position: 0 -118px; }
	#rss_btn        { background-position: 0 -80px; }
	
.box { 
	background: #BBB url(../images/base/grey_gradient.jpg) repeat-x;
	border: 1px solid #AAA;
	padding: 1.5em 20px;
	margin-bottom: 1.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }

.box h4 { 
	border-bottom: 1px solid #AAA;
	padding-bottom: 1.2em; }

#elsewhere ul { 
	margin: 0;
	overflow: hidden; }

#filters ul { margin: 0; }
#filters li { list-style: none; }

#elsewhere li a,
#filters li a { background: url(../images/ui/network_sprites_muted.jpg) no-repeat; }

	#elsewhere li a {
		display: inline;
		float: left;
		height: 44px;
		margin: 0 18px 0 -2px;
		text-indent: -9999px;
		width: 44px; }

	#filters li { 
		border-bottom: 1px dotted #AAA;
		padding: 10px 0; }

		#filters li a { 
			display: block;
			padding: 1px 0 1px 25px; }

	/* Network Sprites: Small */
	li#last_fm_small a:hover     { background-position: -92px -100px; }
	li#twitter_com_small a:hover { background-position: -92px -180px; }
	
	li#last_fm_small a     { background-position: -92px -80px; }
	li#twitter_com_small a { background-position: -92px -160px; }

	/* Network Sprites: Big */
	li#facebook_com_big:hover a { background-position: 0 0; }
	li#flickr_com_big a:hover   { background-position: 0 -44px; }
	li#last_fm_big a:hover      { background-position: 0 -88px; }
	li#myspace_com_big a:hover  { background-position: 0 -132px; }
	li#twitter_com_big a:hover  { background-position: 0 -176px; }
	li#youtube_com_big a:hover  { background-position: 0 -220px; }

	li#facebook_com_big a { background-position: -42px 0; }
	li#flickr_com_big a   { background-position: -42px -44px; }
	li#last_fm_big a      { background-position: -42px -88px; }
	li#myspace_com_big a  { background-position: -42px -132px; }
	li#twitter_com_big a  { background-position: -42px -176px; }
	li#youtube_com_big a  { background-position: -42px -220px; }

/* Global Structure
----------------------------------------------------------------------------------------------------*/
/* Header */	
#header_container { 
	background: #060606;
	border-bottom: 1px solid #172333; }

/* Navigation */
ul#nav {
	margin: 1.5em 0 0 10px;
	text-align: right; }

#nav li { 
	display: inline;
	list-style: none;
	margin-left: 1.5em; }

	#nav li a {
		border: 1px solid #060606;
		color: #C4C4C4;
		font-weight: bold;
		padding: 4em 1.5em 1.5em;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px; }
	
	#nav li a:hover,
	#nav li a:focus {
		background: #0D141D;
		border: 1px solid #172333;
		color: #93ABC7; }
		
		#nav li.selected a { 
			background: #172333;
			border: 1px solid #1D2C40;
			color: #9DB6D4; }
	
/* Main */
#main_container { 
	background: #A8A8A8 url(../images/base/spotlight_bg.jpg) repeat-y top center; 
	border-top: 1px solid #FFF;
	border-bottom: 2px solid #AAA;
	color: #222;
	padding: 3em 0; }

/* Sidebar */
#sidebar a:link, #sidebar a:visited { color: #345C7B; }
#sidebar a:hover, #sidebar a:active { color: #4C86A9; }

/* Permalink */
#permalink_details ul { margin-left: 0; }
#permalink_details li { list-style: none; }

/* Footer & Shadow Containers */
#lead_container,
#footer_container,
#breadcrumbs_container { background: url(../images/base/purple_shadow.jpg) repeat-x; }

	#footer_container { background-position: 0 -20px; }
	#breadcrumbs_container { background-position: 0 200%; }

#footer { 
	color: #2F4969;
	padding: 1.5em 0; }

	#footer h4 { 
		color: #E0E0E0;
		font-variant: small-caps;
		letter-spacing: 1px;
		text-transform: lowercase; }
	
	#footer ul { margin: 0; }
	#footer li { list-style: none; }

#syndication a:link,
#syndication a:visited { color: #2F4969; }

	#syndication a:hover,
	#syndication a:active,
	#syndication a:focus { color: #4C86A9; }

#copyright p { 
	color: #A8A8A8;
	text-shadow: 1px 1px 1px #000; }

/* Homepage
----------------------------------------------------------------------------------------------------*/
#intro p {
	background: #FFFFCB url(../images/ui/yellow_gradient_bg.jpg) repeat-x bottom left;
	color: #333; 
	font-size: 1.2em; 
	line-height: 2.5em;
	margin-bottom: 1.25em;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

	#intro span.yellow_spike { 
		background: url(../images/ui/yellow_spike.gif) no-repeat;
		display: inline;
		float: left;
		height: 10px;
		margin-top: -30px;
		overflow: hidden;
		position: relative;
		width: 20px; }

	#intro a:link,
	#intro a:visited,
	#intro a:hover,
	#intro a:active { 
		font-variant: small-caps; 
		text-transform: lowercase;
		font-size: 1.5em; 
		line-height: 1%; 
		font-weight: bold; 
		padding: 0 2px; }

	#intro span.fancy { font-size: 1.2em; }

#category_links { margin-top: 1.5em; }

#lead_container { background-position: 0 107%; }

#lead_container_inner { background: url(../images/static/huge_logo.png) no-repeat bottom center; }

/* Video Feed
----------------------------------------------------------------------------------------------------*/
#recent_videos .button { float: right; }

#videos {
	margin: 0;
	overflow: hidden; }

	#videos li {
		display: inline;
		float: left;
		list-style: none;
		margin: 0 20px 0 0;
		width: 220px; }
				
	#videos h3 {
		background: #060606;
		font-size: 1.25em;
		height: 60px;
		line-height: 1.5;
		margin-bottom: 0;
		min-height: 60px;
		overflow: hidden;
		text-transform: capitalize;
		text-shadow: 1px 1px 1px #000;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px; }
		
		#videos h3 a { 
			display: block;
			padding: 8px; }
		
	#videos p { text-align: center; }

.video_container {
	background: #000;
	height: 132px; 
	margin-bottom: 1em; }

#videos_permalink .video_container { 
	border: 4px solid #B1B1B1;
	height: 413px; }

/* Entry Feed
----------------------------------------------------------------------------------------------------*/
ul#entries,
#entries h3 { margin: 0; }

	#entries li {
		border-bottom: 1px dotted #9DB7CC;
		display: block;
		list-style: none;
		padding: 1.5em 0; }
	
	#entries h3 { text-transform: capitalize; }
	
		#entries h3 a:link,
		#entries h3 a:visited { 
			color: #0D171D;
			display: block; }	
		
		#entries h3 a:hover,
		#entries h3 a:active,
		#entries h3 a:focus { color: #172833; }
		
	#entries p.date { float: right; }

/* Latest Entry */
#entries #latest_entry { 
	border-bottom: none;
	padding: 0; }

	#entries #latest_entry h3 { margin-bottom: 1em; }
	#entries #latest_entry p.date { float: none; }

/* Entry Meta: contains the meta info for blog entries */
.entry_meta { 
	background: #E0E0E0;
	display: block;
	font-weight: bold;
	margin: 1.5em 0;
	overflow: hidden;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

	.entry_meta:hover { background: #ECECEC; }
	.entry_meta .comment_link { float: right; }		
	.entry_meta .continue_link { float: left; }

/* Updates Feed
----------------------------------------------------------------------------------------------------*/
ul#updates,
#updates p { margin: 0; }
		
	#updates li { 
		border-bottom: 1px dotted #98B9D1;
		display: block;
		list-style: none;
		padding: 1.5em 0; }
	
		#updates li a { 
			background: #FFFDD9;
			font-weight: bold;
			overflow: hidden;
			word-wrap: break-word; }
		
	#updates .update_meta a { 
		background: transparent;
		font-size: 11px;
		font-weight: normal; }

#all_updates #updates li { 
	display: inline;
	float: left;
	height: 6em;
	margin: 0 20px 0 0;
	overflow: hidden;
	width: 220px; }				
		
/* Photos Feed
----------------------------------------------------------------------------------------------------*/
ul#photos { margin: 0; }

	#photos li {
		background: #0D141D;
		border: 4px solid #F7F7F7;
		height: 64px; 
		list-style: none;
		margin: 0 0 1.5em 0;
		overflow: hidden;
		width: 212px; }
		
		#photos li:hover { border: 4px solid #FFF; }
		
		#photos li a { display: block; }
					
		#photos li img { background: #000; }
		
span.photo_meta {
	background: #000;
	font-weight: bold;
	opacity: .75;
	padding: 4px 1.5em;
	position: absolute;
	text-transform: capitalize;
	max-height: 56px;
	max-width: 204px;
	overflow: hidden;
	visibility: hidden;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px; }
	
	#photos a:hover .photo_meta { visibility: visible; }
	
#all_photos #photos li {
	display: inline;
	float: left;
	height: 12em;
	margin-right: 20px; }

#photos_permalink a img {
	background: #0D141D;
	border: 4px solid #F7F7F7;
	overflow: hidden;
	width: 692px; }
	
	#photos_permalink a:hover img { border: 4px solid #FFF; }

/* Pagination
----------------------------------------------------------------------------------------------------*/
#pagination { 
	color: #345C7B;
	margin: 1.5em 0 0;
	text-align: center; }

#pagination li {
	display: inline;
	float: left;
	margin-right: 8px; }
	
	#pagination li a,
	#pagination li span {
		display: inline;
		float: left;
		list-style: none;
		padding: 4px 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; }
		
		#pagination li a,
		#pagination li a:hover { background: #4F8DBB url(../images/ui/blue_button_bg.jpg) repeat-x; }

		#pagination li a {
			background-position: 0 -27px;
			border-top: 1px solid #E0E0E0;
			border-bottom: 1px solid #4B7BA0;
			color: #E4E4E4; }
		
		#pagination li a:hover {
			background-position: 0 0;
			border-top: 1px solid #4B7BA0;
			border-bottom: 1px solid #E0E0E0;
			color: #FFF; }
			
		#pagination li span {
			background: #CCC;
			border: 1px solid #AAA; 
			color: #345C7B; }