/*
Theme Name: Transfixx Productions
Theme URI: http://transfixx.com/
Description: Layout specifically designed for <a href="/">this</a> website.
Version: 1.0
Author: Tran Nguyen
Author URI: http://transfixx.com/
*/

body {
	background: #c7ab7c url(images/transfixx_bg.jpg) repeat;
	margin: 0px;
	text-align: center;
	font: 9pt Verdana;
	color: #363636;
}

/*
IMPORTANT ELEMENTS
*/

#wrap {
	background: url(images/transfixx_03.jpg) repeat-y;
	width: 1031px;
	height: auto;
	margin: 0px auto;
}
#header {
	background: url(images/transfixx_01.jpg) repeat-y;
	width: 1031px;
	height: 183px;
}
#nav {
	background: url(images/transfixx_02.jpg) repeat-y;
	width: 1031px;
	height: 183px;
}
#contentsBody {
	width: 500px;
	height: auto;
	float: left;
	margin-left: 66px;
}
#sideBar {
	font: 9pt Verdana;
	width: 400px;
	height: auto;
	float: right;
	margin: 0px 65px 0px 0px;
}
#sideBar div.right {
	border-left: 1px dotted #c3bd9b;
	width: 190px;
	height: auto;
	float: right;
	margin: 0px;
}
#sideBar div.left {
	border-left: 1px dotted #d4b38c;
	width: 190px;
	height: auto;
	float: right;
	margin: 0px;
}
#footer {
	background: url(images/transfixx_04.jpg) repeat-y;
	width: 1031px;
	height: 135px;
	clear: both;
}

/*
CONTENT'S BODY
*/

#contentsBody h2 {
	font: 13pt Verdana;
	font-weight: bold;
	text-align: left;
	color: #174d7a;
	margin: 0px;
}
#contentsBody h2 a {
	color: #174d7a;
}
#contentsBody div.entryInfo {
	font: 7pt Verdana;
	font-weight: bold;
	text-align: left;
	color: #735434;
	margin: 0px 0px 15px 0px;
}
#contentsBody div.main {
	margin: 0px 0px 25px 0px;
}
#contentsBody div.mainTextTop {
	background: url(http://img690.imageshack.us/img690/1411/transfixxmn01new.jpg) no-repeat;
	font-size: 1px;
	width: 500px;
	height: 48px;
	margin: 0px;
}
#contentsBody div.mainTextBg {
	background: url(images/transfixx_mn_02.jpg) repeat-y;
	width: 500px;
	height: auto;
	text-align: justify;
	margin: 0px;
}
#contentsBody div.mainText {
	margin: 0px 11px 0px 11px;
}
#contentsBody div.mainTextInfo {
	border-top: 1px dashed #8a7551;
	font: 8pt Verdana;
	text-align: justify;
	padding: 5px;
	margin-top: 10px;
}
#contentsBody div.mainTextInfo a {
	font-weight: normal;
}
#contentsBody div.mainTextBottom {
	background: url(images/transfixx_mn_03.jpg) repeat;
	width: 500px;
	height: 22px;
	margin: 0px;
	font-size: 1px;
}
#contentsBody a {
	text-decoration: none;
	font-weight: bold;
	color: #633e11;
}
#contentsBody a:hover {
        text-decoration: underline;	
        color: #442103;
}
#contentsBody b, #contentsBody strong {
	color: #000000;
}
#contentsBody em, #contentsBody i, #contentsBody u {
	color: #ac863d;
}
#contentsBody a img {
	border: 0px solid #c4cbd5;
}
#contentsBody a:hover img {
	border: 0px solid #174d7a;
}
#contentsBody textarea, #contentsBody input, #contentsBody select, #contentsBody button {
	background: #ffffff;
	border: 1px solid #c4cbd5;
	font: 9pt Verdana;
	color: #000000;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#contentsBody blockquote {
	background: #e1d7b1;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: justify;
	color: #6a644f;
}

/*
SIDE BAR
*/

#sideBar h2 {
	font: 10pt Verdana;
	font-weight: bold;
	color: #153e60;
	margin: 0px;
	padding: 5px;
}
#sideBar div.main {
	margin: 0px 5px 10px 5px;
}
#sideBar div.mainText {
	font: 8pt Verdana;
	color: #7f7059;
	text-align: justify;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sideBar textarea, #sideBar input, #sideBar select, #sideBar button {
	background: #e1d7b1;
	border: 0px;
	font: 8pt Verdana;
	color: #7f7059;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sideBar a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#sideBar a:hover {
	color: #184e7c;
}
#sideBar b, #sideBar strong {
	color: #184e7c;
}
#sideBar a img {
	border: 3px solid #c6bc96;
}
#sideBar a:hover img {
	border: 3px solid #67624f;
}

/*
THREADING COMMENTS
*/

ol.commentlist li {
	list-style: none;
	background: #e1d7b1;
        font: 8pt Verdana;
	border-left: 5px solid #f8f3d6;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: justify;
	color: #6a644f;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

/*
WORDPRESS FIXES
*/

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 9px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
