@import url('missteenusa.layout.css');
@import url('missteenusa.common.css');

/*
Miss Universe
- Home Styles
- Modified: 2/17/2009
*/

#home {
	width: 100%;
}
	#aCol {
		width: 940px;
		float: left;
	}
		#home-slideshow {
			width: 940px;
			margin: 0 0 10px 0;
			position: relative;
		}
			#home-slides {
				width: 940px;
				height: 310px;
				overflow: hidden;
			}
			#home-slides a img {
				width: 940px;
				height: 310px;
				display: block;
				clear: both;
			}
			#home-slideshow-description {
				padding: 0 0 0 20px;
			}
			#home-slideshow-description h1 {
				margin: 0 0 5px -20px;
				padding: 10px 20px 0 0;
				background:url(/img/MissTeenUSA/bg/title.line.gif) no-repeat 70px 18px;
				position: relative;
				color: #1a1c1c;
				font-size: 1.4em;
			}
			#home-slideshow-description div.descriptions {
				width: 830px;
				height: 80px;
				overflow: hidden;
			}
			#home-slideshow-description div.descriptions div {
				width: 830px;
				height: 80px;
			}
			#home-slideshow-description h2 {
				margin: 0 0 4px 0;
				color: #302f2f;
				font-size: 3.2em;
				font-weight: normal;
				font-family: Helvetica, Arial, sans-serif;
				line-height: 34px;
			}
			#home-slideshow-description p {
				padding: 0 20px 0 0;
				color: #636363;
				font-size: 1.2em;
				line-height: 16px;
			}
			#home-slideshow-description a {
				color:#f60e95;
			}
		#home-slideshow div.pagination {
			position: absolute;
			top: 275px;
			right: 15px;
		}
		#home-slideshow div.pagination a {
			width: 19px;
			height: 19px;
			background: url(/img/MissTeenUSA/icon/slideshow.pagination.png) no-repeat 0 0;
			display: block;
			overflow: hidden;
			float: left;
			text-indent: -999px;
		}
		#home-slideshow div.pagination a:hover {
			background-position: 0 -20px;
		}
		#home-slideshow div.pagination a.active {
			background-position: 0 -40px;
		}

		div.home-mediumpod {
			width: 940px;
			margin: 0 0 10px 0;
			overflow:hidden;
		}
		div.home-mediumpod div.titlebar {
			width: 100%;
			height: 31px;
			background: url(/img/MissTeenUSA/bg/title.line.gif) repeat-x 0 16px;
			overflow: hidden;
		}
		div.home-mediumpod div.titlebar h1 {
			padding: 0 4px 0 5px;
			display: inline-block;
			float: left;
			color: #1a1c1c;
			font-size: 1.4em;
			line-height: 30px;
			font-weight: bold;
			background-color:#fff;
		}
		div.home-mediumpod div.titlebar a.more {
			width: 34px;
			height: 13px;
			margin: 9px 9px 0 0;
			background: #fff url(/img/MissTeenUSA/btn/more.png) no-repeat 0 0;
			display: block;
			overflow: hidden;
			float: right;
			text-indent: -999px;
		}
		div.home-mediumpod div.titlebar a.more:hover {
			background-position: -34px 0px;
		}

		/* Semi-Medium Pod Styles */
		div.home-semimediumpod {
			width: 466px;
			margin: 0 0 10px 2px;
			overflow: hidden;
			float: left;
		}
		div.home-semimediumpod div.titlebar {
			width: 100%;
			height: 31px;
			background: url(/img/MissTeenUSA/bg/title.line.gif) repeat-x 0 16px;
			overflow: hidden;
		}
		div.home-semimediumpod div.titlebar h1 {
			padding: 0 4px 0 5px;
			display: inline-block;
			float: left;
			color: #1a1c1c;
			font-size: 1.4em;
			line-height: 30px;
			font-weight: bold;
			background-color:#fff;
		}
		div.home-semimediumpod div.titlebar a.more {
			width: 34px;
			height: 13px;
			margin: 9px 9px 0 0;
			background: #fff url(/img/MissTeenUSA/btn/more.png) no-repeat 0 0;
			display: block;
			overflow: hidden;
			float: right;
			text-indent: -999px;
		}
		div.home-semimediumpod div.titlebar a.more:hover {
			background-position: -34px 0px;
		}

	#bCol {
		width: 300px;
		float: left;
	}
		#top-medium-rectangle {
			width: 300px;
			margin: 0 0 10px 0;
			overflow: hidden;
		}
		
.loginbutton{ padding:10px;}
.loginbutton img{ padding-right:15px; vertical-align: middle; display:inline !important}