/*Main Layout*/

/*hidden*/
#new_subscriber label, #comment-form label, .contact_form form label, body#sessions form label, .tabNavigation{
	display: none;
}

#page {
	width: 100%;
	padding: 30px 0 50px 0;
}

#wrapper, #footer-wrapper {
	width: 961px;
	margin: 0 0 0 25px;
}

#content-area {
	width:790px;
	margin:0 auto;
	float: right;
}

#supporting-content {
	float: left;
	width: 139px;
}

#footer {
	padding: 20px 0;
	clear:both;
}

#hero-holder { 
	width: 790px;
	margin-bottom: 18px;
	padding-bottom: 20px;
}

h1, h2 {
	margin: 0 0 15px 0;
}

#supporting-content h1, #logo-fun, #site-title {
	margin-bottom: 20px;
}

/* so:javascript logo */

#logo-fun {
	width: 142px;
	height: 142px;
}

#logo-fun li {
	background: #fff url('/images/icons/hole.gif') no-repeat;
	width: 13px;
	height: 13px;
	float: left;
	margin: 0  0 8px 8px;
	text-indent: -2000em;
	overflow: hidden;
}

#logo-fun li.last {
	margin-left: 0;
}

/* eo:javascript logo */

.footer-title {padding-bottom: 6px;}
#footer-info {float: left; width: 45%;}
#copy {float: right; width: 45%; text-align: right;}

/*Navigation*/
#main-nav {
	padding: 20px 0;
}

ul#main-nav li {
	margin-left: 0;
}

#projects-nav{ margin: 11px 0;}
#news-nav { margin-bottom: 11px;}

#main-nav li#projects-nav ul {
	margin: 0 0 0 10px;
}

#main-nav li#projects-nav ul li {
	margin: 11px 0 0 0;
}

#supplementary-content h2 {
	margin-bottom: 0px;
}

#supplementary-content .ugc {
	margin-top: 6px;
}

.post ul li, .post ol li {
	margin: 0 0 10px 15px;
}

.post ul li {
	list-style-type: disc;
}

.post ol li {
	list-style-type: decimal;
}

/*Home*/
.home-col {
	width: 250px;
	float: left;
}

.home-col h2 {
	margin-bottom: 6px;
}

#news.home-col {
	margin: 0 20px;
}

#recent-articles dt {
	padding-top: 8px;
}

#recent-articles dt:first-child {
	padding-top: 0;
}

#recent-articles dd {
		margin-bottom: 15px;
}


/*News*/

body#articles #main-content, body#contact #main-content, body#pages.show #main-content  {
	width: 520px;
	float: left;
}

body#articles #supplementary-content, body#contact #supplementary-content, body#pages.show #supplementary-content {
	width: 250px;
	float: right;
}
#articles-list dt{
	padding: 20px 20px 0 20px;
}



#articles-list dd a.news-image {
	float: left;
	padding: 0 20px 0 0;
}

#articles-list dd {
	margin: 0 0 10px 0;
	padding: 0 20px 20px 20px;
}

#articles-list dd p {
	margin: 0;
	padding: 0;
}

#articles-list dd p.post-meta, dl#related-news dd p.post-meta {
	margin-bottom: 0;
	padding: 5px 0 10px 0;
}

.archive, .categories, .article-list, .contact_details {
	margin: 6px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px;
}

.contact_details {
	margin: 0 0 10px 0;
}

.archive li ul {
	margin-left: 10px;
}

.post {
	padding: 20px;
	margin-bottom: 10px;
}

.post p img {
	float:left;
	padding:0 20px 20px 0;
	display: block;
}


.share-links {
	padding: 10px 0 0 0;
}

.post h1 {
	margin-bottom: 5px;
}

/*Releated News*/

dl#related-news {
	margin-top: 20px;
}

dl#related-news dd {
	margin-bottom: 10px;
	padding: 0 20px 20px 20px;
}

dl#related-news dt {
	padding: 20px 20px 0 20px;
}

dl#related-news dd p{

}

dl#related-news dd a.news-image{
	float: left;
	padding: 0 20px 0 0;
}







/*comments*/

div#comments {
	padding-top: 10px;
}

#comment-list li {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#comment-list li p{
	padding-bottom: 0px;
}

body#comments form {
	width: 518px;
}

p.no-comments  {
	padding-bottom: 10px;
}

#comments h2 {
	margin-bottom: 20px;
}

#comment-wrapper {
	height: 290px;
}

/*contact*/
.contact_form p, #comment-form p, #new_subscriber p, body#sessions form p {
	margin: 0 !important;
	padding: 0 !important;
}

.contact_details p {
	margin-bottom: 5px;
	padding-bottom: 0;
}

.contact_form {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px;
	height: 500px;
}

/*pagination*/
.pagination {
	margin-top: 40px;
	padding-top: 10px;
	text-align: center;
}

/*projects*/

#image-wrap {
	min-height: 422px;
}

body#projects.show #main-content {
	padding: 20px;
	margin-bottom: 15px;
}

body#projects.show #main-content h2 {
	color: #000;
}

.projects {
	margin-bottom: 20px;
}

#main-image {
	margin-bottom: 14px;
	text-align: center;
}

.projects .project {
  width: 250px;
	height: 185px;
  float: left;
	background: #3f3f3f;
	position: relative;
	overflow: hidden;
	margin: 0 20px 24px 0;
}

.projects .project.last {
	margin: 0 0 24px 0;
}

.projects .project p.image {
  text-align: center;
}

.info {
	background: #3F3F3F none repeat scroll 0 0;
	bottom: 0;
	height: 28px;
	left: 0;
	padding: 9px 10px 10px;
	position: absolute;
	text-align: left;
	width: 232px;
}

span.project-info {
	padding-top: 0px;
	margin-top: -2px;
	display: block;
}


.project-body {
	float: left;
	width: 405px;
}

.project-body h1 {
	margin-bottom: 8px;
}

.project-view {
	float: right;
	width: 280px;
}

#project-images li, #project-videos li {
	float: left;
	margin: 0 10px 6px 0;
}

#project-videos, #project-images, .project-view h2 {
	clear: both;
}

dl.project-info {
	margin-bottom: 20px;
}

dl.project-info dt {
	float: left;
}

dl.project-info dd {
	margin-left:67px;
	padding-left:10px;
	border-left: solid 1px;
}

dl.project-info dt, dl.project-info dd {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1em;
}

ul.docs li {
	padding-left: 20px;
}

.tabNavigation li {
	float: left;
	margin-bottom: 10px;
}

.tabNavigation li a{
	float: left;
}

li.project {
	text-align: center;
}

.list-projects {
	margin-top: 15px;
}

h3.r-news {
	padding-top: 20px;
}

.list-projects li{
	float: left;
	width: 250px;
	margin-right: 20px;
	position: relative;
	height: 185px;
}

.list-projects li a .info{
	width: 230px;
}


.list-projects li.last{
	margin-right: 0;
}

/*Users list*/
.users-list {
	margin-top: 10px;
}

.users-list li {
	float: left;
	width: 124px;
}

/*Users*/
body#users.show .team-photo {
	margin-bottom: 10px;
}

#fancy_ajax {
	overflow: hidden;
}

#fancy_ajax #page, #fancy_ajax #wrapper, #fancy_ajax #content-area {
	width: 100%;
	height: 430px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#fancy_ajax .team-photo {
	width: 194px; 
	float: left; 
	text-align: center;
	margin: 20px;
}

#fancy_ajax #main-content {
	width: 470px;
	padding: 0;
	margin: 0;
	float: right; 
	margin: 20px 0 0 0;
}

#fancy_ajax #main-content h1, #fancy_ajax #main-content h2 {
	margin-bottom: 10px;
}


.about {
	padding-top: 10px;
}

.user-feed, .flickr-photos {
	padding-top: 10px;
	width: 225px;
	float: left;
}

.flickr-photos {
	float: right;
}

.user-feed h2{
	margin-bottom: 8px;
}

.user-feed dl dd p{
	padding-bottom: 8px;
}

.flickr-photos li {
	float: left;
	padding: 5px 10px 0 0;
}

#fancy_ajax #main-content .flickr-photos h2 {
	margin-bottom: 0px;
}

body#pages.show #supplementary-content h2 {
	margin-bottom: 3px;
}

/*Errors*/

.fieldWithErrors {
	display: inline;
}

#errorExplanation {
	margin-bottom: 20px;
	}

div.notice, #errorExplanation h2, div.error {
	color: #fff;
	background: #0093D1;
	padding: 8px 0 8px 8px;
	font-weight: bold;
	margin-bottom: 10px;
}


#supplementary-content div.flash.notice, .home-col div.flash.notice  {
	width: 242px;
}

#errorExplanation ul li {
	margin-left: 20px;
	list-style-type: disc;
}


/* adblock tab hide */
.sIFR-replaced > div {
display: none !important;
}

.newsletter-form {
	height: 200px;
}


a#share-title, p.share-links {
	clear: both;
	float: left;
}


/* so:clearfix */

#page:after,
#footer:after,
.text_field:after,
.projects:after,
#main-content:after,
dl.project-info:after,
p.share-links:after,
.list-projects li a:after,
.list-projects:after,
#articles-list dd:after,
dl#related-news dd:after,
.post:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

/* eo:clearfix */