/*
Theme Name: Transfixx Productions
Theme URI: http://transfixx.com/
Description: Layout specifically designed for <a href="/">this</a> website.
Version: 1.0
Author: Tran N.
Author URI: http://transfixx.com/
*/

html {
	background: #2e3c59;
	min-height: 100%;
	height: 100%;
}
body {
	background: #2e3c59 url(images/bg.jpg) repeat-x;
	margin: 0px;
	min-height: 100%;
	height: 100%;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0c6d2;
}

/*
---------------------------
*/

#container {
	background: #2e3c59;
	width: 977px;
	min-height: 100%;
	height: auto;
	margin: 0px auto;
}
#ad {
	background: url(images/ad.jpg) no-repeat;
	width: 977px;
	height: 100px;
	line-height: 100px;
}
#menu {
	background: url(images/menu.jpg) no-repeat;
	width: 977px;
	height: 45px;
	line-height: 45px;
}
#menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 2px 2px 2px #333949;
	color: #c8c8ca;
	margin: 0px 5px 0px 5px;
}
#menu a:hover {
	color: #ffffff;
}
#menu b {
	font-size: 15px;
	color: #2d2f3c;
}
#header-1 {
	background: url(images/header-01.jpg) no-repeat;
	width: 977px;
	height: 162px;
	text-align: left;
}
#header-1 div.monkeys {
	position: relative;
	left: 570px;
	top: 34px;
	width: 199px;
	height: 96px;
	cursor: pointer;
}
#header-2 {
	background: url(images/header-02.jpg) no-repeat;
	width: 977px;
	height: 185px;
	text-align: left;
}
#header-2 div.txx {
	position: relative;
	left: 494px;
	top: 4px;
	width: 174px;
	height: 15px;
	cursor: pointer;
}
#header-2 div.introduction {
	position: relative;
	left: 396px;
	top: 46px;
	width: 388px;
	height: 113px;
	font-size: 11px;
	text-align: justify;
	color: #434a5b;
	line-height: 150%;
	text-shadow: 2px 2px #d7d7d9;
}
#header-3 {
	background: url(images/header-03.jpg) no-repeat;
	width: 977px;
	height: 195px;
	text-align: left;
}
#header-3 div.latestphotos {
	position: relative;
	left: 395px;
	top: 5px;
	width: 390px;
	height: 90px;
}
#header-3 div.latestphotos a img {
	border: 1px solid #cdced2;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#header-3 div.latestphotos a:hover img {
	border: 1px solid #505b71;
	filter:alpha(opacity: 100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#sidebar {
	float: left;
	margin: 0px auto auto 51px;
	width: 330px;
	height: auto;
}
#contents {
	float: right;
	margin: 0px 51px auto auto;
	width: 530px;
	height: auto;
}
#footer {
	clear: both;
	width: 977px;
	height: 10px;
}

/*
---------------------------
*/

a {
	text-decoration: none;
	font-weight: bold;
	color: #e4e6ea;
}
a:hover {
	color: #ffffff;
}
b, strong {
	color: #b79d94;
}
em, i {
	color: #ffffff;
}
a img {
	border: 3px solid #737e96;
}
a:hover img {
	border: 3px solid #9ba5b9;
}
blockquote {
	background: #32415e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 160%;
	text-align: justify;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
textarea, input, select, button {
	background: #576483;
	border: 1px solid #334361;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c0c6d2;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
---------------------------
*/

#sidebar h2 {
	background: #767d8e url(images/sb_h2.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #4e5c7b;
	color: #cecfd3;
	padding: 10px;
	margin: 0px 0px 1px 0px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius:  0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
#sidebar div.main {
	margin: 0px 0px 10px 0px;
}
#sidebar div.maintext {
	background: #364565;
	border-bottom: 1px dotted #58637c;
	text-align: justify;
	font-size: 11px;
	line-height: 160%;
	padding: 10px;
}

/*
---------------------------
*/

#contents h2 {
	background: #767d8e url(images/c_h2.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #4e5c7b;
	color: #ffffff;
	padding: 10px;
	margin: 0px 0px 1px 0px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius:  0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
#contents div.main {
	margin: 0px 0px 10px 0px;
}
#contents div.maintext {
	background: #3d4e70;
	text-align: justify;
	padding: 10px;
	margin: 0px 0px 1px 0px;
}
#contents div.mainmeta {
	background: #364565;
	border-bottom: 5px solid #394a6b;
	font-size: 11px;
	padding: 10px;
	color: #ffffff;
}