/**
 * FWD:labs
 *
 **/

h1 {
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:-1px;
	}
	
h2 {
	font-size:2em;
	font-weight:normal;
	letter-spacing:-1px;
	}
	h2.amp { color:#666; }
	
h3 {
	font-weight:normal;
	font-size:1.5em;
	color:#666;
	letter-spacing:-1px;
	}
	h3 strong { color:#000; }
	h3 span.amp { color:#000; }
	
h4 {
	font-size:1.25em;
	font-weight:normal;
	line-height:1.35;
	}
	
h5 {
	font-size:1em;
	font-weight:normal;
	}
	
h6, small {
	margin:2px 0 0 0;
	padding:0;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.35;
	}

h1, h2, h3, h4, h5, h6 {
	margin:10px 0;
	line-height:1.25;
	text-rendering:optimizeLegibility; /* Cross-browser (Safari, WebKit Nightlies, Chrome, and even Firefox) kerning-pairs & ligatures */
	}
	h1 { margin-bottom:0; }
	#header h1 { margin:0; }
	
	h3, h4 { font-weight: normal; }
	h3 a, h4 a { font-weight:bold; }

	h4.strong { font-weight:bold; margin-bottom:0; }

p {
	font-size:110%;
	line-height:1.35;
	}
	
p, li {
	margin-bottom: 10px;
	}

.last { margin-bottom:0; }

.serif, .copy {
	font-family:Georgia, Helvetica, Arial;
	font-weight:normal;
	}

.sansserif {
	font-family:Helvetica, Arial;
	}
	
.gutter { padding:10px; }

/*	Links
------------------------------------------------*/

a, a:link, a:visited, a:active { border:0; color:#cc3300; font-weight:bold; text-decoration:none; }
a:hover { color:#fff; background:#cc3300; text-decoration:none; }

a.fwd, a.fwd:link, a.fwd:visited, a.fwd:active { color:#cc3300; font-weight:bold; text-decoration:none; }
a.fwd:hover { color:#fff; background:#cc3300; text-decoration:none; }

a.labs, a.labs:link, a.labs:visited, a.labs:active { color:#2a7c93; }
a.labs:hover { color:#fff; background:#2a7c93; text-decoration:none; }

a.green { color:#ac6; }
a.green:hover { color:#fff; background:#ac6; text-decoration:none; }

.grey { color:#555; }
a.grey, a.grey:link, a.grey:visited, a.grey:active { color:#555; }
a.grey:hover { color:#fff; background:#555; text-decoration:none; }

a.black { color:#111; }
a.black:hover { color:#fff; background:#111; text-decoration:none; }

a.planMax { background:#ff6633; color:#fff; padding:5px; }
a.planPremier { background:#cbc100; color:#fff; padding:5px; }
a.planPlus { background:#62c400; color:#fff; padding:5px; }
a.planPro { background:#0094bd; color:#fff; padding:5px; }
a.planFree { background:#666; color:#fff; padding:5px; }

a span { font-weight:normal; }
a span.caps, a span.numbers { font-weight:inherit; }

.meta a { color:#000; text-decoration: underline; }

img { border:none; border-bottom:0; text-decoration: none; }

a img { border:none; border-bottom:0; text-decoration: none; margin:0; padding:0; }
a:hover img { border:none; background:transparent; }

a.noborder, a.noborder:hover { border:none; background:transparent; text-decoration:none; }

// h1 a, h1 a:link, h1 a:visited { border-bottom:2px dashed; }

// film, web, design
h2 a, h2 a:link, h2 a:visited { padding:0.5em; color:#cc3300; }
h2 a:hover { color:#fff; }

// active menu links
// h4.active { color:#000; background:#fff; }
// h4.active a { color:#000; }

.fwd-strong, .fwd-strong-bg, a.fwd-strong, a.fwd-strong-bg { 
	font-family:Helvetica;
	font-weight:bold;
	}
a.fwd-strong, a.fwd-strong-bg { 
	padding:2px 5px 0;
	}
	// fwd strong
	a.fwd-strong {
		background:#000;
		color:#cc3300;
		}
	a.fwd-strong:hover {
		background:#cc3300;
		color:#fff;
		}
	// fwd strong bg
	a.fwd-strong-bg { 
		background:#cc3300;
		color:#fff;
		}
	a.fwd-strong-bg:hover {
		background:#222;
		color:#fff;
		}


/*	Lists
------------------------------------------------*/

ol, ul, ol li, ul li { line-height:1.35; }
ol { margin:0 0 0 30px; }
ol li {
	margin-bottom:0;
	padding-bottom:0;
	// border-bottom:1px solid #eee;
	}
	ol li ul { margin-top:0; margin-bottom:0; }

ul li {
	color:#000;
	list-style:square outside;
	}
	#content ul li { padding:0; list-style-type: square; }
	ul li li, div.storycontent ul li { color:#000; }
	div.storycontent ol li { font-size:110%; margin:0 0 10px; }
		div.storycontent ol li p { font-size:100%; margin:10px 0 0; }

ul#navsite {
	display:block;
	margin:30px 0 0 0;
	}

ul#navsite li {
	background:#eee;
	border-right:5px solid #fff;
	}
	ul#navsite li a { color:#555; font-weight:bold; }
	ul#navsite li.active a, ul#navsite li a:hover, ul#navsite li.active a:hover { color:#fff; }

ul#navsite li, ul.navlist li, .navcontainer ul li, ul.navlist li h2 { 
	display:inline;
	padding:5px 0;
	list-style-type:none;
	margin:0;
	}
	
	ul#navsite li a, ul#navsite li span { 
		font-size:1em;
		padding:5px 10px;
		font-weight:normal;
		letter-spacing:-1px;
		margin:0;
		}

ul.block { margin:0; }
ul.block li { display:block; padding-left: 20px; background-repeat: no-repeat; }

ul.toc { margin:0; padding:0; }
ul.toc li { list-style-type:none; margin:5px; display:inline; float:left; font-weight:normal; }
ul.toc li a { color:#333; padding:0.25em; font-weight:bold; }
ul.toc li a:hover { background:#333; color:#fff; }

ul li.blog, ul li.salon, ul li.social-video, ul li.venues, ul li.directory, ul li.emailer {
	list-style-type:none;
	padding:0 0 0 60px;
	margin:0;
	background-repeat: no-repeat;
	}
ul li.blog { background-image:url("/resources/blog_060.gif"); }
ul li.salon { background-image:url("/resources/salon_060.gif"); }
ul li.social-video { background-image:url("/resources/social-video_060.gif"); }
ul li.venues { background-image:url("/resources/venues_060.gif"); }
ul li.directory { background-image:url("/resources/directory_060.gif"); }
ul li.emailer { background-image:url("/resources/emailer_060.gif"); }

ul.tocBlock { margin:0; padding:0; }
ul.tocBlock li {
	list-style:none;
	margin:0;
	min-height:45px;
	padding:0;
	}

.yui-b ul li { display:block; }

/* Color Blocks */

.highlight {
	background:#ffffcc;
	color:#000;
	}

.lowlight {
	background:#333;
	color:#fff;
	}


/*	Tables
------------------------------------------------*/

thead {
	background:#333;
	color:#fff;
	}

table#pricing { 
	background:#eee;
	border:0;
	margin:10px 0 0;
	padding:0;
	width:720px;
	}
table#pricing tr { border-bottom:1px solid #ccc; }
table#pricing td { padding:0 5px; border-right:1px solid #ccc; }
table#pricing small { text-transform:uppercase; }
	table#pricing h4 small { color:#666; text-transform:none; }

table#pricing td.item { text-align:right; }
table#pricing td.item h4 { font-family:Georgia; }

table#pricing td h3 { padding:3px 10px 2px; margin:0; display:inline; }
table#pricing td.planMax h3, .planMax, .planMax a, .planMax a:link, .planMax a:visited { background:#ff6633; color:#fff; }
table#pricing td.planPremier h3, .planPremier, .planPremier a, .planPremier a:link, .planPremier a:visited { background:#cbc100; color:#fff; }
table#pricing td.planPlus h3, .planPlus, .planPlus a { background:#62c400; color:#fff; }
table#pricing td.planPro h3, .planPro, .planPro a { background:#0094bd; color:#fff; }
table#pricing td.planFree h3, .planFree, .planFree a, .planFree a:link, .planFree a:visited { background:#666; color:#fff; }

table#pricing h3 a {
	background:#333;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:underline;
	}

table#pricing h4 small { font-size:0.7em; }

table#pricing td ul { margin:10px 0 0 15px; }

table#pricing td.planMax, table#pricing td.planMax li { background:#fff; color:#666; }
table#pricing td.planPremier, table#pricing td.planPremier li { background:#fff; color:#666; }
table#pricing td.planPlus, table#pricing td.planPlus li { background:#fff; color:#666; }
table#pricing td.planPro, table#pricing td.planPro li { background:#fff; color:#666; }
table#pricing td.planFree, table#pricing td.planFree li { background:#fff; color:#666; }

table#pricing tr.rowFlip { background:#222; color:#fff; }
table#pricing tr.rowFlip td.item,
table#pricing tr.rowFlip td.planMax,
table#pricing tr.rowFlip td.planPremier,
table#pricing tr.rowFlip td.planPlus,
table#pricing tr.rowFlip td.planPro { background:#666; color:#fff; padding:5px 0; }
table#pricing tr.rowFlip td.item,
table#pricing tr.rowFlip td.planMax small,
table#pricing tr.rowFlip td.planPremier small,
table#pricing tr.rowFlip td.planPlus small,
table#pricing tr.rowFlip td.planPro small { padding:5px; }

table.hlisting, table.files { 
	border:1px solid #eee;
	border-bottom:0;
	width:100%;
	}
table.hlisting tr, table.files tr { border-bottom:1px solid #eee; }
table.hlisting td, table.files td { padding:5px 10px; }

th { text-align:left; }
th, td {border:0; padding:0.25em 0; }
tr { margin-bottom:1em; }
td { vertical-align:top; }

// table.highlight th, table.highlight td { border-bottom:2px dashed #222; vertical-align:top; }


table#listing {
	overflow:hidden;
	width:620px;
	}
table#listing tr {
	border-bottom:1px dashed #ccc;
	}
table#listing td {
	padding:10px 0;
	}
table#listing h3 {
	margin:0;
	}

td.role, td.name { width:48%; }
td.separator { width:4%; }

/* Typography */

small {
	}
	small a {
		font-weight:normal;
		}

span.amp, .amp { font-weight:normal; font-family:Georgia; }

//
// Tabs
//

#popularTab { background:#fff; }
#emailedTab { background:#fff; }
#commentedTab { background:#fff; }

	#popularTab a, #emailedTab a, #commentedTab a { display:block; padding:5px; }
	#popularTab a:hover, #emailedTab a:hover, #commentedTab a:hover { color:#000; background:#fff; }

.selectedTab { background:#33b8ff; }
	h5 a.selectedTab { color:#fff; }
.Tab { background:#2a7c93; color:#fff; }
	h5 a.Tab { color:#fff; }

//
// Boxes
//

#emailer {
	background:#222;
	color:#fff;
	}
	#emailer h3 {
		color:#fff;
		font-family:Georgia;
		}

#join {
	margin-bottom:10px;
	}
#join, a.join, ul#navsite a.join {
	background:#ac6;;
	color:#fff;
	}
	#join h3 {
		color:#fff;
		}
	#join p, #join small {
		color:#000;
		}
	#join a {
		color:#fff;
		}
	#join a.submit {
		background:#fff;
		border:0;
		color:#ac6;
		text-decoration:none;
		width:auto;
		}
		#join a:hover, #join a.submit:hover, a.join:hover {
			background:#000;
			color:#fff;
			}
	#join a span {
		font-weight:normal;
		}

/*	Headings
------------------------------------------------*/

#hd {
	clear:both;
	margin-top:10px;
	width:960px;
	}
	#hd h1 { 
		padding-left:10px;
		}
	#profile #hd h1 {
		padding-left:10px;
		}
	#hd h1 a:hover {
		color:#000;
		background:transparent;
		}
	#about #hd {
		background:#222;
		color:#ccc;
		margin-top:0;
		padding:5px 0;
		}
		#about #hd h1 { 
			color:#fff;
			}
		#about #hd h3 {
			color:#bbb;
			}
			#about #hd h3 a {
				color:#fff;
				}

#home h1 {
	color:#000;
	line-height:1.4em;
	margin:0;
	text-transform:none;
	}
#hd h1 small {
	background:#eee;
	clear:both;
	color:#777;
	font-family:Georgia, Helvetica, Arial;
	font-size:80%;
	font-weight:normal;
	letter-spacing:0;
	}
	#hd h1 small a {
		font-family:Georgia, Helvetica, Arial;
		font-weight:normal;
		}
	#hd h1 small a:hover {
		background:#cc3300;
		color:#fff;
		}
	#hd h3 {
		margin-top:0;
		padding-left:10px;
		}
		#hd h3 a { color:#000; }

	
#hd h1 a {
	font-family:Helvetica, Arial;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}

#hd img { float:left; }

#hd small {
	border-bottom:1px solid #555;
	display:block;
	padding:0 0 5px 10px;
	margin-top:5px;
	}

#ft a { font-weight:normal; }
#ft div.gutter { padding-bottom:0; padding-top:0; }

body#project #ft { color:#000; }
body#project #ft a { color:#000; }
	body#project #ft a.green { color:#ac6; }
body#project #ft a:hover { color:#000; }
	body#project #ft a.green:hover { background:#ac6; color:#fff; }
	
h1.projectCoverTitle {
	color:#fff; margin-right:50px;
	}

div#projectCover {
	margin-top:10px;
	}

div#projectDetails div.metadata {
	width:220px; float:right; margin:0 0 10px 10px;
	}

div#projectCoverColumnTitle {
	background:#fff;
	color:#000; 
	}
	
	div#projectCoverColumnTitle h1 {
		color:#000; 
		}

div#projectWatch {
	display:block;
	margin-bottom:1em;
	text-align:center;
	width:720px;
	}
	div#projectWatch small { float:right; }

div#player {
	margin-bottom:1em;
	}

/* Teasers */

#teasers, #teasers div.three {
	background:#333;
	}
	#teasers a { color:#fff; }
	#teasers span { color:#ccc; }
	#teasers ul.tocBlock {
		background:#333;
		margin-top:0;
		}
		#teasers ul.tocBlock li {
			border-bottom:5px solid #222;
			}
		#teasers ul.tocBlock img {
			float:left;
			margin-right:10px;
			}
	#teasers p strong span { font-weight:normal; }
	#teasers p strong a { color:#ff6633; }
	#teasers p strong a span { color:#fff; }
	#teasers h3 {
		color:#fff;
		font-weight:bold;
		padding:5px 10px 0;
		}
		#teasers h3 a {
			background:#eee;
			font-weight:normal;
			padding:5px 10px;
			}
		#teasers h3 a:hover {
			background:#cc3300;
			color:#fff;
			}
	#teasers p {
		line-height:1.2;
		padding-top:5px;
		}
	#teasers .gutter { padding-bottom:5px; }
	#teasers h3 span.fwd-strong-bg { 
		background:#eee;
		padding:5px 10px;
		display:inline;
		clear:both;
		}

a.selectAccount, #marginForm input.selectAccount, #columnarForm input.selectAccount {
	background:#ac6;
	border:0;
	border-bottom:2px solid #000;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	padding:5px 10px;
	}
	a.selectAccount:hover, #marginForm input.selectAccount:hover, #columnarForm input.selectAccount:hover {
		background:#000;
		color:#ac6;
		}

/* Content Blocks */

#sidebar {
	width:240px;
	float:left;
	}

#contentColumn {
	width:720px;
	float:left;
	}

#secondary {
	background:#222;
	color:#ccc;
	}
	#secondary h3 {
		color:#fff;
		font-family:Georgia;
		font-weight:normal;
		}
	#secondary h3 a {
		font-family:Helvetica;
		font-weight:normal;
		}
	#secondary small, #secondary li {
		color:#ccc;
		}

/*	Navigation Lists
------------------------------------------------*/

ul#links { padding:0; margin:10px 0 15px 0; }
ul#links li { display:block; text-align:left; margin:5px 0 0; background-repeat: no-repeat; list-style-type: none; padding:0; }
ul#links { margin-bottom:20px; }
ul#links li a { margin: 5px 5px 0 20px; }

ul#projectTypes { padding:0; margin:0; }
ul#projectTypes li {
	float:left;
	list-style-type:none;
	margin:0 20px 0 0;
	}

#workToggle {
	margin-top:10px;
	}

div.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	}

ul#sidebarNav { list-style-type:none; list-style:none; margin:0; min-height:100px; padding:0; }
ul#sidebarNav .horizontal { margin-top:20px; }
// ul#sidebarNav a { padding:5px; }
ul#sidebarNav li { list-style-type:none; list-style:none; width:auto; }
ul#sidebarNav li h4 { display:inline; clear:none; }
ul#sidebarNav li h4.active a { color:#ccc; }
ul#sidebarNav li h4.active a:hover { color:#fff; }
ul#sidebarNav h3 a { background:#000; color:#fff; }

ul#sidebarNav .horizontal h3, ul#sidebarNav .horizontal h4 { float:left; }

.navlist {
	display:block;
	margin:0;
	overflow:hidden;
	}

.navlist a,
.navlist a:link { padding:0.2em 0.2em 0; }

/* container for sort navigation */
div.navcontainer {
	background:#444;
	color:#fff;
	display:block;
	padding:5px 0;
	margin:0 0 10px;
	}
	#about #hd .navcontainer li.active, #about #hd .navcontainer li.active a, #about #hd .navcontainer a:hover { color:#fff; }
	#about #hd .navcontainer a { color:#ff6633; }

ul.navsublist { 
	margin:0 0 0 10px;
	padding:0;
	}
ul.navsublist li {
	color:#ccc;
	display:inline;
	font-size:1.2em;
	margin-right:15px;
	padding:0;
	}
	ul.navsublist li span {
		padding:4px 10px;
		}

/* sort navigation item link */
.navsublist li a {
	color:#eee;
	text-decoration:none;
	}
	
	.navsublist li a:hover {
		background:transparent;
		color:#fff;
		text-decoration:underline;
		} 

ul#navsite li a {
	border-top: 0;
	}

ul#navsite li.active {
	background:#111;
	}

/*
ul#navsite li.active a, 
.navlist li.active a,
.navlist2 li.active a,
.navsublist li.active a {
	color:#000;
	background:transparent;
	font-weight:normal;
	text-decoration:none;
	}
	ul#navsite li.active a { color:#000; background:transparent; }
	
	// labs
	
	ul#navsite li.active a.labs, 
	.navlist li.active a.labs,
	.navlist2 li.active a.labs,
	.navsublist li.active a.labs {	
		background:#2a7c93;
		color:#fff;
		}
		ul#navsite li.active a.labs:hover, 
		.navlist li.active a.labs:hover,
		.navlist2 li.active a.labs:hover,
		.navsublist li.active a.labs:hover {	
			background:#333;
			color:#fff;
			}
*/

	// FWD

	ul#navsite li.active a:hover,
	.navlist li.active a:hover, 
	.navlist2 li.active a:hover, 
	.navsublist li.active a:hover {
		background:#cc3300;
		color:#fff;
		}

/*	Blocks
------------------------------------------------*/

#container {
	background:#000;
	}

div.contentBlock { margin-bottom:1em; }

div.projectCell {
	width:240px;
	min-height:80px;
	}
	div.projectCellThumb {
		float:left;
		margin-bottom:10px;
		width:240px;
		}
	div.projectCellDetails {
		float:left;
		margin-bottom:10px;
		vertical-align:top;
		width:240px;
		}
		div.projectCellDetails h3, div.projectCellDetailsWide h3 {
			margin-top:0;
			}
		div.projectCellDetailsWide {
			float:left;
			margin-bottom:10px;
			width:480px;
			}
	div.projectCellEmpty {
		background:#ccc;
		color:#fff;
		line-height:129px;
		text-align:center;
		width:230px;
		}
		
#about div.projectCell {
	width:230px;
	height:210px;
	margin:0 10px 0 0;
	float:left;
	display:inline;
	clear:none;
	overflow:hidden;
	}
	#about .projectCellThumb {
		width:230px;
		height:129px;
		overflow:hidden;
		}
	#about .projectCellDetails {
		width:230px;
		height:71px;
		overflow:hidden;
		}
		#about .projectCellDetails h4 { clear:none; display:inline; padding:0; margin:0 0 3px; }
		#about .projectCellDetails .gutter { padding:0 10px 10px; margin:0; }
		#about .projectCellDetails small { clear:both; display:block; }


/*	Selection Color
------------------------------------------------*/

body#about ::-moz-selection, body#about ::selection {
	color: #fff;
	background: #cc3300;
	}


/*	Sidebar
------------------------------------------------*/

#side {
	float: right;
	width: 320px;
	padding-bottom: 40px;
	background:#fff;
	color:#666;
}


#side p { color:#666; }

#sidebar img { width:50px; float:left; padding:0px 5px 0px 0px; }

#list { width:85px; height:50px; display:inline; clear:both; }

/* Images */

img.featureIcon {
	float:right;
	margin:0 0 10px 10px;
	}

img.badge { margin:0 0 10px 10px; }
img.dash { display:block; float:none; margin:0 auto; padding-right:15px; text-align:center; }

/*	Drop
------------------------------------------------*/

.tipbox { margin:3px 0px 5px 11px; display:none; }
.tiptitle, a.tiptitle:active { text-decoration:none; color:#333333; line-height:20px; }

/* FAQ
------------------------------------------------*/

#about div.faq {
	background:#eee;
	border:1px solid #ccc;
	clear:both;
	margin-bottom:10px;
	padding:10px;
	}
	#about div.faq ol { margin-bottom:10px; }

#about div.toc {
	border:1px solid #ccc;
	color:#000;
	margin-bottom:10px;
	padding:10px;
	}
	#about div.toc ul { margin:0; }
	#about div.toc ul li { list-style:none; margin-bottom:0; }
	#about div.toc a { color:#2a7c93; text-decoration:underline; }
	#about div.toc a:hover { background:#2a7c93; border:0; color:#fff; }

/*	Blog
------------------------------------------------*/

#rap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:#fff;
}

.entry_author_image {
	float: right;
	}

.vvqbox { display:block; margin-bottom:3em; clear:both; }
.vvqbox .vvqyoutube {
	margin-bottom:3em;
	clear:both;
	}

.q, .a { padding:2px; }
.q { background:#fff; color:#2a7c93; }
.a { background:#222; color:#ac6; }

ul.postspermonth {
	margin-left:0;
	}
	ul.postspermonth li {
		color:#555;
		list-style:none;
		}

/*	Sidebar
------------------------------------------------*/

div.ad {
	background:#333;
	color:#eee;
	margin-bottom:10px;
	width:320px;
	}
	div.ad a:hover { background:transparent; }
	div.ad img { border:1px solid #eee; margin-bottom:8px; }
	div.ad div.gutter { padding:8px; }

#subscribe {
	background:#FF6633;
	margin-bottom:10px;
	}
	#subscribe p { margin:0; }
	#subscribe a { color:#fff; text-decoration:none; }

#menu {
	display:inline;
	float: left;
	width: 320px;
	padding-bottom: 40px;
	background:#fff;
	color:#222;
}

#menu #search, #menu #subscribe, #menu #recentposts, #menu #categories { background:#fff; }

#menu p { color:#222; }

#menu ul {
	list-style-type: none;
	margin: 0 0 20px;
}

#menu ul {
	padding-left: 15px;
}

#menu ul li {
	list-style-type: square;
	color: #222;
}

#menu ul ul {
	margin-bottom: 5px;
}

#menu ul h2 {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 3px;
}

#menu #search {
	margin-bottom: 20px;
}

#search, #contact {
	background:#222;
	color:#ccc;
	margin-bottom:10px;
	}
	#contact h3 { color:#33b8ff; margin-top:0; }
	#contact a { color:#fff; }
	#contact ul { margin-bottom:0; }
	#contact ul li { color:#eee; }

/*	Infobox
------------------------------------------------*/

.infoboxRight {
	background:#eee;
	border-left:1px solid #ccc;
	float:right;
	margin:0 0 10px 10px;
	width:240px;
	}
	
.infoboxHorizontal {
	background:#eee;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:10px 0;
	}

/*	Blog Images
------------------------------------------------*/

div.storycontent embed { margin-bottom:1em; }

.storycontent .imageframe, .wp-caption  {
	border: 10px solid #fff;
	border-right:0;
	background:#fff;
	margin-bottom:10px;
}
.storycontent .imgalignleft, .storycontent .alignleft {
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	}
.storycontent .imgalignright, .storycontent .alignright {
	float:right;
	margin: 0 0 10px 10px;
	padding:0;
	}

.storycontent .imageframe .imagecaption, .wp-caption p {
	color:#555;
	font-size:90%;
	margin:0;
	padding-top:10px;
}

div.storycontent { margin-top:10px; }

/*	Blog Content
------------------------------------------------*/

#content {
	width:640px;
	float:left;
	display:inline;
	overflow:hidden;
	background:#eee;
}

#menu ul li { display:block; list-style-type: square; }

#content a { font-weight:bold; } /* highlight links within text */

#content h3 { padding-top:0; margin-top:0; }

.post {
	margin-bottom: 10px;
	}

.storycontent{
	margin-bottom: 10px;
}

.storycontent ul, .storycontent ol {
	padding-left: 20px;
	margin-bottom: 20px;
	color:#333;
}

blockquote {
	background: transparent url('http://fwdlabs.com/images/icons/blockquote.gif') no-repeat 0 0;
    margin: 1em 0;
    padding-left: 3em;
    padding-right:1.5em;
	}
	blockquote blockquote { background:none; }
	div.bubble blockquote { background:none; }

	div.storycontent ol, div.storycontent ul {
		margin-left:0;
		padding-left:3em;
		}
		div.storycontent ul li, ul.directory li {
			list-style: disc url('http://fwdlabs.com/images/icons/li.gif') outside;
			}

code {
	border-bottom:1px dotted;
	font-family:Courier;
	}

/*	Blog
------------------------------------------------*/

h3.storytitle { margin:10px 0 0; padding:0; clear:both; display:block; line-height:1.35; background:#fff; }
	#content h3.storytitle { padding:10px; }
h3.storytitle a { margin:0; color:#cc3300; background:#fff; }
	h3.storytitle a:hover { color:#fff; background:#cc3300; }

div.meta {
	display:block;
	width:auto;
	text-align:left;
	padding:0;
	font-size:90%;
	}

ul.nobull {
	margin:0;
	padding:10px 0 0 0;
	}
	ul.nobull li {
		list-style-type: none; 
		padding:0 0 0 20px;
		}

div.meta ul { 
	margin:0;
	padding:10px 10px 0;
	background:#fff;
	float:left;
	border-top:1px solid #c9c2c1;
	}
	div.meta li { float:left; display:inline; padding:10px; background:#fff; text-align:left; background-repeat: no-repeat; list-style-type: none; margin-right:10px; color:#555; }
	div.meta li a { color:#ff6633; text-decoration:none; }
	div.meta li a:hover { color:#000; background:#fff; }

	/* favicons */
	div.meta li.amazon, li.amazon { background: url("http://fwdlabs.com/images/icons/amazon.gif") no-repeat 0 50%; }
	div.meta li.barnesandnoble, li.barnesandnoble { background: url("http://fwdlabs.com/images/icons/barnesandnoble.gif") no-repeat 0 50%; }
	div.meta li.borders, li.borders { background: url("http://fwdlabs.com/images/icons/borders.gif") no-repeat 0 50%; }
	div.meta li.cdbaby, li.cdbaby { background: url("http://fwdlabs.com/images/icons/cdbaby.gif") no-repeat 0 50%; }
	div.meta li.comments { background: url("http://fwdlabs.com/images/icons/comments.gif") no-repeat 0 50%; }
	div.meta li.delicious, li.delicious { background: url("http://fwdlabs.com/images/icons/delicious.gif") no-repeat 0 50%; }
	div.meta li.digg, li.digg { background: url("http://fwdlabs.com/include/share/digg.gif") no-repeat 0 50%; }
	div.meta li.email { background: url("http://fwdlabs.com/images/icons/email.gif") no-repeat 0 50%; }
	div.meta li.facebook, li.facebook { background: url("http://fwdlabs.com/include/share/facebook.gif") no-repeat 0 50%; }
	div.meta li.google, li.google { background: url("http://fwdlabs.com/images/icons/google.gif") no-repeat 0 50%; }
	div.meta li.itunes, li.itunes { background: url("http://fwdlabs.com/images/icons/itunes.gif") no-repeat 0 50%; }
	div.meta li.lala, li.lala { background: url("http://fwdlabs.com/images/icons/lala.gif") no-repeat 0 50%; }
	div.meta li.linkedin, li.linkedin { background: url("http://fwdlabs.com/images/icons/linkedin.gif") no-repeat 0 50%; }
	div.meta li.mapquest, li.mapquest { background: url("http://fwdlabs.com/images/icons/mapquest.gif") no-repeat 0 50%; }
	div.meta li.netflix, li.netflix { background: url("http://fwdlabs.com/images/icons/netflix.gif") no-repeat 0 50%; }
	div.meta li.stumbleupon, li.stumbleupon { background: url("http://fwdlabs.com/images/icons/stumbleupon.gif") no-repeat 0 50%; }
	div.meta li.twitter, li.twitter { background: url("http://fwdlabs.com/images/icons/twitter.gif") no-repeat 0 50%; }
	div.meta li.vimeo, li.vimeo { background: url("http://fwdlabs.com/images/icons/vimeo.gif") no-repeat 0 50%; }
	div.meta li.yahoo, li.yahoo { background: url("http://fwdlabs.com/images/icons/yahoo.gif") no-repeat 0 50%; }
	div.meta li.youtube, li.youtube { background: url("http://fwdlabs.com/images/icons/youtube.gif") no-repeat 0 50%; }

		div.meta li.email a, 
		div.meta li.delicious a, 
		div.meta li.digg a, 
		div.meta li.facebook a, 
		div.meta li.twitter a, 
		div.meta li.stumbleupon a,
		div.meta li.comments a,
		li.google a,
		li.yahoo a,
		li.mapquest a { margin:0 0 0 20px; }

		li.google a:hover,
		li.yahoo a:hover,
		li.mapquest a:hover { background:transparent; }

		div.meta li.twitter { margin-right:0; }
		div.meta li.twitter div { margin:0; padding:0; width:auto; }

	div.meta a { color:#ff6633; }
	div.meta a:hover { background:#fff; }

// share this

ul.share { clear:both; display:block; margin:0; padding:0; }
ul.share li { display:inline; list-style-type:none; margin:0 5px 0 0; }
ul.share li img { top:5px; }
ul.share li a, ul.share li a:link, ul.share li a:visited, ul.share li a:active, ul.share li a:hover { border:none; }

#shareBox a.facebook { background:#fff; }

ul.tour li { margin:0 5px 0 0; padding:0; }
ul.tour li h4 { display:inline; color:#000; }
ul.tour li h4 a { padding: 5px; }
ul.tour li h4 a.active { background:#111; color:#fff; }

ul.share li.block { display:block; text-align:left; margin:0; background-repeat: no-repeat; list-style-type: none; padding: 5px 5px 0 20px; }
ul.share li.block a { margin:0; padding:0; }
ul.share li.block a:hover { background:transparent; }

/* Forms */

fieldset img.captcha {
	position: relative;
	top: -1.4em;
	left: 10em;
	clear:both;
	display:block;
	}

// comments

div#comments { }
div#comments h3 { background:#33b8ff; clear:both; color:#fff; display:inline; margin:0 0 10px; padding:5px; }
div#comments form { margin-top:10px; }
div#comments p { margin-top:10px; }

div#commentPreview {
	display:inline;
	float:right;
	width:240px;
	}
	div#commentPreview ol.commentlist {
		display:inline;
		margin:0;
		float:right;
		width:240px;
		}
	div#commentPreview ol.commentlist li#comment-preview {
		display:inline;
		float:right;
		width:240px;
		}
	div#commentPreview ol.commentlist li#comment-preview img {
		float:right;
		}

div.bubble {
	width: auto;
	font-size: 1em;
	margin: 10px 0 0;
	padding-bottom: 5px;
	}
	div.bubble blockquote {
		margin: 0;
		padding: 0;
		border: 1px solid #c9c2c1;
		background-color: #fff;
		min-height:60px;
		}
	div.bubble blockquote img {
		float:right;
		margin-left:20px;
		}
	div.bubble blockquote.highlight {
		background-color: #ffffcc;
		}
	div.bubble blockquote p {
		margin: 10px;
		padding: 0;
		}
	div.bubble cite {
		position: relative;
		margin: 0;
		padding: 7px 0 0 15px;
		top: 6px;
		bottom:6px;
		background: transparent url(/images/icons/comments_tip.gif) no-repeat 20px 0;
		font-style: normal;
		}


#commentlist {
	list-style-type: none;
	margin: 0 0 0 5em;
	width: auto;
	overflow:hidden;
}

#commentlist li {
	background:#ccc;
	padding:1em;
	margin-bottom: 10px;
	overflow:hidden;
}

#commentlist cite {
	float:right;
	text-align:right;
	font-size: 0.85em;
	color: #333;
}

input, textarea {
	color: #000;
	margin-bottom: 5px;
	padding: 1px 3px;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	background-color: #eee;
}

/* Rating */

.ratingblock {
	border:1px solid #eee;
	padding:5px;
	display:block;
	border:0;
	width:100%;
	}

.ratingblock p { padding:0; margin:0; }

.loading {
	height: 30px;
	background: url('http://fwdlabs.com/include/rate/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	float:left;
	width:30px;
	background: url('http://fwdlabs.com/images/icons/accept.gif') 50% 50% no-repeat;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}

.unit-rating li.current-rating {
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

#profileLinks ul li h3 { margin:0; }

#introduction {
	background:#222;
	color:#fff;
	height:300px;
	}
#introduction h1 {
	background:#000;
	color:#fff;
	height:140px;
	letter-spacing:0;
	margin:0;
	padding:10px;
	}
#introduction h3 {
	color:#eee;
	font-family:Helvetica, Arial;
	font-size:1.4em;
	font-weight:normal;
	}
#introduction h4 {
	color:#ccc;
	line-height:1.75em;
	margin-top:0;
	}
	#introduction h4 strong { color:#fff; }
#introduction small, #projectSpotlight small { background:#222; color:#fff; display:inline; padding:5px; }
#introduction .forth {
	float:left;
	margin-left:5px;
	width:auto;
	}
	#introduction div.gutter { padding-bottom:0; }
	#introduction div.forth div.gutter { padding-left:5px; padding-right:5px; }
	#introduction p { color:#222; padding-right:20px; }
	#introduction #introductionWork a { background:#d84800; }
	#introduction #introductionArtists a { background:#338ea4; }
	#introduction #introductionSignUp a, #splash a { background:#ac6; }

#projectSpotlight {
	background:#eee;
	color:#666;
	}
	#projectSpotlight a { background:#cc3300; color:#fff; padding:2px 5px; }
	#projectSpotlight a:hover { background:#222; color:#fff; }
	#projectSpotlight h3 {
		color:#fff;
		margin:0 50px 10px 0;
		padding:0;
		}

/*	Footer
------------------------------------------------*/

ul#profileFooter, ul#projectFooter { 
	clear:both;
	list-style:none;
	list-style-type:none;
	margin:0 0 0 10px;
	min-height:25px;
	padding:0;
	}
ul#profileFooter li, ul#projectFooter li { color:#777; float:left; list-style:none; list-style-type:none; padding:0 10px 0 0; }
ul#profileFooter li a, ul#projectFooter li a, #ft a { color:#777; text-decoration:underline; font-weight:normal; }
	ul#profileFooter li a.green, ul#projectFooter li a.green, #ft a.green { color:#ac6; }
	#ft a:hover { color:#fff; }
ul#profileFooter li a:hover, ul#projectFooter li a:hover { background:#777; color:#fff; }
	ul#profileFooter li a.green:hover, ul#projectFooter li a.green:hover, #ft a.green:hover { background:#ac6; }

.credit {
	background-color: #111;
	padding-top: 10px;
	font-size: 9px;
	clear:both;
}

.credit p {
	width: 810px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 20px;
}

/* Acronym */

acronym, abbr { border-bottom: 1px dotted; }
acronym { speak:normal; cursor:help; }
abbr.initialism { speak:spell-out; }
abbr.truncation { speak:normal; }

/* Salon - Teaser */

div#salonwide { 
	background:#ffffcc;
	color:#222;
	}
div#salonwide h3 {
	font-weight:bold;
	margin:0 0 5px;
	}
div#salonwide ul { margin-left:12px; }
div#salonwide ul li { margin-bottom:0; }

/* Mailing List - Teaser */

div#mailinglistwide, div#featureResources { 
	background:#222;
	color:#ccc;
	}
div#mailinglistwide h3, div#featureResources h3 {
	font-weight:bold;
	margin:0 0 5px;
	}
div#featureResources li {
	color:#ccc;
	}
div#mailinglistwide small, div#mailinglistwide a { color:#777; }
div#mailinglistwide a:hover { background:transparent; color:#eee; }
div#mailinglistwide #columnarForm fieldset { 
	margin:0;
	padding:0;
	width:320px;
	}
	div#mailinglistwide #columnarForm fieldset input {
		float:left;
		width:290px;
		}
	div#mailinglistwide #columnarForm fieldset input.submit {
		background:#33b8ff;
		border:0;
		color:#fff;
		text-decoration:none;
		width:auto;
		}
		div#mailinglistwide #columnarForm fieldset input.submit:hover {
			background:#2a7c93;
			}
	div#mailinglistwide #columnarForm fieldset.wide { width:620px; }
	
// Other

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width:80%;
	}

div.device {
	float:left;
	margin-left:10px;
	text-align:center;
	width:100px;
	}
	
a.download {
	background:#ac6;
	color:#fff;
	padding:2px 5px;
	}
	a.download:hover {
		text-decoration:underline;
		}

// Pagination

div.pagination {
	display:block;
	margin:0 0 10px;
	padding:0 0 10px;
	}
	div.pagination .gutter {
		padding:5px;
		}
	div.pagination a {
		color:#000;
		text-decoration:underline;
		}
	div.pagination a:hover {
		background:#000;
		color:#fff;
		}
	div.pagination .four {
		background:#eee;
		color:#222;
		text-align:center;
		}
	div.pagination .nolink {
		color:#999;
		}

iframe {
	margin-bottom:1em;
	}