/*
Theme Name: Back in Black
Theme URI: http://www.mattbrett.com
Description: The fourth incarnation of MattBrett.com
Version: 4.3
Author: Matt Brett
*/


/* GLOBAL LAYOUT
---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	background: #333;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}

#top {
	background: #000 url(images/bg-body.jpg) repeat left top;
	min-width: 930px;
}

#top-container, #bottom-container {
	width: 930px;
	text-align: left;
	margin: 0 auto;
}

#bottom-container {
	padding-top: 20px;
}

#nav {	
	position: absolute;
	width: 140px;
	height: 196px;
	top: 10px;
	margin-left: 470px;
}

#logo {
	position: relative;
	width: 511px;
	height: 196px;
	margin: 0 0 0 -40px;
	padding: 10px 0 0 0;
	overflow: hidden;
	font-size: 135%;
	color: #000;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header-photo.jpg) no-repeat 0 0;
}

#flickr {
	position: absolute;
	width: 310px;
	height: 196px;
	top: 10px;
	margin-left: 620px;
	overflow: hidden;

}

#quote {
	position: absolute;
	width: 300px;
	top: 20px;
	margin-left: 630px;
	padding: 0 10px 20px 0;
	overflow: hidden;
	background: url(images/bg-quote-bottom.gif) no-repeat 100% 100%;
}

#quote p {
	margin: 0;
	padding: 20px 0 0 10px;
	color: #999;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	line-height: 1.3em;
	background: url(images/bg-quote-top.gif) no-repeat 0% 0%;
}

#basecamp {
	position: absolute;
	width: 300px;
	top: 20px;
	margin-left: 630px;
	padding: 0 10px 20px 0;
	overflow: hidden;
}

#about {
	position: absolute;
	width: 170px;
	height: 195px;
	left: 720px;
	top: 0;
	padding: 35px 20px 20px 20px;
	background: url(images/bg-about.jpg) no-repeat 0 15px;
	overflow: hidden;
}

#mid {
	padding: 20px 0 0 0;
}

#bottom {
	background: #333 url(images/bg-bottom.jpg) repeat-x left top;
	min-width: 930px;
}

#footer {
	clear: both;
	height: 40px;
	margin-bottom: 20px;
	padding: 10px 0 10px 0;
	background: url(images/bg-footer.jpg) no-repeat 0 10px;
}

#ninerules {
	position: relative;
	float: left;
	display: inline;
	width: 95px;
	height: 39px;
	margin: 26px 0 0 20px;
}

#ninerules h1 {
	position: relative;
	width: 95px;
	height: 39px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 135%;
	color: #000;
}

#ninerules h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/9rules.jpg) no-repeat;
}

#mt {
	float: left;
	display: inline;
	width: 62px;
	height: 33px;
	margin: 32px 0 0 20px;
}

#mt h1 {
	position: relative;
	width: 62px;
	height: 33px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 135%;
	color: #000;
}

#mt h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/mt.jpg) no-repeat;
}

#search {
	clear: both;
	padding: 14px 0 0 22px;
}

.form-input {
	margin: 0 10px 0 0;
	width: 170px;
	padding: 1px 3px;
	background: #000;
	border: 1px solid #555;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}




/* GLOBAL STYLES
---------------------------------------------------------------------------------------------------- */

img {
	border: 0;
}

ul, ol {
	margin: 0;
	padding: 0;
}

abbr, acronym {
	border-bottom: 1px dashed #999;
	cursor: help;
}

code, pre {
	font: normal 1em "Courier New", Courier, mono;
	color: #999;
	text-decoration: none;
	text-align: left;
}

hr {
	height: 1px;
	color: #333;
	background-color: #333;
	margin: 0 0 18px 0;
	padding: 0;
	border: 0;
}



/* HEADERS
---------------------------------------------------------------------------------------------------- */

.section-header {
	position: relative;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	font-size: 135%;
	color: #000;
}

#sidebar .section-header {
	margin: 0 0 10px 0;
}

.section-header span {
	position: absolute;
	width: 100%;
	height: 100%;
}

#header-home-about {
	width: 169px;
}

#header-home-about span {
	background: url(images/home-about.gif) no-repeat;
}

#header-home-blog {
	width: 197px;
}

#header-home-blog span {
	background: url(images/home-blog.gif) no-repeat;
}

#header-home-portfolio {
	width: 213px;
}

#header-home-portfolio span {
	background: url(images/home-portfolio.gif) no-repeat;
}

#header-home-quickbits {
	width: 163px;
	color: #333;
}

#header-home-quickbits span {
	background: url(images/home-quickbits.gif) no-repeat;
}

#header-home-review {
	width: 136px;
}

#header-home-review span {
	background: url(images/home-review.gif) no-repeat;
}

#header-home-previousentries {
	width: 211px;
}

#header-home-previousentries span {
	background: url(images/home-previousentries.gif) no-repeat;
}

#header-home-comments {
	width: 205px;
}

#header-home-comments span {
	background: url(images/home-recentcomments.gif) no-repeat;
}

#header-home-gaming {
	width: 215px;
	color: #333;
}

#header-home-gaming span {
	background: url(images/home-gaming.gif) no-repeat;
}

#header-home-music {
	width: 220px;
	color: #333;
}

#header-home-music span {
	background: url(images/home-music.gif) no-repeat;
}

#header-home-ads {
	width: 189px;
}

#header-home-ads span {
	background: url(images/home-ads.gif) no-repeat;
}

#header-flickr {
	position: relative;
	float: left;
	width: 20px;
	height: 91px;
	margin: 139px 0 0 0;
	padding: 0;
	overflow: hidden;
	font-size: 135%;
}

#header-flickr span {
	background: url(images/flickr.gif) no-repeat;
}

#header-blog-comments {
	width: 255px;
	color: #333;
}

#header-blog-comments span {
	background: url(images/blog-comments.gif) no-repeat;
}

#header-blog-commentsleave {
	width: 217px;
	color: #333;
}

#header-blog-commentsleave span {
	background: url(images/blog-comments-leave.gif) no-repeat;
}

#header-blog-recententries {
	width: 240px;
}

#header-blog-recententries span {
	background: url(images/blog-recententries.gif) no-repeat;
}

#header-blog-recentreviews {
	width: 177px;
}

#header-blog-recentreviews span {
	background: url(images/blog-recentreviews.gif) no-repeat;
}

#header-blog-search {
	width: 99px;
}

#header-blog-search span {
	background: url(images/blog-search.gif) no-repeat;
}

#header-blog-archives {
	width: 168px;
}

#header-blog-archives span {
	background: url(images/blog-archives.gif) no-repeat;
}

#header-blog-categories {
	width: 194px;
}

#header-blog-categories span {
	background: url(images/blog-categories.gif) no-repeat;
}

#header-about-hardware {
	width: 185px;
	color: #333;
}

#header-about-hardware span {
	background: url(images/about-hardware.gif) no-repeat;
}

#header-about-contact {
	width: 177px;
}

#header-about-contact span {
	background: url(images/about-contact.gif) no-repeat;
}

#header-blog-hosting {
	width: 273px;
}

#header-blog-hosting span {
	background: url(images/blog-hosting.gif) no-repeat;
}

#header-about-stalkme {
	width: 168px;
	color: #000;
}

#header-about-stalkme span {
	background: url(images/about-stalkme.gif) no-repeat;
}

#header-about-honors {
	width: 245px;
	color: #000;
}

#header-about-honors span {
	background: url(images/about-honors.gif) no-repeat;
}

#header-about-recognition {
	width: 212px;
	color: #000;
}

#header-about-recognition span {
	background: url(images/about-recognition.gif) no-repeat;
}

#header-design-latest {
	width: 205px;
	color: #000;
	margin-bottom: 15px;
	background-color: #000;
}

#header-design-latest span {
	background: url(images/design-latest.gif) no-repeat;
}

#header-design-recent {
	width: 182px;
	color: #000;	
}

#header-design-recent span {
	background: url(images/design-recent.gif) no-repeat;
}

#header-design-ingredients {
	width: 452px;
	color: #333;
}

#header-design-ingredients span {
	background: url(images/design-ingredients.gif) no-repeat;
}

#header-design-all {
	width: 231px;
	color: #000;
	background-color: #000;
}

#header-design-all span {
	background: url(images/design-all.gif) no-repeat;
}

#header-design-clientlogin {
	width: 153px;
	color: #000;
	background-color: #000;
}

#header-design-clientlogin span {
	background: url(images/design-clientlogin.gif) no-repeat;
}

#header-payingthebills {
	width: 190px;
	color: #000;
	padding-top: 10px;
}

#header-payingthebills span {
	background: url(images/blog-payingthebills.gif) no-repeat;
}




/* NAVIGATION
---------------------------------------------------------------------------------------------------- */

#navlist {	
	position: relative;
	height: 196px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navlist li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	display: inline;
}

#navlist a {
	float: left;
	margin: 0;
	padding: 32px 0 0 0;
	overflow: hidden;
	width: 133px;
	height: 0; 
}

#navlist-home a {
	background:  url(images/nav.jpg) no-repeat 0 0;
}

#navlist-home a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -196px;
}

#navlist-archives a {
	background:  url(images/nav.jpg) no-repeat 0 -32px;
}

#navlist-archives a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -228px;
}

#navlist-reviews a {
	background:  url(images/nav.jpg) no-repeat 0 -64px;
}

#navlist-reviews a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -260px;
}

#navlist-design a {
	background:  url(images/nav.jpg) no-repeat 0 -96px;
}

#navlist-design a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -292px;
}

#navlist-about a {
	background:  url(images/nav.jpg) no-repeat 0 -128px;
}

#navlist-about a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -324px;
}

#navlist-contact a {
	background:  url(images/nav.jpg) no-repeat 0 -160px;
}

#navlist-contact a:hover {
	background:  url(images/nav.jpg) no-repeat 0 -356px;
}




/* FLICKR
---------------------------------------------------------------------------------------------------- */

#flickr-photos {
	position: absolute;
	margin-left: 8px;
	top: 99px;
}

.flickr p {
	float: left;
	display: inline;
	margin: 15px 0 0 15px;
	padding: 0;
}

.flickr p a {
	display: block;
	width: 75px;
	height: 75px;	
	border: 3px solid #555;
}

.flickr:hover p a {
	border: 3px solid #666;	
}

.flickr p a:hover {
	border: 3px solid #888;	
}




/* ABOUT
---------------------------------------------------------------------------------------------------- */

.about {
	font-size: 90%;
	line-height: 14px;
	color: #999;
}

.about a:link, .about a:visited, .about a:active {
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

.about:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.about:hover a {
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
}

.about:hover a:hover, .about a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
	background-color: #ed145a;	
}




/* HOMEPAGE
---------------------------------------------------------------------------------------------------- */

#mid-one, #bottom-one {
	float: left;
	width: 430px;
	margin-right: 40px;
}

#mid-two, #bottom-two {
	float: left;
	width: 220px;
}

#mid-two {
	margin-bottom: -20px;
}

#mid-three, #bottom-three {
	float: right;
	width: 200px;
	overflow: hidden;
}

#bottom-one, #bottom-two, #bottom-three {
	padding-top: 40px;
}

#home-mid-clearer {
	clear: both;
	margin: 0;
}

#home-blog {
	padding-bottom: 10px;
}

#home-blog p {
	font-size: .95em;
	line-height: 1.6em;
}

.home-blog h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: -5px 0 1em 0;
	padding: 0;	
}

.home-blog h3 {
	font-size: 1.4%;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 0;
}

.home-blog a:link, .home-blog a:visited, .home-blog a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

.home-blog:hover a:link, .home-blog:hover a:visited, .home-blog:hover a:active, .home-portfolio:hover h2 a:link, .home-portfolio:hover h2 a:visited, .home-portfolio:hover h2 a:active, .content:hover p a:link,  .content:hover p a:visited,  .content:hover p a:active, .content:hover li a:link,  .content:hover li a:visited,  .content:hover li a:active, .content:hover h1 a:link,  .content:hover h1 a:visited,  .content:hover h1 a:active, .content:hover h3 a:link,  .content:hover h3 a:visited,  .content:hover h3 a:active, .sidebar:hover a:link,  .sidebar:hover a:visited, .sidebar:hover a:active, #design-sidebar:hover a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
}

.home-blog:hover a:hover, .home-portfolio h2:hover a:hover, .home-blog a:hover, .home-portfolio h2 a:hover, .content:hover p a:hover, .content:hover li a:hover, .content:hover h1 a:hover, .content:hover h3 a:hover, .sidebar:hover a:hover, #design-sidebar:hover a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
	background-color: #ed145a;
}

.home-blog-date {
	font-size: .9em;
	font-weight: normal;
	color: #666;
	margin: 0 0 18px 0;
	padding: 0;
}

#home-portfolio p {
	margin: 0 0 15px 0;
	padding: 0;
}	

#home-portfolio p a {
	display: block;
	width: 190px;
	height: 90px;
	border: 3px solid #555;
}	

#home-portfolio:hover p a {
	border: 3px solid #666;
}	

#home-portfolio p a:hover {
	border: 3px solid #888;
}	

#home-portfolio h2 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

#home-portfolio ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	border-top: 1px solid #333; 
}

#home-portfolio li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#home-portfolio li a {
	color: #ccc;
	text-decoration: none;
}

#home-portfolio:hover li a {
	color: #fff;
	text-decoration: none;
}

#home-portfolio li a:hover {
	color: #fff;
	text-decoration: underline;
}

#home-quickbits {	
	padding-bottom: 10px;
}

.home-quickbits-item {
	padding: 5px 8px;
	margin: 0 0 10px -8px;
}

.home-quickbits p {
	color: #999;
	font-size: .9em;
	line-height: 1.3em;
	margin: 0 0 15px 0;
}

.home-quickbits h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0;
}

.home-quickbits h2 a:link, .home-quickbits h2 a:visited, .home-quickbits h2 a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #777;
}

.home-quickbits:hover h2 a:link, .home-quickbits:hover h2 a:visited, .home-quickbits:hover h2 a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
}

.home-quickbits h2:hover a:hover, .home-quickbits h2 a:hover {
	color: #000;
	background-color: #8dc63f;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
}

.bottom span {
	font-size: .85em;
	color: #999;
}

#home-entries table td {
	padding: 3px 0;
	color: #777;
	font-size: .9em;
	border-bottom: 1px solid #333;
}

#home-entries table tr:hover {
	background-color: #111;
}

#home-entries table .icons:hover {
	background: transparent;
}

#home-entries .home-entries-stats {
	width: 10%;
	font-size: .85em;
}

#home-comments li {
	width: 220px;
	overflow: hidden;
}

#home-entries a:link, #home-entries a:visited, #home-entries a:active {	
	color: #ccc;
	text-decoration: none;
}

#home-entries:hover a:link, #home-entries:hover a:visited, #home-entries:hover a:active {
	color: #fff;
}

#home-entries a:hover {
	color: #000;
	text-decoration: none;
}

#home-entries:hover a:hover {
	color: #000;
	background-color: #ed145a;
}

#home-entries-feeds {
	float: right;
	display: inline;
}

.feed {
	padding: 1px 0 1px 17px;
	font-size: .9em;
	background: url(images/feed-icon-14x14.png) no-repeat 0% 50%;
}

.feed-small {
	height: 14px;
	padding-left: 15px;
	background: url(images/feed-icon.png) no-repeat 0% 50%;
}

.validate {
	height: 12px;
	padding-left: 15px;
	background: url(images/icon-validate.gif) no-repeat 0% 50%;
}

.aso {
	height: 12px;
	padding-left: 15px;
	background: url(images/icon-aso.gif) no-repeat 0% 70%;
}

.wordpress {
	height: 12px;
	padding-left: 13px;
	background: url(images/icon-wordpress.gif) no-repeat 0% 30%;
}

.home-comments-comment {
	margin: 0 0 20px 0;
	font-size: .9em;
}

.home-comments-gravatar {
	float: left;
	display: inline;
	width: 38px;
}

.home-comments-gravatar a {
	display: block;
	width: 27px;
	height: 27px;
	text-decoration: none;
	border: 1px solid #666;
}

.home-comments-gravatar a:hover {
	border: 1px solid #888;
}

#home-comments p {	
	color: #999;
}

#home-comments p a:link, #home-comments p a:visited, #home-comments p a:active {	
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#home-comments p a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #00adef;
}

#home-comments:hover p a:link, #home-comments:hover p a:visited, #home-comments:hover p a:active {
	color: #fff;
	border-bottom: 1px solid #00adef;
}

#home-comments:hover p a:hover {
	color: #000;
	background-color: #00adef;
	border-bottom: 1px solid #00adef;
}

#home-review a {
	width: 212px;
	height: 90px;
	margin: 0 0 15px 0;
	overflow: hidden;
	display: block;
	border: 3px solid #555;
}

#home-review:hover a {
	border: 3px solid #666;
}

#home-review a:hover {
	border: 3px solid #888;
}

#home-review h2 {
	margin: 5px 0 30px 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

#home-ads a {
	display: block;
	width: 194px;
	height: 134px;
	border: 3px solid #8dc63f;
}

#blog-ads a {
	display: block;
	width: 300px;
	height: 250px;
	border: 3px solid #8dc63f;
}

#home-ads a:hover, #blog-ads a:hover {
	border: 3px solid #000;
}

.bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bottom li {
	padding: 3px 0;
	border-bottom: 1px solid #333;
}

.bottom li:hover {
	color: #333;
	text-decoration: none;
}

.bottom a:link, .bottom a:visited, .bottom a:active {	
	color: #ed145a;
	text-decoration: none;
}

.bottom a:hover {
	color: #000;
	text-decoration: none;
}

.rockingmysocks {
	width: 65px;
	height: 65px;
}

#home-entries-rss {
	position: absolute;
	top: 40px;
	left: 371px;
}

#home-comments-rss {
	position: absolute;
	top: 227px;
	left: 359px;
}

.home-gaming {
	margin-right: -11px;
	overflow: hidden;
}

.home-gaming p a {
	float: left;
	display: block; 
	width: 92px;
	margin: 0 11px 0 0;
	padding: 0;
	border: 3px solid #666;
	border-bottom: 0 !important;
	background-color: #666;
}

.home-gaming:hover p a {
	border: 3px solid #777;
	border-bottom: 0;
	background-color: #777;
}

.home-gaming p a:hover {
	border: 3px solid #999;
	border-bottom: 0;
	background-color: #999;
}

.home-gamercard {
	position: relative;
	clear: left;
	float: left;
	display: inline;
	width: 258px;
	height: 64px;
	top: 20px;
	padding: 3px;
	background: url(images/bg-gamercard.jpg) no-repeat 0 0;
}

.home-gamercard h1 {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 0 72px;
	padding: 0;
}

.home-gamercard h1 a {
	color: #fff;
	text-decoration: none;
}

.home-gamercard h1 a:hover {
	color: #fff;
	text-decoration: underline;
}

.home-gamercard p {
	font-size: .85em;
	color: #fff;
	margin: -1px 0 0 72px;
	padding: 0;
}

.gamercard-avatar {
	float: left;
	margin: 0;
}

.gamercard-games {
	position: absolute;
	bottom: 0;
	right: 4px;
}

.gamercard-games a {
	margin-left: 6px;
}

#home-gamespot {
	font-size: .9em;
	float: right;
	display: inline;
	width: 142px;
	margin: 10px 0 0 0;
	padding: 40px 0 0 0;
	background: url(images/bg-gamespot.jpg) no-repeat 0% 0%;
}

#home-gamespot p {
	margin: 0 0 8px 0;
	padding: 0;
}

#home-gamespot a, .home-rockingmysocks a, #home-portfolio h2 a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	display: block;
}

#home-gamespot a:hover, .home-rockingmysocks a:hover, #home-portfolio h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.home-rockingmysocks p a {
	float: left;
	display: block;
	width: 65px;
	height: 65px;
	margin: 0 4px 4px 0;
	padding: 0;
	border: 2px solid #666;
}

.home-rockingmysocks:hover p a {
	border: 2px solid #777;
}

.home-rockingmysocks p a:hover {
	border: 2px solid #999;
}

.link-collection {	
	padding: 0 0 0 23px;
	background: url(images/icon-controller.gif) no-repeat 0% 50%;
}

.link-tracked {
	margin-top: -5px;
	padding: 0 0 0 23px;
	background: url(images/icon-tracked.gif) no-repeat 3px 50%;
}

.link-lastfm {
	display: block;
	padding: 0 0 0 93px;
	background: url(images/icon-lastfm.gif) no-repeat 0% 50%;
}

.link-portfolio {	
	font-size: .9em;
	padding: 0 0 0 20px;
	background: url(images/icon-portfolio.gif) no-repeat 0% 50%;
}

.link-hireme {	
	font-size: .9em;
	padding: 0 0 0 21px;
	background: url(images/icon-vcard.gif) no-repeat 0% 50%;
}

#sidebar .awards-gold, #sidebar .awards-silver {
	margin: 0 0 30px 0;
	padding: 0;
}

#sidebar .awards-gold li {
	margin: 0 0 1em 0;
	padding: 0 0 0 21px;
	list-style: none;
	line-height: 1.3em;
	min-height: 18px;
	background: url(images/icon-award-gold.png) no-repeat 0 2px;
}

#sidebar .awards-silver li {
	margin: 0 0 1em 0;
	padding: 0 0 0 21px;
	list-style: none;
	background: url(images/icon-award-silver.png) no-repeat 0 0;
}


/* BLOG
---------------------------------------------------------------------------------------------------- */

#blog, #blog-archives {
	float: left;
	width: 600px;
}

.blog h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.blog h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.blog h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.blog h1 a:link, .blog h1 a:visited, .blog h1 a:active {
	font-weight: bold;
	color: #ed145a;
	margin: 0 0 20px 0;
	padding: 0;
	text-decoration: none;
}

#blog h4 {
	margin: 0;
	padding: 0;
}

#blog h4 a {
	display: block;
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
	text-decoration: none;
}

#blog h4 a:hover {
	color: #ed145a;
	background: #444 url(images/bg-headings.gif) repeat 0 0;
	text-decoration: none;
}

#blog .blog-meta, #home-blog .blog-meta {
	font-size: .85em;
	color: #999;
	margin: 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.blog-meta-info {
	color: #ccc;
}

#comments {
	padding: 40px 0 0 0;
}

#comments-list {
	float: left;
	width: 600px;
	margin: 0;
}

#comment-form {
	float: right;
	width: 300px;
	margin: 0;
}

#comment-form-container {
	
}

.comments h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #999;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.comments h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #999;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.comment {
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #202020;
}

.comment-postauthor {
	padding: 10px 10px 0 10px;
	margin: 0;
	background: url(images/bg-comment.jpg) repeat-y 0 0;
}

.comments .comment-postauthor p {
	color: #ddd;
}

.comments p {
	font-size: .9em;
	color: #ccc;
	line-height: 1.5em;
	margin: 0 0 16px 0;
}

.comment-meta {	
	padding: 8px 0 16px 0;
}

.comment-author {
	font-size: 125%;
	font-weight: normal;
	color: #fff;
	margin-left: 10px;
}

.comment-author a:link, .comment-author a:visited, .comment-author a:active {
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #00adef;
	text-decoration: none;
}

.comments p a:link, .comments p a:visited, .comments p a:active {
	color: #fff;
	border-bottom: 1px solid #666;
	text-decoration: none;
}

.comment-author a:hover, .comments p a:hover {
	color: #000;
	border-bottom: 1px solid #00adef;
	text-decoration: none;
	background-color: #00adef;
}

.comment-postauthor a:link, .comment-postauthor a:visited, .comment-postauthor a:active, .comment-postauthor p a:link, .comment-postauthor p a:visited, .comment-postauthor p a:active {
	color: #fff;
	border-bottom: 1px solid #ed145a;
	text-decoration: none;
}

.comment-postauthor a:hover, .comment-postauthor p a:hover {
	color: #000;
	border-bottom: 1px solid #ed145a;
	text-decoration: none;
	background-color: #ed145a;
}

#commentPreview {
	margin-bottom: 10px;
	border-bottom: 1px solid #202020;	
}

.gravatar {
	float:left;
	width: 40px;
	height: 40px;
	margin: 16px 0 0 10px;
	border: 3px solid #666;
	background-color: #fff;
}

.postgrav {
	float:left;
	margin: 16px 0 0 10px;
	border: 3px solid #000;
}

.comment-date {
	font-size: .9em;
	color: #999;
	margin-left: 10px;
}

.comment-guidelines {
	font-size: .95em;
	color: #999;
}

.comments input, .comments textarea, #basecamp input {
	padding: 3px;
	background: #000;
	border: 1px solid #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #ccc;
}

.comments textarea, .sidebar textarea {
	width: 290px;
}

#blog-comments-rss {
	position: absolute;
	top: 40px;
	left: 529px;
}

#sidebar {
	float: right;
	width: 306px;
}

.sidebar p {
	line-height: 1.6em;
	font-size: .9em;
	color: #999;
	margin: 0 0 10px 0;
	padding: 0;	
}

.sidebar textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #fff;
	background-color: #222222;
	border: 1px solid #444444;
	padding: 7px 10px;
}

.sidebar-contact input, .sidebar-contact textarea, .sidebar-contact select {
	font: 85% Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #222222;
	border: 1px solid #444444;
	padding: 3px 7px;
}

.blog input, .blog textarea, .blog select, .sidebar input {
	padding: 3px;
	background: #000;
	border: 1px solid #555;
	font: small "Arial", Helvetica, sans-serif;
	color: #ccc;
}

.photo-bottom {
	margin: 0;
	padding: 3px;
	background-color: #000;
	border: 1px solid #333;
}

.photo-bottom-about {
	margin: 0;
	padding: 3px;
	background-color: #333;
	border: 1px solid #000;
}

#blog .photo-right {
	float: right;
	display: inline;
	margin: 10px 0 10px 20px;
	padding: 3px;
	background-color: #000;
	border: 1px solid #333;
}

#blog .photo-left {
	float: left;
	margin: 5px 20px 10px 00px;
	padding: 3px;
	border: 1px solid #333;
}

#blog .photo-left-bottom {
	float: left;
	margin: 0 20px 10px 0;
}

.photo-right-bottom {
	float: right;
	margin: 5px 0 10px 20px;
}

.photo-left-bottom, .photo-right-bottom {
	padding: 3px;
	border: 1px solid #000;
	background-color: #333;
}

#blog-postnav {
	margin: 0;
	padding: 40px 0 30px 0;
}

.blog-postnav p {
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	color: #ed145a;
}

.blog-postnav p a:link, .blog-postnav p a:visited, .blog-postnav p a:active {
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #666;
	border-bottom: 5px solid #999;
}

.blog-postnav p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #999;
	border-bottom: 5px solid #ccc;
}

#blog-archives-categories {
	float: right;
	display: inline;
	width: 200px;
}

.blog-archives h3 {
	font-size: 120%;
	font-weight: normal;
	color: #ed145a;
	margin: 0 0 10px 0;
	padding: 0;
}

.blog-archives ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.blog-archives li {
	list-style-type: none;
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: .9em;
}

.blog-archives p a:link, .blog-archives p a:visited, .blog-archives p a:active, .blog-archives li a:link, .blog-archives li a:visited, .blog-archives li a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.blog-archives h3 a:link, .blog-archives h3 a:visited, .blog-archives h3 a:active {
	color: #ed145a;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.blog-archives p a:hover, .blog-archives li a:hover, .blog-archives h3 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
	background-color: #ed145a;	
}

#blog-tagcloud {
	margin: 0 0 30px 0;
	padding: 0 20px;
	text-align: justify;
	text-transform: lowercase;
	line-height: 150%;
}

.blog-tagcloud a:link, .blog-tagcloud a:visited, .blog-tagcloud a:active {
	text-decoration: none;
	padding: 0 4px;
}

#blog-archives .blog-tagcloud a:hover {
	text-decoration: none;
	background-color: #fff;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar li {
	list-style-type: none;
	margin: 0 0 .8em 0;
	padding: 0;
	font-size: .9em;
	color: #ccc;
}

.inset, #inset {
	float: right;
	margin: 10px 0 8px 20px;
	padding: 3px;
	background-color: #000;
	border: 1px solid #333;
	color: #999;
}

#inset p {
	margin: 0;
	padding: 0;
	text-align: center;
}

.inset h3 {
	font-size: 125%;
	font-weight: bold;
	color: #666;
	margin: 0 0 10px 0;
	padding: 0;
}

.strike {
	text-decoration: line-through;	
}

.review-image {
	position: relative;
	width: 590px;
	height: 125px;
	margin: 0;
	overflow: hidden;
	font-size: 135%;
	color: #fff;
}

.review-image span {
	position: absolute;
	width: 100%;
	height: 100%;
}




/* CONTENT
---------------------------------------------------------------------------------------------------- */

.content p, .blog-archives p {
	font-size: .95em;
	line-height: 1.6em;
	text-align: justify;
	margin: 0 0 1.3em 0;
	padding: 0;
	color: #ccc;
}

.content p a:link, .content p a:visited, .content p a:active, .content span a:link, .content p span a:visited, .content span a:active, .content li a:link, .content li a:visited, .content li a:active, .content h1 a:link, .content h1 a:visited, .content h1 a:active, .content h2 a:link, .content h2 a:visited, .content h2 a:active, .content h3 a:link, .content h3 a:visited, .content h3 a:active, .sidebar p a:link, .sidebar p a:visited, .sidebar p a:active, .sidebar li a:link, .sidebar li a:visited, .sidebar li a:active, #design-sidebar a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #555;
}

.content p a img, .sidebar p a img, #ad-sidebar li a img {
	margin-bottom: -6px;
}

.content p a:hover, .content li a:hover, .content h1 a:hover, .content h2 a:hover, .content h3 a:hover,  .sidebar p a:hover, #design-sidebar a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ed145a;
	background-color: #ed145a;	
}

.content ul {
	margin: 0 0 18px 0;
	padding: 0;
	list-style-type: square;
}

.content ol {
	margin: 0 0 18px 0;
	padding: 0;
}

.content ol li span {
	float: right;
	color: #666;
}

.content li {
	margin: 0 0 10px 20px;
	padding: 0;
	font-size: .95em;
	color: #ccc;
}

.content blockquote {
	margin: 0 0 18px 40px;
	padding: 0 58px 0 18px;
	color: #ccc;
	border-left: 4px solid #333;
}

.content blockquote p {
	color: #ccc;
}

.about-syndication h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #666;
	margin: 0 0 20px 0;
	padding: 0;
}

.about-syndication h2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #666;
	margin: 0 0 20px 0;
	padding: 0;
}

.about-syndication h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	background: #333 url(images/bg-headings.gif) repeat 0 0;
}

.about-syndication ul {
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
}

.about-syndication li {
	list-style-type: none;
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: .9em;
	color: #ccc;
}

.about-syndication li a:link, .about-syndication li a:visited, .about-syndication li a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.about-syndication:hover li a:link, .about-syndication:hover li a:visited, .about-syndication:hover li a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
}

.about-syndication li:hover a:hover, .about-syndication li a:hover {
	color: #000;
	background-color: #8dc63f;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
}

.comment blockquote {
	margin: 0 0 18px 20px;
	padding: 0 20px 0 18px;
	border-left: 4px solid #666;
}

.small {
	font-size: .85em;
	font-weight: normal;
	color: #fff;
}

.big {
	font-size: 1.2em;
	color: #999;
}

.dim p, .dim {
	color: #ccc;
}

.digg {
	float: right;
	line-height: 26px;
	background: url(images/digg.png) no-repeat 97% 50%;
	height: 26px;
	margin: 8px 0 10px 20px;
	padding: 0 30px 0 2px;
}

.digg-button {
	float: right;
	margin: -8px 0 0 0;
	padding: 0 0 0 10px;
	background-color: #000;
}

.digg-link a:link, .digg-link a:visited, .digg-link a:visited {
	color: #ed145a;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

.digg-link a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	background-color: #ed145a;	
}

.hilite {
	color: #fff;
	background-color: #444;
}


/* FOOTER
---------------------------------------------------------------------------------------------------- */

.footer p {
	font-size: .85em;
	color: #999;
	margin-top: 18px;
}

.footer p a:link, .footer p a:visited, .footer p a:active {
	color: #ccc;
	text-decoration: none;
}

.footer p a:hover {
	color: #ccc;
	text-decoration: underline;
}

.footer-copyright {
	float: left;
	width: 56%;
	padding-left: 2%;
	text-align: left;
}

.footer-meta {
	float: right;
	width: 76%;
	padding-right: 2%;
	text-align: right;
}

.footer span {
	color: #666;
	padding: 0 3px;
}




/* GAME REVIEWS
---------------------------------------------------------------------------------------------------- */

.review-score {
	float: right;
	width: 240px;
	height: 100px;
	margin: 0 0 10px 20px;
	padding: 20px 10px;
	background: url(images/bg-reviewscore.gif) no-repeat right top;
}

.review-score-breakdown {
	float: left;
	width: 155px;
	text-align: right;
}

.review-score-breakdown ul, .review-score-breakdown li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.review-score-breakdown li {
	margin: 0 0 2px 0;
}

.review-score-breakdown-graphics {
	background: url(images/reviewscore-graphics.gif) no-repeat left top;	
}

.review-score-breakdown-sound {
	background: url(images/reviewscore-sound.gif) no-repeat left top;	
}

.review-score-breakdown-gameplay {
	background: url(images/reviewscore-gameplay.gif) no-repeat left top;	
}

.review-score-breakdown-presentation {
	background: url(images/reviewscore-presentation.gif) no-repeat left top;	
}

.review-score-breakdown-replayvalue {
	background: url(images/reviewscore-replayvalue.gif) no-repeat left top;	
}

.review-score-total {
	float: right;
	width: 75px;
	margin: 25px 0 0 0;
}



/* DESIGN
---------------------------------------------------------------------------------------------------- */

#design-content {	
	float: left;
	width: 690px;
}

#design-full {	
}

#design-sidebar {	
	float: right;
	width: 200px;
}

#design-sidebar p {
	margin: 0 0 15px 0;
	padding: 0;
}

.design-all {
	width: 960px;
	overflow: hidden;
}

.design-all li {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 40px 40px 0;
	padding: 0;
}

#design-sidebar img, .design-all img, .design-image {
	border: 5px solid #555;
	margin-bottom: -6px;
}

#design-sidebar img:hover, .design-all img:hover, .design-image:hover {
	border: 5px solid #888;
}

#design-ingredients {
	padding: 40px 0 0 0;	
}

.design-ingredient {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 40px;
}

.design-ingredient h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

.design-ingredient p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #ccc;
	font-size: .9em;
}

.design-ingredient a:link, .design-ingredient a:visited, .design-ingredient a:active, .design-all a:link, .design-all a:visited, .design-all a:active, .design-full a:link, .design-full a:visited, .design-full a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #edcc14;
}

.design-ingredient a:hover, .design-all a:hover, .design-full a:hover {
	color: #000;
	background-color: #edcc14;
	border-bottom: 1px solid #edcc14;
}

.design-ingredient-image {
	border: 5px solid #666;
}

.design-payments {
	width: 100%;
	border: 0;
}

.design-payments td {
	padding: 10px;
	color: #ccc;
	vertical-align: top;
	border-bottom: 1px solid #333;
}

.design-payments th {
	padding: 10px;
	color: #edcc14;
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #333;
}

.design-payments tr:hover {
	background-color: #111;
}

.design-payments #tableheading:hover {
	background: transparent;
}

#basecamp form {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: .9em;
}

#basecamp input {
	font-size: .95em;
}

#basecamp dd {
	margin: 0 0 7px 0;
}

.flag-au {
	padding: 0 0 0 23px;
	background: url(images/flag-au.gif) no-repeat 0 50%;
}	

.flag-ca {
	padding: 0 0 0 23px;
	background: url(images/flag-ca.gif) no-repeat 0 50%;
}	

.flag-uk {
	padding: 0 0 0 23px;
	background: url(images/flag-uk.gif) no-repeat 0 50%;
}	

.flag-us {
	padding: 0 0 0 23px;
	background: url(images/flag-us.gif) no-repeat 0 50%;
}	

.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	font-size: .95em;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	font-size: .95em;
}

.contacterror {
	border: 1px solid #ff0000;
}

#ad-sidebar {
	clear: left;
	margin: 0 0 20px 0;
}

#ad-content {
	float: left;
	margin: 0 20px 10px 0;
}

#ad-middle {
	margin: 30px 0 -20px 0;
}

#ad-sidebar a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#ad-sidebar:hover a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
}

#ad-sidebar:hover a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #8dc63f;
	background-color: #8dc63f;
}

#ad-sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ad-sidebar li {
	list-style-type: none;
	margin: 0 0 .8em 0;
	padding: 0;
	font-size: .9em;
	color: #ccc;
}

ul#links59407 li span a {
	font-size: 1em;
	color: #fff;
}

.video {
	background-color: #666;
}	

.video p {
	margin: 0;
	padding: 12px 0 0 0;
}

#rsbs {
	position: relative;
}

#blog-archives .postspermonth {
	margin: 5px 0 20px 0;
	list-style: none;
}

#blog-archives .postspermonth li {
	margin: 0 0 8px 10px;
	list-style: none;
	color: #666;
}