/*
Theme Name: Version 5 - KS.net
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: #101010 url(images/v5_bg.jpg) repeat-x;
	margin: 0px;
	font: 9pt Trebuchet MS;
	color: #444444;
}

/*
BASICS
*/

a {
	text-decoration: none;
	font-weight: bold;
	color: #9275ab;
}
a:hover {
	color: #000000;
}
b, strong {
	color: #7d2aaf;
}
em, u, i {
	color: #b857ed;
}
a img {
	border: 1px solid #cfcfcf;
	padding: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
a:hover img {
	border: 1px solid #8d70a7;
}
table, tr, td {
	font: 9pt Trebuchet MS;
}
textarea, input, select, button {
	background: #ffffff;
	border: 1px solid #dddddd;
	font: 9pt Trebuchet MS;
	color: #666666;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
SIDEBAR
*/

#sidebar {
	background: #dfdfdf url(images/v5_13.jpg) no-repeat;
	width: 250px;
	height: 100%;
	vertical-align: top;
}
#sidebar h2 {
	font: 11pt Georgia;
	font-weight: bold;
	font-style: italic;
	color: #9275ac;
	text-shadow: 2px 2px 1px #ffffff;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
#sidebar div.main {
	margin: 0px 10px 15px 10px;
}
#sidebar div.maintext {
	background: #ebebeb;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #666666;
	text-align: justify;
}

/*
CONTENTS
*/

#contents {
	background: #dfdfdf url(images/v5_14.jpg) no-repeat;
	width: 550px;
	height: 100%;
	vertical-align: top;
}
#contents h2 {
	font: 15pt Georgia;
	font-style: italic;
	text-align: left;
	color: #6a2f8f;
	margin: 0px;
}
#contents div.postmeta {
	font: 8pt Trebuchet MS;
	font-style: italic;
	color: #b8b8b8;
	margin: 0px 0px 15px 0px;
}
#contents div.main {
	background: #f2f2f2;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px 10px 20px 0px;
}
#contents div.maintext {
	text-align: justify;
}
#contents blockquote {
	background: #ffffff;
	border-left: 1px solid #e3c9f4;
	border-bottom: 1px dotted #e3c9f4;
	padding: 5px;
	color: #695b72;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
LAYOUT
*/

#ad {
	background: #d2d1d2 url(images/v5_01.jpg) no-repeat;
	width: 978px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
#nav {
	background: #795d91 url(images/v5_02.jpg) no-repeat;
	width: 978px;
	height: 43px;
	text-align: center;
	vertical-align: middle;
}
#nav a {
	font: 10pt Georgia;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 2px #482e5e;
	color: #ffffff;
	margin-right: 15px;
}
#nav a:hover {
	text-shadow: 2px 2px 2px #ffffff;
	color: #ffffff;
}
#introduction {
	background: #9275ac url(images/v5_06.jpg) no-repeat;
	width: 334px;
	height: 103px;
	text-align: justify;
	vertical-align: middle;
	font: 8pt Trebuchet MS;
	font-style: italic;
	color: #e8e8e8;
}
#latestphotos {
	background: #e3e3e3 url(images/v5_10.jpg) no-repeat;
	width: 472px;
	height: 94px;
	text-align: center;
	vertical-align: middle;
}
#latestphotos a img {
	background: #ffffff;
	border: 1px solid #c9c8c9;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding: 2px;
}
#latestphotos a:hover img {
	background: #ffffff;
	border: 1px solid #9376ac;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	padding: 2px;
}
#left {
	background: url(images/v5_12.jpg) no-repeat;
	width: 89px;
	height: 100%;
	vertical-align: top;
}
#right {
	background: url(images/v5_15.jpg) no-repeat;
	width: 89px;
	height: 100%;
	vertical-align: top;
}
