/*
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: #151e27 url(images/transfixx_bg.jpg) repeat-x;
	margin: 0px;
	font-family: Verdana, Helvetica;
        font-size:9px;
	color: #8e9eaf;
}

/*
BASICS
*/

a {
	text-decoration: none;
	color: #57849d;
}
a:hover {
	color: #b9a29b;
}
b, strong {
	color: #b9a29b;
}
em, u, i {
	color: #c9dcef;
}
a img {
        -moz-border-radius: 4px;
	border: 1px solid #26323c;
        padding: 3px;
        margin: 2px;
}
a:hover img {
	border: 1px solid #334452;
        padding: 3px;
        margin: 2px;
}
table, tr, td {
	font-family: Helvetica;
        font-size:11px;
}

/*
SIDE BAR
*/

#sideBar {
	background: #060604 url(images/transfixx_12.jpg) no-repeat;
	width: 316px;
	height: 100%;
	vertical-align: top;
        text-align: justify;
}
#sideBar h2 {
	font: 9pt Trebuchet MS;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #a59492;
	margin: 10px 0px 0px 0px;   
        padding: 15px 0px 15px 43px;
        background: url('images/bg_tile_sidebar.jpg') repeat-y center;
}
#sideBar div.main {
	margin: 0px 15px 20px 15px;
}
#sideBar div.mainText {
	color: #5c6a77;
}
#sideBar a {
	color: #c9dcef;
}
#sideBar a:hover {
	color: #b9a29b;
}
#sideBar b, #sideBar strong {
	color: #57849d;
}
#sideBar a img {
	border: 1px solid #18242e;
}
#sideBar a:hover img {
	border: 1px solid #525f6d;
}

/*
CONTENT'S BODY
*/

#contentsBody {
	background: #0b1116 url(images/transfixx_13.jpg) repeat-y;
	width: 522px;
	height: 100%;
	vertical-align: top;
}

#contentsBody h2 {
        -moz-border-radius: 7px;
	font: 8pt geordia;
        font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #d9d9d9;
	margin: 0px;
        padding: 5px 4px 7px 5px;
        background: url('images/title_bg.jpg') repeat-y center;
}

#contentsBody h2 a {
        -moz-border-radius: 7px;
	font: 8pt georgia;
        font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #d9d9d9;
	margin: 0px;
        padding: 5px 4px 7px 5px;

}

#contentsBody h2 a:hover {
        -moz-border-radius: 7px;
	font: 8pt georgia;
        font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #9ca4ab;
	margin: 0px;
        padding: 5px 4px 7px 5px;

}

#contentsBody h3 {
	font: 8pt Trebuchet MS;
	text-align: left;
	color: #556b83;
	margin: 0px 0px 15px 0px;
}
#contentsBody div.main {
	background: #0d141a;
	padding: 5px;
	margin: 0px 15px 25px 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;

}
#contentsBody div.mainText {
	text-align: justify;
}
#contentsBody blockquote {
	background: #111920;
	padding: 5px;
	text-align: justify;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #5c6a77;
}
#contentsBody textarea, #contentsBody input, #contentsBody select, #contentsBody button {
	background: #111920;
	border: 0px;
	font: 9pt Trebuchet MS;
	padding: 5px;
	text-align: justify;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #5c6a77;
}

/*
ETC.
*/

#adBlock {
	background: #060604;
	width: 966px;
	height: 107px;
	vertical-align: middle;
	text-align: center;
}
#introduction {
	background: #4a5b6d url(images/transfixx_04.jpg) no-repeat;
	width: 311px;
	height: 89px;
	text-align: justify;

	font: 7.5pt Trebuchet MS;
	color: #9ba9b9;
}
#latestPhotos {
	background: #22282f url(images/transfixx_08.jpg) no-repeat;
	width: 311px;
	height: 92px;
	text-align: center;
}
#latestPhotos a img {
	border: 1px solid #4b5b6d;
	width: 55px;
	height: 45px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#latestPhotos a:hover img {
	border: 1px solid #96a1ad;
	width: 55px;
	height: 45px;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#left {
	background: url(images/transfixx_11.jpg) repeat-y;
	width: 65px;
	height: 100%;
	vertical-align: top;
}
#right {
	background: url(images/transfixx_14.jpg) repeat-y;
	width: 63px;
	height: 100%;
	vertical-align: top;
}