@import url('missuniverse.layout.css');
@import url('missuniverse.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 20px 0 20px;
				background: #201c1a;
			}
			#home-slideshow-description h1 {
				margin: 0 0 9px 0;
				padding: 10px 0;
				border-bottom: 1px solid #504e4d;
				color: #898989;
				font-size: 0.9em;
				text-transform: uppercase;
				position: relative;
			}
			#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: #c69c6d;
				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: #fff;
				font-size: 1.2em;
				line-height: 16px;
			}
		#home-slideshow div.pagination {
			position: absolute;
			top: 275px;
			right: 15px;
		}
		#home-slideshow div.pagination a {
			width: 19px;
			height: 19px;
			background: url(/img/MissUniverse/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;
		}
	
		/* Medium Pod Styles */
		div.home-mediumpod {
			width: 940px;
			margin: 0 0 10px 0;
			background: #201c1a;
		}
		div.home-mediumpod div.titlebar {
			width: 100%;
			height: 31px;
			background: url(/img/MissUniverse/bg/titlebar.long.png) no-repeat 0 0;
			overflow: hidden;
		}
		div.home-mediumpod div.titlebar h1 {
			padding: 0 0 0 11px;
			display: inline-block;
			float: left;
			color: #8d8c8b;
			font-size: 1.4em;
			line-height: 30px;
			font-weight: normal;
		}
		div.home-mediumpod div.titlebar a.more {
			width: 34px;
			height: 13px;
			margin: 9px 9px 0 0;
			background: url(/img/MissUniverse/btn/more.gif) no-repeat 0 0;
			display: block;
			overflow: hidden;
			float: right;
			text-indent: -999px;
		}
		div.home-mediumpod div.titlebar a.more:hover {
			background-position: 0 -23px;
		}

		/* Semi-Medium Pod Styles */
		div.home-semimediumpod {
			width: 466px;
			margin: 0 0 10px 2px;
			background: #201c1a;
			float: left;
		}
		div.home-semimediumpod div.titlebar {
			width: 100%;
			height: 31px;
			background: url(/img/MissUniverse/bg/titlebar.long.png) no-repeat 0 0;
			overflow: hidden;
		}
		div.home-semimediumpod div.titlebar h1 {
			padding: 0 0 0 11px;
			display: inline-block;
			float: left;
			color: #8d8c8b;
			font-size: 1.4em;
			line-height: 30px;
			font-weight: normal;
		}
		div.home-semimediumpod div.titlebar a.more {
			width: 34px;
			height: 13px;
			margin: 9px 9px 0 0;
			background: url(/img/MissUniverse/btn/more.gif) no-repeat 0 0;
			display: block;
			overflow: hidden;
			float: right;
			text-indent: -999px;
		}
		div.home-semimediumpod div.titlebar a.more:hover {
			background-position: 0 -23px;
		}

	#bCol {
		width: 300px;
		float: left;
	}
	
.loginbutton{ padding:10px;}
.loginbutton img{ padding-right:15px; vertical-align: middle; display:inline !important}