@import url(./core.css);
@import url(./flags.css);
@import url(./sidebar.css);

/* CONTENT / / / / / / / / / */

#main {
	float:left;
	position:relative;
	width:52.6%; padding:0 2.4% 0 14%;
	}
* html #main {width:52%; padding:0 2% 0 130px;
	}	
h3 {
	font:bold 1em arial,sans-serif; color:#6cf;
	text-transform:uppercase;
	}
.comment {
	position:relative;
	margin:0 0 3em;
	}	
.author {
	position:absolute; top:0; left:-26%;
	width:23%; margin:.1em 0 0; 
	font:normal .8em/1.4em arial,sans-serif; color:#5a5a5a;
	text-align:right; 
	}
* html .author {
	left:-20%;
	width:23%;
	line-height:1.2em;
	}
.author strong {
	display:block; 
	font-weight:normal; font-size:1.1em; color:#fff;
	text-transform:uppercase; 
	}
#main ul {
	margin:0 0 1em; padding:0 0 0 1em;
	list-style-type:square; 
	}
#main p {
	margin:0 0 1em;
	line-height:1.5em;
	font:normal .86em/1.5em verdana,sans-serif;
	}
.image {
	float:left;
	width:200px; padding:0 0 .4em; margin:.32em 2em .8em 0;
	font:normal .7em/1.4em verdana,sans-serif;
	background:#575D61;
	}
* html .image {margin-right:1.4em;}
.image strong {
	display:block;
	padding:.4em;
	}
#main a {
	color:#9c3;
	text-decoration:underline; 
	}
	
/* SECTION / / / / / / / / / */

.editSection {
	float:right; margin:0 0 .8em .8em;
	text-transform:uppercase;
	font-size:.64em;
	}
#main .editSection a {
	padding:.32em .64em;
	color:#aaa;
	background:#2F3A42;
	}

/* FORM / / / / / / / / / */

#commentform {
	padding:1em 0 0;
	border-top:1px solid #2F3A42;
	}
.field .label {
	display:block; margin:1em 0 0; padding:0 0 .2em;
	font:normal .76em/1.2em arial,sans-serif; color:#fff;
	text-transform:uppercase;
	}
#commentform .inputbox, #commentform .field textarea {
	width:98%; padding:.2em; margin:0 0 .4em;
	border:1px solid #61696F;
	background:#2F3A42; color:#fff;
	}
#commentform .inputbox {font-size:1.2em;
	}	
#commentform .inputbutton {
	padding:.2em .4em;
	}