* {	margin:0; padding:0;}
p {margin: 15px 0;}
a:link, a:visited {color: #333; text-decoration:none}
a:hover, a:active {color: #808080; text-decoration:none;}
a img {border:0;}
code {font: 1.0em 'Courier New', Courier, Fixed; background:#ececec;}	
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}			
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #ececec; font:1.0em Arial; line-height:1.5em;	margin:10px 0px;}


/* Structure */

.left {float:left;}
.right {float:right;}




/* Index Page*/


#headline {
	width:560px;
	padding:0px 12px 10px 25px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	color:#000;
	overflow:hidden;

}
#headline a {color:#424242;}
#headline a:hover {
	color:#1E1E1E;
}

#top div.label {font:1.2em Arial; font-weight:bold; text-transform:lowercase; letter-spacing:-0.05em; line-height:0.9em; display:block; padding-bottom:0px; padding-top:10px; }

#headline {position: relative; overflow: scroll; height: 200px;}
#headline div.title {font:2.4em Arial; font-weight:bold; letter-spacing:-0.05em; line-height:0.9em; display:block; padding-bottom:5px; padding-top:15px; }
#headline div.meta {display:block; padding:4px 0px 4px 0px; color:#000; font-size:0.85em;}
#headline p {padding-bottom:25px;}
#headline .belt {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	height: 320px;
}
#headline .panel {float: left; overflow: hidden; width: 560px; height: 260px; margin: 20px;}

#headline a img, #featured a img {margin-top:5px;}
#headline a img {border:3px solid #fff; margin-right:15px; margin-bottom:10px;}


#mores {margin:0 auto; border-left:5px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #fff; width:940px; font-size:0.7em;}
#more-head {
	text-align:center;
	float:left;
	width:565px;
	padding:0px 12px 10px 20px;
}
#more-head a {
	background:#bababa;
	color:#b0b0b0;
	width:105px;
	float: left;
	margin: 0 1px;
}
#more-head a:hover, #more-head .selected {
	text-decoration:none;
	background-color: gray;
}


   
.author {font-size:0.8em; font-weight:bold;}
.meta {color:#333333; font-weight:bold;}

#headline p, #featured p {margin:0;}


.alignleft {float: left}



/* Footer*/

#carousel {
	font-size:0.7em;
	color:#fff;
	width: 850px;
	background:#fff;
	margin: 0 auto;
	padding:10px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

.carousel-item {
    width:131px;
    float:left;
    padding:0px 20px;
    border-right:1px dotted #ccc;
}

.carousel-item img {
    border:1px solid #ccc;
    padding:2px;
    margin-bottom:5px;
}

.carousel-item .info {
    font-weight:bold;
}

#footer {
	margin: 0 auto;
	width: 920px;
	font-size:0.6em;
	background:#dedede;
	color:#333333;
	padding:5px 10px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

#footer a:hover {
	color:#808080;
	}

/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

