/*
Theme Name: HaloReachPlanet2
Theme URI: http://www.haloreachplanet.com/
Description: Halo Reach Planet Theme
Version: 2.0
Author: David Leggett
*/

@charset "utf-8";
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("{T_THEME_PATH}/','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
/* End of Reset */
body {
	background:#e9e9e9;
	text-align:center;
	margin:0px;
}
#banner {
	background:#0a1746 url(images/bg.jpg) center top no-repeat;
	height:112px;
	text-align:center;
}
#banner h1 {
	margin:0px;
	width:379px;
	float:left;
}
.wrapper {
	width:944px;
	text-align:left;
	margin:0 auto;
}
#banner .banner a {
	display:block;
	width:379px;
	height:112px;
	float:left;
	background:url(images/banner.png) center left no-repeat;
}
#banner .banner a span {
	display:none;
}
#navigation {
	height:48px;
	background:#1c1c1c;
	text-align:center;
}
#navigation ul {
	margin:0px;
}
#navigation .wrapper {
	width:944px;
	text-align:left;
	margin:0 auto;
}
#content-wrapper {
	margin:0 auto;
	width:944px;
	background:#fff url(images/fade.png) repeat-x;
}
#content-area {
	padding:32px 16px;
	text-align:left;
}
.skyscraper-placeholder {
	width:160px;
	height:600px;
	margin:0 auto;
}

/* Content Modules */

#features {
	float:left;
	width:208px;
	margin-right:16px;
}
#skyscraper {
	width:192px;
	float:left;
	text-align:center;
	
}
#recent-posts {
	float:right;
	width:480px;
}
body#author #recent-posts {
	width:592px;
}
#recent-posts .post {
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px solid #ccc;
	clear:both;
}
#recent-posts .post .thumbnail {
	width:82px;
	height:82px;
	background:url(images/thumb-bg.png) no-repeat;
	overflow:hidden;
	padding:1px 14px 4px 1px;
	float:left;
}
#recent-posts .post .thumbnail img {
	width:78px;
	height:78px;
}
#recent-posts .post .post-content {
	float:right;
	width:384px;
}
#left-sidebar {
	float:left;
	width:304px;
}
#main-content {
	width:592px;
	float:right;
	padding-bottom:32px;
}
.medium-rectangle-placeholder {
	width:300px;
	height:250px;
}

/* Images */
.image-container {
	background:#eaeaea;
}
#main-content .image-container p.caption {
	padding:8px;
	font-size:12px;
	color:#555;
	line-height:16px;
}
/* Footer */
#footer {
	clear:both;
	padding:96px 16px 16px 16px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ccc;
}

/* Comments */
#comments {
	clear:both;
	width:768px;
	margin:0 auto;
	color:#999;
	border-top:3px solid #eee;
}
ol.trackbacks {
	list-style:decimal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:48px;
}
ol.trackbacks li {
	margin-bottom:8px;
}
ol.trackbacks li a {
	color:#999;
}
#comments .wrapper {
	width:564px;
	margin:0 auto;
	display:block;
}
#commentform {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	background:#eaeaea;
	padding:16px;
	-moz-border-radius:8px;
-webkit-border-radius:8px;
color:#555;
border:1px solid #ccc;
margin-bottom:32px;
}
#commentform label {
	font-weight:bold;
	line-height:20px;
}
#commentform input[type=text] {
	display:block;
	margin-top:4px;
	width:256px;
	line-height:20px;
	margin-bottom:8px;
}
#commentform textarea {
	display:block;
	width:468px;
	margin-top:4px;
	margin-bottom:8px;
}
#commentform button {
	margin-top:8px;
	width:256px;
	height:48px;
	font-size:18px;
	color:#444;
}
#commentform span.instructions {
	color:#777;
	line-height:20px;
}
#commentform a {
	color:#788a92;
}
#commentform a:hover {
	color:#222;
}

/* @group Comments */

/* @group Replies */
ol.comments {
	font-family:Verdana, Geneva, sans-serif;
}
ol.comments li p {
	font-size:13px;
	line-height:18px;
	margin-bottom:8px;
	color:#555;
}
ol.comments li.comment ul.children{
  margin-bottom: -0.75em;
  margin-top: 1.75em;
}

ol.comments li.comment ul.children li{
	padding-left: 120px;
}


ol.comments li.comment ul.children li.comment img{
	margin-left: -80px;
	width: 48px;
	height: 48px;
	margin-right: 20px;
}


/* @end */

ol.comments{
	margin: 0 ;
	margin-bottom: 3em;
}

ol.comments li.comment{
	margin: 0;
	padding: 10px 0;
	padding-top: 11px;
	list-style-type: none;
	position: relative;
	border-top: 1px solid #ccc;
	clear:both;
	background: none !important;
}

ol.comments li.comment:hover .reply-button a{
  opacity: 1;
}

ol.comments li.comment .reply-button a{
	position: absolute;
	top: 10px;
	right: 0;
	text-decoration:none;
	font-size:12px;
	padding: 4px 8px;
	background: #a93712;
  color: white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.33s ease-in-out;

}

ol.comments li.comment div.reply-button a:hover{
  background: #737c29;
  text-decoration: none;
}

/* ol.comments li.comment.admin{
	background: #f1f1ec url(images/transparent_logo.png) no-repeat 98% 92% !important;
}

ol.comments li.comment.admin img{
	border-color: #cbccc1;
} */



ol.comments li.comment img{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 24px;
	margin-bottom: 10px;
	background: #888;
  border: 6px solid #d8dedf;
  
}

ol.comments li.comment span.name	{
	display: block;
  margin-bottom: 4px;
  font-weight: bold;
  color:#444;
  font-size:12px;
}

ol.comments li.comment span.name a{
	color:#222;
}

ol.comments li.comment span.date{
  display: block;
  margin-bottom:8px;
  font-size:12px;
}

ol.comments li.comment span.date a{
	color: #888;
}



/* Typography */
#features h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-bottom:8px;
	margin-top:32px;
}
#features h2:first-child {
	margin-top:0px;
}
#features h2 a, #recent-posts h2 a, #recent-posts h3 a {
	color:#3c6c7e;
	text-decoration:none;
}
#features h2 a:hover, #recent-posts h2 a:hover {
	color:#222;
}
#features p, .post p, #main-content p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#2f2f2f;
}
#features p a, .post p a, #main-content p a, #main-content ul a, #main-content ol a, .notice a, .cancel-comment-reply a {
	color:#5d7b87;
}
#features p a:hover, .post p a:hover, #main-content p a:hover, #main-content ul a:hover, #main-content ol a:hover, .notice a:hover, .cancel-comment-reply a:hover {
	color:#222;
}
.cancel-comment-reply {
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
}
.post p.postmetadata, #main-content p.postmetadata  {
	font-size:11px;
	line-height:16px;
	margin-bottom:4px;
	color:#838383;
}
#main-content p.postmetadata {
	margin-bottom:16px;
}
.post p.postmetadata a, #main-content p.postmetadata a {
	color:#838383;
}
.post p.postmetadata a:hover, #main-content p.postmetadata a:hover {
	color:#444;
}
.post p.postmetadata span.comment-link a {
	background:url(images/comments.png) center left no-repeat;
	padding-left:16px;
}
#recent-posts h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:20px;
}
body#home #recent-posts > .post:first-child h2 {
	font-size:24px;
	line-height:24px;
	font-weight:normal;
}
body#home #recent-posts > .post:first-child p.lead {
	font-size:18px;
	line-height:24px;
}
.older a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#762813;
}
.older a:hover {
	color:#222;
}
#navigation ul li {
	float:left;
	margin-right:32px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	line-height:48px;
}
#navigation ul li a {
	color:#676767;
	text-decoration:none;
}
#navigation ul li a:hover {
	color:#fff;
}
#main-content h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:24px;
	margin-bottom:8px;
	font-weight:normal;
	color:#2c2c2c;
}
#main-content h1 a:hover {
	color:#222;
}
#main-content p {
	margin-bottom:8px;
}
#main-content h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#6a6a6a;
	border-bottom:1px solid #c0c0c0;
	padding-bottom:8px;
	line-height:20px;
	font-weight:normal;
	margin-top:32px;
	margin-bottom:8px;
	clear:both;
}
#main-content h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#6a6a6a;
	font-weight:bold;
	line-height:20px;
	margin-top:32px;
	margin-bottom:8px;
	clear:both;
}
body#author #main-content h3 {
	clear:none;
	margin-bottom:0px;
}
#main-content p.postmetadata {
	margin-bottom:20px;
}
body#author #main-content p.postmetadata {
	margin-bottom:0px;
}
#main-content p.lead {
	font-size:18px;
	line-height:24px;
	margin-bottom:16px;
	color:#777;
}
#main-content .rt {
	float:right;
	margin-left:16px;
	margin-bottom:4px;
}
#main-content .lt {
	float:left;
	margin-right:16px;
	margin-bottom:4px;
}
#main-content .image-container img {
}
#main-content ol, #main-content ul {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-left:48px;
	margin-top:16px;
}
#main-content ol li, #main-content ul li {
	line-height:20px;
	margin-bottom:8px;
}
#main-content ul {
	list-style:disc;
}
#main-content ol {
	list-style:decimal;
}
#comments h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#2c2c2c;
	padding-bottom:4px;
	margin-bottom:4px;
	padding-top:16px;
}
.notice {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#777;
	line-height:20px;
	margin-bottom:16px;
}
	
/* SUBSCRIBE */
#subscribe {
	float:right;
	margin-top:24px;
}
#subscribe p {
	line-height:32px;
	margin:0px;
}
#subscribe p a {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding-left:24px;
	display:block;
}
#subscribe p.email a {
	background:url(images/email.png) left center no-repeat;
}
#subscribe p.twitter a {
	background:url(images/twitter.png) left center no-repeat;
}
#subscribe p a:hover {
	text-decoration:underline;
}

/* Game Template */
#overview {
	float:left;
	width:480px;
}
#overview h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:24px;
	margin-bottom:8px;
	font-weight:normal;
	color:#2c2c2c;
}
#overview p {
		font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#2f2f2f;
}
#related-content {
	float:right;
	width:208px;
}
#related-content h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-top:0px;
	color:#2f2f2f;
}
#overview h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#6a6a6a;
	border-bottom:1px solid #c0c0c0;
	padding-bottom:8px;
	line-height:20px;
	font-weight:normal;
	margin-top:32px;
	margin-bottom:8px;
	clear:both;
}
#recent-posts h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:20px;
}
#recent-posts h3 a:hover {
	color:#222;
}

/* Quotes */
blockquote {
	margin:0 16px 8px 16px;
	padding:16px 16px 8px 16px;
	background:#f5f5f5;
}
#main-content blockquote p {
	color:#555;
	font-size:13px;
}