@import "base.css";
@import "digmo-typography.css";
@import "tooltips.css";
@import "calendar.css";
@import "digmo-layouts.css";

/* General Layout */

#top-wrapper {
	background:url('../img/main-bg.gif') repeat-y;
	width:960px;
	overflow:hidden;
	position:relative;
	clear:left;
	}

#left-rail,#right-rail {
	float:left;
	text-align:left;
	display:inline;
	width:180px;
	margin:10px 20px 0 20px;
	}

#right-rail { float:right; display:inline; }

#center-wrapper {
	float:left;
	display:inline;
	padding-bottom:20px;
	}


#main {
	float:left;
	display:inline;
	width:480px;
	margin:0px 0px 0 20px;
	}

#bottom-wrapper {
	float:left;
	display:inline;
	width:960px;
	border-top:1px solid #ccc;
	background:url('../img/bottom-bg.gif') repeat-y;
	}

#bottom-left {
	float:left;
	display:inline;
	width:620px;
	padding-bottom:20px;
	}

#bottom-right {
	float:right;
	display:inline;
	width:320px;
	padding-bottom:20px;
	}

/* Topic and Burst Styles */

#topics {
	height:100px;
	width:960px;
	border-bottom:1px solid #666;
	}

#bursts {
	margin-top:15px;
	margin-bottom:12px;
	padding-bottom:10px;
	text-align:left;
	border-bottom:1px solid #ccc;
	}

#nobursts { /* Used for vertical padding if there are no bursts to be had */
	height:15px;
	width:100%;
	float:left;
	display:inline;
	}

#bursts .burst-body {
	padding:5px 5px 0px 5px;
	margin-bottom:3px;
	background:#e6e2dd;
	}
#accordion {
	width:480px;
	text-align:left;
	}

.ui-accordion-link {
	display:block;
	width:480px;
	padding:0;
	background:#D03434 url('../img/burst.png') no-repeat;
	margin-bottom:3px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}

.topic {
	width:130px;
	height:100px;
	background:#eee;
	}

.spacer {
	margin-left:20px;
	}

.carousel {
	float:left;
	display:inline;
	overflow:hidden;
	height:100px;
	width:864px;
	}

.prev,.next {
	float:left;
	display:inline;
	width:40px;
	height:100px;
	background:#ccc;
	text-decoration:None;
	}

.prev {
	margin-right:8px;
	background:url('../img/nav-left.png')
	}

.prev:hover {
	background:0 -100px url('../img/nav-left.png');
	}

.next {
	float:right;
	display:inline;
	margin-left:8px;
	background:url('../img/nav-right.png');
	}

.next:hover {
	background:0 -100px url('../img/nav-right.png');
	}

.jCarouselLite {
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:2;
	height:100px;
	}

.carousel ul {
	position:relative;
	list-style-type:none;
	z-index:1;
	left:0;
	}

.carousel li {
	overflow:hidden;
	float:left;
	display:inline;
	height:100px;
	width:130px;
	margin:0 7px;
	}

/* List Styles */

#left-rail ul,#right-rail ul {
	text-align:left;
	margin:0 0 10px 0;
	}

#left-rail li,#right-rail li { margin:8px 0; overflow: hidden; }

#multibox-nav { /*ul for multibox */
	float:left;
	display:inline;
	margin:15px 0 0 40px;
	width:580px;
	}

#multibox-nav li {
	float:left;
	display:inline;
	background:#fff;
	margin:0 3px 0 0;
	}

#multibox-nav li a {
	display:block;
	padding:3px 8px;
	background:#c8c5c0 url('../img/tab-inactive-bg.gif') top right no-repeat;
	border-bottom:1px solid #c2bdb0;
	}

#multibox-nav li#active, li.ui-tabs-selected {
	margin-bottom:-1px;
	position:relative;
	}

#multibox-nav li#active a, #multibox-nav li.ui-tabs-selected a {
	padding-bottom:4px;
	background:#fff url('../img/tab-active-bg.gif') top right no-repeat;
	color:#333;
	border-bottom:none;
	outline:None;
	}

.multi-p {
	clear:both;
	float:right;
	display:inline;
	margin-top:20px;
	margin-right:10px;
	text-align:right;

	}

/* weather widget */

#weather {
	overflow:hidden;
	margin-bottom:10px;
	text-align:left;
	}

.current-weather {
	float:left;
	display:inline;
	margin-left:0px;
	width:84px;
	height:84px;
	}

#temperature {
	float:right;
	display:inline;
	height:84px;
	margin-right:0px;
	margin-top:8px;
	}
	
#forecast {
	clear:both;
	width:180px;
	margin:0 auto;
	text-align:center;
	}

.forecast-wrapper {
	float:left;
	display:inline;
	width:50px;
	text-align:center;
	line-height:12px;
	margin:0 5px;
	}

.print-date { text-align:left; }

/* Center Styles - Vertical */

/*.vertical .lead-media {
	margin-bottom:5px;
	float:right;
	display:inline;
	width:240px;
	} */

hr {
	clear:both;
	border:0;
	height:1px;
	background:#ccc;
	}

/* Bottom Styles */

  /* left */
#multibox {
	float:left;
	display:inline;
	width:580px;
	background:#fff;
	margin:0 0 0px 20px;
	padding-bottom:20px;
	}

#multibox ul { margin-top:0px;}

#multibox .item {
	float:left;
	display:inline;
	width:180px;
	height: 140px;
	margin:20px 0 0 10px;
	}

#multibox .item .tease {
	float:left;
	display:table-cell;
	width:80px;
	line-height:75px;
	height:80px;
	background:#eee;
	margin:5px auto;
	text-align:center;
	}

#multibox .item .tease img {
	vertical-align:middle;
}

#multibox .teasetitle {
	overflow:hidden;
	text-align:left;
	}

#multibox .item .teasetext {
	text-align:left;
	margin:5px 0 0 0;
	float:right;
	display:inline;
	width:95px;
	}
.ui-tabs-hide { display: none; }

  /* right */

#movie {
	width:300px;
	height:68px;
	margin:0 0px 10px 0px;
	}

.movie-pic {
	float:left;
	display:inline;
	width:80px;
	height:60px;
	background:#eee;
	margin:4px 4px 0 0;
	}

.movie-text {
	float:right;
	display:inline;
	width:190px;
	margin:18px 10px 0 0;
	text-align:left;
	}

/* Ad Styles */

.rail-ad {
	width:180px;
	height:150px;
	background:#000;
	margin:0px 0px 20px 0px;
	}

#bottom-right .ad {
	float:left;
	display:inline;
	margin:0 15px 0 0;
	}

#bottom-right h4 {
	margin-right:15px;
	}

.bottom-right-ad {
	float:left;
	display:inline;
	margin:0px 15px 0px 0;
	width:300px;
	height:250px;
	background:#000;
	}

.center-ad {
	width:468px;
	height:60px;
	background:#000;
	}

#layout ul, #layout ol {
	margin: 0.5em 0;
	padding: 0 0 0 2em;
}

#layout ul li, #layout ol li {
	margin: 0;
	padding: 0;
}

#layout ul, #layout ul li {
	list-style: square outside none;
}
#layout ol, #layout ol li {
	list-style: decimal outside none;
}