/*	######################## 
		This is Version 2 of Charcoal
		http://soul-scape.com
		
		Created by Ben Jenkinson
		http://benjenkinson.com
		######################## 
	*/

	body {
	    background: #222;
	    font: 70% "Helvetica Neue", Helvetica, Arial, sans-serif;
	    color: #111;}
	strong{
	    font-weight: bold;}
	em {
		font-style: italic;}
	small {
		font-size:80%;
		color:#888;}
	a:link,
	a:visited{
	    color: #0063C8;
	    text-decoration: none;}
	a:hover,
	a:active{
	    text-decoration: underline;}

	acronym {
		border-bottom:1px dotted #888;}
	acronym:hover {
		cursor:help;}

	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		width: 0;
		height: 0;}

	#container{
	    float: left;
	    padding: 50px 0px 100px 50px;
	    padding-bottom:100px;}

	#browser-warning {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:38px;
		color:#777;
		background:url(../img/browser.png) repeat-x;
		padding:8px 12px 8px 70px;}
		#browser-warning a {
			color:#bbb;}
	.page-container {
	    width: 540px;
		background:#fff;
		border-right:5px solid #000;
		border-bottom:5px solid #000;}
		.page-banner {
			padding:12px 15px 10px 20px;
			background:#ee3a44;
			color:#fff;
			overflow:hidden;}
			.page-banner a {
				color:#fff;}
		.section-error .page-banner {
			background:#000 url(../img/banner-error.png);
			padding-bottom:12px;}
		.section-error .page-banner h1 {
			background:#000;
			padding:4px 5px;
			margin:-4px -5px;}
		.section-apps .page-banner {
			background:#00C0FF;}

			h1{
				display:inline;
				font-size: 1.3em;
				font-weight: normal;}
			h1 a {
				font-weight:bold;
				margin-right:2px;}

		.page-body {
			background:url(../img/header-bg.gif) repeat-x;
			padding-top:16px;}

			.page-header {
				padding:0px 20px 12px 20px}

				h2.page-title {
					padding:0px;
					margin:0px;
					margin-top:-4px;
					color:#111;
					font-size: 2.6em;
					font-weight: bold;}

				h2.page-title a {
					color:#111 !important;
					text-decoration:none !important;}

				.page-meta span {
					color:#888;}

			p {
				font-size: 1.2em;
				line-height: 1.5em;
				cfont-size: 13px;
				cline-height: 20px;
				padding: 0px 20px 16px 20px;}
			
			c.page-body,
			c.page-actions,
			c.page-footer {
				font-size: 13px;
				line-height: 20px;}
				

			.page-body a:link,
			.page-body a:visited {
				color: #0063C8;
				text-decoration:underline;}
			.page-body a:hover,
			.page-body a:active {
				color: #0063C8;}

			.page-body code {
				background: #e4e4e4;
				padding:0px 1px;
				color: #222;}

			.page-body pre,
			.page-body blockquote {
				margin: 0 0px 16px 0px;
				padding: 5px 20px 5px 20px;
				background: #444;
				font-size: 1.2em;
				font-style: italic;
				line-height: 1.5em;
				color: #fff;
				font-family:georgia;}

			.page-body blockquote {
				background: #ccc;
				color: #444;}
			.page-body blockquote cite {
				display:block;
				text-align:right;
				color:#555;
				font-family:georgia;
				font-size:0.8em;}

			.page-body ul {
				font-size: 1.2em;
				line-height: 1.5em;
				padding: 0px 20px 16px 43px;}
				.page-body ul li {
					list-style-type:disc;}
			.page-body ul.style-nobullet {
				padding-left:23px;}
				.page-body ul.style-nobullet li {
					list-style-type:none;
					margin-bottom:3px;}

			.page-body .note {
				border:1px solid #EFD98D;
				margin:0px 10px 16px 10px;
				padding:0px;
				color:#834300;
				background:#FEF9E9 url(../img/error.png) no-repeat 8px 7px;
				padding-left:22px;}

				.page-body .note p {
					padding:5px 9px 6px 9px;}

			.page-body .note.warning {
				border:1px solid #FFBEC2;
				color:#DC2A34;
				background:#FFE6E7 url(../img/exclamation.png) no-repeat 8px 7px;}

			.page-footer {
				color:#333;
				padding-top:16px;
				border-top:1px solid #d8d8d8;
				background:#f4f4f4;
				clear:both;}

			.columns-two {}
				.columns-two .column {
					float:left;
					width:270px;}	

			.page-actions {
				padding-top:16px;
				background:#E2F9E3;
				border-top:1px solid #99CC99;
				border-bottom:1px solid #99CC99;
				margin-bottom:16px;
				xposition: relative; /* peekaboo bug fix for IE6 */
				xmin-width: 0; /* peekaboo bug fix for IE7 */}
			.page-footer.page-actions {
				margin-bottom:0px;
				border-bottom:0px;}

			.page-actions a,
			.page-actions a:link,
			.page-actions a:visited {
				color:#375137;
				text-decoration:none;
				margin-right:3px;
				font-weight:bold;}
			.page-actions a:hover {
				color:#182A18;
				text-decoration:underline;}
			.page-actions a strong {
				font-weight:normal;
				color:#468B46;
				text-decoration:none !important;}

				
			.page-actions span {
				margin-right:10px;
				padding-left:20px;}
			
			.page-actions span.download {background:url(../img/action-download.png) no-repeat 0px 50%;}
			.page-actions span.view-source {background:url(../img/action-view.png) no-repeat 0px 50%;}
			.page-actions span.screenshots {background:url(../img/action-screenshots.png) no-repeat 0px 50%;}
			.page-actions span.run-script {background:url(../img/action-run.png) no-repeat 0px 50%;}
	
			
			a.external,
			a.internal,
			a.app {
				text-decoration:none !important;
				margin-left:10px;
				line-height:20px;
				padding-left:20px;}
			a.external:hover,
			a.internal:hover,
			a.app:hover {
				text-decoration:underline !important;}

			a.digg {background:url(../img/external-digg.png) left 50% no-repeat;color:#1B5790 !important;}
			a.deviantart {background:url(../img/external-deviantart.png) left 50% no-repeat;color:#2D3432 !important;}
			a.flickr {background:url(../img/external-flickr.png) left 50% no-repeat;color:#0063C8 !important;}
			a.facebook {background:url(../img/external-facebook.png) left 50% no-repeat;color:#000 !important;}
			a.lastfm {background:url(../img/external-lastfm.png) left 50% no-repeat;color:#D9004A !important;}
			a.pownce {background:url(../img/external-pownce.gif) left 50% no-repeat;color:#34841A !important;}
			a.spacecollective {background:url(../img/external-spacecollective.png) left 50% no-repeat;color:#009999 !important;}
			a.threadless {background:url(../img/external-threadless.png) left 50% no-repeat;color:#1B325F !important;}
			a.twitter {background:url(../img/external-twitter.png) left 50% no-repeat;xcolor:#00C9D9 !important;}
			a.twofifty {background:url(../img/external-twofifty.png) left 50% no-repeat;color:#0066CC !important;}
			a.weewar {background:url(../img/external-weewar.png) left 50% no-repeat;color:#4074CC !important;}
			a.weplaythis {background:url(../img/external-weplaythis.png) left 50% no-repeat;color:#FF003C !important;}
			a.vanilla {background:url(../img/external-vanilla.png) left 50% no-repeat;color:#000000 !important;}
			a.vimeo {background:url(../img/external-vimeo.png) left 50% no-repeat;color:#0997BB !important;}
			a.virb {background:url(../img/external-virb.gif) left 50% no-repeat;color:#000000 !important;}
			
			a.app {color:#0063dc !important;}
			a.audioscrobbler {background:url(../img/external-lastfm.png) left 50% no-repeat;}
			a.campfire {background:url(../img/app-campfire.png) left 50% no-repeat;}
			a.cooltab {background:url(../img/app-cooltab.png) left 50% no-repeat;}
			a.noticeboard {background:url(../img/app-noticeboard.png) left 50% no-repeat;}
			a.todo {background:url(../img/app-todo.png) left 50% no-repeat;}
			a.tools {background:url(../img/app-tools.png) left 50% no-repeat;}


			dl {
				height:1%;
				margin:0px 0px 0px 20px;
				float:left;
				width:240px;}
			dt {
				background:url(../img/external-lastfm.png) left 50% no-repeat;
				padding:2px 0px 2px 20px;}
			dt a {
				text-decoration:none !important;
				font-weight:bold;
				font-size:14px;
				line-height:16px;}
			dt a:hover {
				text-decoration:underline !important;}
			dd {
				padding-left:2px;}
			dd p {
				font-size:12px;line-height:18px;}
			
			dl.internal dt a {color:#ee3a44 !important;padding:2px;}
			dl.internal dt a:hover {color:#fff !important;background-color:#ee3a44;text-decoration:none !important;}			
			dl.app dt a {color:#0063dc !important;padding:2px;}
			dl.app dt a:hover {color:#fff !important;background-color:#0063dc;text-decoration:none !important;}
			dl.audioscrobbler dt {background:url(../img/external-lastfm.png) left 50% no-repeat;}
			dl.campfire dt {background:url(../img/app-campfire.png) left 50% no-repeat;}
			dl.cooltab dt {background:url(../img/app-cooltab.png) left 50% no-repeat;}
			dl.noticeboard dt {background:url(../img/app-noticeboard.png) left 50% no-repeat;}
			dl.todo dt {background:url(../img/app-todo.png) left 50% no-repeat;}
			dl.tools dt {background:url(../img/app-tools.png) left 50% no-repeat;}
			
			
			.archive-by-date a {
				text-decoration:none !important;}
			.archive-by-date a:hover {
				text-decoration:underline !important;}
			
			.archive-by-date {
				padding: 0px 20px 16px 20px;
				margin-top:-16px;}
				
			.archive-by-date h4 {
				display:block;
				font-size: 1.2em;
				line-height: 1.5em;
				text-transform:uppercase;
				font-weight:bold;
				color:#555;
				margin-top:16px;}
				
				
			.archive-by-date .item {
				overflow: hidden;
				color: #575449;
				list-style: none;
				border-top: 1px dotted #bbb;
				padding: 0.5em 5px;
				margin: 0;}

			.archive-by-date .item li {
				display: inline;}

			.archive-by-date .item li sup {
				line-height: 0em !important;
				position:relative;
				top:-6px;
				font-size:0.7em;}

			.archive-by-date .item li.date {
				float: left;}

			.archive-by-date .item li.name {
				margin-left: 25px;
				float: left;}

			.archive-by-date .item li.version {
				float: right;}