/*
Theme Name: Smarter Planet WP II
Theme URI: http://www.asmarterplanet.com/
Description: IBM modified default theme for smarter planet
Version: 1.0
Author: Clifford Hayden
Author URI: http://www.cohconsulting.com/
Tags: blue, custom header, fixed width, two columns, widgets

This theme was originally built by Mattie Langenberg (mlangenberg@vsapartners.com) at VSA Partners.
Largely rewritten by Clifford Hayden (chayden@us.ibm.com, cliff@www.cohconsulting.com

The CSS, XHTML and design is copyright IBM 2009

*/

html {
	font-size: 100%;
}

/* Resets */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; color: #555; font-size: 1em; /* sets all elements to default system font-size */ }

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background-color: #ffffff;
	color: #555;
	padding-top:20px;
	line-height: 1; color: black;
	}


ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }

/* Hacks */
.clear_:after { clear: both; content:" ."; height: 0; visibility: hidden; display: block; }

/* remove comments for testing only
html, body div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { border:1px solid #ffcc00;}

span { border:1px solid #cc0000;},*/
/* end testing only styles */



#header {
	border-top:10px solid #e5e5e5;
	border-bottom:30px solid #e5e5e5;
	margin-bottom:15px;
	float:left;
}

#headerarchive {
	border-top:10px solid #e5e5e5;
	border-bottom:30px solid #e5e5e5;
	margin-bottom:15px;
	float:left;
}


#headerhome {
	border-top:10px solid #e5e5e5;
	border-bottom:15px solid #e5e5e5;
	float:left;
}

#headerhome h1 span, #header h1 span, #headerarchive h1 span {
	color: #666666;
	font-family:'ITCLubalinGraphW01-Bk';
	position: absolute;
	width: 100%;
	height: 100px;
	background-image: url(images/header1.gif);
	background-repeat: no-repeat;
	}

.narrowcolumn .entry {
	font-size: 1.3em;
	line-height: 1.3em;
	}
.narrowcolumn .entry p {
	padding-bottom: 15px;
	}
	
.singlecolumn {font-size:1.3em;}
.singlecolumn p {line-height:1.3em;}

.narrowcolumn .postmetadata {
	font-size: 1.1em;
	}

.postmetadata a.continue {
	font-weight: bold;
}
.narrowcolumn  .author_cats, .narrowcolumn  .posts_header .col1 {
	font-size: 1.1em;
	line-height: 1.3em;
}

.narrowcolumn  .author_cats p a {
	font-weight: bold;
	display: block;
}

.narrowcolumn  .author_cats p.tags {
	padding-top: 10px;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 3em;
	}

#header .description {
	font-size: 1.2em;
	}


h2.listlang, h2.listhead {
        color: #666666;
	font-size: 2.4em;
	line-height: 1.1em;
	font-family:'ITCLubalinGraphW01-Bk';
	}
.plus {
	background white url('images/plus.gif') no-repeat center right;
	}
.plus {
	background white url('images/minus.gif') no-repeat center right;
	}
h2.pagetitle {
	font-size: 26px;
	color:#f19026;
	}

span.pagetitle {
	font-size: 26px;
	color:#f19026;
	margin: 0 0 0 8px;
	padding: 0;
	}



#sidebar h2 {
	color: #999999;	
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	font-family:'ITCLubalinGraphW01-Bk';
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #666;	
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

h2 a:hover {
	text-decoration: none;
	color: #444444;
	}

.entry p a:visited {
	color: #b85b5a;
	}


.commentlist p {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.3em;
	text-transform: none;
	}

.commentlist p b{
	font-weight: bold;
}


#sidebar ul#sidebar_menu li ul li {
	font-size: 1.1em;
	line-height: 1.3em;
	}

#sidebar ul#sidebar_menu li ul  {
	padding: 7px 0 7px 0;
	}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a,  h3 a:hover {
	color: #a5a216;
	text-decoration: none;
	}

a:hover {
	color: #a5a216;
	text-decoration: underline;
	}

#sidebar a {
	color:#666666;
}

#sidebar a:hover {
        text-decoration: none;
	/* color: #666666; */
	font-weight: 900; 
        }
 
 
a.post-edit-link {
	font-weight: bold;
	color: #cc0000;
}

a.more-link {
	padding-top:1.3em;
	display: block;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

li.current-cat a {
	color: #333333;
	font-weight: bold;
}
/* End Typography & Colors */



/* Begin Structure */

#page {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 910px;
	}

#content {
	padding-left: 0px;
}

#headerhome {
	float: left;
	width:710px;
	height:190px;
	position:relative;
	overflow:hidden;
	}

#headerhome img {
	left:300px;
	position:absolute;
	top:-60px;
	overflow:hidden;
	}
#header, #headerarchive {
	float: left;
	width:710px;
	height:125px;
	position:relative;
	}


.narrowcolumn {
	float: left;
	width: 710px;
	}

/* home article list styles */

.narrowcolumn .col2 {
	float: left;
	width: 530px;
	clear: right;
}

.narrowcolumn .col2 ul {
	list-style: square;
	text-indent: 0px;
}

.narrowcolumn .col1 {
	float: left;
	width: 160px;
	padding-left: 10px;
}

.col1comment {
	float: left;
	width: 160px;
	line-height: 1.3em;
	padding-left: 10px;
}

.col2comment {
	float: left;
	width: 530px;
	clear: right;
}



#respond div.colhead, .commenthead div.col2 {
	padding-left: 0px;
}

.col2comment h2.pagetitle {
	padding-left: 10px;
}


.commentbody {
	padding:10px 0 20px 0;
	border-top: 1px solid #cccccc;
}

.narrowcolumn .posts_header {
	padding: 10px 0 10px 0;
	margin: 20px 0 10px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #e6e6e6;
}

.narrowcolumn .posts_header_first {
	margin: 5px 0 10px 0;
}

.narrowcolumn .posts_header_summary {
	border-bottom: none;
	margin-bottom: 5px;
}
.narrowcolumn .posts_header .col2 {
	padding: 9px 0 0 0;
}


.post hr {
	display: block;
	}



.narrowcolumn .postmetadata {
	padding: 20px 0 0 170px;

	}
.narrowcolumn .short {
	padding-top: 5px;
}
.addthisbutton {
	width: 540px; /* was width: 530px; changed to even up with other borders */
	margin-top:10px;
	padding: 10px 0 20px 170px;
	border-top: 1px solid #E6E6E6;
}
.sharebutton {
	margin-top:10px;
}
.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


/* End Structure */



/*	Begin Headers */
h2.pagetitle {
	margin-top: 8px;
}

#sidebar h2 {
	font-size: 1.9em;
	font-weight:900;
        color: #999999;		
	border-top: 10px solid #e5e5e5;
	margin: 0 0 0 0;
	padding: 9px 0 13px 0;
	
	}
#sidebar h2:hover {
        color: #1b1b1b;
        text-decoration: none;
        }
/* rule for the last grouping of sidebar h2 */
#sidebar ul#sidebar_menu {
	border-bottom: 10px solid #e5e5e5;
	}

h3 {
	padding: 0;
	margin: 10px 0 5px;
	}

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

div.author-photo {
	padding-right: 4px;
	float: left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}


#sidebar ul ul, #sidebar ul ol {
	margin: 0 0 10px 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
#commentform #submit {
	margin: 10px 0 0 0;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

#comments_block .thing {
	background-color:#cc0000;
}


#comments_block .col2 {
	margin-top: 40px;
	border-top: 10px solid #e5e5e5;
	width:710px;
	}

 #respond {
	margin-top: 40px;
	border-top: 10px solid #e5e5e5;
	width:710px;
	}

#comments {

}

.children { padding: 0; }


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 0 0 0 0;
	margin-left: 740px;
	width: 170px;
	}

/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	}

.more-entries { border-bottom:1px solid #e6e6e6; padding-bottom:12px; padding-left:170px;}

.more-entries div.alignleft { margin-right:20px; font-size:11px; font-weight:bold;}


/* Styles for Previous and Next Post found on single.php */

div.post-links { margin-top:17px; padding:9px 0 0 10px; border-top:1px solid #e6e6e6; width:700px}
div.post-links div { float:left; margin-right:10px; }
div.post-links p { text-align:left; font-size:11px; width:150px; margin-bottom:2px;}
div.post-links a {  }

/* Styles for rss feed link on single.php */

.post-rss-feed { margin:10px 0 0 740px; width:170px;}

.post-rss-feed a { display:block; float:left; padding-top:3px; color:#666666; font-size:11px;width:151px; }

.post-rss-feed img { padding-right:5px;float:left;display:block; width:14px; }


/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Styling for JS function */
.init {display:none;}
h2.menu_head { cursor:pointer; }

/* Sidebar image replacements */
#menu_heada, #menu_headb, #menu_head1, 
#menu_head2, #menu_head3, 
#menu_head4, #menu_head5, #menu_head6, 
#menu_head7, #menu_head8, #menu_head9 {
	position: relative;
	color: #fff;
}


#menu_heada span, #menu_headb span, 
#menu_head1 span, #menu_head2 span, 
#menu_head3 span, #menu_head4 span, 
#menu_head5 span, #menu_head6 span, 
#menu_head7 span, #menu_head8 span, 
#menu_head9 span {
	position: absolute;
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
	}
/*
#menu_heada span {
	background-image:url(images/sidebar/authors.gif);
	background-position: 0 -23px;
}
#menu_headb span {
	background-image:url(images/sidebar/about.gif);
	background-position: 0 -23px;
}
#menu_head1 span {
	background-image:url(images/sidebar/archive.gif);
	background-position: 0 -23px;
}
#menu_head2 span {
	background-image:url(images/sidebar/categories.gif);
	background-position: 0 -23px;
}
#menu_head3 span {
	background-image:url(images/sidebar/recent.gif);
	background-position: 0 -23px;
}
#menu_head4 span {
	background-image:url(images/sidebar/comments.gif);
	background-position: 0 -23px;
}
#menu_head5 span {
	background-image:url(images/sidebar/related.gif);
	background-position: 0 -63px;
}
#menu_head6 span {
	background-image:url(images/sidebar/podcasts.gif);
	background-position: 0 -23px;
}
#menu_head7 span {
	background-image:url(images/sidebar/links.gif);
	background-position: 0 -23px;
}

#menu_head8 span {
	background-image:url(images/sidebar/media-library.gif);
	background-position: 0 -23px;
}
#menu_head9 span {
	background-image:url(images/sidebar/social.gif);
	background-position: 0 -23px;
}
*/
.vmiddle {
	vertical-align:middle;
	}
.post-sidebar-text {
	font-size: 11px;
}
#recent-comments-3 h2{
	position: relative;
	/* color: #fff; */
	cursor: pointer;
}
#recent-comments-3 h2 span {
	position: absolute;
	width: 100%;
	height: 20px;
/*	background-repeat: no-repeat;
	background-image:url(images/sidebar/comments.gif);
	background-position: 0 -23px;
	*/
}
#recent-comments-3.active h2 span {
	background-position: 0 0px;
}
.recentcomments a{
	font-style:normal;
	clear:both;
	}
a.url{
	font-weight: bold;
}
li.recentcomments{
    font-style: italic;
    border-top:1px solid #E6E6E6;
	display:block;
	padding:3px 0;
}
#recent-posts-3 h2{
	position: relative;
	/* color: #fff; */
	cursor: pointer;
}
#recent-posts-3 h2 span {
	position: absolute;
	width: 100%;
	height: 20px;
/*	background-repeat: no-repeat;
	background-image:url(images/sidebar/recent.gif);
	background-position: 0 -23px; */
}
#recent-posts-3.active h2 span {
	background-position: 0 0px;
}
#recent-posts-3 li{
	border-top:1px solid #E6E6E6;
	display:block;
	padding:3px 0;
}
#menu_heada.active span,
#menu_headb.active span,
#menu_head1.active span,
#menu_head2.active span,
#menu_head3.active span,
#menu_head4.active span,
#menu_head6.active span,
#menu_head7.active span,
#menu_head8.active span,
#menu_head9.active span {
	background-position: 0 0px;
}

#menu_heada.active,
#menu_headb.active,
#menu_head1.active,
#menu_head2.active,
#menu_head3.active,
#menu_head4.active,
#menu_head6.active,
#menu_head7.active,
#menu_head8.active,
#menu_head9.active {
	padding-bottom: 10px;
}

#menu_head5.active {
	height:60px;
}

#menu_head5.active span {
	background-position: 0 0px;
	height: 60px;
}

.menu_head3b li, 
.menu_head4b li, 
.menu_head5b li, 
.menu_head7b li, 
.menu_head8ob li, 
.menu_head9 li, 
.menu_headab li, 
.menu_head_bb li {
	display:block;
	padding: 3px 0 3px 0;
	border-top: 1px solid #e6e6e6;
}

li.recentcomments span {
	font-weight: bold;
}


/* Footer styles type and structure */
.myclear_:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

div#footer { width:930px; font:11px/15px arial,helvetica,sans-serif; padding-top:70px;}

div#footer div.footnav { background-color:#004259; padding:17px 0 12px 10px; color:#fff; margin-bottom:19px;}

div#footer div.footnav ul { list-style-type:none; }

div#footer div.footnav ul.nav_ { margin-bottom:50px; }

div#footer div.footnav ul.nav_ li { padding:0 10px 0 10px; float:left; border-right:1px solid #fff;  }

div#footer div.footnav ul.nav_ li.last_ { border:none; }

div#footer div.footnav ul.nav_ li.first_ { padding-left:0; }

div#footer div.footnav ul.nav_ li a,div#footer div.footnav ul.archive-year li a,div#footer div.footnav ul.archive-year li  { color:#fff; font-weight:bold; text-decoration:none; line-height:11px;}


div#footer div.footnav h4#ttl-archive { position:relative; height:14px; width:66px; margin:0 0 7px 0; font:12px/12px courier,serif;}
div#footer div.footnav h4#ttl-archive span { position:absolute; height:100%; width:100%; background-image:url(images/footer_ttl_archive.gif); background-repeat:no-repeat;display:block; }

div#footer div.footnav ul.archive-year { margin-bottom:6px;}

div#footer div.footnav ul.archive-year li{ float:left; padding-right:5px;}

div#footer div.footnav ul.archive-year li a { font-weight:normal; }

div#footer div.about-blog { padding:0 0 0 10px; margin:0; position:relative;}

div#footer div.about-blog p { color:#666; width:618px; margin-bottom:45px;}

div#footer div.about-blog a { color:#838327; display:inline;}

div#footer div.about-blog h4#ttl-about { position:relative; color:#666; font:12px/12px courier,serif; height:17px; width:132px; margin-bottom:3px; overflow:hidden; }

div#footer div.about-blog h4#ttl-about span {
	position: absolute;
	background-image: url(images/footer_about_blog.gif);
	background-repeat: no-repeat;
	height:100%;
	width:100%;
}

div#footer div.footnav ul.nav_ li a:hover, div#footer div.footnav ul.archive-year li a:hover {
	color: #a5a216;
	}


div#footer span.logobgnd { position:absolute; top:3px; right:55px; background-image:url(images/Logo_eye.jpg);display:block;width:135px;height:57px;}


/* Only for About page */
div.about-article h4 { margin:0 0 1px 0; padding:0; font: bold 11px/13px  arial, helvetica,sans-serif; color:#B84619; }
div.about-article { border-top:1px solid #ccc; clear:both; padding:15px 0 0 0;}


#ttl-building_ { padding:20px 0 19px 0; margin-bottom:0; width:520px; height:167px; position:relative;}
#ttl-building_ span {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(images/about_ttl_building.gif);
	background-repeat: no-repeat;
}
.breakit,.breakit2{ display:none;}

#chubby {position:absolute;left:-9999px}

/* For podcast category page */
img.podcast-icon {
	padding-right: 10px;
	display: inline;
	float: left;
}
img.video-thumbnail {
	padding-right: 10px;
	display: inline;
	float: left;
}
/* photo category page */
div.category-box{
	padding-left: 10px;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0;
	margin: 20px 0 10px;
	overflow: hidden;
	clear: both;
}
div.category-box h2 {
	padding-left: 10px;
	margin-bottom: 10px;
}
/* downloads page */
#essay-box, .photo-box, #podcast-box, #video-box, #widget-box {
	padding-left: 10px;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0;
	margin: 20px 0 10px;
	overflow: hidden;
	clear: both;

}
#essay-box h2, .photo-box h2, #podcast-box h2, #video-box h2, #widget-box h2{
	padding-left: 10px;
	margin-bottom: 10px;
}
#essay-box a.continue, #podcast-box a.continue, #video-box a.continue, #widget-box a.continue {
	font-size: 1.1em;
	display: block;
	margin-top: 5px;
}
#essay-box h3, .photo-box h3, #podcast-box h3, #video-box h3, #widget-box h3{
	margin-top: 5px;
}
#essay-box ul li{
	display:inline;
	float: left;
	width: 300px;
	padding: 10px;
}
#photo-box {

}
#podcast-box {

}
#podcast-box ul li{
	display:inline;
	float: left;
	width: 300px;
	padding: 10px;
}
#video-box ul li{
	display:inline;
	float: left;
	width: 300px;
	padding: 10px;
}
#widget-box {

}
/* downloads page gallery */
.gallery{
	position: relative;
	overflow: hidden;
	height: 400px; /* this will have to be removed and will need to figure out how to make the box expand */
}

.gallery ul {
	list-style: none;
	padding-left: 10px;
	/*clear: both;*/
	position: absolute;
	width: 800px;
}
.gallery ul li {
	display: inline;
	float: left;
}
.gallery ul img {
	border: 5px solid #3e3e3e;
	margin-right: 5px;
	display: block;
}
.gallery ul a:hover img {
	border: 5px solid #fff;
	color: #fff;
}
.gallery ul a:hover { color: #fff; }

.gallery h3 {
	margin-top: 0px;
}
img.gallery_share{
	margin: 5px 0px 15px 0px;
}
/* lightbox additions */
 #lightbox-image-details-caption h3{
	margin-top: 0px;
}

.gallery_previous,.gallery_next{
	display:block;
	width: 300px;
	background-color:#fff;
	float:left;
}
.gallery_previous {
	clear: both;
}
.gallery_next{
	text-align: right;
}

#rss-390957121.active ul{
margin-top: 35px;
}
#rss-390957121 h2{
position: relative;
color: #fff;
cursor: pointer;
background-image: none;
}
#rss-390957121 h2 span {
position: absolute;
width: 100%;
height: 20px;
background-repeat: no-repeat;
background-image:url(images/sidebar/related.gif);
background-position: 0 -60px;
}
#rss-390957121.active h2 span {
background-position: 0 0px;
height: 60px;
}
#rss-390957121 ul li{
    border-top:1px solid #E6E6E6;
display:block;
padding:3px 0;
}
.accessblehidden {
	position: absolute;
	left-margin: -999;
}
.podcast-player {
	display: block;
}

.authorconnect {
	padding: 5px 0 25px 0;
	text-size: 1.1em;
	border-bottom: 1px solid #E6E6E6;
}
.authorconnectitem {
	float:left;
	padding: 0 10px 0 0;
}
.authorconnecthdr {
	float:left;
	padding: 0 10px 0 0;
	font-size: 1.3em;
	font-weight: bold;
}


/* added by COH to support pop-up video player */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }