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

/*
Miss Universe
- Community Styles
- Modified: 3/19/2009
*/

#community {
	width: 100%;
}

	#aCol {
		width: 640px;
		float: left;
	}
	#aCol h2.subheader {
		padding: 5px 21px;
		color: #c69c6d;
		font-size: 1.8em;
		font-weight: normal;
	}
		/* Discussion Categories Pod */
		#discussion-categories-pod div.content {
			padding: 10px 0;
		}
		#discussion-categories-pod ul {
			width: 260px;
			padding: 0 35px 0 20px;
			list-style: none;
			float: left;
		}
		#discussion-categories-pod ul li {
			margin: 0 0 5px 0;
			color: #c69c6d;
			font-size: 1.2em;
		}

		/* Recent Topics Pod */
		#recent-topics-pod div.content {
			padding: 10px 10px 10px 20px;
		}
		#recent-topics-pod div.content table {
			width: 100%;
			border-collapse: collapse;
		}
		#recent-topics-pod div.content table col.aCol {
		}
		#recent-topics-pod div.content table col.bCol {
			width: 135px;
		}
		#recent-topics-pod div.content table col.cCol {
			width: 65px;
		}
		#recent-topics-pod div.content table th, #recent-topics-pod div.content table td {
			text-align: left;
			vertical-align: top;
		}
		#recent-topics-pod div.content table th {
			padding: 0 0 10px 0;
			border-bottom: 1px solid #454140;
			color: #8f8f8f;
			font-size: 1.2em;
			font-weight: normal;
			line-height: 13px;
		}
		#recent-topics-pod div.content table td {
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #454140;
		}
		#recent-topics-pod div.content table td.topic p {
			padding: 0 30px 0 0;
			font-size: 1.2em;
		}
		#recent-topics-pod div.content table td.posted a {
			font-size: 1.2em;
			font-weight: bold;
		}
		#recent-topics-pod div.content table td.posted span {
			color: #8f8f8f;
			font-size: 1.0em;
		}
		#recent-topics-pod div.content table td.comments {
			text-align: center;
			font-size: 1.8em;
		}
		#recent-topics-pod div.content table tr.last td {
			border: none;
		}

		/* Community Topics Pod */
		#community-topics-pod div.content {
			min-height: 300px;
			padding: 10px 10px 10px 20px;
		}
		#community-topics-pod div.content table {
			width: 100%;
			border-collapse: collapse;
		}
		#community-topics-pod div.content table col.aCol {
		}
		#community-topics-pod div.content table col.bCol {
			width: 135px;
		}
		#community-topics-pod div.content table col.cCol {
			width: 65px;
		}
		#community-topics-pod div.content table th, #community-topics-pod div.content table td {
			text-align: left;
			vertical-align: top;
		}
		#community-topics-pod div.content table th {
			padding: 0 0 10px 0;
			border-bottom: 1px solid #454140;
			color: #8f8f8f;
			font-size: 1.2em;
			font-weight: normal;
			line-height: 13px;
		}
		#community-topics-pod div.content table td {
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #454140;
		}
		#community-topics-pod div.content table td.topic p {
			padding: 0 30px 0 0;
			font-size: 1.2em;
		}
		#community-topics-pod div.content table td.posted a {
			font-size: 1.2em;
			font-weight: bold;
		}
		#community-topics-pod div.content table td.posted span {
			color: #8f8f8f;
			font-size: 1.0em;
		}
		#community-topics-pod div.content table td.comments {
			text-align: center;
			font-size: 1.8em;
		}
		#community-topics-pod div.content table tr.last td {
			border: none;
		}

		/* Community Topics Post Pod */
		#community-topics-post-pod div.content {
			padding: 10px 20px 10px 40px;
		}
		#community-topics-post-pod div.category-filter select {
			background: #000;
			color: #c69c6d;
		}
		div.add-comment {
			margin: 0 0 0 30px;
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #454140;
		}
		#community-topics-post-pod div.content h2 {
			margin: 0 0 2px 0;
			font-size: 1.4em;
			color: #d7d7d7;
		}
		#community-topics-post-pod div.content p {
			margin: 0 0 20px 0;
			font-size: 1.0em;
			font-weight: bold;
			color: #d7d7d7;
		}
		#community-topics-post-pod div.content div.row {
			margin: 0 0 10px 0;
		}
		#community-topics-post-pod div.content label {
			margin: 0 0 5px 0;
			display: block;
			color: #959595;
			font-size: 1.2em;
		}
		#community-topics-post-pod div.content input.text {
			width: 220px;
			height: 15px;
			padding: 4px 10px 3px 10px;
			border: 1px solid #2b2925;
			outline: none;
			background: #000;
			font-size: 1.2em;
			color: #c69c6d;
		}
		#community-topics-post-pod div.content textarea {
			width: 550px;
			height: 90px;
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #2b2925;
			background: #000;
			color: #c69c6d;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: auto;
			clear: both;
			resize: none;
			outline: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}

		/* Topic Comments Pod */
		#topic-comments-pod div.content {
			padding: 10px 10px 20px 10px;
		}
		#topic-comments-pod div.content ul {
			list-style: none;
		}
		#topic-comments-pod div.content ul li {
			padding: 0 0 0 30px;
		}
		#topic-comments-pod div.content ul li div {
			padding: 8px 0 8px 70px;
			border-bottom: 1px solid #454140;
			position: relative;
		}
		#topic-comments-pod div.content ul li.first div {
			border-top: 1px solid #454140;
		}
		#topic-comments-pod div.content ul li div img {
			position: absolute;
			top: 10px;
			left: 0;
		}
		#topic-comments-pod div.content ul li div span {
			float: right;
			color: #d7d7d7;
			font-size: 1.0em;
			line-height: 14px;
		}
		#topic-comments-pod div.content ul li div p {
			margin: 0 0 8px 0;
			padding: 0 40px 0 0;
			color: #fff;
			font-size: 1.2em;
		}
		#topic-comments-pod div.content ul li div p a {
			font-weight: bold;
		}
		#topic-comments-pod div.content ul li div p.actions {
			margin: 0;
			padding: 10px 0 0 0;
			position: relative;
			left: -5px;
			color: #c69c6d;
		}
		#topic-comments-pod div.content ul li div p.actions a {
			margin: 0 5px;
			display: inline-block;
		}
		#topic-comments-pod div.content textarea {
			height: 90px;
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #2b2925;
			background: #000;
			color: #c69c6d;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: auto;
			clear: both;
			resize: none;
			outline: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.2em;
		}

			/* Pagination */
			div.pagination {
				padding: 10px 0 10px 30px;
			}
			div.pagination p {
				float: left;
				color: #fff;
				font-size: 1.2em;
				font-weight: bold;
			}
			div.pagination div.paginator {
				float: right;
				font-size: 1.1em;
			}
			div.pagination div.paginator span {
				padding: 1px 2px;
				display: inline-block;
				color: #8f8f8f;
				text-align: center;
			}
			div.pagination div.paginator a {
				padding: 1px 2px;
				display: inline-block;
				color: #c69c6d;
				text-align: center;
			}
			div.pagination div.paginator a:hover {
				color: #fff;
			}
			div.pagination div.paginator .active {
				padding: 1px 5px;
				border: 1px solid #ff7e13;
				color: #ff7e13;
			}
			div.pagination div.paginator .prev {
				margin: 0 10px 0 0;
				padding: 0 0 0 10px;
				display: inline-block;
				background: url(/img/MissUniverse/icon/arrow.paginator.prev.gif) no-repeat 0 4px;
			}
			div.pagination div.paginator .next {
				margin: 0 10px 0 10px;
				padding: 0 10px 0 0;
				display: inline-block;
				background: url(/img/MissUniverse/icon/arrow.paginator.next.gif) no-repeat right 4px;
			}
			div.pagination div.paginator .last {
				padding: 0 15px 0 0;
				display: inline-block;
				background: url(/img/MissUniverse/icon/arrow.paginator.last.gif) no-repeat right 4px;
			}

			/* Filter Header */
			div.category-filter {
				height: 80px;
				padding: 0 10px 0 20px;
				background: url(/img/MissUniverse/bg/community.category.filter.png) no-repeat 0 0;
				position: relative;
				z-index: 5;
			}
			div.category-filter h2 {
				margin: 0 0 10px 0;
				padding: 10px 0;
				background: url(/img/MissUniverse/bg/border.horizontal.brown.gif) repeat-x left bottom;
				color: #ff7e13;
				font-size: 1.4em;
				line-height: 15px;
				font-weight: normal;
			}
			div.category-filter div.select-category p {
				padding: 0 10px 0 0;
				float: left;
				color: #8f8f8f;
				font-size: 1.2em;
				line-height: 22px;
			}
			div.category-filter div.select-box {
				float: left;
				position: relative;
			}
			div.category-filter div.select-box a.toggler {
				width: 195px;
				height: 24px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissUniverse/bg/community.category.select.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #c69c6d;
				font-size: 1.1em;
				line-height: 24px;
			}
			div.category-filter div.select-box a.toggler:hover {
				background-color: #100e0e;
				text-decoration: none;
			}
			div.category-filter div.select-box ul.select-dropdown {
				width: 203px;
				padding: 10px 0 10px 0;
				list-style: none;
				background: #000;
				border: 1px solid #2b2925;
				display: none;
				position: absolute;
				top: 23px;
				z-index:1000;
			}
			div.category-filter div.active ul.select-dropdown, div.category-filter div.select-box ul.active {
				display: block;
			}
			div.category-filter div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			div.category-filter div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
			}
			div.category-filter div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}
			div.category-filter a.post {
				width: 121px;
				height: 24px;
				background: url(/img/MissUniverse/btn/community.post-a-topic.png) no-repeat 0 0;
				display: block;
				overflow: hidden;
				float: right;
				text-indent: -999px;
			}
		

	#bCol {
		width: 300px;
		float: left;
	}
	#bCol h2.subheader {
		padding: 5px 11px;
		color: #c69c6d;
		font-size: 1.8em;
		font-weight: normal;
	}

		/* Featured Users Pod */
		#featured-users-pod ul {
			width: 100%;
			list-style: none;
		}
		#featured-users-pod ul li {
			width: 100%;
			border-top: 1px solid #100e0d;
			float: left;
			clear: both;
		}
		#featured-users-pod ul li img {
			float: left;
		}
		#featured-users-pod ul li div.info {
			width: 160px;
			padding: 6px 10px 0 10px;
			float: left;
		}
		#featured-users-pod ul li div.info a {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 18px;
		}
		#featured-users-pod ul li div.info p {
			margin: 0 0 6px 0;
			color: #8f8f8f;
			font-size: 1.1em;
		}
		#featured-users-pod ul li div.info p a {
			font-size: 1.0em;
			font-weight: normal;
		}

		/* Browse Profiles Pod */
		#browse-profiles-pod div.content {
			padding: 10px 10px 5px 10px;
		}
		#browse-profiles-pod form div.row {
			margin: 0 0 10px 0;
		}
		#browse-profiles-pod form label {
			margin: 0 0 5px 0;
			display: block;
			color: #8f8f8f;
			font-size: 1.2em;
		}
		#browse-profiles-pod form select {
			margin: 0 10px 0 0;
			border: 1px solid #2b2925;
			background: #000;
			float: left;
			color: #c69c6d;
			font-size: 1.2em;
		}
		#browse-profiles-pod form input.text {
			width: 15px;
			height: 15px;
			padding: 4px 10px 3px 10px;
			border: 1px solid #2b2925;
			background: #000;
			font-size: 1.2em;
			color: #c69c6d;
		}
		#browse-profiles-pod form div.age label {
			margin: 0 5px 0 0;
			float: left;
			line-height: 24px;
		}
		#browse-profiles-pod form div.age input.text {
			margin: 0 5px 0 0;
			float: left;
		}