/*
Theme Name: twt
Theme URI: http://www.topwordpressthemes.com
Description: WordPress theme for Top WordPress Theme.
Version: 1.0
Author: Andrayogi
Email: me@andrastudio.com
Tags: three columns, widgets, simple, showcase
*/

@import url("reset.css");

body {
	background: #382526 url(images/bg-main.jpg) repeat-x;
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #a5a1a1;
	line-height: 125%;
	margin: 0 auto;
	text-align: center;
}

a {
	color: #a19e16;
	text-decoration: none;
}

a:hover {
	color: #b7b42a;
}

p {
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

h1, h2, h3 {
	font-weight: bold;
	margin: 10px 0;
}

h1 {
	font-size: 24px;
	margin-bottom: 20px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

table {
	clear: both;
	margin: 10px 0;
}

ul, ol {
	margin: 0 24px;
}

ul li {
	list-style: disc;
	margin-bottom: 4px;
}

ol li {
	list-style: decimal;
	margin-bottom: 4px;
}

/* Common Style */
.clearfix, .wrapper {
	float: left;
	clear: both;
	width: 100%;
}

/* Main container style */
.container {
	width: 960px;
	overflow: visible;
	margin: 0 auto;
	text-align: left;
}

/* Header style */
#header {
	height: 27px;
	background: #d4d614;
	line-height: 140%;
}

#header a {
	color: #000;
}

#header .url {
	float: left;
	width: 300px;
	margin-right: 20px;
	padding-top: 4px;
}

/* Menus */
div.menus {
	float: right;
	width: 500px;
}

div.menus ul {
	float: right;
	margin: 0;
	padding: 0;
}

div.menus ul li {
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 4px 4px 6px 4px;
}

#header div.menus ul li.submit {
	background: url(images/bg-menus-hover.gif) repeat-x;
	color: #da171e;
	margin: 0 4px;
	padding: 4px 10px 6px 10px;
}

#header div.menus ul li.submit a {
	color: #fff !important;
}

div.menus ul a:hover {
	color: #716667 !important;
}

#site-info h1 a:hover {
	color: #fff;
}

#maincontent {
	overflow: visible;
}

#maincontent .container {
	background: url(images/bg-maincontent.gif) repeat-y;
	display: inline-block;
	color: #928c8c;
	margin-bottom: 20px;
	border-top: 1px solid #412c2d;
	border-bottom: 1px solid #412c2d;
}

#maincontent .content {
	padding: 10px 20px;
}

/* Feed Icon */
#icon-feed .container {
	position: relative;
}

#icon-feed a {
	position: absolute;
	top: -29px;
	right: 60px;
}

.icon-feed {
	position: absolute;
	top: -29px;
	right: 60px;
}

#leftcol {
	float: left;
	width: 500px;
	margin: -16px 20px 0 0;
	padding-bottom: 20px;
	position: relative;
}

#midcol {
	float: left;
	width: 250px;
	overflow: hidden;
}

#rightcol {
	float: left;
	width: 150px;
	overflow: hidden;
	position: relative;
	left: 4px;
}

/* Site Information */
#site-info {
	margin: 30px 0;
}

#site-info .container {
	text-align: center;
}

#site-info h1, #footer .site-info h1 {
	font-size: 44px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 14px;
}

#site-info h1 a {
	color: #fff;
}

#footer .site-info h1 {
	font-size: 37px;
	margin-bottom: 6px;
}

#site-info h2, #footer .site-info h2 {
	font-size: 18px;
	font-weight: normal;
	color: #bdb9ba;
	line-height: 140%;
	letter-spacing: 6px;
	margin: 0;
	padding: 0;
}

#footer .site-info h2 {
 	font-size: 15px;
}

/* Featured */
#featured .container {
	height: 435px;
	background: #fff url(images/bg-featured.gif) repeat-x;
	margin-bottom: 20px;
}

#featured .content {
	padding: 20px;
}


/* Featured Theme */
#featured .theme {
	float: left;
	width: 431px;
	background: #1d1313 url(images/bg-featured-theme.gif) bottom repeat-x;
	margin-right: 20px;
	line-height: 140%;
	position: relative;
}

#featured .theme .badge {
	position: absolute;
	top: -20px;
	left: -20px;
}

#featured .theme a {
	color: #fff;
}

#featured .theme .content {
	padding: 5px;
}

#featured .theme .title {
	float: left;
	width: 55%;
	margin-right: 16px;
	padding: 6px 0 14px 8px;
}

#featured .theme .comments {
	float: right;
	width: 24%;
	background: url(images/icon-comment.gif) 0 6px no-repeat;
	padding: 6px 0 14px 20px;
}

#featured .theme .title h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#featured .theme .info {
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 8px 0;
}

#featured .theme .info a {
	padding: 0 6px;
}

#featured .theme .info a.download {
	color: #e2e419;
}

/* Top Resources */
#featured .top-resources {
	float: left;
	width: 322px;
	height: 395px;
	background: #fffeee url(images/bg-top-resources.gif) bottom repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	border: 1px solid #e3d8aa;
	position: relative;
}

#featured .top-resources a {
	color: #c71218;
	text-decoration: underline;
}

#featured .top-resources a:hover {
	color: #d9474c;
}

#featured .top-resources .content {
	padding: 10px 20px;
}

#featured .top-resources h2 {
	background: url(images/bg-top-resources-title.gif) no-repeat;
	font: bold 22px Georgia, "Times New Roman", Times, serif;
	color: #362425;
	margin: 0;
	padding: 6px 0 6px 25px;
	position: relative;
	left: -20px;
}

#featured .top-resources ul {
	margin: 0;
	padding: 0;
}

#featured .top-resources ul li {
	clear: both;
	list-style: none;
	color: #555;
	margin: 0 0 10px 0;
	padding: 0;
}

#featured .top-resources ul li h3 {
	font-size: 13px;
	margin: 0;
}

#featured .top-resources ul li h3 a {
	text-decoration: none;
}

#featured .top-resources p.more {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: right;
}

#featured .top-resources p.more a {
	color: #000;
}

#featured .top-resources p.more a:hover {
	text-decoration: none;
}

/* Banners */
#featured .banners {
	float: left;
	width: 125px;
}

/* Left Column */
#leftcol h2.heading {
	float: left;
	clear: both;
	width: 100%;
	background: url(images/leftcol-heading.gif) no-repeat;
	font-size: 18px;
	color: #fff;
	line-height: 110%;
	margin-top: 20px;
	padding: 8px 0 12px 30px;
	position: relative;
	left: -20px;
}

#leftcol h2.heading a {
	color: #fff;
}

/* Theme List */
ul.theme-list {
	float: left;
	clear: both;
	width: 522px;
	margin: 0;
	padding: 0;
}

ul.theme-list li {
	float: left;
	background: #1f1515;
	list-style: none;
	margin: 0 20px 20px 0;
	padding: 0;
	border: 1px solid #422a2b;
}

ul.theme-list li .content {
	padding: 9px !important;
}

ul.theme-list li .thumb {
	width: 221px;
}

ul.theme-list li .thumb img {
	width: 100%;
}

ul.theme-list li .title, ul.theme-list li .info {
	text-align: center;
	margin: 4px 0;
}

ul.theme-list li .title h3 {
	font-size: 14px;
	margin: 0;
}

ul.theme-list a {
	color: #bcb9b9;
}

ul.theme-list a:hover {
	color: #fff;
}

ul.theme-list .info  {
	font-size: 12px;
}

ul.theme-list .info a {
	text-decoration: underline;
}

ul.theme-list a.download {
	color: #a8a618;
}

ul.theme-list a.download:hover {
	color: #c8c530;
}

/* Midcol - Rightcol */
#midcol .content{
	padding: 10px 16px;
}

#rightcol .content {
	padding: 12px 16px;
}

/* Module */
#midcol .module, #rightcol .module {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

#rightcol .module {
	width: 135px;
}

#midcol h2.heading, #rightcol h2.heading {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	letter-spacing: normal;
	margin: 0 0 10px 0;
	padding: 2px 0 10px 0;
	border-bottom: 1px solid #422a2b;
}

/* Searchbox */
#midcol .searchbox input.textbox {
	width: 185px;
	height: 17px;
	background: #382526 url(images/icon-search.gif) 200px 10px no-repeat;
	color: #746768;
	padding: 10px 26px 10px 10px;
	border: 1px solid #4a3335;
}

/* Community News */
#midcol .community-news ul {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

#midcol .community-news li {
	clear: both;
	background: url(images/dots.gif) bottom repeat-x;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#midcol .community-news h3 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#midcol .community-news a {
	color: #b1b015;
}

#midcol .community-news a:hover {
	color: #c8c530;
}

#midcol .community-news p.submit {
	margin-bottom: 0;
}

#midcol .recent-comments ul li {
	background: none !important;
	margin-bottom: 14px !important;
	padding: 0 !important;
}

#midcol .recent-comments ul li span {
	font-weight: bold;
	color: #fff !important;
}

#midcol .recent-comments ul li a {
	font-weight: bold;
	color: #fff !important;
}

/* List */
#midcol ul.list, #rightcol ul.list {
	margin: 0;
	padding: 0;
}

#midcol ul.list a:hover, #rightcol ul.list a:hover {
	color: #746f6f;
}

#midcol ul.list li, #rightcol ul.list li {
	clear: both;
	background: url(images/icon-arrow.gif) no-repeat;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
}

#rightcol ul.list li {
	background: none;
	padding-left: 0;
}

#midcol ul.list li a, #rightcol ul.list li a {
	color: #928c8c;
}

/* Post */
.post {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.post h1.title {
	background: url(images/dots2.gif) bottom repeat-x;
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #d4d614;
	line-height: 110%;
	margin: 0 0 6px 10px;
	padding-bottom: 6px;
}

.post .meta {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px 10px;
}

.post .meta a {
	color: #fff;
	text-decoration: underline;
}

.post .meta a:hover {
	text-decoration: none;
}

.post-box {
	background: #1f1515 url(images/bg-post-box.gif) bottom repeat-x;
	border: 1px solid #422a2b;
}

.post-box .content {
	padding: 10px !important;
}

.post .post-text {
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 130%;
}

.non-theme-post .content {
	padding: 0 10px !important;
}

.post-box .info {
	height: 24px;
	text-align: center;
	padding: 12px 0;
}

.post-box .info {
	font-weight: bold;
	color: #b9b7b7;
	text-align: center;
	padding: 8px 0;
}

.post-box .info a {
	color: #b9b7b7;
	padding: 0 6px;
}

.post-box .info a.download {
	color: #a4a415;
}

/* Comments */
#comments {
	margin: 0 0 20px 0;
}

#comments .content {
	padding: 0 10px;
}

#comments h2.heading, #write-comment h2.heading {
	font-size: 22px;
	background: none;
	line-height: 110%;
	margin-bottom: 20px;
	padding: 0 0 0 10px;
	left: 0;
}

ul.comments {
	margin: 0;
	padding: 0;
}

ul.comments li {
	float: left;
	clear: both;
	width: 100%;
	background: #281b1b;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 140%;
	list-style: none;
	border: 1px solid #392828;
	margin: 0 0 10px 0;
	padding: 0;
}

ul.comments li .content {
	padding: 20px !important;
}

ul.comments li .name a {
	font-weight: bold;
	color: #a19e16;
}

ul.comments li .text {
	clear: both;
}

ul.comments li .date {
	margin-top: 20px;
	color: #696060;
}

ul.comments li .meta {
	font-size: 11px;
	margin-top: 10px;
}

ul.comments li .moderation {
	float: left;
	display: inline;
	background: #000;
	font-size: 11px;
	color: #fce6a1;
	margin: 10px 0;
	padding: 4px;
}

/* Write Comment */
#write-comment h2.heading {
	padding-left: 0;
}

#write-comment .content {
	padding: 0 10px 20px 10px !important;
}

/* Forms */
fieldset {
	clear: both;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 160%;
	border: none;
	margin: 10px 0;
}

fieldset div.input {
	padding: 4px 0;
}

fieldset label {
	margin-right: 10px;
}

fieldset div.text input, fieldset textarea {
	width: 265px;
	background: #160f0f;
	color: #a5a1a1;
	border: 3px solid #3e2b2c;
	padding: 8px;
	margin-top: 4px;
}

fieldset div.textarea textarea {
	width: 375px;
}

fieldset div.submit input {
	background: #9a951b;
	font-weight: bold;
	border: 1px solid #66610c;
	margin-top: 4px;
	padding: 6px 10px;
}

/* Paging */
.page-nav {
	text-align: right;
	margin: 20px 0;
}

.page-nav a {
	background: #9a951b;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid #66610c;
	display: inline-block;
}

/* Image */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 10px 0;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

img.size-thumbs, img.size-medium, img.size-full,
.attachment img {
	border: 8px solid #160f0f;
}

.wp-caption img {
	border: 8px solid #160f0f;
}

p.post-msg {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #f4f70d;
	margin: 20px 0;
}

/* Submit Theme */
#submit-theme fieldset div.input label {
	color: #fff;
}

/* Ads 125x125 Pixel*/
.ads-125 img {
	margin-bottom: 6px;
}

#rightcol .ads-125 {
	margin-left: 6px;
}

/* Footer */
#footer {
	clear: both;
	width: 100%;
	background: #110b0b url(images/bg-footer.gif) repeat-x;
	display: inline-block;
	position: relative;
	top: 2px;
}

#footer .container {
	width: 960px;
	height: 195px;
	background: url(images/bg-footer-container.jpg) no-repeat;
}

#footer .row1 {
	padding: 8px 0;
	margin-bottom: 6px;
}

#footer .row2 {
	text-align: center;
	margin: 20px 0;
}

#footer .row1 .col1 {
	float: left;
	width: 400px;
	margin-right: 20px;
	padding-top: 14px;
}

#footer .row1 .col2 {
	float: right;
	width: 500px;
	padding-top: 10px;
}

#footer div.menus a {
	color: #9b9a9a;
	padding-right: 4px;
}