/*  
Theme Name: CrossPixelNation
Theme URI: http://www.crosspixelnation.com/
Description: CrossPixelNation
Version: 1.0
Author: eROI
Author URI: http://www.eroi.com/
*/

/* CSS Document */

/************************************************************************

	Site:		CrossPixelNation.com

	Author:		eROI		[www.eroi.com]  

	Client:		eROI		[www.eroi.com]  

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

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

body
{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #4091e2;
	color: #333333;
	text-align: left;
	margin: 0;
	padding: 0;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a
{
	color: #f5d500;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.fancy
{
	display: block;
	width: 100%;
	height: 100%;
}

a.fancy h1,
a.fancy h2,
a.fancy h3,
a.fancy h4,
a.fancy h5,
a.fancy h6,
a.fancy span
{
	display: none;
}
/***********************************************************************
	2 - GENERAL
************************************************************************/
.content h2.pagetitle
{
	margin-bottom: 15px;
	font-size: 1.6em;
	font-style: italic;
}
/***********************************************************************
	POST
************************************************************************/

.post
{
	padding-bottom: 75px;
	
	color: #353030;
	font-size: 1.0em;
}

.post .withQuote
{
	float: left;
	width: 420px;
}

.post h2.title
{
	font-size: 2.4em;
}
.post h2.title,
.post h2.title a
{
	color: #ffffff;
}

.post .postdate span
{
	background: #785912;
	padding-right: 6px;
	
	color: #f1efe1;
	font-size: 1.2em;
}

.post .byline
{
	font-size: 1.2em;
}

.post .entry
{
	font-size: 1.2em;
	line-height: 1.35em;
}

.post .entry p
{
	padding: 8px 0;
}

.post .theQuote
{
	float: right;
	width: 140px;
	padding: 8px 0;
	
	font-size: 1.8em;
	line-height: 1.5em;
}

.post .postmetadata,
.post .postmetadata a
{
	color: #f5d500;
}
.post .postmetadata a
{
	font-weight: bold;
}

.post ul.socials
{
	padding-top: 0.75em;
	list-style: none;
}
.post ul.socials li
{
	padding: 6px 0;
}
.post ul.socials li a
{
	display: block;
	width: 8.0em;
	height: 100%;
	padding-left: 17px;
	
	color: #535b62;
}
.post ul.socials li.delicious
{
	background: url('images/delicious.gif') no-repeat left center;
}
.post ul.socials li.digg
{
	background: url('images/digg.gif') no-repeat left center;
}

.post .theQuote span
{
	background: #f5d500;
	
	color: #252020;
}
/***********************************************************************
	COMMENTS
************************************************************************/
h3#comments,
h3#respond,
h3.not-found,
h2.center
{
	padding-bottom: 1.2em;
	
	color: #ffffff;
	font-size: 1.6em;
}

ol.commentlist
{
	list-style: none;
}
ol.commentlist li
{
	margin-bottom: 1.5em;
}
ol.commentlist li .theComment p
{
	margin: 0.5em 0;
	
	line-height: 1.35em;
}

.commentHeader
{
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}

.commentdate
{
	background: #785912;
	padding-right: 6px;
	
	color: #f1efe1;
}

.commentmetadata
{
	font-size: 1.2em;
}
.commentmetadata a
{
	color: #ffffff;
}

p.loggedinComment a
{
	color: #ffffff;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
.navigation
{
	padding: 1.5em 0;
	
	color: #ffffff;
	font-size: 1.2em;
}

.navigation a
{
	color: #F5D500;
	font-weight: bold;
}

.navigation .alignleft
{
	float: left;
}

.navigation .alignright
{
	float: right;
}

/***********************************************************************
	REGISTER AND ACTIVATE
************************************************************************/
.register_activate
{
	color: #353030;
}
.register_activate h2
{
	font-size: 2.4em;
}
.register_activate h2,
.register_activate h2 a
{
	color: #ffffff;
}
/***********************************************************************
	99 - SELF-CLEARING FLOATS
************************************************************************/

.floatwrapper:after,
.post:after,
#footer:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper,
* html .post,
* html #footer
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper,
*:first-child+html .post,
*:first-child+html #footer
{
	min-height: 1px; /* IE7 fix */
}