/*--------------------------------------------------
Main Style Sheet -- controls main content columns and footer

author:		Will Morris
email:		wilzan@gmail.com

This uses Matthew Levine's Holy Grail -- http://www.alistapart.com/articles/holygrail
--------------------------------------------------*/

/********** The Essential Code **********/

body {
	min-width: 640px;      /* 2x LC width + RC width */
	}
	
#container {
	min-width: 440px;
	padding-right: 320px;  /* RC width */
	background: #fff url(../img/bg_right_col.gif) right 40px repeat-y;
	}
		
#container .column {
	position: relative;
	float: left;
	}
	
#main {
	width: 100%;
	padding-bottom: 30px;
	}
	
#sub {
	width: 280px;          /* RC width */
	margin-right: -320px;  /* RC width */
	padding: 20px;
	}
	
#footer {
	clear: both;
	background: #444;
	height: 30px;
	margin: 20px 1px 0 1px;
	}
	
/*** IE6 Fix ***/
* html #left {
	left: 320px;           /* RC width */
	}
	
/********** Site-specific structures **********/

.wrapper {	
	position: relative;
	width: 94%;
	background: #fff;
	text-align: left;
	max-width: 960px;
	min-width: 775px;
	margin:	0 auto;
	}
	
* html #wrapper {
	width: expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 960? "960px" : "auto");
	}
	
/********** General Formatting **********/

body {
	font-family: verdana, sans-serif;
	font-size: 63.125%;
	background: #eaeae3;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
.hidden, hr, #skipnav {
	display: none;
	}

img {
	border: 0;
	}

div.last {
	border: 0;
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #000;  
	}

p {
	margin: 0;
	}

blockquote {
	border-left: 1px solid #ddd;
	padding-left: 10px;
	}

.left {
	float: left;
	margin: 0 20px 20px 0;
	}
	
.first-top,
.entry-body .first-top,
.base .first-top {
	margin-top: 0;
	padding-top: 0;
	}
	

a:link 		{color: #1245a3;}
a:visited 	{color: #606570;}
a:hover 	{color: #0059ff;}
a:active 	{color: #002353;}

/********** Header **********/

#header {
	background: #fff;
	}
	
#tagline {
	position: absolute;
	top: 15px;
	right: 0;
	width: 300px;
	height: 10em;
	}
	
#tagline p {
	float: left;
	font-size: 1.0em;
	line-height: 1.4em;
	width: 195px;
	border-right: 1px solid #ddd;
	margin: 0 10px 0 0;
	padding: 8px 6px 8px 0;
	}
	
#tagline p.attribution {
	width: 85px;
	border: none;
	font-size: 1.1em;
	margin: 0;
	padding: 1.3em 0 0 0;
	}

/********** Main Section **********/

h1 {
	font-size: 2.2em;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}
	
.leader {
	font-weight: normal;
	color: #999;
	}	
	
#intro {
	font-size: 1.0em;
	background: #f0edc8;	
	margin: 0 1px;
	padding: 11px 12px 10px 15px;
	}

#entries {
	padding: 22px 17px 17px 17px;
	}
	
#entries h2 {
	font-size: 1.8em;
	margin: 0 0 8px 0;
	}
	
#entries h3 {
	font-size: 1.4em;
	margin: 0 0 10px 0;
	}

#entries h1 a,
#entries h2 a {
	color: #000;
	text-decoration: none;
	}	
	
#entries h1 a:hover,
#entries h2 a:hover {
	text-decoration: underline;
	}	
	
.entry {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 25px 0;
	padding: 0 30px 28px 0;
	}
	
.entry-body,
.base {
	font-size: 1.3em;
	line-height: 1.6em;
	}
	
.entry-body p,
.base p {
	margin: 10px 0 12px 0;
	}

.entry-body ul,
.base ul {
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.entry-body li,
.base li {
	margin:  0 15px 15px 15px;
	}

.entry-body img {
	margin-right: 15px;
	}

.entry-footer {
	clear: both;
	font-family: verdana, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	list-style: none;
	color: #888;
	margin: 7px 0 0 0;
	padding: 0;
	}
	
.entry-footer a {
	color: #888;
	}
	
.entry-footer a:hover {
	text-transform: uppercase;
	color: #000;
	}
	
.entry-footer li {
	display: inline;
	border-right: 1px solid #ddd;
	margin: 0 4px 0 0;
	padding: 0 7px 0 0;
	}	
	
.entry-footer li .comments {
	padding: 1px 0 1px 18px;
	}	
	
.entry-footer li a.exist {
	color: #333;
	background: url(/templates/img/comments_exist.gif) 0 0 no-repeat;
	}	
	
.entry-footer li a.exist:hover {
	background: url(/templates/img/comments_exist.gif)  0 -37px no-repeat;
	}	
	
.entry-footer li a.noexist {
	background: url(/templates/img/comments_noexist.gif) 0 0 no-repeat;
	}	
	
.entry-footer li a.noexist:hover {
	background: url(/templates/img/comments_noexist.gif)  0 -37px no-repeat;
	}	
	
.entry-footer li.last {
	border-right: 0;
	font-size: 1.1em;
	}	

li.source a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 0 0.2em;
	padding: 1px 4px 1px 4px;
	}	

li.source a:visited {color: #fff;}	
li.source a:hover {color: #fff;}	

.blog_jobs li.source a {background: #478812;}			/* Jobs Board */
.blog_jobs li.source a:hover {background: #478812;}	/* Jobs Board */

.blog_games li.source a {background: #e48a41;}			/* Games 900c00 */
.blog_games li.source a:hover {background: #e48a41;}	/* Games */

.cat_iphone li.source a {background: #e48a41;}			/* iPhone Games */
.cat_iphone li.source a:hover {background: #e48a41;}		/* iPhone Games */

.blog_gelvideos li.source a {background: #e1a60d;}			/* Gel Videos c08e0b 3eaf00 */
.blog_gelvideos li.source a:hover {background: #e1a60d;}	/* Gel Videos */


/********** Sub Section **********/

form {
	margin: 0;
	padding: 0;
	}

#sub h2 {
	font-size: 1.4em;
	margin: 0 0 0.75em 0;
	}

#sub h3 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
	}

#sub #search h3 {
	margin: 0 0 0.4em 0;
	}

#search,
#categories {
	margin: 0 0 25px 0;
	}

#follow-options {
	border-bottom: 1px solid #fff;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	}

#subscribe-newsletter {
	margin: 0 0 30px 0;
	}
	
/*** jobs ***/

#latest-jobs {
	background: #fafaf3;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	margin: 0 0 25px 0;
	padding: 15px 13px 18px 13px;
	}

#latest-jobs h3 {
	margin-bottom: 14px;
	}

#latest-jobs ul {
	font-size: 1.2em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#latest-jobs li {
	margin: 0 0 0.45em 0;
	}

#latest-jobs p {
	font-size: 1.0em;
	margin: 1.4em 0 0 0;
	}

#latest-jobs p a.highlight {
	font-weight: bold;
	}

/*** subscribe ***/

#follow-options ul {
	font-size: 1.2em;
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
	}

#follow-options li {
	display: inline;
	margin: 0 6px 0 0;
	padding: 0;
	}

#twitter-link a {
	background: url(/templates/img/icon_twitter.png) 0 0 no-repeat;
	padding: 1px 0 1px 18px;
	}

#feed-link a {
	background: url(/templates/img/icon_feed.gif) 0 2px no-repeat;
	padding: 1px 0 1px 18px;
	}

#newsletter-link a {
	background: url(/templates/img/icon_newsletter.gif) 0 2px no-repeat;
	padding: 1px 0 1px 18px;
	}

/*** search ***/

#search input,
#subscribe-newsletter input {
	vertical-align: middle;
	margin: 0;
	}

#search .input-text,
#subscribe-newsletter .input-text {
	border: 1px solid #bbb;
	font-size: 1.3em;
	width: 183px;
	height: 18px;
	background: #f6f6f6;
	margin: 0;
	padding: 3px 0 3px 5px;
	}
	
#subscribe-newsletter .empty {
	color: #999;
	}
	
#search form .focus,
#subscribe-newsletter form .focus {
	border-color: #aaa;
	background: #fff;
	}

#sub .input-submit {
	font-size: 1.1em;
	line-height: 26px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
	height: 26px;
	background: #666;
	padding: 0 8px;
	}

#sub .input-submit:hover {
	background: #555;
	}

/*** categories ***/

#categories p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	}

h5 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 12px 0 0 0;
	}

/*** projects and feature ***/

#projects {
	border-top: 1px solid #fff;
	margin: 27px 0 0 0;
	padding: 22px 0 0 0;
	}

#feature {
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	margin: 27px 0 0 0;
	padding: 17px 0 0 0;
	}

dl.teaser {
	float: left;
	clear: left;
	width: 100%;
	margin: 12px 0 0 0;
	}
	
dl.teaser dt a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	}
	
#feature dt a {
	margin: 0 15px 0 0;
	}
	
dl.teaser dt a img {
	display: block;
	float: left;
	}
	
dl.teaser dd  {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 2px 0;
	padding: 0;
	}
	
dl.teaser dd a {
	font-size: 1.1em;
	}
	
#feature dl.teaser dd {
	font-size: 1.1em;
	margin: 0 0 1em 0;
	}

#feature dl.teaser dd.tagline {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #000;
	margin: 0 0 0.5em 0;
	}

#feature dl.teaser a {
	font-size: 1.1em;
	}
	
/********** Archives **********/

#archives ul {
	list-style: none;
	}

#archives li {
	margin: 0;
	}

.content-nav {
	margin-top: 10px;
	font-size: 1.2em;	
	font-weight: bold;
	}

p.entry-date {
	font-size: 0.9em;	
	color: #666;
	margin: 0 0 10px 0;	
	}

/********** Forms **********/

form {
	margin: 0;
	padding: 0;
	}

label {
	float: left;
	display: block;
	text-align: right;
	height: 1.4em;
	width: 11em;
	margin: 0 10px 0 0;
	padding: 4px 0 0 5px;
	}

.input-text, 
select, 
textarea {
	font-size: 1.1em;
	line-height: 1.4em;
	width: 300px;
	padding: 4px 0 2px 5px;
	background: #f4f4f4;
	border: 1px solid #c7c7c7;
	}

.input-text {
	height: 1.3em;
	}

.focus {
	background: #fff;
	}

.form-pair {
	clear: both;
	margin: 5px 0;
	}

.form-pair-checkradio,
.form-footer {
	padding-left: 12em;
	}

.form-pair-checkradio label {
	float: none;
	text-align: left;
	width: auto;
	}

/********** Trackbacks and Comments **********/

#trackbacks,
#comments,
#comments-open  {
	border-top: 1px solid #e3e3e3;
	margin: 25px 0 0 0;
	padding: 15px 0 0 0;
	}

.comments-content {
	margin: 0 0 20px 0;
	}

.comment-content p {
	margin-top: 0;
	}

#comment-form-external-auth {
	margin: 15px 0;
	}
	
.comment,
.trackback {
	margin: 15px 20px 20px 20px;
	}
		
.comment-header {
	color: #999;
	margin: 0;
	}
		
.comment-header strong {
	color: #000;
	}

#comments-open-text {
	margin: 15px 0;
	}

#comments-open h3 {
	font-size: 1.1em;
	margin: 0 0 15px 0;
	}

#entries h3.comments-header {
	margin: 0 0 10px 0;
	}

#trackbacks h3 {
	margin: 0;
	}
	
#trackbacks h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 5px 0;
	}
	
#trackbacks .trackback p.trackback-referrer {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	}
	
#trackbacks .trackback-referrer span {
	font-weight: normal;	
	color: #999;
	}
	
#trackbacks .trackback p {
	font-size: 1.3em;
	line-height: 1.6em;
	}
	
.trackback-footer {
	margin: 5px 0 0 0;
	}
	
.trackback-link {
	font-size: 0.8em;
	text-transform: none;
	margin-left: 5px;
	}	
	
.trackback-link a:hover {
	text-transform: none;
	}	
	
/********** Video entries **********/

.blog_gelvideos .entry_summary {
	position: relative;
	width: 100%;
	padding: 5px 0 10px 0;
	}
	
#entries .blog_gelvideos h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.blog_gelvideos .entry-body img {
	margin: 0;
	}

.blog_gelvideos a.image {
	position: absolute;
	margin: 0 15px 0 0;
	padding: 0;
	}
	
.blog_gelvideos .heading {
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.blog_gelvideos p.title {
	margin: 0 0 8px 0;
	}
	
.blog_gelvideos p.gelad {
	font-size: 11px;
	color: #999;
	margin: 0;
	}
	
.blog_gelvideos p.description {
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 15px 0;
	}
	
.blog_gelvideos .entry_meta {
	margin-left: 170px;
	min-height: 125px;
	}