/*

Pop-ology, V2. 2009

	Table of Contents 
	1. MAIN SHELL
	2. BODY COLUMN 
	3. MAIN POST AREA
	4. TWITTER
	5. SPONSORS
	6. RECENT POSTS
	7. COOL SHIT
	
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;	
}

html, body {
	height: 100%;
}
body {
	background: url(../img/bg_main-tile.gif) 0 0 repeat;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #222;
}
div, img {
	behavior: url(/resources/js/iepngfix.htc);
}
a, a:link, a:visited {
	text-decoration: none;
	color:#f39639;
}
a:hover {
	text-decoration: none;
	color:#222;
}
.clr {
	clear: both;
}
.left,
.alignleft {
	float: left;
}

.right,
.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.center {
	text-align: center; 
}

blockquote {
	font-size: 14px; color: #333;
	border-left: 1px solid #333;
	padding-left: 20px;
	
}


/* ======================================================================= */


/* 1. MAIN SHELL */

#container {
	margin: 0 auto;
	background: #FFF;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	width: 839px;
	min-height: 100%;
  	height: auto !important; /* fix for IE6 */
  	height: 100%;
}
#header h1 {
	font: normal 18px/23px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
}

/* main navigation -------------------------------------------------------------- */
#nav {
	border-bottom: 1px solid #000;
	height: 29px;/height: 26px;
}
#nav ul {
	margin: 0;/margin: -4px 0 0 0;
	list-style: none;
	float: left;
}
#nav li {	
	font: normal 12px/29px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float: left;
}
#nav li a {
	padding: 0 6px;
	border-right: 1px solid #222;
	color: #222;
}
#nav li.current_page_item a,
#nav li a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#99c740;
	padding-bottom:7px;
	padding-top:8px;
}

/* search form -------------------------------------------------------------- */
.searchform {
	margin: 5px 0 0 8px;/margin: 0 0 0 4px;
	padding: 0 8px 0 0;
	border-right: 1px solid #222;
	float: left;
}
.searchform .input {
	margin: 1px 0 0 0;/margin: 2px 0 0 0;
	padding: 1px 0 0 5px;
	background: #fad74c;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 122px;
	height: 16px;
	float: left;
}
.searchform .search-btn {
	margin: 0 0 0 -3px;
	border: 0;
	background: 0;
	cursor: pointer;
	display: block;
	width: 35px;
	float: left;
}
#rss-icon {
	padding: 5px 0 0 5px;/padding: 0 0 0 8px;
	float: left;
}

/* footer -------------------------------------------------------------- */
#footer {
	margin: 10px 0 0 0;
	background: #222;
	color: #FFF;
	line-height: 46px;
	text-align: center;
	height: 46px;
}
#footer a {
	color: #99c740;
}

/* ======================================================================= */

/* 2. BODY COLUMN */

#alpha {
	border-top: 1px solid #222;
}
#beta {
	margin: 15px 0 0 8px;
	width: 469px;
	float: left;
	position: relative;
	
}
/*\*/
* html #beta {
	margin: 15px 0 0 4px;
}
/**/

#gamma {
	margin: 15px 8px 0 0;
	width: 300px;
	float: right;
}
/*\*/
* html #gamma {
	margin: 0 0 0 0;
}
/**/

/* ======================================================================= */

/* 3. MAIN POST AREA */

.entry {
	margin: 0 0 10px 0;
	background: #f4f4f4;
	position: relative;
}
.entry .post-title {
	background: url(../img/bg_post-header.png) 0 0 no-repeat;
	width: 496px;
	height: 31px;
	position: absolute;
	top: 6px;
	left: -18px;
	z-index: 2;
}
/*\*/
* html .entry .post-title {
	background: url(../img/bg_post-header.gif) 0 0 no-repeat;
}
/**/
.entry .post-title h2 {
	margin: 0 0 0 10px;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	float: left;
}
.entry .post-title h2 a {
	color: #222;
	z-index: 3;
}
.entry .post-title p {	
	font-size: 13px;
	line-height: 26px;
	text-align: center;
	color: #FFF;
	width: 56px;
	float: right;
}
.post-content {
	padding: 40px 10px 10px 10px;
	position: relative;
}
.post-content p { 
	display: block; clear: both;
	margin-bottom: 20px;
}
/*\*/
* html .post-content {
	height: 90px;
	overflow: visible;
}
/**/
.post-content img {
	margin-bottom:10px;
}
.tags {
	margin: -14px 0 14px 0;
	padding: 10px 0 0 0;
	width: 293px;
	float: left;
}
.post-links {
	margin: -10px 0 0 0;
	width: 176px;
	float: right;
}

.more a {
	background: url(../img/bg_read-more.gif) 0 0 no-repeat;
	text-align: center;
	width: 89px;
	height: 23px;
	color: #222;
	line-height: 23px;
	display: block;
	position: absolute;
	
	right: 87px;
}
.more a:hover {
	text-decoration: none;
	color:#fff;
	background: url(../img/bg_follow-btn.gif);
}

/*\*/
* html .post-content a.more {
	position: absolute;
	bottom: -23px;
	right: 86px;
}
/**/
.post-links .comments {
	background: url(../img/bg_comments.gif) 0 0 repeat-x;
	text-align: center;
	width: 87px;
	height: 23px;
	float: right;
	overflow: hidden;
}

.post-links .comments a {
	color: #FFF;
	line-height: 23px;
}
.post-links .comments a:hover {
	text-decoration: none;
	color:#fff;
	background: url(../img/bg_follow-btn.gif);
		text-align: center;
	width: 87px;
	height: 23px;
	
	display: block;
	position: absolute;
	
}

/* ======================================================================= */

/* 4. TWITTER */

#delta {	
	background: #d7eaf0;
	width: 300px;
	float: right;
	position: relative;	
}
/*\*/
* html #delta {	
	margin: 15px 4px 0 0;
}
/**/

#delta #twitter {
	background: url(../img/bg_twitter-header.png) 0 0 no-repeat;
	width: 324px;
	height: 31px;
	position: absolute;
	top: 6px;
	right: -18px;
}
/*\*/
* html #delta #twitter {
	background: url(../img/bg_twitter-header.gif) 0 0 no-repeat;
}
/**/

#delta #twitter h3 {
	margin: 0 34px 0 10px;
	color: #FFF;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	float: right;
}
/*\*/
* html #delta #twitter h3 {
	margin: 0 16px 0 10px;
}
/**/

#delta .inner {
	padding: 40px 0 0 0;
	width: 300px;
}
#delta .inner ul {
	padding: 0 10px;
	list-style: none;
}
#delta .inner li {
	padding: 0 0 10px 0;
}
#delta .inner p a {
	background: url(../img/bg_follow-btn.gif) 0 0 no-repeat;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	color: #FFF;
	display: block;
	width: 300px;
	height: 26px;	
}
#delta .inner ul a {
	text-decoration: none;
	color:#222;
}
#delta .inner ul a:hover {
	text-decoration: none;
	color:#f39639;
}

/* ======================================================================= */

/* 5. SPONSORS */

.epsilon {
	margin: 15px 0 0 0;
	width: 300px;
	float: right;
	position: relative;	
}

.epsilon .sponsors {
	background: url(../img/bg_sponsor-header.png) 0 0 no-repeat;
	width: 324px;
	height: 31px;
	position: absolute;
	top: 6px;
	right: -18px;
}
/*\*/
* html .epsilon .sponsors {
	background: url(../img/bg_sponsor-header.gif) 0 0 no-repeat;
}
/**/
.epsilon .sponsors h3 {
	margin: 0 24px 0 10px;
	color: #FFF;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	float: right;
}
/*\*/
* html .epsilon .sponsors h3 {
	margin: 0 12px 0 10px;
}
/**/

.epsilon .inner img {
	padding: 0 0 6px 0;
}
.epsilon .inner p {
	text-transform: uppercase;
	text-align: center;
}
.epsilon .inner p a {
	color: #222;
}

/* ======================================================================= */

/* 6. RECENT POSTS */

#zeta {
	margin: 15px 0 0 0;
	background: #ebf4d9;
	width: 300px;
	min-height: 250px;
	height:auto !important; /* fix for IE6 */
  	height: 250px;
	float: right;
	position: relative;	
}

#zeta #recent {
	background: url(../img/bg_recent-header.png) 0 0 no-repeat;
	width: 324px;
	height: 31px;
	position: absolute;
	top: 6px;
	right: -18px;
}
/*\*/
* html #zeta #recent {
	background: url(../img/bg_recent-header.gif) 0 0 no-repeat;
}
/**/

#zeta #recent h3 {
	margin: 0 13px 0 10px;
	color: #FFF;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	float: right;
}
/*\*/
* html #zeta #recent h3 {
	margin: 0 6px 0 10px;
}
/**/

#zeta .inner {
	padding: 40px 0 0 0;
	width: 300px;
}
#zeta .inner ul {
	padding: 0 10px;
	list-style: none;
}
#zeta .inner li {
	padding: 0 0 10px 0;
}
#zeta .inner ul a {
	text-decoration: none;
	color:#222;
}
#zeta .inner ul a:hover {
	text-decoration: none;
	color:#f39639;
}

/* ======================================================================= */

/* 7. COOL SHIT */

#eta {
	margin: 15px 0 0 0;
	background: #fef7db;
	width: 300px;
	min-height: 250px;
	height:auto !important; /* fix for IE6 */
  	height: 250px;
	float: right;
	position: relative;	
}

#eta #cool {
	background: url(../img/bg_cool-header.png) 0 0 no-repeat;
	width: 324px;
	height: 31px;
	position: absolute;
	top: 6px;
	right: -18px;
}
/*\*/
* html #eta #cool {
	background: url(../img/bg_cool-header.gif) 0 0 no-repeat;
}
/**/
#eta #cool h3 {
	margin: 0 27px 0 10px;
	color: #222;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	float: right;
}
/*\*/
* html #eta #cool h3 {
	margin: 0 12px 0 10px;
}
/**/

#eta .inner {
	padding: 40px 0 0 0;
	width: 300px;
}
#eta .inner ul {
	padding: 0 10px;
	list-style: none;
}
#eta .inner li {
	padding: 0 0 10px 0;
}
#eta .inner ul a {
	text-decoration: none;
	color:#222;
}
#eta .inner ul a:hover {
	text-decoration: none;
	color:#f39639;
}

/* ======================================================================= */

/* 8. COMMENTS */



#post-comments {
	width: 469px;
}
#comments ol {
	margin: 0 0 0 20px;
	list-style: none;
}
#comments ol li {
	margin: 15px 0 0 0;
}
h3.comment-title {
	padding: 0 0 0 10px;
	background: url(../img/bg_read-more.gif) repeat;
	border-bottom: 1px solid #222;
	text-transform: uppercase;
	font-size: 14px;
	padding-top:5px;
	padding-bottom:5px;
	
}
p.comment-feed-link {
	padding: 10px 0 0 10px;
}
.avatar {
	margin: 0 10px 0 -89px;
	float: left;
	position: relative;
}
.comment-author {
	margin: 0 0 0 69px;
	padding: 0 0 0 10px;
	background: url(../img/bg_comments.gif) 0 0 repeat-x;
	border-bottom: 1px solid #222;
	text-transform: uppercase;
	line-height: 23px;
	width: 370px;
	height: 23px;
}
/*\*/
* html .comment-author {
	margin-bottom: -25px;
	border-bottom: none;
}
/**/
.commenter {
	font-style: normal;
	font-weight: bold;
}
.comment-meta {
	margin: 0 0 0 79px;
	padding: 5px 0;
	font-size: 9px;
}
.comment-content {
	margin: 0 0 0 79px;
	width: 370px;
}

#comments .comment-content a {
	text-decoration: none;
	color:#222;
}
#comments .comment-content a:hover {
	text-decoration: underline;
}

#comments .commenter a {
	text-decoration: none;
	color:#222;
}
#comments .commenter a:hover {
	text-decoration: underline;
}
h2#leave-a-reply {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	background: url(../img/bg_read-more.gif) 0 0 repeat-x;
	border-bottom: 1px solid #222;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 23px;
	height: 23px;
}
.form-section {
	padding: 0 0 10px 0;
}
.input {
	padding: 2px;
	border: 1px solid #d6d6d6;
	font-size: 11px;
	width: 393px;
}
/*\*/
* html .input {
	width: 389px;
}
/**/
label.comment {
	padding: 2px 0 0 0;
	font-size: 11px;
	display: block;
	width: 70px;
	float: left;
}
.submit-btn {
	margin: 0 0 0 70px;
	border: 1px solid #d6d6d6;
	background: #FFF;
	color: #b6aaa9;
	font-size: 11px;
	text-align: center;
	width: 235px;
	cursor: pointer;
}
/*\*/
* html .submit-btn {
	margin: 0 0 0 72px;
}
/**/
.submit-btn:hover {
	margin: 0 0 0 70px;
	border: 1px solid #d6d6d6;
	background: #d6d6d6;
	color: #222;
	font-size: 11px;
	text-align: center;
	width: 235px;
	cursor: pointer;
}
h1.search-title {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 14px;
}
ul#search-query {
	list-style: none;
}