#container .column {
  position: relative;
  float: left;
}
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
	background: black;
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

div.container {
	font-size: 1.2em;
	background: #222;
	margin: 0 auto;
	width: 90%;
	border: 12px solid #222;
}

div.header {
	float: left;
	width: 100%;
	background: url(/images/logo.png) no-repeat black;
	font: normal 2.4em Verdana,sans-serif;
  color: black;
	line-height: 100px;
	text-align: center;	
	clear: left;
}

div.subheader{
background-color: #FF9900;
clear: both;
}

/* footer */
div.footer {
	background: url(images/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
padding : 0.5em; 
clear : both; 
font-size : small;
}

.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}

div.left {
float: left;
width : 15%; 
background-color : #222; 
margin : 0; 
color: #CCC; 
font-size: small;
}

.left h1 {
       background: #222;
       color: #FFE;
       font: bold 1.1em Verdana,sans-serif;
       line-height: 24px;
       padding-left: 8px;
}
.left ul {margin: 0; padding: 0;}
.left li {
       border-bottom: 1px solid #696755;
       list-style: none;
       background: #89866F;
       display: block;
       padding: 4px 0 4px 6px;
       text-decoration: none;
}
.left li a {
color: #111;
text-decoration: none;
}
.left li a:hover {
background: #9C997C;
color: #000;
}
.left li:hover {
background: #9C997C;
}

div.right {
float:right;
width:170px;
background-color : #222; 
margin:0;
margin-left: 10px;
padding:1em;
color: #CCC; 
font-size: small;
padding: 6px 2px 6px 16px;
}

div.topright {
float:right;
width:15%;
background-color : #222; 
margin:0;
margin-left: 10px;
padding:1em;
color: #CCC; 
font-size: small;
padding: 6px 2px 6px 16px;
}

div.button {
	color: black ;
  background: #89866F;
	border-bottom: 1px solid #696755;
  list-style: none;
  display: block;
  padding: 4px 0 4px 6px;
  text-decoration: none;}

a.menubutton:link {
	text-decoration: none ;
	color: #111 ;
	background: #89866F;
	display: block ;
	font-size: small ;
}

a.menubutton:visited {
	text-decoration: none ;
	color: purple ;
	background: #89866F;
	display: block ;
	font-size: small ;
}

a.menubutton:hover {
	text-decoration: none ;
	color: #000;
	background: #9C997C;
	display: block ;
	font-size: small ;
}

a.menubutton:active {
	text-decoration: none ;
	color: #000;
	background: #9C997C;
	display: block ;
	font-size: small ;
}

div.centre {
background-color: white;
margin-left: 17%;
width: 55%;
padding: 18px 24px;
font-size: small;
} 

p,ul {
	padding-bottom: 1em;
	text-align: justify;
}

ul, ol {margin-left: 1.7em;}

.main_right li {list-style: none;}
/*.main li {list-style-image: url(img/li.gif);}*/

h1 {font-size: 1.2em;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #994;}

div.image_left
{
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
width:auto;
border : 1px solid black; 
line-height : 100%;
text-align : center;
font-family : sans-serif; 
font-size : small;
}
div.image_left_noborder
{
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
width:auto;
border : none; 
line-height : 100%;
text-align : center;
font-family : sans-serif; 
font-size : small;
}
div.image_right
{
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
width:auto;
border : 1px solid black; 
line-height : 100%; 
text-align : center;
font-family : sans-serif; 
font-size : small;
}
div.image_right_noborder
{
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
width:auto;
border : none; 
line-height : 100%; 
text-align : center;
font-family : sans-serif; 
font-size : small;
}
div.image_centre {
float: none;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: auto;
border : 1px solid black; 
line-height: 100%;
text-align: center;
font-family: sans-serif;
font-size: small;
}
div.image_centre_noborder {
float: none;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: auto;
line-height: 100%;
text-align: center;
font-family: sans-serif;
font-size: small;
}

.image_left p, .image_left_noborder p, .image_right p, .image_right_noborder p, .image_centre p, .image_centre_noborder p. {
line-height : 100%;
text-align : center;
font-family : sans-serif; 
font-size : small;
}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}


/* structure */
.top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
}
.main {
	float: left;
	width: 480px;
}
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
}

/* sub-navigation */
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}


/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #F7F7F7;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}


.post ul li
{
list-style:square;
margin-left:18px;
padding:5px;
}

.entry ol li
{
padding:5px;
list-style-type:decimal;
margin-left:22px;
}

.main_right a:link, a:visited {
	color: #999999;
}
.main_right a:link,.main_right a:visited{
	color: #666666;
	text-decoration: none;
}

.main_right ul {
	padding: 0;
}
.main_right ul li a:link,.main_right ul li a:visited{
	display: block;
}
.main_right ul li:hover{
	background: #333333;
}
.main_right ul li {
padding: 5px 0;
}
.main_right ul {
	margin: 0;
}

.c5t_system {
margin-left: 160px;
width: 433px;
padding: 18px 24px;
font-size: small;
    margin-bottom:10px;
    border:1px solid #FF0000;
    background-color:#FFF8F8;
}

.c5t_debug {
    padding:10px;
    margin-bottom:10px;
    border:1px solid #0070C0;
    background-color:#ECF0FF;
}

.c5t_comment_form_background {
	padding:8px;
	background-color:#F8F8F8;
	width:400px;
	margin-top:30px;
    border:1px solid #C0C0C0;
}

.c5t_comment_form_table {
    width:100%;
    padding:5px;
	background-color:#FFFFFF;
}

.c5t_comment_form_field input,
.c5t_comment_form_field select,
.c5t_comment_form_field textarea {
    width:375px;
	background-color:#FFFFFF;
}

.c5t_comment_form_label {
    vertical-align:top;
    width:150px;
}

.c5t_comment_list {
    margin-bottom:10px;
}

.c5t_comment_item_background {
	padding:8px;
	background-color:#F8F8F8;
	width:450px;
	margin-top:30px;
    margin-bottom:10px;
    border:1px solid #C0C0C0;
}

.c5t_comment_item {
    padding:5px;
	background-color:#FFFFFF;
}

.c5t_comment_item_details {
    font-size:70%;
}

.c5t_comment_item_text {
    margin-top:10px;
    margin-bottom:10px;
}

.c5t_comment_form_submit input {
    margin-top:20px;
}

.c5t_headline {
    font-size:110%;
}

.c5t_comment_item_title {
	margin:0 0 10px 0;
	font-weight:bold;
}

.c5t_error_message {
	color:#FF5F00;
}

.c5t_error_message_item {
	padding-bottom:10px;
}

.c5t_installation_form {
	margin-bottom:30px;
}

.c5t_installation_form legend {
	font-weight:bold;
}

.c5t_installation_form_label {
	font-weight:bold;
	width:160px;
}

.c5t_frontend_pagination {
	margin:15px 0 15px 0;
}

.c5t_frontend_pagination a {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#0000ff;
}

.c5t_frontend_pagination span {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
}

.c5t_frontend_pagination form {
	display:inline;
}
.c5t_frontend_pagination input {
	cursor:pointer;
	border:1px solid #cccccc;
	padding:2px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#0000ff;
	background-color:#FFFFFF;
}

.c5t_link_button {
	margin:15px 0 35px 0;
}

.c5t_link_button a {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
}

.c5t_link_button a:hover {
	border:1px solid #cccccc;
	padding:3px 10px;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	color:#6898FF;
	background-color:#F4F9FF;
}