/*
	CSS Document for Bartlesville Radio
	Home Page
	Developed by PDG+creative 
	Started 11-1-10

*/

	/* featured story */
	#featured {
		border: 1px solid #ccc;
		padding: 15px;
		font-size: .9em;
		line-height: 130%;
		margin-bottom: 7px;
		}


		#featured h2 {
			color: black;
			font-size: 19px;
			margin-top: 10px;
			}

		#featured p {
			margin-top: 5px;
			width: 350px;
			}

		#featured .list ul {
			width: 350px;
			float: right;
			display: inline;
			margin: 0px;
			padding: 0px;
			}

			#featured .list ul li {
				font-size: 1.1em;
			    line-height: 150%;
			    margin: 0 0 3px;
			    padding: 3px;
				}

				#featured .list  ul li a {
					color: #373737;	
					text-decoration: none;
					}
					
			#featured .list  ul li.odd {
				background: #e7e7e7;
				}
	
	/* Home page boxes */
	.box {
		font-size: .8em;
		line-height: 140%;
		width: 375px;
		float: left;
		display: inline;
		border: 1px solid #ccc;
		margin-right: 5px; 
		height: 230px;
		position: relative;
		overflow: hidden;
        margin-bottom: 10px;
		}
	
	.box.last {
		margin-right: 0px;
		}

		.box a {
			font-weight: bold;
			}


		#main .box h3 {
			background: #1944a3;
			padding: 6px 10px 3px 10px;
			text-transform: uppercase;
			color: #FFF;
			}

		.box p, .box ul{
			margin: 10px;
			margin-bottom: 0px;
			}
		
		.box ul li {
			background: url(../../images/line_horizontal.jpg) repeat-x bottom;			
			padding-bottom: 5px;
			margin-bottom: 5px;
			line-height: 120%;
			}
		
		.box ul li:last-child {
			background: none;
			border-bottom: none;
			}

		
		.box .view_all {
			position: absolute;
			bottom: 5px;
			right: 5px;
			}


    .full-width {
		width: 755px;
        height: auto;
        padding-bottom: 25px;
		}


	/* home page news feeds */
	.feeds {
		width: 375px;
		height: auto;
		}
	
	.feeds .tabs {
		border-bottom: 1px solid #8c8c8c;
		float: left;
		display: inline;
		width: 100%;
		}	

		.feeds .tabs a {
			float: left;
			display: inline;
			padding: 6px 20px 4px 20px;
			color: black;
			}

		.feeds .tabs a.current {
			background: #8c8c8c url(../images/bg_feeds_tab.jpg) repeat-x top left;
			color: white;
			}

		.feeds .national a {
			padding-left: 10px;
			padding-right: 10px;
			}

		.feeds .national a img {
			float: left;
			display: inline;
			position: relative;
			margin-right: 3px;
			margin-top: 3px;
			height: 14px;
			}


		.feeds ul {
			margin: 0px 0px 0px 0px;
			clear: both;
			}

			.feeds ul li {
				background: none;
				padding: 3px 0px 1px 10px;
				margin: 0px;
				font-size: 1em;
				line-height: 170%;
				}

			.feeds ul li a {
					display:block;
					color: #373737;	
					font-weight: lighter;
					text-decoration: none;
					}

			.feeds ul li a.hover {
				text-decoration: underline;
				}
					
			.feeds ul li.odd {
				background: #e7e7e7;
				}
/* CSS for news slider */
#slider {
	/* You MUST specify the width and height */
	width:350px;
	height:380px;
	position:relative;	
	overflow:hidden;
	z-index: 0;
}

#mask-gallery {
	position:relative;	
	z-index: 0;
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
		display: inline;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	margin-top: 255px;
	left:0;
	z-index:100;
	
	/* width should be lesser than #slider width */
	width:350px;
	overflow:hidden;	
	
}
	
#excerpt {
	/* Opacity setting for different browsers */
/*
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
*/
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:50;
	left:0;
	
	/* Set the style */
	width:350px;
	/* background-color:#000; */
	overflow:hidden;
	font-family:arial;
	font-size:14px;
	color:#000;	
}

	#excerpt li {
		padding:5px;
	}
	
.clear {
	clear:both;	
}
.featured-sports {
	padding-bottom: 15px;
}
.featured-sports ul {
	float: left;
	width: 367px;
	margin: 5px;
}

.featured-sports ul li, .featured-sports ul li:last-child {
background: url(../../images/line_horizontal.jpg) repeat-x bottom;			
	margin: 5px;
	padding: 0 0 10px 0;
	float: left;
	display: inline;
	}

.featured-sports img {
	max-width: 150px;
	float: right;
	display: inline;
	margin: 10px 10px 0 20px;
	}
	
	.featured-sports .view_all {
		display: block;
		text-align: center;
		position: static;
		clear: both;
		}