@import url('missteenusa.layout.css');
@import url('missteenusa.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;
			background:url(/img/MissTeenUSA/bg/blog.filter.png) no-repeat;
		}
			div.filter-results {
				width: 155px;
				height: 120px;
				background: url(/img/MissTeenUSA/bg/blogs.filter.title.png) no-repeat 0 0;
				float: left;
			}
			div.filter-results h2 {
				padding: 10px 0 0 18px;
				color: #8f8f8f;
				font-size: 1.6em;
				font-weight: bold;
				line-height: 18px;
			}
			div.filters {
				width: 449px;
				height: 100px;
				padding: 10px;
				background: url(/img/MissTeenUSA/bg/blogs.filter.png) no-repeat 0 0;
				float: right;
			}
			div.filters div.top {
				margin: 0 0 10px 0;
				background: url(/img/MissTeenUSA/bg/border.blog.filter.gif) no-repeat left bottom;
			}
			div.filters div.bottom {
				width: 100%;
			}
			div.filters div.aCol {
				width: 252px;
				float: left;
			}
			div.filters div.bCol {
				width: 197px;
				float: left;
			}
			div.filters div.top div.aCol h3 {
				color: #f60e95;
				font-weight: bold;
			}
			div.filters div.top div.aCol h4 {
				color: #f60e95;
			}
			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: #636363;
			}
			div.filters div.select-box {
				float: left;
				position: relative;
			}
			div.filters div.select-box a.toggler {
				width: 187px;
				height: 20px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissTeenUSA/bg/blogs.filter.select.small.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #fff;
				font-size: 1.1em;
				line-height: 20px;
			}
			div.filters div.large a.toggler {
				width: 236px;
				background: url(/img/MissTeenUSA/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 {
				text-decoration: none;
			}
			div.filters div.select-box ul.select-dropdown {
				width: 187px;
				background:#F60E95;
				border:1px solid #F83EAA;
				display:none;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0 0 0 4px;
				padding:10px 0;
				position:absolute;
				top: 20px;
			}
			div.filters div.large ul.select-dropdown {
				width: 226px;
			}
			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;
				color:#fff;
			}
			div.filters div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}

		#blogs-pod {
			width: 630px;
		}
			/* Recent Post */
			#recent-post {
				margin: 0 0 20px 0;
				padding: 10px 0 35px 10px;
				border-bottom: 2px solid #f60e95;
				background:url(/img/MissTeenUSA/bg/blog.header.png) no-repeat;
			}
			#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 h2 a  {
				color:#f60e95;
			}
			#recent-post div.blurb h3 {
				color: #05bfd5;
				font-size: 1.3em;
				font-weight: normal;
			}
			#recent-post div.blurb h4 {
				padding: 18px 0 0 0;
				font-size: 1.4em;
				font-weight: bold;
			}
			#recent-post div.blurb p {
				color: #5d5d5d;
				font-size: 1.2em;
				line-height: 16px;
			}
			#recent-post div.blurb p a {
				color:#f60e95
			}
			#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;
				background:url(/img/MissTeenUSA/icon/comments.smallpod.gif) no-repeat 0 2px;
				color:#f60e95;
				padding:0 0 0 19px;
			}

			/* Recent Blog Post */
			#recent-blog-posts {
				width: 600px;
				padding: 0px 10px 0px 20px;
			}
			#recent-blog-posts h2 {
				margin:0;
				padding: 6px 0 0 0;
				background:#fff url(/img/MissTeenUSA/bg/tab.lg.png) no-repeat 0 0;
				color: #302f2f;
				font-size: 1.4em;
				font-weight: normal;
				width:155px;
				height:20px;
				text-align:center;
				font-weight:bold;
				position:relative;
				z-index:100;
			}
			div.posts-list {
				border-top:1px solid #c9c9c9;
				margin:-1px 0 0 0;
				padding:10px 0 0 10px;
			}
			#recent-blog-posts ul {
				width: 100%;
				list-style: none;
				border-bottom:2px solid #f60e95;
			}
			#recent-blog-posts ul li {
				margin: 0 0 10px 0;
				padding: 0 0 15px 0;
				background:url(/img/MissTeenUSA/bg/border-dot-white.gif) repeat-x bottom left;
			}
			#recent-blog-posts ul li h3 {
				margin: 0 0 8px 0;
				font-size: 1.4em;
				color: #7d7d7d;
				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: #5d5d5d;
				font-size: 1.2em;
				line-height: 16px;
			}
			#recent-blog-posts ul li div.blurb p a {
				color:#f60e95;
			}
			#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;
				padding:0 0 0 19px;
				color:#f60e95;
				background:transparent url(/img/MissTeenUSA/icon/comments.whitebg.png) no-repeat 0 2px;
			}

			/* Blog Detail */
			#blog-detail {
				width:600px;
				padding: 10px 10px 20px 20px;
			}
			#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 h2 a {
				color:#f60e95;
			}
			#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: #05bfd5;
			}
			#blog-detail p {
				margin: 0 0 20px 0;
				color: #5d5d5d;
				font-size: 1.2em;
			}
			#blog-detail p.credit {
				font-size: 1.1em;
			}
			#blog-detail p.credit a {
				color:#f60e95;
			}

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