@charset 'utf-8';

/* GLOBAL */
* {margin:0; padding:0}
html, body {font-size:100.01%}
body {
	background-color: #99ccff;
	color: #000;
	font: 1em/1.4em "Trebuchet ms", Georgia, "Times New Roman", Times, serif;
}
a img {border:none}
.left {float:left}
.right {float:right}
img.center {margin:0 auto 1em auto; display:block}

h1, h2 {
	color: #000066;
	font-size: 1.5em;
	margin: 2em 0 1em 0;
	line-height: 1.15em;
}
h2 {font-size: 1.2em;}
h2.underline {}
p {margin-bottom:1em}

a:link {text-decoration:underline; font-weight:bold; font-size:13px}
a:visited {color:#ff6600; text-decoration:underline; font-weight:bold; font-size:13px}
a:active {color:#ff6600; text-decoration:underline; font-weight:bold; font-size:13px}
a:hover {color:#ff6600; text-decoration:underline; font-weight:bold; font-size:13px}

#content ul {margin:0 0 1em 0; padding:0}
#content ul li {list-style:none; margin-bottom:0; font-weight:bold}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* LAYOUT */
#container {
	margin: 0 auto;	
	width: 768px;
}
#header {margin-bottom:20px}

/* Logo */
#logo {
	height: 100px;
	width: 768px;	
	background: url(/logo/logo.gif) no-repeat;
	padding:0;
	margin:0;
}
#logo a {
	display: block;
	height: 100px;
	width: 768px;
	text-indent: -999em;
	outline: none;
}
#content {
	border: 2px solid #666;
	background: #fff url(bg_columns.gif) left repeat-y;
	margin-top:-19px;
}
#main {
	float: left;
	width: 555px;
	padding: 20px 10px;
}

/* Sidebar */
#sidebar {
	padding: 0 10px 0 10px;
	margin-top: 2.7em;
	float: right;
	width: 165px;
	font-size: 0.80em;
	line-height: 1.45em;
}
#sidebar h2 {
	font-size: 1.3em;
	margin: 2.5em auto 0.3em auto;
	width: auto;
	text-align: center;
}
#sidebar p {margin-bottom:0}

/* Comments */
.comment {
	margin: 2em 0 0 0;
	font-size: 0.8em;
	line-height: 1.4em;
}
.comment h3 {font-size:1.2em; margin-bottom:0.2em}
.comment h3 .highlight {color:#0000ff}
.avatar-image {float:right; border:1px solid #000; margin-left:20px}
.date {margin-bottom:0em; font-size:0.9em}
.comment.response {margin-left:25px}

/* More */
.more {text-align:center; margin: 0 0 0 0}
#more {
	line-height:1.1em;
	margin:3em 0 0 0;
	filter:alpha(opacity=0); /* Internet Explorer */
	-moz-opacity: 0.0; /* Mozilla Browser */
	opacity: 0.0; /* Opera */
	background: #99ccff;
}
#more #left {width:215px; float:left;}
#more #left ul {margin-left:20px; padding:0}
#more #right {margin-left:215px; width:500px}
#more h1, #more h2 {color:#000; margin:0}
#more h1 {font-size:1.45em; margin-bottom:0.7em}
#more h2 {font-size:1.1em; margin-bottom:0.7em}
#more p {font-size:12px}

#moretext {
	position:absolute;
	top:3850px;
	width:570px;
}

#moretext_clean {
	position:absolute;
	top:3000px;
	width:570px;
}

#morespace {
	height:1300px;
}