h2 {
	font-family: 'Nobile', Helvetica, Arial, sans-serif;
	color: #81B70B;
	font-size: 3em;
	margin-top: 20px;
	line-height:2em;
	}

h2.image {
	margin-top: 0;
	}

/*****************************************************/
/*************** BODY ELEMENTS ***********************/
/*****************************************************/

#narrow-column {
	margin-bottom: 15px;
	width: 314px;
	float: left;
	}

#narrow-column.secondary {
	margin-top: 20px;
	}

#wide-column {
	margin-bottom: 15px;
	width: 636px;
	float: left;
	}

#split-column, #split-column2 {
	margin-bottom: 15px;
	width: 475px;
	float: left;
	}

#full-column {
	margin-bottom: 15px;
	width: 965px;
	float: left;
	}

.secondary {
	margin-left: 15px;
	display: inline;
	}

.listpage-intro {
	overflow:hidden;zoom:1;
	margin: 10px 0 20px 0;
	}

.listpage-intro .start-new {
	float: right;
	margin-bottom: 10px;
	}

.listpage-intro p {
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 10px;
	font-size:1.4em;
	text-shadow:0 1px 2px #DDD;
	font-style:italic;
	margin-bottom:15px;
	}

.top-button {
	margin-top: 20px;
	}

p.browseto a {
	margin-top: 25px;
	float: right
	}

.listpage-intro p.browseto a {
	margin-top: 5px;
	float: right
	}

.listpage-intro .startdiscussion {
    font-style: normal;
    font-size:1.2em;
    clear:right;
    text-align:right;
    margin:0;
}

#wrapper a.external-link .external-link {
    background: url("../images/iconout.gif") no-repeat right center;
    width:12px;
	display:-moz-inline-box;
	display:inline-table;
	display:inline-block;
    }
#wrapper a.external-link:hover .external-link {
    background: url("../images/iconout-hover.gif") no-repeat right center;
	}

/*****************************************************/
/*************** STATUS BAR **************************/
/*****************************************************/

#statusbar {
	margin: 20px 0 15px 0;
	padding-bottom: 15px;
	clear: both;
	width: 965px;
	background: url('../images/statusbar/statusbar-bottom.png') bottom left no-repeat;
	}

#statusbar .frame-top {
	background: url('../images/statusbar/statusbar-top.png') top left no-repeat;
	overflow: hidden; zoom:1;
	min-height: 60px;
	}

#statusbar h2 {
	font-size: 1.6em;
	margin: 20px 20px 0 20px;
	display: inline;
	float: left;
	width: 595px;
	color: #333;
	}

#statusbar em {
	font-style: normal;
	color: #86a600;
	}

#statusbar .links {
	float: right;
	}

#statusbar .links a {
	float: left;
	height: 37px;
	width: 85px;
	position: relative;
	overflow: hidden;
	margin: 15px 25px 0 0;
	}

#statusbar .links a span {
	height: 37px;
	width: 85px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	cursor: pointer;
	}

#statusbar .links a:hover {border-bottom: none;}

/* each 'a' contains a span which displays the image, the hover image is loaded on the 'a' so it is pre-cached to avoid flickering on first rollover */

#statusbar a.add-contact span {background: url('../images/statusbar/status-addcontact.png') left top no-repeat;}
#statusbar a.add-contact, #statusbar a:hover.add-contact, #statusbar a:hover.add-contact span {background: url('../images/statusbar/status-addcontact2.png') left top no-repeat;}
#statusbar a.post-comment span {background: url('../images/statusbar/status-postcomment.png') left top no-repeat;}
#statusbar a.post-comment, #statusbar a:hover.post-comment, #statusbar a:hover.post-comment span {background: url('../images/statusbar/status-postcomment2.png') left top no-repeat;}
#statusbar a.this-cool span {background: url('../images/statusbar/status-thiscool.png') left top no-repeat;}
#statusbar a.this-cool, #statusbar a:hover.this-cool, #statusbar a:hover.this-cool span {background: url('../images/statusbar/status-thiscool2.png') left top no-repeat;}
#statusbar a.follow-this span {background: url('../images/statusbar/status-follow.png') left top no-repeat;}
#statusbar a.follow-this, #statusbar a:hover.follow-this, #statusbar a:hover.follow-this span {background: url('../images/statusbar/status-follow2.png') left top no-repeat;}
#statusbar a.follow-person span {background: url('../images/statusbar/status-followperson.png') left top no-repeat;}
#statusbar a.follow-person, #statusbar a:hover.follow-person, #statusbar a:hover.follow-person span {background: url('../images/statusbar/status-followperson2.png') left top no-repeat;}

#statusbar .links form {display:inline;}

#statusbar .links input, #statusbar .links img {
    float: left;
	margin: 15px 25px 0 0;
	}

#statusbar .links #sharethis_0 a span {
    text-indent: -200px;
    background-image: url();
    background: url('../images/statusbar/status-share.png') left top no-repeat;
	}

#statusbar .links #sharethis_0 a:hover span, #status_bar .links #sharethis_0 a {
    background: url('../images/statusbar/status-share2.png') left top no-repeat;
	}

#statusbar .stico_default {
    background: none !important;
	}


/*****************************************************/
/*************** BLOCK MODULES ***********************/
/*****************************************************/

#narrow-column .block {
	background: #FFF url(../images/block-narrow.png) top left repeat-y;
	width: 314px;
	margin-bottom: 15px;
	}

#wide-column .block {
	background: #FFF url(../images/block-wide.png) top left repeat-y;
	width: 636px;
	margin-bottom: 15px;
	}

.block {float: left;}

.corner1 {
	height: 38px;
	background: #eaeaea url(../images/corner1.png) no-repeat top left;
	width: 80%;
	float: left;
	overflow: hidden;
	}

.corner2 {
	height: 38px;
	background: #eaeaea url(../images/corner2.png) no-repeat top right;
	width: 20%;
	float: right;
	text-align: right;
	}

.corner3 {
	height: 6px;
	background: url(../images/corner3.png) no-repeat bottom right;
	width: 50%;
	float: right;
	}

.corner4 {
	height: 6px;
	background: url(../images/corner4.png) no-repeat bottom left;
	width: 50%;
	float: left;
	}

.block h3 {
	color: #633c12;
	text-transform: uppercase;
	font-size: 1em;
	height: 14px;
	}

#narrow-column .block .corner1 h3 {margin: 14px 0 0 10px;}
#wide-column .block .corner1 h3 {margin: 14px 0 0 20px;}

#wide-column .block .corner2 a img {margin: 13px 10px 0 0;}
#wide-column .block .corner2 a {border: none;}
#wide-column .block .corner2 a:hover {background: none;}

#narrow-column .block .contents {padding: 10px 10px 10px 10px; clear:both;}
#wide-column .block .contents {padding: 10px 20px; clear:both;}

.contents {overflow: auto;zoom:1;}


/*****************************************************/
/*************** PROFILE PAGES ***********************/
/*****************************************************/

#profile-image {
	margin: 0 0 15px 0;
	width: 314px;
	background: #FFF url('../images/image-frame-top.png') left top no-repeat;
	text-align: center;
	}

#profile-image img {
	margin: 10px 0 13px 0;
	}

#profile-image .frame-bottom {
	background: url('../images/image-frame-bottom.png') left bottom no-repeat;
	}

.profile-discussions li {
    border-top: 1px solid #ececd6;
    padding: 3px 0;
    }
.profile-discussions p {
	font-size:1.2em;
	margin:0 0 6px;
}

.profile-quickstats dl {
	border-bottom: 1px solid #ececd6;
	padding: 3px 0;
	}

.profile-quickstats dt {
	color: #777777;
	width: 105px;
	float: left;
	}

.profile-quickstats dd {
	overflow: hidden;
	width: 180px;
	}

.profile-contactperson dl {
	border-bottom: 1px solid #ececd6;
	padding: 3px 0;
	}

.profile-contactperson dt {
	color: #777777;
	width: 105px;
	float: left;
	}

.profile-contactperson dd {
	overflow: hidden; zoom:1;
	}

.profile-quickstats ul {
	overflow: hidden; zoom:1;
	}

.profile-quickstats li {
	float: left;
	}

.profile-quickstats li a {
	text-decoration: none;
	white-space: pre;
	}

.profile-quickstats h4,
.profile-leave-comment h4 {
	margin: 20px 0 0 0;
	color: #633c12;
	font-size: 1em;
	}

.profile-comments .comment {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ececd6;
	}

.profile-comments .my-comment {
	background: #ddf8fa;
	padding: 10px 0 10px 5px;
	border-bottom: 1px solid #ececd6;
	}

.comment p, .my-comment p {margin: 0;}

#wide-column .line-item {
	border-bottom: 1px solid #ececd6;
	width: 590px;
	padding: 5px 0;
	margin: 0;
	}

#narrow-column p.line-item {
	border-bottom: 1px solid #ececd6;
	width: 290px;
	padding: 5px 0;
	margin: 0;
	}

#wide-column .block .last,
#narrow-column .block .last {
	border-bottom: none;
	}

.project-name {
	height: 92px;
	}

#wrapper .profile-crdocs .contents,
#wrapper .project-updates .contents {padding: 5px 20px 10px 20px; clear:both;}

#wrapper .profile-crdocs h4 {
	margin-top: 10px;
	padding-left: 20px;
	}

#wrapper .project-updates h4 {
	margin-top: 10px;
	}

#wrapper .profile-crdocs h4 em,
#wrapper .project-updates h4 em {
	color: #666;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	}

#narrow-column .profile-crdocs h4 {
    font-size: 1.1em;
}

.profile-crdocs h4.docicon-ai {background: url('../images/doc-icons/ai.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-avi {background: url('../images/doc-icons/avi.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-bmp {background: url('../images/doc-icons/bmp.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-doc {background: url('../images/doc-icons/doc.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-eps {background: url('../images/doc-icons/eps.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-gif {background: url('../images/doc-icons/gif.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-jpe,
.profile-crdocs h4.docicon-jpeg,
.profile-crdocs h4.docicon-jpg {background: url('../images/doc-icons/jpg.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-pdf {background: url('../images/doc-icons/pdf.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-png {background: url('../images/doc-icons/png.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-psd {background: url('../images/doc-icons/psd.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-txt {background: url('../images/doc-icons/txt.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-web {background: url('../images/doc-icons/web.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-wmv {background: url('../images/doc-icons/wmv.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-xar {background: url('../images/doc-icons/xar.gif') left 1px no-repeat;}
.profile-crdocs h4.docicon-zip {background: url('../images/doc-icons/zip.gif') left 1px no-repeat;}


span.caption {
	width: 135px;
	overflow: hidden;
	height: 10px;
	white-space: nowrap;
	}

/*****************************************************/
/*************** IMAGE MATRIXS ***********************/
/*****************************************************/

#wide-column .matrix .contents {padding: 0 10px 20px 2px; clear:both;}
#narrow-column .matrix .contents {padding: 5px 15px 15px 22px; clear:both;}

#narrow-column .matrix .contents a {white-space: pre;}

.matrix .x2 {
	width: 282px;
	height: 92px;
	padding: 20px 13px 0 15px;
	float: left;
	display: inline;
	overflow: hidden;
	}

.matrix .x2 img {
	border: 1px solid #d6d6d6;
	margin: 0 5px 0 0;
	height: 90px;
	width: 135px;
	float: left;
	}

.matrix .x3 {
	width: 80px;
	padding: 10px 0 0 0;
	margin-right: 12px;
	float: left;
	display: inline;
	overflow: hidden;
	}

.matrix .x3 img {
	border: 1px solid #d6d6d6;
	margin: 0;
	height: 50px;
	width: 75px;
	/*float: left;   float was causing safari problems try: */ display: block;
	}

.matrix .x4 {
	width: 137px;
	height: 110px;
	padding: 20px 0 0 15px;
	float: left;
	display: inline;
	overflow: hidden;
	}

.matrix .x4 img {
	border: 1px solid #d6d6d6;
	margin: 0;
	height: 90px;
	width: 135px;
	float: left;
	}

.matrix .x4 a {
	width: 135px;
	border-bottom: 1px solid;
	}

.matrix .x4 .image {
	border: 1px solid #d6d6d6;
	margin: 0;
	height: 90px;
	width: 135px;
	float: left;
	}

.matrix .x4 .image img {
	height: auto;
	width: auto;
	display: block;
	margin: 0px auto;
	float: none;
	border: 0;
	}

/*****************************************************/
/*************** SORTING & FILTERING *****************/
/*****************************************************/

#filternav {
	width: 100%;
	overflow: hidden; zoom:1;
	background: url('../images/dashnav-line.png') bottom left repeat-x;
	margin: 0;
	}

#filternav li {
	float: left;
	margin: 0;
	margin-right: 3px;
	}

#filternav a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: none;
	text-align: center;
	line-height: 27px;
	overflow: hidden;
	}

#filternav a:hover {border-bottom: none;}

#filtertab-all-articles a, #filtertab-all-articles span {width: 100px; height: 27px; background: url('../images/tabs/filtertab-all-articles.png');}
#filtertab-all-topics a, #filtertab-all-topics span {width: 87px; height: 27px; background: url('../images/tabs/filtertab-all-topics.png');}
#filtertab-all-questions a, #filtertab-all-questions span {width: 111px; height: 27px; background: url('../images/tabs/filtertab-all-questions.png');}
#filtertab-all-actions a, #filtertab-all-actions span {width: 96px; height: 27px; background: url('../images/tabs/filtertab-all-actions.png');}
#filtertab-all-projects a, #filtertab-all-projects span {width: 103px; height: 27px; background: url('../images/tabs/filtertab-all-projects.png');}
#filtertab-all-organizations a, #filtertab-all-organizations span {width: 46px; height: 27px; background: url('../images/tabs/filtertab-all.png');}
#filtertab-business-technology a, #filtertab-business-technology span {width: 167px; height: 27px; background: url('../images/tabs/filtertab-business-technology.png');}
#filtertab-culture-society a, #filtertab-culture-society span {width: 135px; height: 27px; background: url('../images/tabs/filtertab-culture-society.png');}
#filtertab-energy a, #filtertab-energy span {width: 70px; height: 27px; background: url('../images/tabs/filtertab-energy.png');}
#filtertab-environment  a, #filtertab-environment span {width: 107px; height: 27px; background: url('../images/tabs/filtertab-environment.png');}


#filternav span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	cursor: pointer;
	}

#filternav a span {
	background-position: left top;
	}

#filternav a:hover span {
	background-position: left center;
	}

#filternav li.selected span {
	background-position: left bottom;
	}

#filterbody {
	overflow:hidden;zoom:1;
	background: #FFF;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	}

#filterbody p {
	display: block;
	font-size: 1.2em;
	padding-left: 20px;
	margin: 10px 0 0 0;
	color: #777;
	display: inline-block;
	width: 614px;
	}

#filterbody p.search {
	font-size:1em;
}
#filterbody p.search label {
	margin-top: 0.2em;
}
#filterbody p.search a {
	margin-left:1em;
}

#categories {
	overflow:hidden;zoom:1;
	font-size: 1.1em;
	padding-top: 15px;
	}

#categories strong {
	display: none;
	}

.cat-list {
	width: 187px;
	float: left;
	margin: 0 9px;
	display: inline-block;
	}

.cat-list li {
	margin: 0 0 5px 0;
	}

#categories .cat-list a,
#categories .cat-list .empty,
#categories li.selected span {
	padding: 2px 10px;
	width: 167px;
	border-bottom: 1px solid #DDD;
	display: block;
	}

#categories li.selected a,
#categories li.selected span {
	font-weight: bold;
	background: #e1f4ff;
	border-bottom: 1px solid #8dd2e3;
	}

.sortbar {
	overflow:hidden;zoom:1;
	margin: 20px 0  0;
	background: #ebf8ff url('../images/sortbar-bg.png') top left repeat-x;
	padding: 10px;
	border-top: 1px solid #cbd9da;
	border-left: 1px solid #cbd9da;
	border-right: 1px solid #cbd9da;
	}

.sortbar form {
    float:left;
	}

.sortbar h3, #sortbar2 h3 {
	color: #633C12;
	font-size: 1.0em;
	text-transform: uppercase;
	padding-left: 22px;
	float: left;
	font-weight: bold;
	}

.sortbar h3.articles {background: url('../images/silk/article.png') top left no-repeat;}
.sortbar h3.topics {background: url('../images/silk/topic.png') top left no-repeat;}
.sortbar h3.questions {background: url('../images/silk/question.png') top left no-repeat;}
.sortbar h3.actions {background: url('../images/silk/action.png') top left no-repeat;}
.sortbar h3.projects {background: url('../images/silk/project.png') top left no-repeat;}
.sortbar h3.organizations {background: url('../images/silk/building.png') top left no-repeat;}

.sortbar ul {
    float: right;
    font-size: 1.0em;
    margin-left: 25px;
	}

.sortbar li {
	float: left;
	padding: 0;
	}

.sortbar li a {
	border-bottom: none;
	margin-left: 10px;

	}

.sortbar li a:hover {
	background: #FFF;
	}

.sortbar strong {
    font-weight: bold;
 	margin-left: 10px;
	}

/*****************************************************/
/*************** LISTS & ITEMS ***********************/
/*****************************************************/

#list, #list2 {
	overflow:hidden; zoom:1;
	border-top: 1px solid #cbd9da;
	border-left: 1px solid #cbd9da;
	border-right: 1px solid #cbd9da;
	margin-bottom: 20px;
	background:#fff;
	}

.list-item {
	border-bottom: 1px solid #cbd9da;
	background-color: #FFF;
	overflow: hidden; zoom:1;
	}

.list-item h4 {font-size: 1.4em;}

.list-item h4 span {
	font-size:.8em;
	color:#888;
	white-space:nowrap;
}

.sponsor-logo {
	float: right;
	}

.img135 .item-body {margin-left: 165px;}
.img135 .item-avatar {width: 135px;}

.img90 .item-body {margin-left: 120px;}
.img90 .item-avatar {width: 90px;}

.alt {background-color: #ebf8ff; border-top: 1px solid #FFF;}

.item-body {
	margin: 15px;
	}

.item-avatar {
	float: left;
	margin: 15px 1px 15px 15px;
	display: inline;
	border: 1px solid #D6D6D6;
	}

.response-item .item-avatar {
	background: #FFF;
	}

.hook img {border: 1px solid #d6d6d6;}

.item-avatar img {
	margin: 0px auto;
	display: block;
	}

.item-body .contribute {float: right; margin-bottom: 10px;}

.item-body .upsell {
    font-size:1.2em;
    font-weight:bold;
    font-style: italic;
    margin-bottom:.5em;
}

.list-item p {margin: 0;}

p.byline {
	color: #777;
	border-top: 1px solid #CCC;
	padding-top: 5px;
	font-style: italic;
	width: 100%;
	}

p.tagline {
	color: #777;
	font-style: italic;
	}

p.byline a, p.tagline a { font-style: italic;}

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

.complete-action {
	margin-top: -15px;
	padding-bottom: 15px
	}

.complete-action img,
.complete-action input {
	margin: 0px auto 20px auto;
	display: block;
	}


#main-item {
	overflow:hidden; zoom:1;
	}

#main-item.article table img {
	float:none;
}
#main-item.article .right {
	margin:0 0 .5em 1em;
}
#main-item.article .left {
	margin:0 1em .5em 0;
}

#main-item.article ul, #main-item.article ol {margin: 15px  0 0 20px;}
#main-item.article ul li {margin: 5px 0; list-style: disc;}
#main-item.article ol li {margin: 5px 0; list-style: decimal;}
#main-item.article blockquote {margin:2em;}

/* change the width of article item so the ads fit */
#main-item.article .item-avatar {
	margin:15px 0;
}
#main-item.article .item-body {
    margin-left:175px;
    margin-right:5px;
}
#main-item.article .item-avatar .ad {
	margin-top: 2em;
}
.hook .ad {
	margin-left:6px;
}
body #wrapper .ad img {
    border:none;
}

#responses {overflow:hidden; zoom:1; margin-top: 20px;}

#responses h3 {}

.response-item {
	overflow:hidden; zoom:1;
	border-bottom: 1px solid #cbd9da;
	padding: 10px 0;
	}

.response-item .rate-comment {
	border-top:1px solid #CCCCCC;
	padding-top:5px;
	width:100%;
	}

.response-item .item-avatar, .main-item .item-avatar, #main-item .item-avatar, #list .item-avatar {border: none; background:transparent}
.response-item .item-avatar img, .main-item .item-avatar img, #main-item .item-avatar img, #list .item-avatar img {border: 1px solid #D6D6D6;}

.response-item .rate-comment p {
	float: left;
	color:#cca01b;
	font-style:italic;
	background: url('../images/silk/bullet_star.png') 0 1px no-repeat;
	padding-left: 16px;
	}

.response-item .rate-comment input {
	float: right;
	margin-top: 3px;
	}

/*****************************************************/
/*************** PAGINATION **************************/
/*****************************************************/

#pagination {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden; zoom:1;
	}

#pagination li{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#pagination li {
	float: left;
	margin: 3px;
	border: 1px solid #CCC;
	}

#pagination .previous-off,
#pagination .next-off {}

#pagination .next a,
#pagination .previous a {
	font-weight: bold;
	}

#pagination .active{
	font-weight: bold;
	}

#pagination a:link,
#pagination a:visited {}

#pagination a:hover{}


/*****************************************************/
/*************** HOOKS *******************************/
/*****************************************************/

.hook {
	background: #f0faff url('../images/hook-body.png') top left repeat-y;
	width: 312px;
	padding: 0;
	margin: 0 0 15px 0;
	display: inline-block;
	overflow: hidden; zoom:1;
	float: right;
	}

.hooktop {background: url('../images/hook-top.png') top left no-repeat; padding-top: 5px;}
.hookbase {background: url('../images/hook-base.png') bottom left no-repeat; height: 2px; padding-bottom: 10px; clear:both;}

.hook-orgs .element-avatar {
	float:left;
	text-align:center;
	margin:0;
    height:56px;
}
.hook-orgs .element-avatar a {
	float:none;
	display:block;
}
.hook-orgs .element-avatar a img {
	display:block;
	margin:0 auto;
}
#narrow-column .hook-orgs .contents {
	padding:7px 3px 0 7px;
}

.element{
	margin: 10px;
	overflow: hidden; zoom:1;
	padding: 0 10px;
	}

.multi-element {
	margin: 20px 0;
	overflow: hidden; zoom:1;
	padding: 0 10px;
	}

.hook h4 {
	margin: 0 5px 10px 10px;
	color:#633C12;
	padding: 10px 0 0 0;
	}

.hook h4.hook-action {background: url('../images/silk/action.png') 0 70% no-repeat; padding: 10px 0 0 20px;}
.hook h4.hook-project {background: url('../images/silk/project.png') 0 12px no-repeat; padding: 10px 0 0 20px;}
.hook h4.hook-question {background: url('../images/silk/question.png') 0 77% no-repeat; padding: 10px 0 0 20px;}

.hook h5 {margin-bottom: 0;}
.hook p {margin-bottom: 0;}

.element-body {
	float: left;
	overflow: hidden; zoom:1;
	width: 210px;
	}

.element-avatar {
	float: left;
	margin: 0 5px 0 0;
	width: 75px;
	}

.element-avatar a {float: left;}

.element-sponsor {
	float: right;
	width: 60px;
	}

.hook .elementp {
	overflow: hidden; zoom:1;
	}

.hook .solo {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 20px;
	text-align: center;
	}

.hook span.tagline {
	float: left;
	font-style: italic;
	clear: both;
	}

.hook span.tagline a {font-style: italic;}  /*for: can you answer this question*/

#narrow-column .hook a {
	text-decoration: none;
	color: #0e8ab6;
	border-bottom: 1px solid #eff5f6;
	}

#narrow-column .hook a:hover {
	text-decoration: none;
	color: #06678a;
	background: #FFF;
	border-bottom: 1px solid #94d9f1;
	}

.hook ol li {
	margin: 5px 0;
	}

#narrow-column .hook a.more {
	float: right;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-style: italic;
	}


#narrow-column .article-summary {
	width: 312px;
	float: right;
	margin-bottom: 15px;
	padding: 10px 0 0 0;
	background: #FFF;
	border: 1px solid #DDD;
	}

#narrow-column .article-summary p {
	margin: 0;
	padding: 0 15px;
	clear: both;
	}

#narrow-column .article-summary ul {
	padding: 0 15px;
	margin-bottom: 10px;
	overflow: hidden; zoom:1;
	}

#narrow-column .article-summary ul li {
	float: left;
	margin-right: 5px;
	}

#narrow-column .shareicons {
	margin-top: 15px;
	margin-bottom: 0;
	}

#narrow-column .shareicons a:hover {
	background-color: #FFF;
	border-bottom: none;
	}

#narrow-column .shareicons img {
	margin: 0 15px 0 0;
	}

.hook-org {
    width: 272px;
    background: #ebf8ff;
    border: 1px solid #d9e2e7;
    padding: 25px 15px 30px 25px;
    display: inline-block;
    }

.hook-org ul {
    padding-bottom: 25px;
    }

.hook-org ul li {
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 15px;
    background: url('../images/silk/tick.png') left 4px no-repeat;
    padding-left: 22px;
    }

.hook-org h3 {
    margin-bottom: 25px;
    }

.hook-explain-project {
    font-size: 1.2em;
    width: 270px;
    background: #ebf8ff;
    border: 1px solid #b5e4f5;
    padding: 25px 15px 5px 25px;
    margin-bottom:20px;
    float:right;
    display: inline-block;
    }

.hook-explain-project ul li {
    font-style: italic;
    margin-bottom: 15px;
    background: url('../images/silk/tick.png') left 4px no-repeat;
    padding-left: 22px;
    }

.hook-explain-project h3 {
    margin-bottom: 25px;
    color: #633c12;
    }

/*****************************************************/
/*************** HOMEPAGE SPECIFIC *******************/
/*****************************************************/


#home .catchline {
	text-align: center;
	padding: 10px 0 20px;
	clear: both;
	margin: 0;
	}

#homeleft {
	float: left;
	width: 545px;
	margin-right: 20px;
	}

#boxdo {
	background: #FFF;
	margin-bottom: 30px;
	border: 1px solid #cee573;
	overflow: hidden; zoom:1;
	clear:both;
	}

#boxdo .doingnow {
	margin-top: 10px;
	margin-bottom: 25px;
	}

#homeleft .hometitle {
	width: 160px;
	float: left;
	}

#homeleft .hometitle img {
	margin: 35px auto;
	display: block;
	padding: 0;
	}

#boxdo .homecontents {
	margin-left: 120px;
	margin-top: 15px;
	}

#boxdo .dofeed {
	clear: both;
	}

#boxdo .dofeed .feeditem {
	float: left;
	margin-left: 48px;
	width: 135px;
	display: inline;
	}

#homeright {
	float: left;
	width: 400px;
	margin: 0 0 10px;
	}

#homeright .block {
	background: #FFF url(../images/block-home.png) top left repeat-y;
	width: 400px;
	margin-bottom: 15px;
	}

#homeright .block .corner1 h3 {margin: 14px 0 0 10px;}

#home #wrapper #homeright .block .corner2 a img {margin: 13px 10px 0 0;}
#home #wrapper #homeright .block .corner2 a {border-bottom: none;}
#home #wrapper #homeright .block .corner2 a:hover {background: none; border-bottom: none;}

#homeright .block .contents {padding: 10px 10px 10px 10px; clear:both; overflow: auto;zoom:1;}

#homeright .featured-logos {width: 172px; float: left;}

#homeright .logo {
	margin-bottom: 10px;
	background: #FFF;
	}

#homeright .featured-body {
	margin-left: 180px;
	}

#home .actionbox {
    overflow: hidden; zoom:1;
    margin-bottom: 15px;
    }

#home .boxarrow {
    background: url('../images/home-arrowbox.png') left top no-repeat;
    height: 120px;
    width: 312px;
    float: left;
    padding-top: 15px;
    }

#home .boxarrow div {
    margin: 0 0 2px 25px;
    font-size: 120%;
    }

#home .boxsignup {
    ktext-align: center;
    margin-left:340px;
    }

#home #wrapper .boxsignup a.button, #home #wrapper .boxsignup a.button:hover {
    margin-top: 41px;
    display:block;
	background:none;
	border:0;
}
#home #wrapper .boxsignup a.button:hover {
	opacity:.85;
	filter: alpha(opacity=85);
}

#home .boxsignup p{
    font-size: 90%;
    margin-top: 5px;
    }

#homeright .dailyquote {
    background: url('../images/quotebox-top.png') top left no-repeat;
    width: 400px;
    float:left;
    margin-bottom:15px
}

#homeright .dailyquote blockquote {
    background: url('../images/quotebox-bottom.png') bottom left no-repeat;
    padding: 10px;
    }

#homeright .dailyquote p {
    background: #F8F8F7;
    text-align:right;
    margin-bottom:0;
}
#homeright .dailyquote blockquote p {
	background:none;
	text-align:left;
    margin-bottom:15px;
    margin-left:20px;
}

#home-newsfeed {
    margin-bottom: 30px;
    padding: 20px 30px 10px 30px;
    background: #FFF;
    border: 1px solid #CEE573;
    }

#home-newsfeed h3 {
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
    }

.home-newsitem {
    border-bottom: 1px solid #eee;
    margin-bottom:10px;
    padding-bottom:10px;
    overflow:hidden; zoom:1;
    }

.home-newsitem .avatar {
    float:left;
    clear:left;
    width:90px;
}

.home-newsitem .content h4 {
	margin:0;
	padding:0;
}

.home-newsitem .content {
	margin-left: 100px;
}
.home-newsitem .read-more {
	font-style:italic;
}

#widecolumn a.feed-link:hover {
    background:none;
}