/*   
Theme Name: hux
Theme URI: http://www.huxleyking.com/
Description: Huxley King's very own theme.
Author: Cecil Green
Author URI: http://www.huxleyking.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

body {
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#666;
	margin:0;
	background-image: URL(./images/huxbackground.gif);
	background-repeat: no-repeat;
}

* {
	margin:0;
	padding:0;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}

h1 a {
	text-decoration:none;
	color:#333;
}

#footer {
	width:744px;
	margin:0 auto;
	padding:20px;
	text-align:right;
	color:#999;
}

#header {
	background-color: #A8CADF;
}

#header .description {
	float:right;
	margin:45px 0 0 0;
	color:#222;
}

#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	border-bottom:20px solid #fafafa;
}

#page-container {
	background-color: black;
	width: 792px;
	margin:20px auto;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;	
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 5px 0 20px 0;
}

#wrapper {
	background-color: white;
	width:744px;
	margin: auto;
	margin-top: 15px;
	position: relative;	
}

#navright {
	background-color: #A8CADF;
	width: 372px;
	height: 30px;
	margin: auto;
	float: right;
}
#navleft {
	background-color: #A8CADF;
	width: 372px;
	height: 30px;
	padding: 0 0 0 0;
	float: right;
}

#nav {
	padding:3px 0 0 20px;
	margin:0;
	height:30px;
}

#nav li {
	float:left;
	list-style:none;
}

#nav li a {
	color:black;
	padding:0 5px 0 5px;
	font:1.6em Trebuchet MS;
	text-transform: lowercase;
	margin:1px 2px 0 0;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}

#content {
	margin:15px 190px 0 0 !important;
	margin:15px 190px 0 0;
	padding:40px 25px 30px 25px;
	clear: both;
}

#content p {
	line-height:25px;
	margin:25px 0;
	font-size:130%;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#009999;

}

#content a:hover {
	color:#000;
}

#content h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:2.8em;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px solid #f6f6f6;
	padding:5px 0;
	line-height: 30px;
}

#content h2 a {
	color:#444;
	text-decoration:none;
	border:none;
}


#huxseal {
	width: 162px;
	height: 162px;
	position:absolute;
	left: 291px;
	top: 298px;
}


.square01 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/01/rotate.php);
	margin: auto;float: right;}
.square01 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square01 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 127px;padding: 10px;margin: 0;width: 160px;border-top: 1px solid #999;}
.square01 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square01 a .desc {	display: none; }

.square02 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/02/rotate2.php);
	margin: auto;float: right;}
.square02 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square02 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 144px;padding: 10px;margin: 0;width: 160px;border-top: 1px solid #999;}
.square02 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square02 a .desc {	display: none; }

.square03 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/03/rotate3.php);
	margin: auto;float: right;}
.square03 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square03 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 112px;padding: 10px;margin: 0;width: 160px;border-top: 1px solid #999;}
.square03 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square03 a .desc {	display: none; }

.square04 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/04/rotate4.php);
	margin: auto;float: right;}
.square04 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square04 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 144px;padding: 10px;margin: 0;width: 160px;border-top: 1px solid #999;}
.square04 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square04 a .desc {	display: none; }

.square05 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/05/rotate5.php);
	margin: auto;float: right;}
.square05 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square05 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 186px;padding: 10px;margin: 0;width: 160px;border-bottom: 1px solid #999;}
.square05 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square05 a .desc {	display: none; }

.square06 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/06/rotate6.php);
	margin: auto;float: right;}
.square06 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square06 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 186px;padding: 10px;margin: 0;width: 160px;border-bottom: 1px solid #999;}
.square06 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square06 a .desc {	display: none; }

.square07 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/07/rotate7.php);
	margin: auto;float: right;}
.square07 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square07 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 186px;padding: 10px;margin: 0;width: 160px;border-bottom: 1px solid #999;}
.square07 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square07 a .desc {	display: none; }

.square08 a{ width:186px;height:186px;border:0;display:block;background-image:url(images/08/rotate8.php);
	margin: auto;float: right;}
.square08 a:hover { border:3px solid black;width:180px;height:180px;background-position:center;}
.square08 a:hover .desc{display: block;font-size: 1.2em;padding: 10px 0;background: #111;
	color: #fff;position: absolute;top: 186px;padding: 10px;margin: 0;width: 160px;border-bottom: 1px solid #999;}
.square08 a:hover .desc strong { display: block;margin-bottom: 5px;font-size:1.5em;}
.square08 a .desc {	display: none; }


#sidebar {
	width:155px;
	padding:10px 0 30px 0;
	position: absolute;
	top: 400px;
	left: 560px;

}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}

textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }

p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img
{  border-style: none;
}

#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

a {
	color: gray;
	text-decoration:none;
	margin:0 3px 0 0;}

a:hover {
	color: black;}