.today { margin : 12px; line-height : 1.8em;}
.today-list {
	margin : 12px 12px 12px 0;
	background : #eee;
}
.today-list h4 {
	margin : 12px;
}

.feature-box {
	height : 165px;
	float:left;
	overflow: hidden;
	position: relative;
	width:221px !important;
	margin:16px 12px 6px 15px;
	background : #000;
}

.feature-box img {
	position: absolute;
	border: 0;
	top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   margin-top: 0%; /* Half the height */
   margin-left: 0%; /* Half the width */
}

.feature-box-caption{
	float: left;
	position: absolute;
	height: 100px;
	width: 100%;
	color : #fff;
	top : 165px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* For IE 6 */
  	filter: alpha(opacity=80);
	background : #000;
	filter: ‘alpha(opacity=80)’;
	*filter: alpha(opacity=80);
}


.feature-box-caption .sub-section a {
	padding : 2px;
}

.captionfull .feature-box-caption  {
	top: 260;
	left: 0;
}
.caption .feature-box-caption  {
	top: 220;
	left: 0;
}
.section-asides {
	margin : 0 0 0 12px;
	width : 240px !important; /* the width differs from the gallery in the article section */
}


.section-multimedia {
	margin : 0 12px 12px 0;
}

.section-multimedia.single {
	margin : 0 12px 12px 12px;
	text-align : center;
}

.section-multimedia.single img {
	margin : 12px;
	float : none;
	text-align : center;

}

* html .section-multimedia.single {
	margin : 0 12px 12px 12px;
	width : 140px;
} /* IE 6 only */


*+.section-multimedia.single {
	margin : 0 12px 12px 12px;
	width : 140px;
} /* IE 7 only */



.section-multimedia img, .section-multimedia embed {
	margin : 0 12px 0 12px;
}

.section-multimedia .photo {
text-align : center;
}


.height {.height: 30px; height:auto; height/*\**/: 30px\9} /*fixes gallery height problem in ie7. dammit. */


.sub.section .outline {
	outline : 1px solid #ddd;
}

.sub.section .column-name, .section .column-name {
	margin : 0 12px;
	padding : 4px 0 4px 4px;
	border-right : 1px solid #ddd;
	display : inline;
}

.sub.section .column-name .avatar, .section .column-name .avatar {
	margin : 0  12px;
}

.sub.section .column-name h4, .section .column-name h4 {
margin : 0 0 3px 0;
border-bottom : 1px solid #ddd;
}

#section-columns {
	margin-right : 0;
	margin-bottom : 12px;
}

#section-columns p {
	margin : 0 ;
	padding : 6px 6px 6px 0;
}

#section-columns li {
	list-style : none;
	border-bottom : 2px solid #ddd;
	margin:0 0 0 12px;
}

#section-columns .columnist {
	width : 200px !important;
	margin : 0;
	border-right : 1px solid #ddd;

}

#section-columns .avatar, #section-blogs .avatar {
	margin : 12px 8px 0 0;
}

#section-columns .columnist-more {
	width:170px !important;
}

#section-columns .columnist-more li {
	padding : 6px 6px;
	margin : 0;
}


#section-columns .columnist-more li, #section-blogs .blogger-more li  {
	border-bottom : 1px solid #ddd;
	border-top : 1px solid #fff;
	padding : 6px 8px;
}


#section-columns .columnist-more li a, #section-blogs .blogger-more li a {
	display : block;
}

#section-blogs {
	margin-right : 0;
	margin-bottom : 12px;
}

#section-blogs p {
	margin : 0 ;
	padding : 6px 6px 6px 0;
}

#section-blogs li {
	list-style : none;
	border-bottom : 2px solid #ccc;
	margin:0 0 0 12px;
}

#section-blogs .blogger {
	width : 200px !important;
	margin : 0;
	border-right : 1px solid #ddd;

}


#section-blogs .blogger-more {
	width:170px !important;
}

#section-blogs .blogger-more li {
	padding : 6px 6px;
	margin : 0;
}

#section-blogs .blogger-comment-count {
	background : url(../images/sprites.gif) -237px 3px no-repeat;
	width : 16px;
	height : 16px;
	margin : 0 4px 0 0;
}

/* section - search hover */


#hover-search-trigger {
	position : relative;
	top : 17px;
	left: 860px;
	margin : 0 !important;
	height : 0 !important;

}

#hover-search-box {
/*	outline : 1px dotted #ddd;*/
	outline : 1px solid #222;
	/*background : rgba(000,000,000,0.8); */
	 background : #97d3eb;
	position : static;
	z-index : 3;
	padding : 10px;
	-moz-box-shadow: 3px 3px 20px #333;
    -webkit-box-shadow: 3px 3px 20px #333;
}


.tooltip {
    display:none;
}

.tooltip #hover-search-box {
	outline : 1px solid #ddd;
}

.tooltip input.bg, .tooltip #cse-search-box input[type=text] {
	height : 16px;
	padding : 6px 2px;
	overflow : hidden;
	width : 260px;
	border : 0;
	margin : 7px;
}

.tooltip input:hover {
	background : #eee;

}

.tooltip p {
	margin : 0 !important;
}


/* Section level */
.feature-box {
	margin-top: 0;
}


.feature-box-caption {
	background : rgba(000,000,000,0.6);
	border-top : 1px dotted #e55683;

}

.feature-box h4 {
	color : #fff;
}

.feature-box a {
	color : #fff;
}

.feature-box a:hover {
	color : #333;
}

.feature-box-caption .sub-section a {
	color : #000;
	background : #e55683;

}

.feature-box-noimg  {
	color : #333;
	background : #f5f5f5;
}

.feature-box-noimg  a:link, .feature-box-noimg  a:visited {
	color : #06c;
}

.feature-box-noimg  h4 a:hover {
	color : #999;
}

.feature-box img.portrait  {
	width : 119px;
	height : 165px;
	margin : 0 51px;
}

/* in case you missed it */

#in-case-you-missed-it img {
	top: 0%;
   left: 0%;
  height : 150px;
	margin : 0 12px;
	text-align : center;
}

#in-case-you-missed-it li {
	height : 260px;
	margin-bottom : 12px;

}

.columnist-name a:link, .columnist-name a:visited {
	color : #666;
}


.column-blurb, .column-blurb a:link, .column-blurb a:visited  {
	color : #666;
	line-height : 1.6em;
}

#columnists {
	margin : 12px;
	list-style : none;
}
#columnists li {
	border-bottom : 1px solid #ddd;
	border-top : 1px solid #fff;
	padding : 0;
	list-style-position : outside;
}

#columnists li.noborder {
	border-top : none !important;
	border-bottom : 1px solid #ddd;

}

#columnists li a {
	display : block;
	padding : 6px 0;

}

#columnists li a:hover {
	background : #eee;
	color : #E55683;

}
.section{
background-color:#000 no-repeat center top;
}