@charset "UTF-8";
/* CSS Document */

/* -----------------------------------*/
/* ---------->>> RESET <<<------------*/
/* -----------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 ;padding: 0; border: 0;font-weight: inherit; font-style: inherit ;font-size: 100%; font-family: inherit; }

a img { border: none; }
	
/* -----------------------------------*/
/* --------->>> MISC ELEMENTS <<------*/
/* -----------------------------------*/

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
hr { 
	border: none 0;
	border-top: 1px dashed #c7c7c7;
	width: 99%;
	margin-bottom:9px;
	}

/* -----------------------------------*/
/* ------>>> DEFAULT CLASSES <<<------*/
/* -----------------------------------*/

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; } 
.box 		{ padding: 1.5em; margin-bottom: 1.5em; background: #eee; }
hr.space 	{ background: #fff; color: #fff; }
.clear 		{ display: inline-block; }   
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear 		{ display: block; }

/* -----------------------------------*/
/* -------->>> TYPOGRAPHY <<<---------*/
/* -----------------------------------*/

/* The percentage is of 16px (0.75 * 16px = 12px). */
   
body { 
	color:#b0b0b0;
	font-size: 68%;
	background-color:#080808;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	line-height:150%;
	}  
	
h1,h2,h3,h4,h5,h6 { 
  	color: #111; 
  	font-family: Helvetica, Arial, sans-serif; 
	}
	
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	}

h1 {
	color:#8cc8f4;
	font-size: 21px; 
	line-height: 1; 
	margin-bottom: 0.5em; 
	}
	
h2 { 
	color:#b0b0b0;
	font-size: 1.3em; 
	margin-bottom: 0.75em; 
	}
	
h3 { 
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: 1em; 
	}
	
h4 { 
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-bottom: 1.25em; 
	}
	
h5 { 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 1.5em; 
	}
	
h6 { 
	font-size: 1em; 
	font-weight: bold; 
	}

a:link, a:visited {
	color: #8cc8f4;
	text-decoration: none;	
	}

a:hover, a:active {
	color: #8cc8f4;
	text-decoration: underline;
	}

/* -----------------------------------*/
/* ------->>> HOME STRUCTURE <<<------*/
/* -----------------------------------*/

body {
	background:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#080808;
	}
.wrapper {
	margin:0 auto;
	width:840px;
	}
.left-col {
	float:left;
	padding:10px;

	margin-top:345px;
	width:520px;
	}
.right-col {
	float:left;
	padding:10px;
	margin-top:345px;
padding-bottom:50px;
	width:280px;
	}
.blog-image {
	background:url(../images/blog-border-bg.jpg);
	background-repeat:no-repeat;
	height:221px;
	padding:13px 0 0 15px;
	width:520px;
	}
.comment-wrapper {
	with:400px;
	}
.comment-flag {
	float:left;
	width:120px;
	}
.comment-text {
	float:left;
	width:400px;
	}
.content-bubble {
	background-image:url(../images/bg-comment.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#aac2d3;
	color:#333;
	margin-bottom:20px;
	padding:40px 20px 10px 20px;
	width:360px;
	}
.date-box {
	background-image:url(../images/bg-date.png);
	height:23px;
	width:78px;
	}
.rotator-wrapper {
        width:240px;
	}
.rotator{
	float:left;
	padding-left:20px;
	width:100px;
	}
.footer {
	clear:both;
	padding-bottom:50px;
	text-align:right;
	}