/**
 * @author: Procurios (http://procurios.nl/)
 * @UI: 	StartUI
 * @about: 	thread.css - CSS file for mod_community's reaction system
 */

/**
 * Pager
 */

.topic_pages {
	text-align: center;
}

.topic_pages a {
	display: inline-block;
	padding: .5em;
	text-decoration: underline;
}

.topic_pages a:hover {
	text-decoration: none;
	color: #000;
}

/**
 * .thread_table
 */

.thread_table {
	display: block;
	margin: 1em -32px 0;
	width: 624px;
	table-layout: fixed;
}

/**
 * .post_head
 */

.post_head {
	background-color: #deeef4;
}

.post_head td {
	padding: 8px;
	border: 0;
	border-top: 1.25em solid #edebeb;
}

.post_head .post_creator {
	width: 140px;
	padding-left: 32px;
	padding-right: 30px;
	text-align: right;
	background: url(../img/comments-arrow.png) no-repeat right 5px top 100%;
}

.post_head .post_options {
	padding-right: 32px;
	text-align: right;
}

.post_options img {
	display: none;
}

/**
 * .post_body
 */

.post_body td {
	padding: 8px;
	background-color: #fcfcfc;
}

.post_body .post_text {
	width: 384px;
	padding-right: 32px;
}

.post_body .post_text div {
	max-width: 380px;
}

/**
 * .quote_text - Layout of quoted messages
 */

.quote_text {
	background-color: #deeef4;
}

.quote_text {
	padding: 8px;
}

.quote_title,
.quote_username {
	margin-bottom: 4px;
	color: #00a7eb;
}

/**
 * #post_form - Used for posting new reactions
 */

.thread_title {
	margin: -16px 0 16px;
    font-size: 1.3em;
}

.thread_title + p {
	margin-bottom: 64px;
	border-bottom: 1.25em solid #edebeb;
	margin: 0 -32px -50px;
	padding: 0 32px 32px;
}

#post_form {
	margin: 0 -32px 32px;
	padding: 32px;
	border-top: 1.25em solid #edebeb;
	border-bottom: 1.25em solid #edebeb;
	background-color: #deeef4;
}

#post_text {
	width: 90%;
}

#post_form input,
#post_form textarea {
	border: #fff;
}

@media all and (max-width: 960px) {
	.thread_table,
	.thread_title,
	.thread_title + p,
	#post_form {
		display: none;
	}
}