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

/*
Miss Universe
- Blogs Styles
- Modified: 3/26/2009
*/

#blogs {
	width: 100%;
}
	#aCol {
		width: 640px;
		float: left;
	}
		/* Blog Filter Tool */
		div.filter-tool {
			margin: 0 0 10px 0;
			padding: 0 10px 0 0;
			position: relative;
			z-index: 10;
		}
			div.filter-results {
				width: 155px;
				height: 120px;
				background: url(/img/MissUniverse/bg/blogs.filter.title.png) no-repeat 0 0;
				float: left;
			}
			div.filter-results h2 {
				padding: 10px 0 0 20px;
				color: #8f8f8f;
				font-size: 1.6em;
				font-weight: normal;
				line-height: 18px;
			}
			div.filters {
				width: 449px;
				height: 100px;
				padding: 10px;
				background: url(/img/MissUniverse/bg/blogs.filter.png) no-repeat 0 0;
				float: right;
			}
			div.filters div.top {
				margin: 0 0 10px 0;
				background: url(/img/MissUniverse/bg/border.blog.filter.gif) no-repeat left bottom;
			}
			div.filters div.bottom {
				width: 100%;
			}
			div.filters div.aCol {
				width: 254px;
				float: left;
			}
			div.filters div.bCol {
				width: 195px;
				float: left;
			}
			div.filters h3 {
				font-size: 1.6em;
				font-weight: normal;
				color: #8f8f8f;
			}
			div.filters h4 {
				margin: 0 0 5px 0;
				font-size: 1.2em;
				font-weight: normal;
				color: #8f8f8f;
			}
			div.filters div.select-box {
				float: left;
				position: relative;
			}
			div.filters div.select-box a.toggler {
				width: 185px;
				height: 24px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissUniverse/bg/blogs.filter.select.small.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #c69c6d;
				font-size: 1.1em;
				line-height: 24px;
			}
			div.filters div.large a.toggler {
				width: 225px;
				background: url(/img/MissUniverse/bg/blogs.filter.select.large.png) no-repeat 0 0;
			}
			div.filters div.expert {
				z-index: 10;
			}
			div.filters div.select-box a.toggler:hover {
				background-color: #100e0e;
				text-decoration: none;
			}
			div.filters div.select-box ul.select-dropdown {
				width: 193px;
				padding: 10px 0 10px 0;
				list-style: none;
				background: #000;
				border: 1px solid #2b2925;
				display: none;
				position: absolute;
				top: 23px;
			}
			div.filters div.large ul.select-dropdown {
				width: 233px;
			}
			div.filters div.active ul.select-dropdown, div.filters div.select-box ul.active {
				display: block;
			}
			div.filters div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			div.filters div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
			}
			div.filters div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}

		#blogs-pod {
			width: 600px;
			padding: 10px 10px 20px 20px;
			background: #201c1a;
		}
			/* Recent Post */
			#recent-post {
				margin: 0 0 10px 0;
				padding: 0 0 15px 0;
				border-bottom: 1px solid #454140;
			}
			#recent-post img {
				margin: 0 10px 0 0;
				float: left;
			}
			#recent-post div.blurb {
				width: 270px;
				position: relative;
				float: left;
			}
			#recent-post div.blurb h2 {
				margin: 0 0 2px 0;
				font-size: 2.3em;
				font-weight: normal;
			}
			#recent-post div.blurb h3 {
				color: #fff;
				font-size: 1.3em;
				font-weight: normal;
			}
			#recent-post div.blurb h4 {
				padding: 18px 0 0 0;
				font-size: 1.4em;
				font-weight: normal;
			}
			#recent-post div.blurb p {
				color: #d7d7d7;
				font-size: 1.2em;
				line-height: 16px;
			}
			#recent-post div.blurb p.credit {
				margin: 0 0 5px 0;
				font-size: 1.1em;
			}
			#recent-post div.blurb a.comments {
				position: absolute;
				top: 183px;
				left: 0;
				font-size: 1.1em;
				font-weight: bold;
			}

			/* Recent Blog Post */
			#recent-blog-posts {
				width: 100%;
			}
			#recent-blog-posts h2 {
				margin: 0 0 10px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #454140;
				color: #8f8f8f;
				font-size: 1.4em;
				font-weight: normal;
			}
			#recent-blog-posts ul {
				width: 100%;
				list-style: none;
			}
			#recent-blog-posts ul li {
				margin: 0 0 10px 0;
				padding: 0 0 15px 0;
				border-bottom: 1px solid #454140;
			}
			#recent-blog-posts ul li h3 {
				margin: 0 0 8px 0;
				font-size: 1.4em;
				color: #fff;
				font-weight: normal;
			}
			#recent-blog-posts ul li img {
				margin: 0 10px 0 0;
				float: left;
			}
			#recent-blog-posts ul li div.blurb {
				width: 430px;
				position: relative;
				float: left;
			}
			#recent-blog-posts ul li div.blurb h4 {
				margin: 0 0 2px 0;
				font-size: 1.2em;
			}
			#recent-blog-posts ul li div.blurb p {
				margin: 0 0 10px 0;
				color: #d7d7d7;
				font-size: 1.2em;
				line-height: 16px;
			}
			#recent-blog-posts ul li div.blurb p.credit {
				margin: 0 0 5px 0;
				font-size: 1.1em;
			}
			#recent-blog-posts ul.posts li div.blurb {
				width: 550px;
			}
			#recent-blog-posts ul li div.blurb a.comments {
				font-size: 1.1em;
				font-weight: bold;
			}

			/* Blog Detail */
			#blog-detail {
				padding: 0 0 20px 0;
			}
			#blog-detail div.author-info {
				margin: 0 0 20px 0;
			}
			#blog-detail div.author-info img {
				margin: 0 10px 0 0;
				float: left;
			}
			#blog-detail div.author-info h2 {
				width: 400px;
				padding: 10px 0 0 0;
				float: left;
				font-size: 2.3em;
				font-weight: normal;
			}
			#blog-detail div.author-info h3 {
				width: 400px;
				float: left;
				font-size: 1.9em;
				font-weight: normal;
			}
			#blog-detail h2 {
				font-size: 1.8em;
				font-weight: normal;
				color: #fff;
			}
			#blog-detail p {
				margin: 0 0 20px 0;
				color: #d7d7d7;
				font-size: 1.2em;
			}
			#blog-detail p.credit {
				font-size: 1.1em;
			}

	#bCol {
		width: 300px;
		float: left;
	}