/* Social Signal Master stylesheet
------------------------------------------------------------------*/	
/* @group resetting - general */

/*
can't set all of these since we need them for admin pages and drupal default styles...
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}*/
html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin:0;
	padding:0;
}
html {
	background:#ff5b00 url(graphics/bg-body.gif) repeat-x;
}
/* sorry, can't set this globally since drupal needs it for admin pages and blocks
ul,li {
	list-style-type:none;
	}
	*/
body {
	font:75%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#5a5955;
}
img {
	border:none;
	}	

/* @end */

/* @group misc - needs attention - where is #skip used? */
#skip {
	display:none;
}
.structural {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height: 1px;
	width: 1px;
	}
.clear {
	clear:both;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.noborder {border:none;}
.right {float:right;}
.left {float:left;}	
.centered {text-align:center;}
/* @end */

/* @group layout */

#wrapper {
	margin:0 auto;
	width:984px;
	position:relative;
	}	
#header {
	position:relative;
	height:209px;
	background:url(graphics/bg-header.jpg) no-repeat right top;
	}	
#logo {
        position:absolute;
        top:0px;
        left:31px;
        }
/* changed this to not use an image */
#tagline {
	position:absolute;
	/*text-indent:-9999px;*/
	display:block;
	/*width:265px;
	height:33px;
	top:111px;
	left:242px;*/
	top:118px;
	left:248px;
	color: #fff;
	font-size:1.4em;
	/*background:url(graphics/tagline.png) no-repeat;*/
	}
#featured-proj {
	position:absolute;
	top:55px;
	left:703px;
	z-index:1;
	display:block;
	width:189px;
	height:209px;
	padding:40px 30px 0 35px;
	background:url(graphics/bg-featured.png) no-repeat;
	}
/* was #intro in Veerles master.css */
.positioning-statement {
	position:absolute;
	top:316px;
	left:719px;
	width:235px;
	}				
#content-wrapper {
	width:968px;
	padding-left:15px;
	background:url(graphics/bg-content-wrapper.png) no-repeat;
	}		
#content {
	background:#f2f5ed;
	width:969px;
	min-height:600px;
	}	
#content-main {
	width:676px;
	float:left;
	margin-right:18px;
	}
/*#blogpage #content-main {
	margin-right:0;
	}*/
		
/* was #article in blog.css 
#inner-wrapper {
	margin:0 0 0 25px;
	padding:0;
	}*/
.default #inner-wrapper {
	margin:0 0 0 25px;
	padding:0 15px 50px 0;
	}
.blogpage #inner-wrapper {
        margin:0 0 0 25px;
        }
/* Exempt select images from img attributes */

#content #content-main div.zemanta-pixie img.zemanta-pixie-img, #content #content-main img.plain-image {
	border:none;
	float:inherit;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* was #content-alt in Veerle's master.css */
#rightblocks {
	width:275px;
	float:left;
	padding-top:50px;
	}
/* change from Veerle's css, but works */
.homepage #rightblocks {
	padding-top:110px;
	}
#footer-wrapper {
	width:970px;
	padding-left:15px;
	background:url(graphics/bg-footer-wrapper.png) no-repeat left bottom;
	}		
#footer-area {
	clear:both;
	width:944px;
	padding:75px 0 0 25px;
	background:#ffc200 url(graphics/bg-footer-area.gif) repeat-x;
	}
#footer {
	width:919px;
	min-height:40px;
	margin-bottom:25px;
	padding:30px 25px 40px 25px;
	background:#ffc200 url(graphics/bg-footer.gif) no-repeat left bottom;
	}	
/*	
.page-admin #inner-content {
	border-left:1px solid #d8dfd2;
	padding:0 0 5px 19px;
	}
*/
	
/* @end */

/* @group tabbed nav */

#nav {
	position:absolute;
	top:179px;
	left:40px;
	width:700px;
	}
#nav ul {
        margin:0;
	padding:0;
	}
#nav ul, #nav li {
	list-style-type:none;
	}
#nav ul li {
	float:left;
	margin:0;
	background:url(graphics/navtab.png) no-repeat right top;
	}
#nav ul li a {
	display:block;
	padding:6px 20px 6px 0;
	font:bold 15px/18px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#be3f0d;
	text-shadow:#ffb865 0px 1px 0px;
	}
#nav ul li a:hover {
	text-decoration: underline;
	}
#nav ul li.first a {
	padding:6px 20px 6px 10px;
	background:url(graphics/navtab_first.gif) no-repeat;
	}
#nav ul li.last {
	background:url(graphics/navtab_last.png) no-repeat right top;
	}
#nav ul li.last a {
	padding:6px 20px 6px 0;
	}
#nav ul li#firstcurrent {
	background:#f2f5ed url(graphics/navtab_current.gif) no-repeat right top;
	} 
#nav ul li#firstcurrent a {
	background:url(graphics/navtab_current_first.gif) no-repeat;
	text-shadow:none;
	color:#bc1035;
	padding-right:20px;
	}
#nav ul li#current {
	margin-left:-20px;
	background:#f2f5ed url(graphics/navtab_current.gif) no-repeat right top;
	}
#nav ul li#current a {
	padding:6px 20px 6px 20px;
	background:url(graphics/navtab_current_left.gif) no-repeat;
	color:#bc1035;
	text-shadow:none;
	}
#nav ul li#lastcurrent {
	margin-left:-20px;
	background:url(graphics/navtab_current_last.gif) no-repeat right top;
	}
#nav ul li#lastcurrent a {
	padding:6px 0px 6px 20px;
	margin-right: 20px;
	background: #f2f5ed url(graphics/navtab_current_left.gif) no-repeat;
	color:#bc1035;
	text-shadow:none;
	}
#nav ul li a:hover {
	color:#a50024;
	text-decoration:none;
	}

/* @group crumbtrail */
#crumb ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
#crumb li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
#crumb {
	padding:17px 270px 20px 24px;
	}
.sosipage #crumb {
        padding-bottom: 0;
        }
#crumb li {
	display:block;
	float:left;
	height:25px;
	line-height:24px;
	padding:0 15px 0 0;
	background:url(graphics/crumb-right.gif) no-repeat right top;
	}
#crumb li a {
	padding:0;
	}	
#crumb li.end {
	background:url(graphics/crumb-right-end.gif) no-repeat right top;
	}	
#crumb li a {
	display:block;
	padding:0 0 0 0;
	margin-left:6px;
	}	
#crumb li.end a {
	margin-left:6px;
	}	
#crumb li.here {
	background:none;
	color:#a1a58a;
	font-weight:bold;
	margin-left:6px;
	}			
#crumb li.start a {
	padding:0 0 0 8px;
	margin-left:0px;
	/*background:url(graphics/crumb-left.gif) no-repeat;*/
	border-left:1px solid #ccd2c3;
	}		
#crumb li a:link,
#crumb li a:visited {
	color:#a1a58a;
	}		
#crumb li a:hover,
#crumb li a:focus {
	color:#dd2c0d;
	}		
	
/* @end */

/* @end */

/* @group headings */

h1, h2, h3, h4, h5 {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
#content h2 {
	/*width:220px;*/
	height:52px;
	position:relative;
	}
	/* blog titles - was #article titles in blog.css */
.default #inner-content h2 {
        position: static;
	color:#fd8701;
	font-size:2.5em;
	height:auto;
	border-left:1px solid #fd8701;
	padding:5px 0 5px 18px;
	margin-bottom:0;
	width: 100%;
	line-height: 100%; /*needed for spacing when the h2 is two lines*/
	}
/* styling for pages where title doesn't have left border */ 
/* also position: static needed for panels add content plus icon to work properly */
.page-admin #inner-content h2,
.page-taxonomy #inner-content h2,
.page-view #inner-content h2,
.page-node-edit #inner-content h2,
.page-blog #inner-content h2,
.page-comment #inner-content h2,
.page-image #inner-content h2 {
        width: auto;
        position: static;
        border-left: none;
        padding: 0 0 15px 0;
        text-transform: capitalize;
        }

#inner-content .homepage_featured_posts-block h2,
#content h2 span {
	display:block;
	text-indent:-9999px
	} 
.homepage_featured_posts-block h2,
.sosipage #content #sosi h2,
.sosipage #content #sosi h2 a span,
#rightblocks #sosi h2,
#rightblocks #sosi h2 a span,
.homepage #content #sosi h2,
.homepage #content #sosi h2 a span,
.homepage #content .Latest_Blog_Posts-block_1 h2,
.homepage #content .Latest_Blog_Posts-block_1 h2 a span,
#content h2 a span.latest {
	display:block;
	text-indent:-9999px
	}

#content h2 img {
	border:0;
	float:left;
	}
.page-admin #content h2 img {
	border:0;
	float:none;
	}
.default .node-body h3,
.profile h3 {
	font-size:1.6em;
	padding-top:.7em;
	margin:0 0 .8em 0;
	color:#858e7c;
	}	
.default .node-body h4 {
	font-size:1.3em;
	padding-top:.7em;
	margin:0 0 .4em 0;
	color:#fd8701;
	}	
.default .node-body h5 {
	font-size:1.1em;
	padding:.7em 0 .2em 15px;
	margin:0 0 .4em 0;
	color:#f6ae37;
	border-bottom:1px solid #dee6d8;
	background:url(graphics/star-yellow.gif) no-repeat 0 60%;
	}					
		

/* @end */

/* @group text */

.default #content-main p {
	margin-bottom:1.5em;
	}
.default #content-main .node-body em {
/*	background-color:#fafece;
	padding:2px 1px; */
	}

/* @end */

/* @group text links */

#content a:link,
#content a:visited {
	color:#dd2c0d;
	text-decoration:none;
	}
.default #content-main a:link,
.default #content-main a:visited {
	text-decoration:underline;
	}
#content a:hover,
#content a:focus {
	color:#f53122;
	text-decoration:underline;
	}


/* @end */

/* @group lists */

.default #content-main .node-body ul,
.profile ul {
        margin: 0 0 1.5em 0;
	padding: 0;
	border-top:1px solid #dee6d8;
	}
.default #content-main .node-body ul li,
.profile ul li {
        margin: 0;
	padding:.3em 0 .3em 10px;
	border-bottom:1px solid #dee6d8;
	background:url(graphics/bullet-arrow-orange2.gif) no-repeat 0 8px;
	list-style-type: none;
	}
.default #content-main .node-body ul li {
	margin-bottom: 1em;
	margin-top: 1em;
}
.default #content-main .node-body ul ul,
.default #content-main .node-body ul ol,
.default #content-main .node-body ol ul,
.profile ul ul,
.profile ul ol,
.profile ol ul {
	margin-bottom:0;
	border-top:none;
	}
.default #content-main .node-body li li,
.profile li li {
	border:none;
	padding: 0 0 0 10px;
	}
.default #content-main .node-body li li {
	margin-top: 1em;
	margin-bottom: 1em;
}

ol li {
        margin-bottom: 10px;
        }

/* @group images */

h2 img {
	border:none;
	}

#content img {
        display: block;
	border:4px solid #e3eade;
	}
.page-admin #content img {
	border:none;
	}
.default #content .node-body img {
	margin:12px 25px 15px 0;
	float:left;
	}
.default #content .node-body img.fixright, img.fixright {
	float:right;
	}
.profile img {
	margin: 12px 25px 15px 0;
	}
.node .content img {
	margin:12px 25px 15px 0;
	float:left;
	}
.page-team .node .content img {
        margin-top: 5px;
        }
.cartoon-page .content img {
        margin: 0px 25px 15px 0;
        float: none;
        display: block;
        }
#content .profile .profile_vCard img {
        display: none;
        }
#podcast img, #noise-to-s img {
	border:none;
	margin:10px auto;
	float:none;
	}
#noise-to-s img {
	margin-top: 0;
	}
#rightblocks .notes-tape img {
	float:left;
	margin:0 10px 0 0;
	background:#fff;
	padding:1px;
	border:4px solid #c4eb65;
	}
.views-field-picture img {
        margin:12px 25px 15px 0;
	float:left;
	}

/* @end */

/* @group forms and blockquote */
/* txt is form-text 
.txt {
	color:#999;
	padding:4px 4px 4px 5px;
	border:0;
	background:url(graphics/bg-field.gif) no-repeat;
	} */
blockquote {
	border-left:4px solid #dee6d8;
	}
blockquote p {
	margin:0 0 1em 12px;
	font:italic 1.1em Georgia, "Times New Roman", Times, serif;
	color:#858e7c;
	}
.default #content-main .default blockquote ul, 
.default .node-body blockquote ol, 
.default.node-body blockquote h3, 
.default .node-body blockquote h4, 
.default .node-body blockquote h5 {
        margin-left: 12px;
        font:italic 1.1em Georgia, "Times New Roman", Times, serif;
	color:#858e7c;
	}
        	
blockquote p.by {
	font-style:normal;
	font:normal .9em "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#a1ab96;
	}
/* why was this added 
fieldset {
	border:1px solid #d8dfd2;
	}	*/
	
/* limit width of book parent select when editing */
select#edit-taxonomy-7,
select#edit-field-dss-include-nid-nid  {
  width: 95%;
}

/* messages and help */

.messages {
	border: 1px solid #d8dfd2;
	padding: 10px;
	margin: 10px 20px 10px 0;
	background: #fff;
	} 
.homepage .messages {
        margin: 20px 20px 0 25px;
        }	   
.messages .error {
        border: 1px solid #d8dfd2;
	padding: 10px;
	margin: 10px 20px 10px 0;
}
  
		
/* @end */

/* @group footer */

#footer-area, #footer {
	color:#664800;
	margin-top:0px;
	}
#footer {
	color:#8c6600;
	}	
#footer-area h2 {
	color:#fff5d6;
	font-size:2em;
	margin-bottom:.7em;
	text-transform:uppercase;
	text-shadow:#d9a500 0px 1px 0px;
	padding-left:15px;
	}
#footer-area .newsletter h2 {
	padding-left:0;
	margin-bottom:15px;
	}	
/*#footer-area h2 a {
	display:block;
	background:url(graphics/arrow-yellow.png) no-repeat;
	}*/
#blognav h2 a {
	background-position:3em .15em;
	}
#sosinav h2 a {
	background-position:5.3em .15em;
	}	
#servnav h2 a {
	background-position:4.7em .15em;
	}
#aboutnav h2 a {
	background-position:3.5em .15em;
	}				
#footer-area h2 a:link,
#footer-area h2 a:visited {
	color:#fff5d6;
	text-decoration:none;
	}
#footer-area h2 a:hover,
#footer-area h2 a:focus,
#footer-area h2 a.active,
#footer-area h2 a:hover span,
#footer-area h2 a.active span  {
	color:#dd2c0d;
	text-shadow:none;
	}
#footer-area h2 span {
	font-weight:normal;
	text-transform:none;
	font-size:.6em;
	color:#fff;
	text-shadow:none;
	display:block;
	}			
#cc {
	width:450px;
	float:left;
	}
#cc img {
	float:left;
	margin-right:15px;
	}	
#adr {
	width:400px;
	float:right;
	padding-right:42px;	 
	}	
#adr p {
	text-align:right;
	}

/* @group sitemap nav */

.navitem {
	float:left;
	width:211px;
	padding:0 10px 5px 9px;
	border-left:1px solid #ffd95e;
	min-height:260px;
	margin-bottom:1em;
	}	
.navitem ul,.navitem li {
        margin: 0;
        padding: 0;
	list-style-type:none;
	}	
.navitem ul li {
	border-bottom:1px solid #ffd243;
	}
#footer a:link,
#footer a:visited {
	color:#8c6600;
	}
.navitem ul li a {
	display:block;
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:5px 0 5px 15px;
	}
.navitem ul li a:link,
.navitem ul li a:visited {
	text-decoration:none;
	color:#936a09;
	background:url(graphics/bullet-star-yellow.gif) no-repeat 2px .7em;
	}
.navitem ul li a:hover,
.navitem ul li a.active {
	background:#f8bb00 url(graphics/bullet-star-brown.gif) no-repeat 2px .7em;
	color:#dd2c0d;
	}
.navitem ul li a.active span {
        color:#dd2c0d;
        }


/* @end */	
	
/* @group drupal styling */

ul.tabs {
        margin: 0 0 15px 0;
        }
#content ul.tabs a:link,
#content ul.tabs a:visited {
        text-decoration: none;
        }
.help {
        margin: 0 0 15px 0;
        }
/* general views style */
.view .view-header {
        margin-bottom: 25px;
        }
/* @group arrow buttons */

.more, .more-link {
	clear:both;
	font:bold 1.25em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:right;
	position:relative;
	}
.more a,
.more-link a,
#rightblocks .sosi-nav h4 a {
	padding:0 22px .3em 0;
	background:url(graphics/arrow.png) no-repeat 100% 50%;
	}				
.more a span,
#rightblocks .sosi-nav h4 a span {
	position:absolute;
	left:-10000px;
	top:-10000px;
	}
.more a,
.more-link a {
	display:block;
	height:14px;
	}
.homepage_featured_dss-block .more a {
	display:inline;
	}				
#content .more a:link,
#content .more a:visited,
#content .more-link a:link,
#content .more-link a:visited {
	color:#adb194;
	}
#content .more a:hover,
#content .more a:focus,
#content .more-link a:hover,
#content .more-link a:focus {
	color:#dd2c0d;
	}

/* @end */

/* @group boxes & notes */

.paperclip1, .homepage_featured_posts-block {
	background:url(graphics/box-paperclip1.gif) no-repeat left bottom;
	padding-bottom:20px;
	}
.box-line {
	border-left:1px solid #d8dfd2;
	padding:0 0 0 25px;
	}
/* switch out paperclip1 with #inner-wrapper see above in layout section */
/*
.default .paperclip1 {
	margin:0 0 0 25px;
	padding:0 18px 50px 0;
	}*/	
.not-front .box-line {
	padding:10px 0 0 25px;
	}
.paperclip1 .more, .homepage_featured_posts-block .more {
	padding:0 22px 20px 0;
	border-left:1px solid #d8dfd2;
	}	
#rightblocks .paper {
	background:url(graphics/box-paper-small.gif) no-repeat left bottom;
	padding-bottom:25px;
	}
.box-yellow {
	background:url(graphics/box-yellow-top.gif) no-repeat;
	padding:10px 0 0 0;
	margin-bottom:3em;
	}
.box-yellow p {
        margin: 0;
	background:#f3b800 url(graphics/box-yellow-bottom.gif) no-repeat left bottom;
	padding:0 8px 12px 15px;
	color:#f2f5ed;
	line-height:120%;
	}
.line {
	border-left:1px solid #d8dfd2;
	padding:0 0 0 18px;
	}
.notes-tape {
	color:#38723d;
	padding:70px 0 0 45px;
	}
.notes-tape p {
	padding:0 40px 0 0;
	height:175px;
	}	
#rightblocks .notes-tape h2 {
	height:auto;
	color:#e3ffd0;
	text-shadow:#92bf01 0 1px 0;
	margin-bottom:.5em;
	}
#rightblocks .notes-tape h2 a:link,
#rightblocks .notes-tape h2 a:visited, 
#rightblocks .notes-tape h2 a:hover,
#rightblocks .notes-tape h2 a:focus {
	color:#e3ffd0;
	}
#rightblocks .notes-tape h2 a:hover,
#rightblocks .notes-tape h2 a:focus {
        text-decoration: underline;
        }	
	
.stapled-note {
	background:url(graphics/box-stappled-note-top.gif) no-repeat;
	padding:30px 0 0 25px;
	}
.stapled-bottom {
	background:url(graphics/box-stappled-note-bottom.gif) no-repeat left bottom;
	padding:0 0 50px 0;
	}	
.stapled-middle {
	background:url(graphics/box-stappled-note-middle.gif) repeat-y;
	padding:0 0 0 0;
	}		

/* @end */

/* @group latest on homepage and blogpage*/

.blogpage #inner-content h2,
.Latest_Blog_Posts-block_1 h2 {
	background:url(graphics/t-latest-posts.gif) no-repeat;
	}
.blogpage #inner-content h2 img,
.Latest_Blog_Posts-block_1 h2 img {
	position:absolute;
	left:190px;
	top:0px;
	}
.node h3.descriptive-title {
	border-left:1px solid #dd2c0d;
	padding:0 0 5px 19px;
	}		
.blogpage .item div {
	border-left:1px solid #d8dfd2;
	padding:0 0 5px 19px;
	}
.blogpage #rightblocks .item div {
	border-left:none;
	padding:0 0 5px 0;
	}
#latest ul, #latest li {
	list-style-type:none;
	}
#latest  ul {
	margin:0 0 10px 0;
	}	
#latest li {
	display:inline;
	font-size:.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#adb194;
	}	
ul.submitted {
        margin:0 0 10px 0;
        padding: 0;
        }
ul.submitted li, 
.field-field-event-date {
        display: inline;
        font-size:.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#adb194;
        }
li.cal {
	background:url(graphics/icon-cal.gif) no-repeat left center;
	padding-left:15px;
	margin-right:8px;
	}
.field-field-event-date .field-label-inline-first{
	background:url(graphics/icon-cal.gif) no-repeat left center;
	padding-left:15px;
	}
li.author {
	background:url(graphics/icon-author.gif) no-repeat left center;
	padding-left:15px;
	}			
li.comment {
	background:url(graphics/icon-comment.gif) no-repeat left center;
	padding-left:13px;
	margin-right:8px;
	}
#content #latest li a:link,
#content #latest li a:visited {
	color:#adb194;
	}	
#content #latest li a:hover,
#content #latest li a:focus {
	color:#dd2c0d;
	}
	

/* @end */

/* @group dear sosi */

.sosi-nav .more {
	text-align:left;
	padding:0 0 10px 10px;
	clear:both;
	}
.sosi-nav .more a {
        display: inline;
        }

.sosi-nav h4 {
	text-transform:uppercase;
	font-size:1.15em;
	}
.homepage .sosi-nav h4 {
        margin-bottom: .5em;
        }	
#content .sosi-nav .item h4 a span {
	font:normal 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#adb194;
	text-transform:none;
	margin-left:5px;
	padding-right:20px;
	background:url(graphics/arrow.png) no-repeat right center;
	}
#content .sosi-nav h4 a:hover,
#content .sosi-nav h4 a:hover span {
	text-decoration:none;
	color:#dd2c0d;
	}
#content .sosi-nav a:hover {
	text-decoration:none;
	}	
#content .orange h4 a,
#content .orange h4 a:link,
#content .orange h4 a:visited,
.orange h3 {	
	color:#ff5b00;
	}	
#content .yellow h4 a,
#content .yellow h4 a:link,
#content .yellow h4 a:visited,
.yellow h3 {
	color:#f3b500;
	}
.sosi-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
.sosi-nav ul li	{
        list-style-type: none;
        margin: 0;
        padding: 0 1em 0 0;
        }
.sosi-nav ul li,
.orange li,
.orange ul li,
.yellow li {
        list-style-type: none;
	padding-left:10px;
	}	
#rightblocks ul.orange,
#rightblocks .orange ul {
        margin: 0;
        padding: 0;
        }
#rightblocks .orange li {
        margin: 0;
        padding: 0 0 0 10px;
        }
#rightblocks #related .orange {
        padding-right: 40px;
        }
.sosi-nav .red ul li {
	background:url(graphics/bullet-arrow-red.gif) no-repeat 0px 2px;
	}
#rightblocks .sosi-nav .red ul {
        margin: 0;
        padding: 0;
        }
        
.sosi-nav .orange ul li,
.orange li {
	background:url(graphics/bullet-arrow-orange.gif) no-repeat 0px 2px;
	}	
.sosi-nav .yellow ul li,
.yellow li {
	background:url(graphics/bullet-arrow-yellow.gif) no-repeat 0px 2px;
	}				
#content .sosi-nav li a,
.orange li a,
.yellow li a {
	padding:0 0 2px 0;
	}		
#content .sosi-nav li a:link,
#content .sosi-nav li a:visited,
#content .orange li a:link,
#content .orange li a:visited,
#content .yellow ul li a:link,
#content .yellow ul li a:visited {
	color:#5a5955;
	border-bottom:1px solid #e6eae0;
	}
#content .sosi-nav li a:hover,
#content .sosi-nav li a:focus,
#rightblocks .orange li a:hover,
#rightblocks .orange li a:focus {
	text-decoration:none;
	color:#dd2c0d;
	border-bottom:1px solid #dd2c0d;
	}
.red,
.orange,
.yellow  {
	margin-bottom:1em;
	}
.red h3,
.orange h3,	
.yellow h3 {
	margin-bottom:.5em;
	}								

/* @end */

/* @group featured project */


#featured-proj h2 {
	font-size:1.2em;
	color:#b80028;
	}
#featured-proj img {
	margin:1em 0 1.5em 0;
	}	
#featured-proj ul.project-links {
        margin: 0;
        padding: 0;
	width:135px;
	text-align:right;
	}	
#featured-proj ul.project-links li {
        list-style-type: none;
        margin: 0;
        padding: 0;
	font:bold 1.25em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
#featured-proj ul.project-links li a {
	padding:0 22px 0 0;
	background:url(graphics/arrow-yellow.png) no-repeat right center;
	}	
#featured-proj a:link,
#featured-proj a:visited {
	color:#dd2c0d;
	text-decoration:none;
	}
#featured-proj a:hover,
#featured-proj a:focus {
	text-decoration:underline;
	}
		

/* @end */

/* @group search */

#search {
	width:242px;
	background:url(graphics/box-search-top.gif) no-repeat;
	padding:6px 0 0 0;
	margin:0 0 4em 7px;
	}
#search #search-block-form {
	background:#e6eade url(graphics/box-search-bottom.gif) no-repeat left bottom;
	padding:0 0 6px 10px;
	margin: 0;
	}
#search div {
	background:url(graphics/icon-search.gif) no-repeat left center;
	padding:0 0 0 22px;
	margin: 0;
	}
#search div.form-item {
	background:none;
	padding:0;
	margin: 0;
	}
	
#search .form-text {
        float: left;
	width:167px;
	margin-right:5px;
	}
#search .form-text,
.newsletter .form-text,
.ask-sosi .form-text,
.ask-sosi textarea,
.sosi-newsl .form-text {
	color:#999;
	padding:4px 4px 4px 5px;
	border:0;
	background:url(graphics/bg-field.gif) no-repeat;
	margin: 0 5px 2px 0;
	}
/* general style for all of the site */
.form-text, textarea {
        padding:4px 0 4px 3px;
	border:0;
	background:url(graphics/bg-field.gif) no-repeat;
}
.form-autocomplete {
        background: #fff;
        padding: 2px;
        border: 1px solid;
        }
#search .form-submit {
	vertical-align:top;
	padding-top:2px;
	padding-bottom: 2px;
	}
		
/* @end */

/* @group noise to signal */

#noise-to-s {
	margin-bottom:2.6em;
	}
#noise-to-s h2 {
	position:relative;
	text-indent:-9999px;
	height:40px;
	background:url(graphics/t-noise-to-signal.gif) no-repeat;
	}
#noise-to-s h2 img {
	position:absolute;
	margin:0;
	top:0px;
	left:188px;
	}	
#noise-to-s p.quote {
	padding:0 10px;
	text-align:center;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	}
#noise-to-s .more-link {
	margin-right:15px;
	}	


/* @end */

/* @group podcast */

#podcast {
	margin-bottom:4.4em;
	}
#content #podcast h2 {
	position:relative;
	text-indent:-9999px;
	height:31px;
	
	background:url(graphics/t-podcast.gif) no-repeat 53px 0px;
	}
#podcast h2 img {
	position:absolute;
	margin:0;
	top:0px;
	left:163px;
	}
/* why did i have to comment this out 
#podcast img {	
	margin:0 0 3px 0;
	}*/
#content #podcast a:link,
#content #podcast a:visited {
	color:#fff;
	text-decoration:none;
	}
#content #podcast a:hover,
#content #podcast a:focus {
	color:#fff;
	text-decoration:underline;
	}
		

/* @end */

/* @group extra styled block - use as default block style?  
was called 'widget' by Veerle */

#rightblocks .block {
	padding:0 0px 0 0px;
	margin: 0 0 15px 0; /* added by courtney for spacing between blocks */
	}
#rightblocks .block h2 {
	font-size:1.3em;
	margin-bottom:.7em;
	height:auto;
	}
#rightblocks .block p,
#rightblocks .block img {
	margin-bottom:1.5em;
	}
#rightblocks .block .more, #rightblocks .block .more-link {
	margin:0 10px 0 0;
	}
	
/* style generic list for custom added blocks */
#rightblocks .block-block ul {
	margin: 0;
	padding: 0;
	}
#rightblocks .block-block li {
        padding:.3em 0 .3em 10px;
	/*border-bottom:1px solid #dee6d8;*/
	background:url(graphics/bullet-arrow-orange2.gif) no-repeat 0 8px;
	list-style-type: none;
	}		

/* @end */

#rightblocks #addthis-wrapper {
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 17px 0 0 0;
	height:15px;
	background-color:#E6EADE;
	}

/* @group rightblocks dear sosi */

#rightblocks #sosi {
	background:url(graphics/box-alt-dear-sosi-middle.gif) repeat-y;
	position:relative;
	margin: 0 0 4em 0;
	padding: 0;
	}
#rightblocks .sosi-card {
	padding:180px 0 0 0;
	background:url(graphics/box-alt-dear-sosi-top.jpg) no-repeat;
	}
#rightblocks #sosi h2 img {
	position:absolute;
	top:-30px;
	left:190px;
	}
#rightblocks .note {
	background:url(graphics/box-alt-sosi-note.jpg) no-repeat left bottom;
	}
#rightblocks .note h3 {
	font-size:1.6em;
	padding:0 0 30px 25px;
	margin-bottom:15px;
	width:205px;
	text-align:center;
	}
#rightblocks .paperfold {
	background:url(graphics/box-alt-dear-sosi-bottom.gif) no-repeat left bottom;
	}
#rightblocks .sosi-nav {
	padding:0 0 20px 25px;
	width:205px;
	}	
#rightblocks .sosi-nav h4 {
	margin-bottom:.5em;
	padding-bottom: 0;
	}	
					
#rightblocks .sosi-nav h4 a {
	margin-bottom:.5em;
	}
	
/* @end */

/* @group related */
#related {
        margin-bottom: 30px;
        }

#related h2 {
	background:url(graphics/t-related.gif) no-repeat;
	text-indent:-9999px;
	height:35px;
	}

/* @end */

/* @group contact form */
	
#webform-client-form-622 label {
	display:block;
	margin-bottom:.3em;
	font-weight: normal;
	}	
#webform-client-form-622 textarea, 
#webform-client-form-622 .form-text {
	width:350px;
	padding:6px 8px;
	}
#contact-form  p {
	margin-bottom:.8em;
	}
.default #content-main #contact-form em {
	color:#dd2c0d;
	font-style:normal;
	font-weight:bold;
	background:none;
	}	
	
/* @end */

/* Social Signal Homepage stylesheet
.------------------------------------------------------------------*/
.homepage #rightblocks {
	padding-top:250px;
	width:242px;
	}
.homepage #search {	
/*	margin:4em 0; */
	margin:1em 0 2em 0;
	}	
.homepage #content-main {
	margin-right:25px;
	}
.positioning-statement p {
	color:#828479;
	font:1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}

/* @group footer area */

.homepage #footer-area {
	padding-top:0;
	}
.newsletter {
	width:189px;
	margin-top:75px;
	float:left;
	padding:0 10px 0 18px;
	border-left:1px solid #ffd243;
	}
.newsletter p {
	margin-bottom:1em;
	}	
.newsletter .form-item .form-text {
	width:150px;
	}	
#rightblocks .form-item label {
	font-weight: normal;
	}
.as-seen {
	width:406px;
	float:left;
	padding:0 10px 0 18px;
	margin-top:75px;
	border-left:1px solid #ffd243;
	}
#footer-area .as-seen h2 {
	padding-left:0;
	margin-bottom:9px;
	}
.as-seen ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
.as-seen ul li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
.as-seen ul li a {
	display:block;
	padding:6px 3px 6px 0;
	margin: 0;
	border-bottom:1px solid #ffd243;
	}	
.as-seen ul li img {
	border:1px dashed #ffecad;
	float:left;
	margin:4px 10px 10px 0;
	padding: 0;
	}			
.as-seen a:link,
.as-seen a:visited {
	color:#664800;
	text-decoration:none;
	}
.as-seen a:hover {
	background:#f8bb00;
	color:#dd2c0d;
	}		
.catch-us {
	width:290px;
	height:245px;
	float:left;
	padding:75px 0 0 0;
	background:url(graphics/box-footer-notes.jpg) no-repeat;
	}
#footer-area .catch-us h2 {
	color:#d0fcff;
	text-transform:none;
	font-weight:normal;
	font-size:2.6em;
	letter-spacing:-.1em;
	text-shadow:#49a8d0 0px 1px 0px;
	margin-left:50px;
	}	
.catch-us dl {
	margin-left:50px;
	width:200px;
	line-height:135%;
	}	
.catch-us dt a:link,
.catch-us dt a:visited {
	color:#fff;
	text-transform:uppercase;
	padding-left:16px;
	background:url(graphics/icon-cal-blue.gif) no-repeat left center;
	text-decoration: none;
	}
.catch-us dt a:hover,
.catch-us dt a:focus {
        text-decoration: underline;
	}
.catch-us dd {	
	margin:0 0 1em 0;
	}
.catch-us dd a:link,
.catch-us dd a:visited {
	color:#386072;
	text-decoration: none;
	}
.catch-us dd a:hover,
.catch-us dd a:focus {	
	text-decoration: underline;
	}		

/* @end */

/* @group featured */
/* #featured from home.css */
.homepage_featured_posts-block {
	margin: 33px 0 0 25px;
	}
.homepage_featured_posts-block img {
	float:left;
	margin:0 18px 10px 0;
	}	
#content #inner-content .homepage_featured_posts-block h2 {
	background:url(graphics/t-featured.gif) no-repeat;
	}	
.homepage_featured_posts-block .views-row-1 {
	width:434px;
	float:left;
	}
.homepage_featured_posts-block .featured-content {
	border-left:1px solid #d8dfd2;
	padding:0 15px 0 18px;
	}
.homepage_featured_posts-block .views-row-1 .featured-content {
        padding-bottom: 0;
        }
.homepage_featured_posts-block .views-row-2 .featured-content,
.homepage_featured_posts-block .views-row-3 .featured-content,
.homepage_featured_posts-block .views-row-4 .featured-content {
	margin-bottom:20px;
	padding:0 0 5px 18px;
	}		
.homepage_featured_posts-block .views-row-1 h3,
.homepage_featured_posts-block .views-row-2 h3,
.homepage_featured_posts-block .views-row-3 h3,
.homepage_featured_posts-block .views-row-4 h3 {
	border-left:1px solid #dd2c0d;
	}
.homepage_featured_posts-block .views-row-1 h3 {
	font-size:1.75em;
	line-height: 1.2em;
	padding:0 15px 18px 18px;
	}
.homepage_featured_posts-block .views-row-2 h3,
.homepage_featured_posts-block .views-row-3 h3,
.homepage_featured_posts-block .views-row-4 h3 {
	font-size:1.2em;
	padding:0 0 5px 18px;
	}		
.homepage_featured_posts-block .views-row-2,
.homepage_featured_posts-block .views-row-3,
.homepage_featured_posts-block .views-row-4 {
	float:left;
	width:200px;
	}
.homepage_featured_posts-block .views-row-1 p {
	font-size:1.1em;
	line-height:1.7em;
}
.homepage_featured_posts-block .views-row-2 p, .homepage_featured_posts-block .views-row-3 p, .homepage_featured_posts-block .views-row-4 p {
	line-height: 1.3em;
}

/* @end */


/* @group home page dear sosi */

#sosi {
	margin:0 0 37px 16px;
	padding:0;
	background:url(graphics/box-dear-sosi-middle.gif) repeat-y;
	}
	
.sosipage #sosi {
        margin-left: 0;
        }
#content #sosi h2 {
	padding:0 0 0 204px;
	}
#sosi img {
	position:absolute;
	left:343px;
	top:10px
	}		
.homepage .sosi-card {
	padding:130px 0 0 0;
	background:url(graphics/box-dear-sosi-top.jpg) no-repeat;
	}
.homepage .paperfold {
	padding:0 20px 30px 20px;
	background:url(graphics/box-dear-sosi-bottom.gif) no-repeat left bottom;
	}
#sosi h3.card {
	padding: 0 0 55px 204px;
	width:200px;
	font-size:1.6em;
	}
.homepage_featured_dss-block .note {
	background:url(graphics/box-note-post-its.jpg) no-repeat left bottom;
	padding:20px 0 100px 45px;
	}
.homepage_featured_dss-block .note .dss-content {
	width:350px;
	margin-bottom:2em;
	}					
.homepage_featured_dss-block .note .more {
	width:200px;
	text-align:left;
	}
.homepage_featured_dss-block #more-sosi {
	position:relative;
	}	
.homepage_featured_dss-block .note h3 {
	position:absolute;
	top:-25px;
	left:200px;
	width:140px;
	color:#fff;
	font-size:2.5em;
	line-height:100%;
	letter-spacing:-1px;
	text-shadow:#aac84c 0 1px 0;
	text-align:center;
	padding:0;
	}
.homepage_featured_dss-block #more-sosi h3 span {
	display:block;
	}
.homepage .sosi-nav .item {
	width:308px;
	float:left;
	}
.homepage .sosi-nav {
	width:625px;
	margin:0;
	padding:0 0 0 15px;
	}		
.homepage .sosi-nav .clearfix {
	margin-bottom:2em;
	}
.homepage .sosi-nav .more {
	text-align:center;
	padding:0;
	}				
				
	
/* @end */

/* center two column panels on home page */
.homepage .center-wrapper {
        margin:0 0 37px 16px;
        padding:0 20px 324px 20px;
        background:url(graphics/box-dear-sosi-bottom.gif) no-repeat left bottom;
        width: 100%;
        height: 1%;
        }

/* @group latest */

.Latest_Blog_Posts-block_1 {
	margin:0 0 0 25px;
	}
.Latest_Blog_Posts-block_1 .item {
	width:199px;
	float:left;
	padding:0 17px 0 0;
	}
.Latest_Blog_Posts-block_1 .item .latest-content {	
	border-left:1px solid #d8dfd2;
	padding:0 0 0 18px;
}
.Latest_Blog_Posts-block_1 h3 {
	font-size:1.3em;
	border-left:1px solid #dd2c0d;
	padding:0 0 5px 19px;
	}
		

/* @end */

/* @group podcast */

#podcast .box-yellow p {
	margin-bottom:1em;
	}

/* @end */


/* Social Signal Blog pages stylesheet
------------------------------------------------------------------*/
/* don't know why this is needed but it breaks
.blogpage #rightblocks {
	padding-top:5px;
	} */
#content-main .teaser h3.descriptive-title,
#content-main .paperclip1 h3.descriptive-title {
	font-size:1.2em;
	color:#9ca183;
	font-weight:normal;
	}		
#content-main .node h4.title {
	font-size:1.6em;
	border-left:1px solid #dd2c0d;
	padding:0 0 5px 19px;
	}
.view h4.title {
        font-size:1.6em;
	border-left:1px solid #dd2c0d;
	padding:0 0 5px 19px;
	}
#content-main .node h4.title a:link,
#content-main .node h4.title a:visited,
.view h4.title a:link,
.view h4.title a:visited, 
.page-cartoon #content-main .node h4.title a:link,
.page-cartoon #content-main .node h4.title a:visited {
        text-decoration: none;
        }
.page-cartoon #content-main .node h4.title {
        border-left: none;
        padding-left: 0;
        }
.page-cartoon #content-main .node {
        margin-bottom: 40px;
        margin-right: 20px;
        }
#content-main .teaser .content {
	padding:0 0 5px 19px;
	}
.teaser {
	border-bottom:1px solid #d8dfd2;
	margin-bottom:2em;
	}
.paperclip1 {
        margin-bottom: 20px;
        }
#content-main .teaser div.more {
	border:0;
	padding-bottom:1em;
	}
#content-main .teaser div.more {
	border:0;
	}	
#content-main .teaser .more {
	/*margin-top:-15px;*/
	}	
	
	

/* @group most recent */

.teaser img {
	float:left;
	margin:0 18px 10px 0;
	}			
#most-recent .teaser {
	border-bottom: none;
	padding:0 15px 20px 0;
	}

/* @end */


/* @group blog post and general inner page styles*/

/* blog post with cute title */
#inner-content h2.title {
	color:#fd8701;
	font-size:2.5em;
	width:100%;
	height:auto;
	padding: 0 0 0 18px;
	border-left:1px solid #fd8701;
	margin: 0;
	}
#inner-content h2.title span {
	display:block;
	text-indent:0;
	font-weight:normal;
	font-size:60%;
	color:#8f9473;
	/*padding: .5em 0; removed top padding since line-height was set to 100% */
	padding: 0;
	}

.box-paper {
        padding:0 0 90px 0;
	background:url(graphics/box-paper.gif) no-repeat left bottom;
	}
.bp-social-speech {
    padding:0 0 90px 0;
	background:url(graphics/box-paper.gif) no-repeat left bottom;
	margin-bottom: -80px;
	}
.node ul {
	/*margin:0 0 10px 0;*/
	}	
.node .submitted li,
.node .content-footer li {
	/*display:inline;*/
	font-size:.8em;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#adb194;
	}

#content #inner-wrapper .Latest_Blog_Posts-block_1 li a:link, 
#content #inner-wrapper .Latest_Blog_Posts-block_1 li a:visited, 
#content #inner-wrapper .node .submitted li a:link,
#content #inner-wrapper .node .submitted li a:visited,
#content #inner-wrapper .node .content-footer li a:link,
#content #inner-wrapper .node .content-footer li a:visited {
	color:#adb194;
	text-decoration:none;
	}
#content #inner-wrapper .node .submitted li a:hover,
#content #inner-wrapper .node .submitted li a:focus,
#content #inner-wrapper .node .content-footer li a:hover,
#content #inner-wrapper .node .content-footer li a:focus {
	color:#dd2c0d;
	text-decoration:underline;
	}
#content #inner-wrapper .Latest_Blog_Posts-block_1 li a:hover, 
#content #inner-wrapper .Latest_Blog_Posts-block_1 li a:focus, 
#content #inner-wrapper .node li a:hover,
#content #inner-wrapper .node li a:focus {
	color:#dd2c0d;
	}	
	
.node .content, 
.profile,
form#user-login {
	border-left:1px solid #d8dfd2;
	padding: 1px 10px 0 18px;
	}
.page-team #content-main .teaser .content {
        padding-top: 10px;
        }
form#user-login {
        padding-top: 5px;
        margin-top: 0;
        }
.node .content p {
	margin-bottom:1.5em;
	}
.cartoon-page .content {
        padding-top: 12px;
        }
.cartoon-page .content p {
        margin-top: 15px;
        display: block;
        }
.cartoon-page p {
        float: none;
        }
.node .content h3 {
	font-size:1.6em;
	padding-top:.7em;
	margin:0 0 .8em 0;
	color:#858e7c;
	}
#content .content a:link,
#content .content a:visited {
	text-decoration:underline;
	}
.content em {
/*	background-color:#fafece;
	padding:2px 1px; */
	}
.content-footer {
	padding:20px 0 20px 18px;
	position:relative;
	}	
.tags  {
	min-height:2.2em;
	}	
#inner-wrapper .tags ul {
	display:inline;
	}	
.tags h4 {
	display:inline;
	margin: 0 5px 0 0;
	padding:0 0 0 12px;
	text-transform:uppercase;
	font:normal .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	color:#adb194;
	background:url(graphics/icon-tag.gif) no-repeat left center;
	}
h4.share  {
	position:absolute;
	right:18px;
	top:20px;
	}	
h4.share a {
	display:block;
	width:63px;
	height:20px;
	text-indent:-9999px;
	background:url(graphics/btn-share-it.gif) no-repeat;
	overflow:hidden;
	}	
#slide ul {
	display:block;
	}
#inner-wrapper #slide li	{
	text-transform:none;
	font-size:1em;
	letter-spacing:0;
	}
#inner-wrapper #slide li a {
	margin-right:4px;
	padding:0 0 0 8px;
	background:url(graphics/icon-plus.gif) no-repeat;
	}	
#slide {
	display:none;
	background:#f1f4eb;
	margin-bottom:3em;
	padding:5px 10px 0 40px;
	width:564px;
	text-align:right;
	line-height:130%;
	}
/* @end */

/* @group Projects */
.default h4.client {
        color:#ADB194;
        display:inline;
        font-size:1.1em;
        font-weight:normal;
        }
.default #content-main h4.client a:link,
.default #content-main h4.client a:visited {
        text-decoration: none;
        }
        
.default #content-main h4.client a:hover,
.default #content-main h4.client a:focus {
        text-decoration: underline;
        }
/* @group comments */

#leave-comment {
	position:relative;
	width: 135px;
	}
#leave-comment a {
	position:absolute;
	top:-20px;
	left:290px;
	width:105px;
	padding:18px 0px 15px 30px;
	height:75px;
	text-align:center;
	font:bold 1.3em/100% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	background:url(graphics/post-it.gif) no-repeat;
	}
.default #content-main #leave-comment a:link,
.default #content-main #leave-comment a:visited {
        text-decoration: none;
        }
.default #content-main #leave-comment a:hover,
.default #content-main #leave-comment a:focus {
        text-decoration: underline;
        }
#comments {
	margin:-40px 0 3em 0;
	}
#comments h4 {
        padding-top: 1em;
	font-size:1.3em;
	margin-bottom:.5em;
	}
.comment-wrap {
	margin-bottom:1.25em;
	border-bottom:1px solid #d8dfd2;
	}	
.indented {
	border-left:4px solid #dee6d8;
	padding-left:15px;
        margin-left: 0; 
        }
		
/*
#comments .comment {
	padding-bottom: 1em;
	border-bottom: 1px solid #d8dfd2;
	}
#comments div.comment-line {
	border-left:1px solid #d8dfd2;
	padding:0 0 0 18px;
	margin: 0;
        margin-top: -12px;
	}*/	
.date {
	text-transform:uppercase;
	font:normal .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	color:#adb194;
	margin-bottom:.5em;
	}	
.comment-footer {
        padding: 1em 0 0 0;
	text-transform:uppercase;
	font:normal .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing:1px;
	color:#adb194;
	}
.comment ul.links {
        padding:0 0 .5em 0;
	margin-bottom:1em;
        }

.comment ul.links li {
        padding: 0 .5em 0 0;
        margin: 0;
        }
/*#comment-form  {
	margin:0 0 0 25px;
	}	*/
#comments h3 {
	color:#fd8701;
	font-size:2em;
	width:100%;
	margin: 0;
	padding: 0 0 15px 18px;
	border-left:1px solid #fd8701;
	text-shadow:#ffd894 0 1px 0;
	}
#comments .line h3.comment-form-title {
        margin-top: 1.5em;
        margin-bottom: 0;
        border: none;
        padding: 0;
        }
#comments .no-comments .comment-line {
	border-left:1px solid #d8dfd2;
	padding: 1px 0 0 18px;
	margin: 0;
	}
#comment-form  p {
	margin-bottom:.8em;
	}
#comment-form .form-text,
#comment-form textarea,
#comment-form fieldset {
        width:350px;
	padding:6px 8px;
	}
/* not sure we want tinymce forms so narrow
#comment-form .form-item {
        width:350px;
        }
*/
#comment-form .form-item label {
        font-weight: normal;
        }	
	
/* @end */

/* @group author */

#author {
	background:url(graphics/box-notes-tape.gif) no-repeat;
	margin-left:-15px;
	}
#author .paperclip2 {
	background:url(graphics/box-paperclip2.gif) no-repeat left bottom;
	padding:10px 30px 60px 40px;
	}		
#t-latest {
	background:url(graphics/t-latest-posts2.gif) no-repeat;
	height:25px;
	color:#93977a;
	font:normal .9em/21px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}
h4#t-latest span {
	display:block;
	float:left;
	width:110px;
	height:25px;
	text-indent:-9999px;
	}

#comment-form label {
	display:block;
	margin-bottom:.3em;
	}	
#comment-form .txt {
	width:350px;
	padding:6px 8px;
	}		

/* @end */

/* Social Signal Dear SoSi stylesheet for the Dear Sosi page
------------------------------------------------------------------*/
.sosipage #crumb {
	padding-bottom:0;
	}	
.sosipage #rightblocks {
	padding-top:75px;
	}

/* @group sosi header */

.sosipage #sosi-header {
	padding:130px 0 0 0;
	background:url(graphics/bg-header-dear-sosi.jpg) no-repeat;
	}
.sosipage #sosi-header .note {
	padding:0 45px 30px 260px;
	background:url(graphics/bg-header-dear-sosi-note.gif) no-repeat left bottom;
	}	
.sosipage #sosi-header img {
	position:absolute;
	left:183px;
	top:10px
	}


/* @end */

/* @group sosi content */

.sosipage #content-main {
	padding:10px 0 0 16px;
	width:660px;
	}	
.sosipage #sosi.paperfold {
	background:url(graphics/bg-sosi-content.gif) repeat-y;
	}	
.sosipage #sosi-content {
	padding:0 0 10px 0;
	background:url(graphics/box-dear-sosi-bottom.gif) no-repeat left bottom;
	}

/* @end */

/* @group sosi-members */

.sosipage #sosi-members {
	padding:18px;
	width:624px;
	}
.sosipage .sosi-member {
	width:282px;
	margin:0 45px 3em 0;
	float:left;
	display:inline;
	background:url(graphics/bg-bubble.gif) no-repeat 0 70px;
	}
.sosipage .row {width:624px;}	
.sosipage #markcom.sosi-member,
.sosipage #commem.sosi-member {
	margin-right:0;
	}
.sosipage #friends.sosi-member {
	margin:0 0 0 147px;
	width:282px;
	}	
/* had to change h3 to h4 since - courtney */
.sosipage .sosi-member h4 strong {
	font-size:1.6em;
	line-height:100%;
	text-transform:uppercase;
	display:block;
	padding-bottom:.2em;
	}
.sosipage .sosi-member h4 a strong {
	font-size:1.6em;
	line-height:100%;
	text-transform:uppercase;
	display:block;
	padding-bottom:.2em;
	}
.sosipage .sosi-member h4 a span {
	font-size:1.1em;
	font-weight:normal;
	display:inline;
	color:#adb194;
	background:url(graphics/arrow.png) no-repeat 100% 90%;
	padding-right:20px;
	}
.sosipage .sosi-member h4 a strong span {
	text-transform:none;
	font-weight:bold;
	font-size:90%;
	display:block;
	background:none;
	color:#7f8174;
	}

/* @group h3 */

.sosipage #leaders h4 {
	padding:38px 0 20px 55px;
	height:47px;
	background:url(graphics/t-leaders.gif) no-repeat;
	}	
.sosipage #markcom h4 {
	padding:20px 0 20px 55px;
	height:65px;
	background:url(graphics/t-markcom.gif) no-repeat 0 3px;
	}	
.sosipage #comman h4 {
	padding:20px 0 20px 55px;
	height:65px;
	background:url(graphics/t-comman.gif) no-repeat 10px 17px;
	}	
.sosipage #commem h4 {
	padding:20px 0 20px 55px;
	height:65px;
	background:url(graphics/t-commem.gif) no-repeat 7px 10px;
	}
.sosipage #friends h4 {
	padding:20px 0 20px 65px;
	height:65px;
	background:url(graphics/t-friends.gif) no-repeat 7px 25px;
	}	
.sosipage #leaders h4 a:link,
.sosipage #leaders h4 a:visited {
	color:#c60000;
	}	
.sosipage #markcom h4 a:link,
.sosipage #markcom h4 a:visited {
	color:#ff4800;
	}		
.sosipage #comman h4 a:link,
.sosipage #comman h4 a:visited {
	color:#ff7200;
	}	
.sosipage #commem h4 a:link,
.sosipage #commem h4 a:visited {
	color:#f7ba07;
	}
.sosipage #friends h4 a:link,
.sosipage #friends h4 a:visited {
	color:#7f8174;
	}	
.sosipage #leaders h4 a:hover, .sosipage #leaders h4 a:focus,	
.sosipage #markcom h4 a:hover, .sosipage #markcom h4 a:focus,	
.sosipage #comman h4 a:hover, .sosipage #comman h4 a:focus,
.sosipage #commem h4 a:hover, .sosipage #commem h4 a:focus,
.sosipage #friends h4 a:hover, .sosipage #friends h4 a:focus,
.sosipage #friends h4 a:hover strong span,
.sosipage #friends h4 a:focus strong span {
	text-decoration:none;
	color:#dd2c0d;
	}



/* @end */

/* @group h4 - had to change these to h5 */

.sosipage .sosi-member h5 {
	padding:0 0 .4em 20px;
	font-size:1.2em;
	font-weight:normal;
	color:#adb194;
	}
.sosipage .sosi-member h5 strong {
	display:block;
	}
#leaders h5 strong {color:#c60000;}	
#markcom h5 strong {color:#ff4800;}		
#comman h5 strong {color:#ff7200;}		
#commem h5 strong {color:#f7ba07;}

#content .sosi-member h5 a:link,
#content .sosi-member h5 a:visited {
	color:#adb194;
	}
#content .sosi-member h5 a:hover,
#content .sosi-member h4 a:focus {
	text-decoration:none;
	}	
#content .sosi-member h5 a:hover strong,
#content .sosi-member h5 a:focus strong {
	color:#dd2c0d;
	}		

/* @end */

/* @group lists */

.sosi-member ul {
	margin:0 0 10px 10px;
	padding: 0;
	}	
.sosi-member li {
        margin:0;
	padding: 0 0 0 10px;
	list-style-type: none;
	}
#leaders li {
	background:url(graphics/bullet-arrow-red2.gif) no-repeat 0px 6px;
	}	
#markcom li {
	background:url(graphics/bullet-arrow-orange-red.gif) no-repeat 0px 6px;
	}	
#comman li {
	background:url(graphics/bullet-arrow-orange2.gif) no-repeat 0px 6px;
	}
#commem li {
	background:url(graphics/bullet-arrow-yellow.gif) no-repeat 0px 2px;
	}
#friends li {
	background:url(graphics/bullet-arrow-red.gif) no-repeat 0px 2px;
	}								
.sosi-member li a {
	padding:0 0 2px 0;
	}		
#content .sosi-member ul li a:link,
#content .sosi-member ul li a:visited {
	color:#5a5955;
	border-bottom:1px solid #e6eae0;
	}
#content .sosi-member ul li a:hover,
#content .sosi-member ul li a:focus {
	text-decoration:none;
	color:#dd2c0d;
	border-bottom:1px solid #dd2c0d;
	}
/* @group quote */

#leaders li.views-row-first,
#markcom li.views-row-first,
#comman li.views-row-first,
#commem li.views-row-first {
	padding:0 0 20px 20px;
	font:italic 1.3em/130% Georgia, "Times New Roman", Times, serif;
	}
#leaders li.views-row-first {
	background:url(graphics/quote-red.gif) no-repeat 5px 0;
	}
#markcom li.views-row-first {
	background:url(graphics/quote-orange-red.gif) no-repeat 5px 0;
	}
#comman li.views-row-first  {
	background:url(graphics/quote-orange.gif) no-repeat 5px 0;
	}	
#commem li.views-row-first {
	background:url(graphics/quote-yellow.gif) no-repeat 5px 0;
	}					
#content #leaders li.views-row-first a:link,
#content #leaders li.views-row-first a:visited,
#content #markcom li.views-row-first a:link,
#content #markcom li.views-row-first a:visited,
#content #comman li.views-row-first a:link,
#content #comman li.views-row-first a:visited,
#content #commem li.views-row-first a:link,
#content #commem li.views-row-first a:visited {
	color:#848771;
	border-bottom: none;
	}
#content #leaders li.views-row-first a:hover,
#content #leaders li.views-row-first a:focus,
#content #markcom li.views-row-first a:hover,
#content #markcom li.views-row-first a:focus,
#content #comman li.views-row-first a:hover,
#content #comman li.views-row-first a:focus,
#content #commem li.views-row-first a:hover,
#content #commem li.views-row-first a:focus {
	color:#dd2c0d;
	}

/* @end */


/* @end */

#sosipage #sosi .more a {
	display:block;
	margin-bottom:1em;
	}
#sosipage #sosi .more span {
	position:absolute;
	left:-999px;
	top:-999px;
	}
	
/* @end */

/* @group ask sosi */

.ask-sosi  {
	margin-bottom: 4em;
	padding:0 20px 0 7px;
	}
.ask-sosi h2 {
	text-indent:-9999px;
	background:url(graphics/t-ask-sosi.gif) no-repeat;
	}
.ask-sosi .form-text, html.js .ask-sosi .resizable-textarea textarea {
	width:200px;
	}	
.ask-sosi label {
	display:block;
	font-weight: normal;
	}
.ask-sosi p {
	margin-bottom:1em;
	}


/* @end */

/* @group sosi newsletter */

.sosi-newsl {
	margin-bottom:4em;
	padding:0 20px 0 7px;
	}
.sosi-newsl h2 {
	text-indent:-9999px;
	background:url(graphics/t-sosi-newsl.gif) no-repeat;
	}
.sosi-newsl p {
	margin-bottom:1em;
	}
	
	
/* @end */

/* user profile pages */
/* Override user.css */
.profile {
  clear: none;
  margin: 0;
  padding-bottom: 40px;
}
.profile .picture {
  float: none; /* LTR */
  margin: 0; /* LTR */
}
.profile h3 {
  border-bottom: none;
}
.profile dl {
  margin: 0;
}
.profile dt {
  margin: 0;
  font-weight: normal;
}
.profile dd {
  margin: 0;
}
.profile_Biography {
  margin-top: 10px;
  }
.profile-communication {
  position: relative;
  display: block;
  float: left;
  padding-bottom: 15px;
  }
.comm-list {
  width: 158px;
  border-bottom:1px solid #d8dfd2;
  padding-bottom: 10px;
  }
.node .communication {
  margin-bottom: 10px;
}
/* @group pagination */

.sosi_pager .item-list {
	width:555px;
	margin:0 0 0 30px;
	padding-bottom:2em;
	}
.sosi_pager  .item-list ul.pager {
        margin: 0;
        padding: 0;
	width:555px;
	}	
.sosi_pager .item-list ul li {
        padding: 0;
	margin: 0 0 .3em 1em;
	}
.sosi_pager .item-list ul li.pager-item {
	padding:0 .5em;
	}	
.sosi_pager .item-list ul li.pager-first {
	margin: 0 0 .3em 0;
	}	
.sosi_pager .item-list .pager li {
	display:block;
	float:left;
	line-height:22px;
	}
.sosi_pager .pager-current {
	font-weight:bold;
	}				
.sosi_pager .pager li.pager-last a,
.sosi_pager .pager li.pager-next a,			
.sosi_pager .pager li.pager-previous a,
.sosi_pager .pager li.pager-first a {
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	}		
.sosi_pager .pager li.pager-last a {
	background:url(graphics/btn-last.gif) no-repeat;
	}	
.sosi_pager .pager li.pager-first a {
	background:url(graphics/btn-first.gif) no-repeat;
	}		
.sosi_pager .pager li.pager-next a {
	background:url(graphics/btn-next.gif) no-repeat;
	}
.sosi_pager .pager li.pager-previous a {
	background:url(graphics/btn-previous.gif) no-repeat;
	}			

/* @end */
 

/* $Id: twocol_stacked.css,v 1.1 override  $ */

.panel-2col-stacked { 
/*  overflow: hidden;  */
  margin-top: 0;
  padding-top: 0;
}

.panel-2col-stacked .panel-col-top,
.panel-2col-stacked .panel-col-bottom { 
  width: 99.9%; 
  clear: both;
}

.panel-2col-stacked .panel-col-top .inside {
  /*margin-bottom: .5em;*/
  margin-bottom: 0;
}

.panel-2col-stacked .panel-col-first { 
  float: left; 
  width: 50%; 
}
* html .panel-2col-stacked .panel-col-first {
  width: 49.9%;
}

.panel-2col-stacked .panel-col-first .inside { 
  /*margin: 0 .5em 1em 0;*/
  margin: 0 0 0 0;
}

.panel-2col-stacked .panel-col-last { 
  float: left; 
  width: 49.9%; 
}

.panel-2col-stacked .panel-col-last .inside { 
  /*margin: 0 0 1em .5em;*/
  margin: 0 0 0 0;
}

.panel-2col-stacked .panel-separator {
  /*margin: 0 0 1em 0;*/
  margin: 0 0 0 0;
}

/* $Id: twocol_bricks.css,v 1.1 override  */

.panel-2col-bricks { 
/*  overflow: hidden;  */
  margin-top: 0;
  padding-top: 0;
}

.panel-2col-bricks .panel-col-top,
.panel-2col-bricks .panel-col-middle,
.panel-2col-bricks .panel-col-bottom { 
  width: 99.9%; 
  clear: both;
}

.panel-2col-bricks .panel-col-top .inside,
.panel-2col-bricks .panel-col-middle .inside {
  /*margin-bottom: .5em;*/
  margin-bottom: 0;
}

.panel-2col-bricks .panel-col-first { 
  float: left; 
  width: 50%; 
}
* html .panel-2col-bricks .panel-col-first {
  width: 49.9%;
}

.panel-2col-bricks .panel-col-first .inside { 
  /*margin: 0 .5em .5em 0;*/
  margin: 0;
}

.panel-2col-bricks .panel-col-last { 
  float: left; 
  width: 50%; 
}
* html .panel-2col-bricks .panel-col-last {
  width: 49.9%;
}

.panel-2col-bricks .panel-col-last .inside { 
  /*margin: 0 0 .5em .5em;*/
  margin: 0;
}

.panel-2col-bricks .panel-separator {
  /*margin: 0 0 1em 0;*/
  margin: 0;
}

.page-admin .change-layout-display > img {
  padding: 25px 25px 25px 0;
  float: left;
}

			
.no-float {
  float: none;
}

/* Panels admin fixes */

div.panels-display img {
	margin: 0;
	padding: 0;
	float: none;
	display: inline;
	position: static;
}

span.inline-icon-help img {
	display: inline;
}

span.inline-icon-help {
	display: inline;
}

span.buttons {
	position: static;
	float: right;
}

span.buttons img, span.buttons a {
	position: static;
	display: inline;
	float:left;
}

#sosi img {
	position: static;
}