/* 
 *	Pathfinder YourNews
--------------------------------------- */
@import url("reset.css");
@import url("rte.css");
@import url("uploader.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700,800&subset=latin,greek,greek-ext");
body	{
	background: #fff;
	color: #333;
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
body, select, table, input, textarea	{ font: 13px "Open Sans", Arial, Helvetica, sans-serif; color: #333; }	
input, a, textarea, input:active:focus, textarea:active:focus, select { outline: none; }
p	{ 
	line-height: 1.7em; 
	margin: 0 0 1em;
	}
a	{
	color: #2251A6; 
	text-decoration: none;
	cursor: pointer;
	}
a:hover		{ text-decoration: underline; }
a:active	{ color: #F59D21; }

/*	Layout
--------------------------------------- */	
#wrapper-container	{ background: #fafafa; }
#wrapper	{
	width: 960px;
	margin: 0 auto;
	position: relative;
	top: -2px;
	z-index: 1;
	}
#content-main	{
	width: 600px;
	float: left;
	}
#content-main.full	{
	width: 960px;
	float: none;
	}
#content-side	{
	width: 320px;
	float: right;
	}
#header	{
	background: url("img/header.png") repeat-x bottom left;
	padding: 10px 0;
	position: relative;
	z-index: 99999;
	}
	#header.betaCountDown{
		margin-top: 90px;
	}
#footer	{
	padding: 20px 0;
	color: #999;
	font-size: 12px;
	background: #fff;
	border-top: 1px solid #CCC9C3;
	position: relative;
	top: -4px;
	z-index: 99999;
	}
#footer-inner	{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}	
	
/*	Header
--------------------------------------- */	
#header-inner	{
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
#header .user	{
	position: absolute;
	top: 24px;
	right: 0;
	overflow: hidden;
	font-size: 12px;
	}
#header .user a {
	font-weight: normal;
	}
#header .user li	{
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #eee;
	}
#header #user-send a	{ font-weight: bold; }
#header #user-send img	{
	background: #fff;
	border: 1px solid #CCC9C3;
	margin-right: 6px;
	position: relative;
	top: 0px;
	vertical-align: top;
	}
#header #user	{ 
	font-weight: bold;
	border-right: none;
	}	
	
/*	Nav (categories)
--------------------------------------- */
#nav	{
	margin-bottom: 20px;
	font-size: 12px;
	background: #f2f2f2;
	/*padding: 10px 20px;*/
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
	text-transform: uppercase;
	}
#nav ul	{
	position: relative;
	top: 1px;
	}
#nav li	{
	float: left;
	margin-right: 3px;
	padding-right: 2px;
	border-right: 1px solid #ccc;
	}
#nav li a			{ 
	padding: 4px 6px;
	display: block;
	}
#nav li.active a	{ 
	font-weight: bold; 
	background: #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #333;
	}
#nav li.home a	{
	text-indent: -9999em;
	width: 16px;
	height: 16px;
	background: url("img/icons/home.gif") no-repeat center center;
	}
#nav .field			{
	/*width: 200px;*/
	width: 170px;
	margin-right: 5px;
	background: #fff;
	}
	
/*	Box model
--------------------------------------- */
.box		{ 
	background: #fff; 
	padding: 20px;
	border: 1px solid #CCC9C3;
	margin: 20px 0;
	-moz-box-shadow: 0 0 8px #ddd;
	-webkit-box-shadow: 0 0 8px #ddd;
	box-shadow: 0 0 8px #ddd;
	}
.box-header	{
	padding-bottom: 10px;
	background: url("img/dots.gif") repeat-x bottom left;
	position: relative;
	}
.box-header.inner	{ padding-top: 20px; }
.box-header h3		{ font: bold 19px "Open Sans", Georgia, "Times New Roman", serif; }
.box-header .padded { /* padding-left: 45px; */ padding-left: 60px; }
#content-side .box-header .padded	{ /*padding-left: 55px;*/ padding-left: 60px;  }
.box-header h4	{
	font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
	position: relative;
	}
.box-header h3 span,	
.box-header h4 span		{
	position: absolute;
	top: 2px;
	right: 0;
	font: 13px "Open Sans", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #999;	
	}
.box-header h5	{
	font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
	}
.box-header h5 span.more	{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: normal;
	}
.box-content	{
	padding: 20px 0 0;
	}
.box-footer	{
	background: url("img/dots.gif") repeat-x top left;
	margin-top: 20px;
	padding-top: 10px;
	font-size: 12px;
	}
.box-footer span.left	{
	color: #999;
	padding-top: 5px;
	}

/*	Forms
--------------------------------------- */	
textarea,
.field {
	background: #fafafa;
	border: 1px solid #ccc;
	border-color: #6f6f6f #ccc #ccc;
	padding: 3px;
	outline: none;
	}
textarea:focus,
.field:focus,
.field-focus 	{
	background: #fff;
	/*padding: 2px;
	border: 2px solid #999;*/
	}
select			{ 
	padding: 2px; 
	background: #fbfbfb;
	border: 1px solid #ccc;
	}
select:focus	{
	background: #fff;
	/*padding: 1px;
	border: 2px solid #999;*/
	}		
.field-pale	{
	color: #999;
	}
.button	{
	border: 1px solid #000;
	border-color: #ccc #aaa #aaa #ccc;
	background: url("img/button-bg.gif") repeat-x center center;
	padding: 3px 10px;
	display: inline-block;
	overflow: visible;
	color: #333;
	cursor: pointer;
	outline: none;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

/* 	Gecko browsers & Crhome add an extra 3px of left/right 
    padding to button elements which can't be overriden. 
	The following lines fox those for Gecko.
	*/
@-moz-document url-prefix() {
 	input.button,
	button.button {
	padding: 2px 7px;	
	}
}
/* Fix chrome incosistency - waiting for a css hack */
.agent-chrome input.button,
.agent-chrome button.button {
	padding: 2px 7px;
	}
	
.button:hover,
.button-hover		{ 
	border-color: #aaa #6f6f6f #6f6f6f #aaa;
	}
.button-disabled	{ 
	background-color: #f2f2f2; 
	color: #bbb;
	cursor: default;
	}	
.button-bold	{
	background: #0063dc;
	color: white;
	}
.help	{
	display: block;
	color: #999;
	font-size: 11px;
	margin-top: 5px;
	line-height: normal;
	}
.help.indent	{
	margin-left: 140px;
	}

#comment-form textarea { 
	width: 550px;
	/*overflow: auto;*/
	}
.form-disclaimer	{
	font-size: 11px;
	color: #999;
	margin-top: 5px;
	}
.form-accept	{
	line-height: normal;
	margin: 10px 0 0;
	}
.form-accept input	{ margin-right: 2px; }
.form-submit		{
	line-height: normal;
	margin: 20px 0 0;
	}
	
/* inline forms */	
.form p	{
	margin: 0 0 10px;
	overflow: hidden;
	}
.form label {
	width: 120px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 20px;
	}	
.form .field,
.form textarea	{
	width: 340px;
	}	
		
#upload p	{
	margin: 0 0 10px;
	overflow: hidden;
	line-height: normal;
	}
#upload label	{
	display: block;
	float: none;
	width: auto;
	text-align: left;
	margin-bottom: 5px;
	}		
#upload .box-footer		{ padding-top: 20px; }
#upload .field			{ 
	width: 410px; 
	background-color: #f8f8f8 !important;
	}
#upload textarea		{ 
	background: #f8f8f8; 
	overflow: auto;
	}
#upload input.field:focus,
#upload textarea:focus	{ background-color: #fff !important;}

#upload select.field	{ 
	width: 248px; 
	font-size: 12px;
	}
#upload .field-small	{ 
	width: 220px; 
	font-size: 12px;
	}
#upload .title input	{ 
	width: 550px; 
	font-size: 16px;
	}		
/*#upload .title span	{
	font: 16px Georgia, "Times New Roman", serif;
	color: #6f6f6f;
	padding-left: 5px;
	}*/
#upload .tags	{
	display: none;
	clear: both;
	position: relative;
	}
#upload .tags input		{ 
	width: 532px; 
	padding-right: 18px;
	background: url("../img/icons/tag.gif") no-repeat 99% 50%;
	}
#upload .tags .tooltip	{
	position: absolute;
	top: 0;
	right: 0;
	}
#upload .date input		{
	width: 222px; 
	padding-right: 18px; 
	background: url("img/icons/calendar.gif") no-repeat 99% 50%;
	cursor: pointer;
	}

#upload-footer	{
	margin-left: 21px; 
	font-size: 12px;
	}	
#upload .actions	{
	color: #6f6f6f;
	margin: 20px 0 0;
	}
#upload .terms label	{ 
	padding: 1px 2px;  
	float: none;
	display: inline;
	width: auto;
	}
#upload .terms input	{
	/*vertical-align:	sub;*/
	margin-right: 2px;
	float: none;
	display: inline;
	}
	
#upload .more	{
	margin: 20px 0;
	font-size: 12px;
	border-top: 1px dotted #777777;
	padding-top: 10px;
	}
#upload small	{ color: #999; }	

#upload #files, #upload #external-media	{
	font: bold 16px "Open Sans", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	outline: none;
	padding-left: 22px;
	background: url("img/icons/add-big.gif") no-repeat 0 3px;
	min-height: 20px;
	}
#upload #external-media {
    border-top: 1px dotted #777777;
    background: url("img/icons/add-big.gif") no-repeat 0 11px;
    display: block;
    font-size: 13px;
    margin-top: 20px;
    padding-top: 10px;	
}		
#upload  span.subnote{
	margin-top:-15px!important;
	float: right!important;
}
#upload #filetype-warning	{ margin-top: 10px; }
#upload-location .box-header span	{
	position: absolute;
	top: -3px;
	right: 0;
	}

#external-links .over,
#files-list .over,
#files-list .over .file-progress { background: #f9f9f9 !important; }

#external-container		{ 
	color: #6f6f6f;
	}
#external-container table,
#external-container table {
	width: 100%;
	border-color:#dddddd;
	border-style:solid;
	border-width:1px 0px 0px;
	margin: 20px 0 0;
}
#external-container table td {
	width:1%;
	white-space:nowrap;
	text-align: right;
}

#external-container table th {
	text-align:left;	
}
#external-container table tfoot th,
#external-container table tfoot td {
	color: #999;
	padding:4px 10px;
	text-align:left;
	border-bottom: none;
	font-size: 11px;
}
#external-container table td,
#external-container table th {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0px 0px 1px;
	font-weight:normal;
	padding: 10px;
}
#external-container table thead th,
#external-container table thead td {
	font-weight:bold;
	font-size: 15px;
	background: #eeeeee;
	color: #6F6F6F;
}

#external-container .field-pale {width: 320px;}
#contribution-overlay .field-pale {width: 220px;}

/* steps */
#upload .step	{
	position: absolute;
	top: -5px;
	left: -35px;
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999em;
	}
#upload .step1	{ background: url("img/wizard/1.png") no-repeat; }
#upload .step2	{ background: url("img/wizard/2.png") no-repeat; }
#upload .step3	{ background: url("img/wizard/3.png") no-repeat; }

/*	Article
--------------------------------------- */
#field-message 			{ overflow: auto; }
#article-map 			{ overflow: hidden; }
#article				{ margin-bottom: 0; }
#article .box-header	{ 
	padding: 0;
	background: url("img/dots.gif") repeat-x bottom left;
	position: relative;
	}
#page-contributions #article .box-header	{ padding-bottom: 10px; }
#article .box-header h3	{
	padding-top: 3px;	
	}
#article .box-content		{ padding-top: 10px; }
#page-contributions #article .box-content	{ padding-top: 20px; }
#article .box-content p		{ margin: 0 0 10px 0; }
#article .article-info	{
	clear: both;
	margin: 20px 0 0;
	padding: 10px 0 0;
	background: url("img/dots.gif") repeat-x top left;
	color: #999;
	}
#article .body	{
	margin-top: 10px;
	padding: 20px 0 0;
	background: url("img/dots.gif") repeat-x top left;
	line-height: 1.5em;
	overflow: hidden;
	}
#article .body.top	{
	padding-top: 10px;
	background: none;
	}
#article .body li	{
	margin-left: 40px;
	padding-left: 10px;
	list-style: disc;
	}
#article .body strong	{ font-weight: bold; }
#article .body em		{ font-style: italic; }
	
.gallery,
#video	{
	text-align: center;
	/*margin: 10px 0;*/
	}

.featured	{
	background: url("img/featured.png") no-repeat;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	text-indent: -9999em;
	}
.topic,
span.topics	{
	background: url("img/topic.png") no-repeat;
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	text-indent: -9999em;
	}
span.topics	{ background: url("img/topics.png") no-repeat; }
.author	{
	font-size: 12px;
	color: #999;
	margin-top: 2px;
	}
.author .comments	{
	padding-left: 15px;
	background: url("img/icons/comment-pale.gif") no-repeat center left;
	}
	
/* tools */	
#article-actions				{ 
	padding: 10px; 
	background: #f2f2f2; 
	margin-top: 0; 
	border-top: none;
	}
#article-actions .box-content 	{ 
	padding-top: 0; 
	position: relative;
	}
#article-actions .box-footer	{ 
	display: none; 
	clear: both;
	}
#article-actions .box-footer h5	{
	font: bold 14px "Open Sans", Arial, Helvetica, sans-serif; 
	margin-bottom: 10px;
	}
#article-actions .box-footer .pale	{ padding: 10px 0; }

#article-actions .buttons		{ padding-top: 1px; }
#article-actions .buttons li	{
	float: left;
    overflow: hidden;
    width: 97px;
}
a.trigger	{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	}
#article-actions .buttons li.last		{ width: 97px; margin-left: 15px; overflow: visible; }
#article-actions .buttons li a:hover	{
	text-decoration: none;
	}
	
#article-actions .right	{
	color: #6f6f6f;
	font-size: 12px;
	}
	
#article .article-tools	{
	position: absolute;
	top: -26px;
	right: -21px;
	}
#article .article-tools li	{
	color: #666;
	text-transform: uppercase;
	font: 10px "Open Sans", Arial, Helvetica, sans-serif;
	float: left;
	}
#article .article-tools li.caption	{
	position: relative;
	top: 10px;
	right: 0;
	}
#article .article-tools li a		{ outline: none; }
#article .article-tools li:hover 	{ cursor: pointer; }
#article .article-tools li img 		{
	position: relative;
	top: 5px;
	margin-left: 5px;
	padding: 3px;
	background: #fff;
	border: 1px solid #CCC9C3;
	}
#article .article-tools li:hover img	{ background: #ffc; }

#emailer-container .actions,
#blogger-container .actions	{
	font-size: 12px;
	margin: 10px 0 0;
	color: #999;
	}
#blogger-container .title input	{
	font-size: 16px;
	width: 566px;
	}
#blogger-container textarea	{
	width: 550px;
}

#featured .author	{ margin-bottom: 0; }

#author li	{
	float: left;
	width: 70px;
	height: 62px;
	background: url("img/dots-ver.gif") repeat-y top right;
	color: #6f6f6f;
	text-align: center;
	line-height: 28px;
	padding: 4px 0;
	font-size: 12px;
	}
#author li span	{
	display: block;
	margin-bottom: 2px;
	font-size: 18px;
	font: 18px "Open Sans", Georgia, "Times New Roman", serif;
	}
/*#author li span a		{ font: 18px Georgia, "Times New Roman", serif; }*/
#author li.avatar		{ 
	background: none;
	width: 60px;
	padding: 0;
	}
#author li.avatar img	{
	padding: 2px;
	background: #fff;
	border: 1px solid #CCC9C3;
	}
#author li.personal	{
	width: 120px;
	overflow: hidden;
	}
#author li.personal span	{ font: 18px "Open Sans", Georgia, "Times New Roman", serif;  }

/*	News
--------------------------------------- */		
.news li	{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url("img/dots.gif") repeat-x bottom left;
	position: relative;
	}
.news .news-photo	{
	float: left;
	width: 140px;
	}
.news .news-excerpt {
	margin-left: 150px;
	margin-bottom: 0;
	}
.news .news-author	{
	font-size: 12px; 
	color: #6f6f6f;
	}
.news .news-info	{
	margin: 10px 0 0 150px;
	font-size: 12px;
	color: #999;
	}
.news h5	{
	font: 15px "Open Sans", Georgia, "Times New Roman", serif;
	margin: 0 0 0 150px;
	}
.news .author	{
	margin-left: 150px;
	margin-bottom: 10px;
	}
.news .video-overlay	{
	position: absolute;
	top: 105px;
	left: 2px;
	}

/* related news */
.box.related	{
	background-color: #f2f2f2;
	border-color: #999;
	}
.box.related .box-header	{ position: relative; }
.box.related .news-photo	{
	width: 100px;
	margin-right: 20px;
	}
.box.related h5			{ margin-left: 0; }
.box.related p		{
	margin: 5px 0 0 0 !important;
	line-height: 1.5em !important;
	}

.side-news li {
	margin-bottom: 10px;
	background: url("img/dots.gif") repeat-x bottom left;
	padding-bottom: 10px;
	overflow: hidden;
	}
.side-news .news-photo	{
	float: left; 
	margin-right: 10px;
	}
.side-news h5	{
	font: 13px "Open Sans", Georgia, "Times New Roman", serif;
	margin: 0 0 5px 70px;
	}
.side-news .news-author	{
	margin: 5px 0 0 70px;
	color: #999;
	font-size: 12px;
	}	

/* Latest Comments */
.side-comments h5{
	margin: 0px;
	
}
.side-comments .avatar{
	float: left; 
	margin-top: 5px;
}
.side-comments li {
	padding-bottom: 20px;
	overflow: hidden;
}	
.side-comments p { margin: 0 0 0 35px;}
.side-comments .comment-author { 
	color: #999;
}
.side-comments h4 {
	background-color: #F3F3F3;
	font: 13px "Open Sans", Georgia,"Times New Roman",serif;
	padding: 3px;
}
.side-comments .comment {
	border-bottom: 1px dashed #DDD;
	padding: 10px 0 5px;
	cursor: pointer;
}
/*	Contributions
--------------------------------------- */		
#contributions.preview li,
.preview li	{
	float: left;
	margin-right: 19px;
	width: 125px;
	position: relative;
	}
#contributions.preview .multirow li,
.preview .multirow li	{ margin-top: 20px; }
#contributions.preview li a.thumb,
.preview li a.thumb	{ display: block; }
#contributions.preview li p,
.preview li p	{
	text-align: center;
	color: #999;
	font-size: 12px;
	margin: 5px 0 0;
	line-height: normal;
	}
#contributions.preview li span,
.preview li span	{
	font-size: 11px;
	color: #999;
	display: block;
	text-align: center;
	margin-top: 2px;
	}
#contributions.preview .box-footer .left,
.preview .box-footer .left			{ padding-top: 0 !important; }
#page-contributions .author					{ margin-bottom: 0; }

.preview .video-overlay	{
	position: absolute;
	top: 83px;
	left: 2px;
	}

/* back to parent item (for contributions) */
#page-contribution #article .box-content		{ padding-top: 0; }
#page-contribution #article #gallery-container	{ margin: 0 0 20px 0; }
#page-contribution #article .box-footer .left	{ color: #999; position: relative; top: 3px; }
#page-contribution #contributions				{ padding-bottom: 20px !important; }

.parent-item	{
	padding: 0;
	background: #f2f2f2;
	}
.parent-item .box-content	{ padding: 0; }
.parent-item .label	{
	padding: 10px;
	background: #ddd;
	color: #666;
	position: relative;
	padding-right: 35px;
	width: 80px;
	min-height: 45px;
	}
.parent-item span	{
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
	display: block;
	margin-top: 2px;
	}
.parent-item strong	{
	font-size: 32px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 10px;
	}
.parent-item .image		{ 
	float: left;
	margin-right: 10px;
	display: block;
	}
.parent-item .article	{
	padding: 10px;
	width: 450px;
	}
.parent-item .article h4	{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 5px 70px;
	}	
.parent-item .article .author	{
	margin: 0 0 0 70px;
	}

/* no contributions, add one */
#no-contributions	{ 
	text-align: center; 
	margin: 0;
	}
#no-contributions a	{
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	background: url("img/icons/add-big.gif") no-repeat center left;
	}
#no-contributions span	{
	display: block;
	font-size: 11px;
	color: #999;
	margin-bottom: 5px;
	}

/*	Tabs
--------------------------------------- */		
.tabs li	{
	float: left;
	font: normal 13px "Open Sans", Arial, Helvetica, sans-serif;
	margin-right: 8px;
	padding-right: 8px;
	background: url("img/dots-ver.gif") repeat-y top right;
	}
.tabs li a,
.tabs li strong.legend {
	padding: 4px 6px;
	display: block;
	}
.tabs li span	{
	padding: 4px 6px;
	display: block;
	cursor: pointer;
	color: #2251A6;
	}
.tabs li.active span,
.tabs li.active a	{ 
	background: #eee;  
	color: #333;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 6px;
	display: block;
	}
.tabs li.right	{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 0 0 10px;
	background: url("img/icons/rss.gif") no-repeat center left;
	}	
.tabs li.label	{ border-right: none; }
.tabs .subnote	{
	position: relative;
	top: -2px;
	}
	
/*	Users
--------------------------------------- */	
.users li	{
	float: left;
	margin: 0 10px 10px 0;
	width: 84px;
	text-align: center;
	}
.users li a		{ display: block; }
.users li img	{
	padding: 5px;
	background: #fff;
	border: 1px solid #CCC9C3;
	}
.users p.username	{
	font: 12px "Open Sans", Arial, Helvetica, sans-serif;
	margin: 5px 0;
	color: #999;
	}

.all-users li	{
	float: left;
	margin: 20px 10px 0 0;
	width: 130px;
	text-align: center;
	position: relative;
	}
.all-users li img	{
	padding: 5px;
	background: #fff;
	border: 1px solid #CCC9C3;
	}
.all-users p	{
	margin: 0;
	font-size: 12px;
	color: #999;
	}
.all-users p.username	{
	font: 14px "Open Sans", Georgia, "Times New Roman", serif;
	margin: 5px 0;
	}
.all-users .friend	{
	background: #fff url("img/icons/fav.gif") no-repeat center center;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	position: absolute;
	top: 3px;
	right: 31px;
	padding: 1px;
	}

#user-profile h3 span	{
	font-size: 12px;
	top: 5px;
	}
#user-profile h3 span a.rss	{
	padding-left: 15px;
	background: url("img/icons/rss.gif") no-repeat center left;
	}
#user-profile .box-footer	{ font-size: 13px; }
#user-img	{
	float: left;
	width: 242px;
	overflow: hidden;
	padding-right: 10px;
	background: url("img/dots-ver.gif") repeat-y top right;
	}	
#user-img a.avatar	{
	display: block;
	float: left;
	margin-right: 15px;
	}
#user-img h4	{
	font: 16px "Open Sans", Georgia;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
#user-img p		{ 
	margin: 5px 0 0; 
	line-height: normal;
	}

#user-info	{
	float: right;
	width: 300px;
	/*padding-top: 10px;*/
	}
#user-info li	{
	float: left;
	width: 68px;
	margin-right: 9px;
	text-align: center;
	}
#user-info li a		{ outline: none; }
#user-info li span	{
	display: block;
	margin-bottom: 5px;
	font: 20px "Open Sans", Georgia, "Times New Roman", serif;
	}
	
#bio span	{
	font-size: 12px;
	color: #6f6f6f;
	margin-left: 5px;
	}

#edit-descr textarea	{ width: 550px; }
#edit-descr .actions	{
	font-size: 12px;
	margin: 10px 0 0;
	color: #999;
	}

#no-profile .box-header	{
	padding-left: 36px;
	background: url("img/errormark.gif") no-repeat top left;
	}
#no-profile .box-content	{
	background: url("img/dots.gif") repeat-x top left;
	}
#no-profile h4	{
	font: bold 16px "Open Sans", Arial, Helvetica, sans-serif;
	color: #c00;
	line-height: 24px;
	}
#no-profile h5	{
	font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
	margin: 20px 0 15px;
	}		
#no-profile li	{
	margin: 5px 0;
	padding: 10px 0 10px 36px;
	}
#no-profile li a	{ text-decoration: underline; }
#no-profile li.action-upload	{ background: url("img/action-upload.gif") no-repeat center left; }
#no-profile li.action-comment	{ background: url("img/action-comment.gif") no-repeat center left; }
#no-profile li.action-users		{ background: url("img/action-users.gif") no-repeat center left; }
#no-profile li.action-support	{ background: url("img/action-support.gif") no-repeat center left !important; margin-bottom: 0; }

/*	Ranking system
--------------------------------------- */	
.ranking li	{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	position: relative;
	}
.ranking .rank	{
	float: left;
	margin: 0 15px 0 20px;
	color: #6f6f6f;
	font: 18px "Open Sans", Georgia, "Times New Roman", serif;
	text-align: right;
	display: block;
	width: 30px;
	}		
.ranking .avatar	{
	float: left;
	margin-right: 15px;
	}
.ranking h3	{
	font-size: 15px;
	}
.ranking p		{ 
	margin: 5px 0 0;
	color: #6f6f6f;
	}
.ranking .diff	{
	position: absolute;
	top: 10px;
	left: 10px;
	}
.ranking .bar-container	{
	float: right;
	font-size: 12px;
	color: #6f6f6f;
	width: 210px;
	overflow: hidden;
	margin-top: 10px;
	}
.ranking .bar-container em	{
	float: right;
	font-style: normal;
	margin-right: 10px;
	color: #999;
	}
.ranking .bar	{
	float: right;
	width: 150px;
	height: 12px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px;
	}
.ranking .bar span	{ 
	background-color: #ccc; 
	display: block; 
	height: 12px; 
	}

.ranking-points	{
	margin: 10px 0 0;
	width: 100%;
	color: #6f6f6f;
	}	
.ranking-points thead th,
.ranking-points thead td { 
	font-size: 13px; 
	color: #555;  
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	}
.ranking-points th,
.ranking-points td	{
	padding: 6px 8px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	}	
.ranking-points td	{ text-align: center; }
.ranking-points tbody tr:hover th,
.ranking-points tbody tr:hover td		{ color: #333; background-color: #f2f2f2; }

.ranking-caption	{
	font-size: 12px;
	color: #999;
	background: none !important;
	margin-top: 5px;
	}
	
.user-rank	{
	position: absolute;
	top: 0;
	left: -20px;
	display: block;
	width: 60px;
	height: 30px;
	background: url("img/banner.gif") no-repeat;
	color: #fff;
	font: 18px "Open Sans", Georgia, "Times New Roman", serif;
	padding-left: 5px;
	}
.user-rank a 		{ color: #fff; }
.user-rank.golden	{
	background: url("img/banner-gold.gif") no-repeat;
	color: #333;
	padding-left: 22px;
	padding-top: 3px;
	}
.user-rank.silver	{
	background: url("img/banner-silver.gif") no-repeat;
	color: #333;
	padding-left: 22px;
	padding-top: 3px;
	}
.user-rank.golden a,
.user-rank.silver a	{ color :#333; }
#content-side .user-rank	{
	background: url("img/banner-small.gif") no-repeat;
	top: -2px;
	left: 0;
	font-size: 16px;
	}
#content-side .user-rank.golden	{ 
	background: url("img/banner-gold-small.gif") no-repeat !important; 
	font-size: 14px;
	}		
#content-side .user-rank.silver	{ 
	background: url("img/banner-silver-small.gif") no-repeat !important; 
	font-size: 14px;
	}	
	
/*	Comments
--------------------------------------- */	
.comments li	{
	overflow: hidden;
	background: url("img/dots.gif") repeat-x bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
/*.comments li.user .comment-body		{ color: #999; font-style: italic; }*/
.comments.pending li	{
	color: #999;
	font-style: italic;
	}
.comments.pending li img	{ 
	opacity: 0.6; 
	filter: alpha(opacity=60);	
	}
.comments li.loader	{
	background: #ffd;
	border: 1px solid #eee;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px 0;
	}
.comments .avatar	{ 
	float: left;
	}
.comments .comment-author	{
	color: #999;
	font-size: 12px;
	margin-left: 60px;
	margin-bottom: 5px;
	}
.comments .comment-author .foo {
	color: #999;
	}
.comments .comment-body		{ margin-left: 60px; }	
.comments .comment-body p 	{ margin-bottom: 0; }
.comments p.comment-body	{ margin-bottom: 0; } 
	

.user-comments li	{
	overflow: hidden;
	background: url("img/dots.gif") repeat-x bottom left;
	margin-bottom: 20px;
	}
.user-comments h5	{
	font: 16px "Open Sans", Georgia, "Times New Roman", serif;
	}
.user-comments p.author	{
	padding-left: 15px;
	background: url("img/icons/comment-pale.gif") no-repeat center left;
	}
.user-comments .bottom p		{ margin-bottom: 0; }
.user-comments .bottom p.author	{ margin-bottom: 1em; }

/*.comments li	{
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0;
	background: #f8f8f8;
	}
.comments li.bottom {
	margin: 10px 0!important;
	border-bottom: 1px solid #ccc!important;
	padding-bottom: 10px!important;
	}
.comments li.pending	{
	color: #999;
	font-style: italic;
	}
.comments li.loader	{
	background: #ffd;
	border: 1px solid #eee;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	padding: 10px 0;
	}
.comments .avatar	{ 
	float: left;
	padding: 3px;
	background: #fff;
	border:1px solid #ccc;
	}
.comments .comment-author	{
	color: #999;
	font-size: 12px;
	margin-left: 70px;
	margin-bottom: 5px;
	}
.comments .comment-body		{ margin-left: 70px; }	
.comments .comment-body p 	{ margin-bottom: 0; }
.comments p.comment-body	{ margin-bottom: 0; } 
*/	

.user-comments li	{
	overflow: hidden;
	background: url("img/dots.gif") repeat-x bottom left;
	margin-bottom: 20px;
	}
.user-comments h5	{
	font: 16px "Open Sans", Georgia, "Times New Roman", serif;
	}
.user-comments p.author	{
	padding-left: 15px;
	background: url("img/icons/comment-pale.gif") no-repeat center left;
	}
.user-comments .bottom p		{ margin-bottom: 0; }
.user-comments .bottom p.author	{ margin-bottom: 1em; }


.fetcher	{
	margin-top: 20px;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #CCC9C3;
	border-width: 1px 0;
	font-size: 14px;
	}

/*	Sidebar
--------------------------------------- */
#content-side .box	{
	background: none;
	padding: 0;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 30px;
	}
#content-side .box-content				{ padding-top: 10px; }

#content-side #stats {	margin-bottom: 0px; }
#content-side #stats h5 {
	position: relative;
}
#content-side #stats h5 span {
	position: absolute;
	right: 0;
	top: 2px;
	font-weight: normal;
	font-size: 12px;
}
#content-side #stats .stats {
	margin-bottom: 20px;
}
#content-side #stats .stats li {
	float: left;
	width: 25%;
	text-align: center;
}
#content-side #stats .stats li strong {
	display: block;
	font-size: 25px;
	color: #555;
}
#content-side #stats .stats li span { color: #777; }

#content-side #stats .users {
	background-color: #f9f9f9;
	padding: 0 20px;
	height: 0;
	overflow: hidden;
}
#content-side #stats .users li {
	width: 54px;
	padding: 1px 0;
	margin: 0 10px 0 0;
}
#content-side #stats .users img {
	padding: 2px;
}
#content-side #stats abbr {
	cursor: pointer;
	border-bottom: 1px dotted #777;
}
#content-side #upload-now				{ margin-bottom: 20px; }
#content-side #upload-now .box-content	{ padding-top: 0; }
#content-side #upload-now a	{
	background: url("img/submit.png") no-repeat top left;
	display: block;
	width: 320px;
	height: 80px;
	text-indent: -9999em;
	outline: none;
	}
#content-side #upload-now a:hover	{
	background-position: 0 -80px;
	}

.areas		{ 
	margin-top: 20px;
	}
.areas ul	{
	width: 50%;
	float: left;
	}	
.areas li	{
	margin-bottom: 10px;
	background: url("img/dots.gif") repeat-x bottom left;
	padding-bottom: 10px;
	}
.areas li span	{
	padding-left: 5px;
	color: #999;
	}
#areas form	{
	margin-top: 5px;
	color: #999;
	font-size: 14px;
	}
#areas .field	{ 
	width: 268px; 
	margin-right: 5px;
	font-size: 12px;
	padding: 4px;
	}
#areas form span	{
	font-size: 11px;
	display: block;
	margin-top: 5px;
	}

.news-brief li	{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url("img/dots.gif") repeat-x bottom left;
	}
.news-brief .news-date	{
	font-size: 11px;
	margin: 0 0 0 5px;
	color: #999;
	}

.checklist		{ 
	background: none !important; 
	padding-left: 0 !important; 
	}	
.checklist li	{
	padding-left: 18px;
	background: url("img/icons/bullet.gif") no-repeat 0 7px;
	margin-bottom: 10px;
	line-height: 1.5em;
	}
.checklist.screencast li	{
	background: url("img/icons/screencast.gif") no-repeat 0 7px;
	}

/* pathfinder */
#pathfinder-news li		{ overflow: hidden; }
#pathfinder-news .img	{
	float: left;
	margin-right: 10px;
	}		
#pathfinder-news h6		{ margin-left: 45px; }		

/* banners */
#banner				{ 
	margin: 0 0 30px 0; 
	text-align: center;
	}
h6.banner-header	{
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
	text-align: right;
	margin: 0 10px 5px 0;
	display: none;
	}
#banner-horizontal	{ 
	text-align: center; 
	margin-bottom: 10px;	
	}
#banner-horizontal div	{
	width: 728px;
	height: 90px;
	background: #eee;
	text-align: center;
	font-size: 24px;
	color: #999;
	line-height: 90px;
	padding: 0;
	margin: 0 auto;
	}
	
/* screencasts */
.screencast-promo	{
	width: 300px;
	margin: 20px auto 0;
	}
.screencast-promo a	{
	background: #ffffd9;
	border: 1px solid #B3B3B3;
	display: block;
	line-height: 1.3em;
	padding: 8px 10px;
	text-decoration: none;
	}		
.screencast-promo span	{
	text-transform: uppercase;
	color: #6f6f6f;
	display: block;
	font-size: 11px;
	text-decoration: none;
	margin-bottom: 2px;
	}
.screencast-promo u	{
	background: url("img/icons/screencast.gif") no-repeat center left;
	padding-left: 20px;
	}
	
/* mobile */
.mobile-code	{
	text-align: center;
	font: 28px "Open Sans", Georgia, "Times New Roman", serif;
	margin-bottom: 10px;
	color: #6f6f6f;
	}	
.mobile-code em	{
	color: green;
	font-style: normal;
	}
#mobile p,
#mobile span {
	text-align: left;
}

/* Select
--------------------------------------- */	
.select 	{
	position: relative;
	display: inline-block;
	margin-left: -9px;
	text-align: left;	
	float: left;
	z-index: 9999999;
	height: 1%;
	margin-top: -7px;
	}
/* Firefox (<=2) does not need the margin-top for some reason 
 * http://robertmaldon.blogspot.com/2008/03/css-tricks-that-target-specific.html
*/
.select, x:-moz-any-link {
	 margin-top: 0; 
}
.select, x:-moz-any-link, x:default {
	margin-top: -7px;
}

.box .box-header-null .select,
.box .box-header .select { float: left; }	
.select a {
	display: inline-block;
	padding: 6px;
	position: relative;
	z-index: 1000001;
	float: none!important;
	}
.select a,
.select a:active:focus 	{ outline: none; }
body div.select .select-content 	{
	position: absolute;
	top: 100%;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;		
	/* z-index: 100000; */
	z-index: 999999;
	background: white; /* must for ie */
	width: 180px;
	margin-top: -1px;
	border-right-color: #999;
	border-bottom-color: #999;
	padding: 5px 5px;
	display: none;
	float: none;
	}

.select ul li 	{
	list-style-type: none;
	margin: 0!important;
	padding: 0;
	display: block;
	}	
	
/* Hover */
.select.hover a.select-trigger {
	padding: 6px 10px 0px 8px;
	/* was 	padding: 6px 22px 6px 8px; */
	border: 1px solid #ddd;
	border-bottom: none;
	border-right-color: #999;		
	background: #fff;
	}
		
/* For ie6 we have to set the block to !important */		
.select.hover .select-content 		{ display: block!important; }	

body #wrapper div.select.hover .select-content ul li a {
	font-weight: normal!important;
	display: block;
	border: none;
	position: static;
	z-index: auto;
	font-size: 12px!important;
	letter-spacing: normal!important;
	border-bottom: 1px solid #eee;
	padding: 5px;
	}
#share-email		{ 
	padding-left: 25px !important;
	background: url("img/icons/email.gif") no-repeat 3px 50%; 
	}
#share-facebook		{ 
	padding-left: 25px !important;
	background: url("img/icons/facebook.gif") no-repeat 3px 50%; 	
}	
#share-twitter		{ 
	padding-left: 25px !important;
	background: url("img/icons/twitter.gif") no-repeat 3px 50%; 
	border-bottom: none !important; 
	}	

#share-email:hover,
#share-twitter:hover,
#share-facebook:hover,
.user-blogs li a:hover	{ background-color: #ffc !important; }

.select-content ul li	{ 
	display: block !important; 
	float: none !important;
	width: auto !important;
	}
.select ul li a:hover 	{
	background: white;
	text-decoration: underline;
	}	

.select .select-content p	{ 
	margin-bottom: 0; 
	line-height: 1.5em;
	font-size: 12px;
	color: #6f6f6f;
	padding: 5px 0;
	}
.select .select-content a	{
	display: inline;
	padding: 0;
	}
	
/* Location Autocomplete
--------------------------------------- */	
#province-container	{ position: relative; }
#autocomplete {
	position: absolute;
	background: #fff;
	border: 1px solid #ddd!important;
	z-index: 99999;
	width: 250px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
	max-height: 200px;
	overflow: auto;
	top: 22px;	
	right: 21px;
	}
#autocomplete li a {
	border-top: 1px solid #eee;
	outline: none;
	margin: 0;
	position: relative;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
	padding: 5px !important;
	white-space: nowrap;
	color: #6f6f6f;
	font-size: 12px;
	display: block;
	}	
#autocomplete li.caption	{
	position: static;
	width: 95%;
	padding: 5px !important;
	font-size: 11px;
	color: #333;
	background-color: #ffc;
	}
#autocomplete li.caption a	{ 
	font-size: 9px;
	padding: 0 !important;
	display: inline;
	border: none;
	}
#autocomplete li.hover a	{
	text-decoration: none;
	background-color: #ffc;
	}	

/* Pagination
---------------------------------------------------------- */
.pagination	{
	float: right;
	font-size: 12px;
	}
.overlay .pagination { float: none; }
.pagination ul	{ overflow: hidden; }
.overlay .pagination ul { margin: 0 auto; }
.pagination li	{
	float: left;
	margin: 0 5px 0 0 !important;
	vertical-align: middle;
	}
.pagination li a,
.pagination li span {
	padding: 4px 8px;
	border: 1px solid #ddd;
	display: block;
	outline: none;
	}
.pagination li a:hover,
.pagination .active span	{
	background-color: #666;
	color: #fff;
	text-decoration: none;
	}
/*.pagination .active span	{
	border-color: #fff;
	color: #6f6f6f;
	font-weight: bold;
	}*/
.pagination .inactive span {
	border: 1px solid #fff;
	color: #999;
	}
	
/* Messages
---------------------------------------------------------- */	
.msg	{
	padding: 10px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	margin-bottom: 20px;
	}
.msg p	{ margin-bottom: 0; }
.msg-success	{
	border-color: #b3d1b3;
	background: #eff8ef;
	}
.msg-success p	{
	padding-left: 20px;
	background: #eff8ef url("img/icons/check.gif") no-repeat 0 2px;
	}
.msg-error	{
	border-color: #d1b3b3;
	background: #f8efef;
	}
.msg-error p	{ 
	padding-left: 20px;
	background: url("img/icons/alert.gif") no-repeat 0 2px; 
	}	
.msg-warning	{
	background: #ffd;
	border-color: #eee;
	margin-bottom: 0;
	}
.msg-warning p	{
	padding-left: 20px;
	background: url("img/icons/warning.gif") no-repeat 0 2px;
	margin: 0 !important;
	}	

/* Overlay
--------------------------------------- */	
.overlay-window	{ background: #fff; }
.overlay  	{
	border: 4px solid #333;
	background: #fff;
	text-align: left;
	width: 500px;
	}
#contrib-slideshow.overlay { width: 600px; }
.overlay h3	{
	background: #333;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	overflow: hidden;
	position: relative;
	}
.overlay h3 span	{ 
	cursor: pointer; 
	position: absolute;
	top: 2px;
	right: 8px;
	}	
.overlay div.loader {
	background: none;
	text-align: center;
	font-weight: normal;
	color: #333;
	padding: 0px;
	}
.overlay div.loader h1 { 
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 30px;
	}
.overlay div.loader h2 { 
	font-size: 12px;
	font-weight: normal;
	color: #999;
	margin: 30px 0 20px 0;
 	}
.overlay #files-progress	{
	font: 20px "Open Sans", Georgia, "Times New Roman", serif; 
	color: green;
	margin-right: 5px;
	}

.overlay-element .overlay	{ background: #fff; }
.overlay-body	{ 
	padding: 20px; 
	background: #fff;
	}
.overlay-body p	{ margin: 0 0 10px 0; padding: 0; }

#overlay-map	{
	width: 460px;
	height: 300px;
	}

/* Welcome overlay */
.welcome-content {
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ccc;
	background-color: rgba(0, 0, 0, 0.5);
}
.welcome-content .overlay {
	padding: 20px;
	border: none;
}
.welcome-content h1 {
	font-size: 25px;
	font-weight: bold;
	position: relative;
}
.welcome-content h1 span {
	position: absolute;
	background: transparent url('img/close.png') no-repeat center center;
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	right: -41px;
	top: -40px;
	cursor: pointer;
}
.welcome-content .info {
	background: #fff url('img/welcome.jpg') no-repeat 20px 20px;
	font-size: 14px;
	padding: 32px 0 20px 173px;
}
.welcome-content .info p.bottom {
	text-align: right;
}
.welcome-content .info a {
	margin-top: 10px;
	display: block;
}
.welcome-content a.button {
	width: 66px;
	display: block;
	margin: 0 auto;
}
.welcome-content a.button:hover {
	text-decoration: none;
}

/* Tooltip
-------------------------------------- */
.tooltip,
.tooltip-files	{ 
	font-size: 12px;
	color: #6f6f6f;
	cursor: help;
	vertical-align: middle;
	padding-left: 12px;
	background: url("img/icons/help.gif") no-repeat center left;
	}
.tooltip-files.foo,
.tooltip.foo		{ 
	color: #2251A6 !important; 
	text-decoration: none;
	font-size: 12px;
	}
.tooltip.screencast	{
	background: url("img/icons/screencast.gif") no-repeat center left;
	padding-left: 18px;
	font-weight: normal;
	color: #2251A6;
	}
.tip				{
	width: 200px;
	background: #ffc;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-color: #ddd #999 #999 #ddd;
	border-width: 1px 2px 2px 1px;
	font-size: 11px;
	position: absolute;
	color: #333;
	z-index: 9999999;
	}
.tip th,
.tip td	{
	font-size: 11px;
	padding: 2px 4px;
	}
.tip th	{ 
	font-weight: bold; 
	vertical-align: top; 
	text-align: right;
	}

/* Audio player
---------------------------------------------------------- */
#audio,
.audio		{ margin: 10px 0 20px; }
.progress 	{
	border: 1px solid #ccc;
	padding: 1px;
	background: #fff;
	height: 22px;
	color: #6f6f6f;
	position: relative;
	font: 11px "Open Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	float: left;
	width: 460px;
	}
.progress-bar {
	z-index: 1;
	height: 100%;
	width: 0%;
	background: #D4E4FF;
	display: inline;
	}
.progress span.duration {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 5px;
	z-index: 3;
	}
.progress span.percent	{
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -7px;
	z-index: 3;
	}
#audio #player,
.audio .player	{
	position: relative;
	z-index: 2;	
	}
#audio #loader,
.audio .loader	{
	background: #f2f2f2;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	height: 22px;
	max-width: 460px;
	text-align: right;
	}

.audio-play,
.audio-pause	{
	background: #666 url("img/icons/play.png") no-repeat center center;
	width: 26px;
	height: 26px;
	display: block;
	cursor: pointer;
	float: left; 
	margin: 0 10px 0 0;
	}
.audio-pause	{
	background: #666 url("img/icons/pause.png") no-repeat center center;
	}


/* Calendar
---------------------------------------------------------- */	
.calendar { 
	font-size: 11px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #333;
	width: 270px;
	background: white;
	position: absolute;
	z-index: 9999999;
	top: 0;
	border: 5px solid #ddd;
	padding: 10px;
	}

.calendar-navigation {
	color: #0066CC;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #ddd;
	}

.calendar table {
	text-align: center;
	width: 100%;
	background: white;
	border: none;
	}	

.calendar-label		{ color: green; }
.calendar th,
.calendar td 		{ 
	padding: 5px; 
	background-color: #fff;
	border: none;
	}
.calendar thead td	{ font-size: 11px; }
.calendar tbody td	{
	cursor: pointer;
	color: #6f6f6f;
	font-size: 11px;
	}

.calendar tbody td.calendar-day {
	background: #eee;
	color: #333;
	}	
.calendar tbody td.calendar-selected{ background: #EDF5FF; font-weight: bold; }	
.calendar tbody td.calendar-today 	{ background: #BBD4FF; font-weight:bold; } 	
div.calendar tbody td.calendar-hover 	{ background: #ddd;    }	
.calendar-nav-next					{ float: right;}
.calendar-nav-previous				{ float: left; }
.calendar-navigation span	{
	font-size: 14px;
	font-weight: bold;
	}
.calendar-footer		{ 
	overflow: hidden; 
	padding-top: 10px;
	border-top: 1px solid #ddd;
	margin-top: 5px;
	}
.calendar-footer p	{
	text-align: center;
	clear: both;
	color: #999;
	margin: 0;
	padding: 10px 0 0;
	}
.calendar-buttons		{ float: left; }
.calendar-buttons input	{
	font-size: 11px;
	cursor: pointer;
	font-weight: bold;
	margin-right: 10px;
	}
.calendar-hours select,
.calendar-hours option			{ font: 11px "Open Sans", "Lucida Grande", Arial, Helvetica, sans-serif; }
.calendar-hours optgroup		{ 
	margin-top: 5px; 
	padding-top: 5px; 
	border-top: 1px solid #eee; 
	}
.calendar-hours optgroup option	{ margin: 0; padding: 0 5px 0 3px; }
.calendar-hours					{ float: right; }
.calendar-invalid					{ cursor: default; }
.calendar-invalid.calendar-hover	{ background: #fff; }

/* Gallery
---------------------------------------------------------- */
#gallery-container 			{ height: 400px; }
#images-container 			{ height: 400px; }
#images-container .images 	{ height: 400px; }

.image-aligner		{

	height: 370px;
	width: 500px;
	float: none !important;
	vertical-align: middle;
	}

.images			{ 
	overflow: hidden;
	position: relative;
	width: 500px;
	height: 380px;
	margin: 0 auto;
	}
#slideshow-images-container .images {
	height: 400px;
	width: 500px;
	}
#slideshow-images-container .images .info {
	padding: 5px 0;
	width: 100%;
	color: #6f6f6f;
	}
.images a		{ outline: none; }
.images a:hover	{ text-decoration: none; }
.images div		{ 
	text-align: center; 
	float: left; 
	background: #fff; 
	}
.images .center	{ width: 500px; }
.images ul		{ 
	position: relative; 
	overflow: hidden; 
	height: 380px; 
	}
.images li		{ 
	position: absolute; 
	top: 0; 
	background: #fff; 
	width: 500px; 
	height: 400px;
	margin: 0;
	}
.images li .image-caption,
.image-caption	{
	text-align: center;
	float: none;
	font-size: 11px;
	color: #6f6f6f;
	clear: both;
	max-height: 50px;
	overflow: auto;
	margin-top: 10px;
	/*
	background: url("img/caption.png") no-repeat;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 500px;
	font-size: 13px;
	line-height: normal;
	border-top: 1px solid #c2c2c2;
	*/
	}
.image-caption span	{
	color: #ccc;
	font-style: italic;
	}
#gallery-pagination	{
	float: none;
	margin: 10px 0;
	text-align: center;
	}
#gallery-pagination li	{
	float: none;
	display: inline-block;
	}
#gallery-pagination li img	{
	display: block;
	margin: 4px auto 0;
	}
#gallery-next,
#gallery-prev	{
	font-size: 14px;
	}
	
/* Rater
---------------------------------------------------------- */	
#rater-votes	{
	font: 12px "Open Sans", Arial, Helvetica, sans-serif;
	color: #999;
	margin-right: 5px;
	position: relative;
	top: 1px;
	}
#rater-total	{
	font: 20px "Open Sans", Georgia, "Times New Roman", serif;
	margin-right: 10px;
	}
	
/* Tweets
---------------------------------------------------------- */	
.tweets li	{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url("img/dots.gif") repeat-x left bottom;
	}
.tweets li .img	{
	display: block;
	float: left;
	margin-right: 10px;
	}
.tweets li p			{ margin: 0 0 0 60px; }
.tweets li p.actions	{
	color: #999;
	margin-top: 5px;
	font-size: 12px;
	}

/* Page: Map
---------------------------------------------------------- */
#page-map .loader	{
	width: 100px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	padding-left: 30px;
	background: url("img/icons/loader.gif") no-repeat center left;
	line-height: 51px;
	}
#navNews {
	min-height: 51px;
	margin-top: 10px;
	}
#navNews div	{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	float: left;
	}
#navNews .left,
#navNews .right	{
	width: 80px;
	line-height: 45px;
	}
#navNews .left a:hover,
#navNews .right a:hover		{ text-decoration: none; }
#navNews .left.inactive a,
#navNews .right.inactive a	{ color: #eee; }		
#navNews .center	{ width: 750px; }
#navNews ul	{ overflow: hidden; }
#navNews li	{
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	cursor: pointer;
	line-height: normal;
	height: 51px;	/* 45px img + 2*2px padding + 2*1px border */
	}
#navNews li img	{
	padding: 2px;
	border: 1px solid #ddd;
	}
#navNews li.active img	{ 
	border: 2px solid #009DED;
	padding: 1px;
	}

.map-popup		{ overflow: hidden; }
.map-popup h5	{
	font: 16px "Open Sans", Georgia, "Times New Roman", serif;
	margin-bottom: 5px;
	}
.map-popup .map-img	{
	width: 140px;
	margin-right: 10px;
	position: relative;
	float: left;
	}
.map-popup .map-info	{
	width: 500px;
	float: right;
	}
	
/* Page: Preview
---------------------------------------------------------- */
#page-preview				{ background: #FAFAFA; }
#page-preview #wrapper		{ 
	width: 700px; 
	padding: 0;
	margin: 0 auto;
	}
#page-preview #content-main	{
	float: none;
	margin: 20px auto;
	}
.upload-actions	{
	color: #999;
	font-size: 12px;
	}	
	
/* Page: Thanks
---------------------------------------------------------- */
#page-thanks .box-header	{
	padding-left: 30px;
	padding-bottom: 5px;
	background: #fff url("img/checkmark.gif") no-repeat top left;
	height: 24px;
	}	
#page-thanks .box-header h4	{
	font: bold 16px "Open Sans", Arial, Helvetica, sans-serif;
	color: green;
	line-height: 24px;
	}	
#page-thanks .box-content	{ background: url("img/dots.gif") repeat-x top left; }			
#page-thanks dt	{
	font-weight: bold;
	font-size: 14px;
	padding-left: 18px;
	background: url("img/icons/bullet.gif") no-repeat 0 7px;
	margin-bottom: 5px;
	}
#page-thanks dd	{
	margin-bottom: 20px;
	padding-left: 18px;
	}		
	
#page-thanks .return	{ margin: 0; }


/* Page: Blog
---------------------------------------------------------- */	
#page-blog #content-main h5	{
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	}
#page-blog #content-main h5.success		{ color: green; }
#page-blog #content-main .left	{
	width: 280px;
	overflow: hidden;
	text-align: center;
	}		
#page-blog .add	{
	display: block;
	margin-top: 10px;
	text-decoration: underline;
	}

#page-blog #content-main .right		{ width: 600px; }
#page-blog #content-main .actions	{ 
	margin: 20px 0; 
	font-size: 12px;
	color: #999;
	}
#page-blog #content-main select		{ width: auto; }
#page-blog #content-main .field 	{ 
	width: 590px; 
	font-size: 16px;
	}	
	
/* Page: About
---------------------------------------------------------- */		
#page-about #nav		{ margin-bottom: 0; }
#page-about #content	{
	background: url("img/about.jpg?v=1") no-repeat top center;
	padding-top: 395px;
	position: relative;
	}
#page-about .box	{ border-top: none; }
#page-about .upload	{
	text-indent: -9999em;
	background: url("img/about-submit.png") no-repeat top left;
	display: block;
	width: 232px;
	height: 80px;
	outline: none;
	}
#page-about .upload:hover	{ background-position: 0 -80px; }
#page-about #actions	{
	position: absolute;
	top: 265px;
	left: 23px;
	width: 232px;
	}
#page-about #actions span	{
	font-size: 12px;
	color: #999;
	display: block;
	margin-top: 5px;
	text-align: center;
	}
#page-about #content .left	{
	width: 600px;
	}
#page-about #content .right	{
	width: 300px;
	}
#page-about #content .right .box	{
	border: none;
	padding: 0 20px;
	margin-bottom: 30px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
#page-about #content .right .box-header	{
	padding: 0;
	background: none;
	}
#page-about #content .right .box-content	{ padding-top: 10px; }

#page-about #about-text h4	{
	font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
	margin: 20px 0 10px;
	}

.about-call	{
	font-size: 16px;
	text-align: center;
	color: #6f6f6f;
	padding: 15px 0 0;
	margin: 15px 0 0;
	border-top: 1px dotted #ccc;
	}
.about-call a	{
	font-weight: bold;
	border-bottom: 1px solid #2251A6;
	}
.about-call a:hover	{ text-decoration: none; }

/*	Tags
--------------------------------------- */	
.tags a {
	font: 13px "Open Sans", Georgia, "Times New Roman", serif;
}	

/*	About
--------------------------------------- */
#about			{
	background: #ffffd9;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	color: #6f6f6f;
	text-align: center;
	}
#about-inner	{
	width: 960px;
	margin: 0 auto;
	}
#about-inner span	{
	font: bold 12px "Open Sans", Calibri, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-right: 5px;
	}
#about-inner a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

/*	Feedback
--------------------------------------- */
#feedback	{
	padding: 10px 20px;
	background: #f2f2f2;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #6f6f6f;
	font-size: 11px;
	position: relative;
	z-index: 1;
	margin-top: 20px;
	clear: both;
	}
#feedback p			{ line-height: 1.3em; }	
#feedback p.bottom	{ text-align: center; }
#feedback p strong	{ text-transform: uppercase; }
	

/*	Topics
--------------------------------------- */
.topics li	{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url("img/dots.gif") repeat-x bottom left;
	}
.topics em	{
	font-style: normal;
	color: #999;
	font-size: 11px;
	}

	
/*	Misc classes 
--------------------------------------- */
.left		{ float: left; }
.right		{ float: right !important; }
.clr 		{ min-height: 1px; 	}
.clr:after 	{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	}
	
.top	{ margin-top: 0 !important; }
.last	{ 
	margin-right: 0 !important; 
	border-right: 0 !important;
	padding-right: 0 !important;
	background: none !important;
	}
.bottom	{ 
	margin-bottom: 0 !important; 
	border-bottom: none !important;
	padding-bottom: 0 !important;
	background-image: none !important;
	}	

.foo	{
	color: #2251A6;
	text-decoration: underline;
	}
.pale	{
	text-align: center;
	color: #999;
	margin: 0;
	font-style: italic;
	}
.disclaimer 	{
	padding: 10px 20px;
	background: #f2f2f2;
	border: 1px solid #ccc;
	color: #6f6f6f;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 0;
	}
.author-credit 	{
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-align: right;
	}
.icon	{
	padding: 2px;
	background: #fff;
	border: 1px solid #CCC9C3;
	vertical-align: middle;
	margin-right: 5px;
	}
.hi	{
	background: #ff6;
	padding: 2px;
	}
.popup	{
	padding-right: 20px;
	background: url("img/icons/pop.gif") no-repeat center right;
	}
.update	{
	color: #6f6f6f;
	font-style: italic;
	}
.rss	{
	padding: 1px 0 0 15px;
	background: url("img/icons/rss.gif") no-repeat center left;
	}
.action-button	{
	padding: 3px;
	border: 1px solid #fff;
	display: block;
	}
.action-button:hover	{
	text-decoration: none;
	background: #f2f2f2;  
	border: 1px solid #ddd;
	outline: none;
	}
.floatHack .right	{
	position: static;
	font-weight: normal;
	}
.important	{ 
	font-size: 14px; 
	font-weight: bold; 
	}
.subnote 			{
	background-color:#F59D21;
	color: white;
	font-size: 8px;	
	font-weight: bold;
	font-style: normal !important;
	padding: 1px 4px;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 1px;
	-border-radius: 1px;
	}

	
/* Elections promo
-------------------------------------------- */	
#elections-promo	{
	background: #151515 url("img/elections.jpg") no-repeat top center;
	border: 1px solid #151515;
	margin-bottom: 20px;
	}
#elections-promo a	{
	display: block;
	height: 74px;
	text-indent: -9999em;
	outline: none;
	}			

/* Print
-------------------------------------------- */
@media print {
	body	{ 
		background: #fff; 
		color: #000; 
		}
		
	#header,
	#nav,
	#content-side,
	#contributions,
	#comments,
	#article-actions,
	#feedback,
	#footer			{ display: none; }
	
	#article		{
		border: none;
		padding: 0;	
		font-size: 12pt;
	}
	
	#content-main	{ width: 100%; }
}

/* Stats
-------------------------------------------- */
#flash-graph {
	position: relative;
	width: 918px;
	height: 340px;
	z-index: 1;
}
#statsFeeds { z-index: 1; }
#more-stats {
	position: relative;
	min-height: 140px;
	zoom: 1;
}
#flash-loader {
	z-index: 9999;
	background: #fff;
	position: absolute;
	top: 146px;
	left: 342px;
	width: 220px;
	height: 19px;
	padding: 5px;
	broder: 5px solid #ccc;
	border: 5px solid rgba(0,0,0, 0.5);	
	-moz-border-radius: 5px;
}
#stats-loader {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 342px;
	width: 220px !important;
	float: none !important;
	margin: 0 !important;
	height: 19px;
	padding: 5px;
	border: 5px solid rgba(0,0,0, 0.5);	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 99999;
}
#legends ul {
	padding: 20px 0 10px;
}
#legends ul li {
	width: 33%;
	font-size: 20px;
	text-align: center;
	float: left;
}
#page-stats .box-footer {
	background: none;
	margin: 0;
}
#more-stats div {
	margin-top: 15px;
	float: left;
	width: 280px;
	margin-right: 39px;
}
#more-stats .last {
	margin-right: 0;
}
#more-stats h4 {
	padding: 5px;
	font-weight: bold;
	font-size: 15px;
	background: transparent url("img/dots.gif") repeat-x scroll left bottom;
}
#more-stats p {
	margin-top: 10px;
}

/* iphone promo */
#iphone-promo {
	position: relative;
	padding-bottom: 5px;
}
*+html #iphone-promo { padding-top: 1px; }
* html #iphone-promo { padding-top: 1px; }

#iphone-promo p {
	background: #ffc url("img/iphone-icon.png") no-repeat scroll 10px center;
	color: #8D6A14;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #D4DA84;
	font-size: 12px;
}
#iphone-promo p a {
	text-decoration: underline;
}
#iphone-promo span {
	padding: 0;
	position: absolute;
	background-color: transparent;
	bottom: 4px;
	left: 11px;
	color: #ffc;
	font-size: 16px;
	text-shadow: 0 2px 0 #D4DA84;
}
*+html #iphone-promo span { display: none; }
* html #iphone-promo span { display: none; }

/* app store badge */
#appstore { margin-bottom: 20px; }
#appstore .iphone {
	height: 60px;
	width: 170px;
	text-indent: -99999px;
	display: block;
	margin: 20px auto;
	background: transparent url("img/appstore.png") no-repeat scroll -6px 0;
}
#appstore .android {
	height: 60px;
	width: 156px;
	text-indent: -99999px;
	display: block;
	margin: 20px auto;
	background: transparent url("img/android-small.png") no-repeat scroll 0 0;
}

/* Twitter */
#twitter .box-content {
	font-size: 12px;
	overflow-x: hidden;
	padding: 0;
}

#twitter h4 small {
	font-size: 17px;
	vertical-align: middle;
	font-weight: bold;
}

#twitter ol {
	max-height: 18em;
	_height: 18em;
	overflow-y: auto;
	overflow-x: hidden;
}

#twitter ol li {
	padding: 10px 0;
	margin: 0;
	line-height: 1.35em;
	color: #6f6f6f;
	border-bottom: 1px solid #eee;
}

#twitter ol li.bottom {
	border-bottom: none;
	}
#twitter ol li a.avatar {
	float: left;
	border: none!important;
	}
#twitter ol li .info {
	margin-left: 33px;
	}
#twitter ol li p {
	margin: 0;
	}
#twitter ol li p.sub {
	position: relative;
	}
#twitter ol li p a {
	color: #2251A6;
	}

#twitter ol li a img {

	}
#twitter ol li span {
	color: #999;
	}