/*  
Theme Name: Grid Focus Public
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

*{
	margin:0;
	padding:0;
	}

html,body{
	background:#FFF;
	color:#333;
	text-align:center;
	}

body{
	font:13px arial,helvetica,verdana,sans-serif;
	}

h1{
	font-size:22px;
	}

h2{
	font-size:20px;
	}

h3{
	font-size:16px;
	}

h4{
	font-size:14px;
	}

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

a:hover{
	color:#666;
	}

#wrapper{
	border-top:3px solid #EEE;
	margin:20px auto;
	text-align:left;
	width:965px;
	}

/* masthead / footer - navigation and categories */

#masthead {
	background-image:url(images/header2.gif);
	height:110px;
	padding:5px 0;
	}

#masthead h1 a{
	color:#fff;
	text-transform:uppercase;
	width:400px;
	height:100px;
	float:left;
	margin:2px 0 0 0;
	}

#masthead h1 a em{
	font-style:normal;
	color:#fff;
	}

#authorBlurb img{
	display:none;
	float:right;
	width:42px;
	height:42px;
	border:3px solid #EEE;
	}

#authorIntro a{
	display:none;
	color:#fff;
	font-weight:bold;
	}

#authorIntro{
	display:none;
	color:#fff;
	line-height:1.4em;
	width:400px;
	float:right;
	margin:2px 0 0 0;
	}

ul.nav{
	list-style:none;
	background:#f7f7f7;
	}

.nav li{
	border-right:1px solid #DDD;
	float:left;
	display:block;
	width:110px;
	}

.nav li a{
	font-size:14px;

	outline:none;
	color:#484848;
	text-decoration:none;
	display:block;
	padding:7px 10px 14px 7px;
	width:100px;
	}

.nav li a span{
	font-size:11px;
	color:#989898;
	text-transform:lowercase;
	text-weight:normal;
	}

.nav li a:hover{
	background:#e2001a;
	color:#fff!important;
	width:93px;
	}

.nav li a:hover span{
	font-size:11px;
	color:#eee;
	text-transform:lowercase;
	}

* html .nav li a:hover{
	background:#333;
	width:93px;
	}

.nav li.skip{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
	}

.nav li.skip a{
	width:100px;
	}

li.top{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
	}

li.top a{
	width:100px;
	}

.nav li.skip a:hover, li.top a:hover{
	background:#e2001a;
	color:#fff !important;
	}

#archives{
	background:#e2001a;
	}

#archives ul{
	list-style:none;
	padding:5px 0 3px 0;
	}

#archives li{
	float:left;
	display:block;
	width:101px;
	}

#archives li a{

	color:#fff;
	width:99px;
	display:block;
	padding:2px 0 4px 5px;
	}

#archives li a:hover{
	color:#eaeaea;
	}

/* main - middle content and columns */

#mid{}#mainCol{
	float:left;
	margin:26px 0 0 0;
	width:435px;
	}

/* style individual sidebars */

#midCol a{
	font-weight:bold;
	}

#midCol{
	color:#444;
	float:left;
	margin:25px 0 0 33px;
	width:250px;
	line-height:1.3em;
	}

#midCol p{
	color:#777;
	}

#searchWrap,
.middle_links{
	margin-bottom:20px;
	}

#searchWrap input{
	vertical-align:middle;
	}

#searchWrap #s{
	font-size:1.1em;
	border:1px solid #BBB;
	padding:1px 2px;
	margin-right:3px;
	width:220px;
	}

.middle_links h3{
	margin-bottom:7px;
	}

#midCol ul{
	list-style:none;margin:8px 0 4px;
	}

.middle_links ul li{
	background:url(images/li1.jpg) no-repeat 0 3px;
	color:#7F7F7F;
	line-height:1.2em;
	border-top:1px solid #BBB;
	padding:4px 0 4px 16px;
	}

#tertCol{
	float:left;
	width:214px;
	margin:23px 0 0 33px;
	}

#tertCol p{
	color:#777;
	}

#elseWhere{
	margin:0 0 20px 0;
	}

#elseWhere h3{
	margin-bottom:7px;
	}

ul#imgLinks{
	list-style:none;margin:7px 0;
	}

#imgLinks li{
	color:#7F7F7F;
	line-height:1.2em;
	padding:0 0 1px;
	}

#imgLinks li a img{
	border:3px solid #EEE;
	width:208px;
	height:69px;
	color:#333;
	font-weight:bold;
	}

#imgLinks li a:hover img{
	border-color:#DDD;
	}

/* wordpress entries styling - main content column */

.postMeta{
	background:url(images/dot.gif) repeat-x left center;
	text-transform:uppercase;
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
	}

.postMeta span.date{
	background:#FFF;
	color:#7F7F7F;
	padding:0 2px 0 4px;
	}

.postMeta span.comments{
	background:#FFF url(images/chat_grey.gif) no-repeat left center;
	padding-left:15px;
	margin-left:2px;
	}

.postMeta span.comments a,
.postMeta span.date a{
	color:#555;
	}

.post{
	margin:0 0 15px 0;
	}

.post h2{
	line-height:1.2em;
	margin-bottom:7px;
	}

.post h2 a{
	width:100%;
	display:block;
	outline:none;
	}

.entry h3{
	margin:1em 0;
	}

.post .entry{
	line-height:1.4em;
	overflow:hidden;
	}

.post .entry p{
	margin:1em 0;
	}

.post .entry p a{
	background:url(images/dot.gif) repeat-x bottom left;
	font-weight:bold;
	}

.entry blockquote{
	margin:0 1.3em 0;
	}

.entry ul{
	margin:0 1.3em 0;
	list-style:none;
	}

.entry li a{
	color:#333;
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
	}

.entry ul li{
	background:url(images/li.gif) no-repeat 0 1px;
	padding-left:18px;
	margin-bottom:7px;
	}

.entry ol{
	margin:0 1em 0 3em;
	}

.entry ol li{
	margin:0 0 7px 0;
	}

.entry img,.entry a img{
	border:3px solid #EEE;
	}

.entry a:hover img{
	border-color:#DFDFDF;
	}

.entry table tr {
	padding: 15px 0;
	}

.entry table tr.alt {
	background: #eee;
	}

/* style pagination buttons */

#more_reading {
	color: #7F7F7F;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 25px;
	text-align: right;
	}

#more_reading p, #more_reading img
	{
	vertical-align: middle;
	}

#more_reading a img{
	border: none;
	margin:0 0 3px 2px;
	}

/* style me some comments and inputs */

#comments{
	width:435px;
	padding:12px 0 0 0;
	}

#comments h3,
h3#respond{
	color:#555;
	margin-bottom:7px;
	}

ol.commentslist{
	list-style:none;
	margin:5px 0 12px;
	}

.commentslist li{
	background:#F5F5F5;
	border:1px solid #BBB;
	margin-bottom:7px;
	padding:7px 0;}

.commentslist li a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
	}

.commentslist li.alt{
	background:#FFF;
	}

.commentslist li:hover{
	border-color:#888;
	}

.commentslist .comment_text{
	margin:0 7px;
	line-height:1.4em;
	overflow:hidden;
	}

.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{
	margin:1em 0;
	}

.comment_text ul,
.comment_text ol,
.comment_text blockquote{
	margin:0 1em;
	}

p.author_meta{
	font-weight:bold;
	text-transform:
	uppercase;margin:0 0 0 7px;
	}

p.post_meta{
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	margin:0 7px 0 0;
	}

p.postmetadata{
	font-size:12px;
	color: #606060;
	background-color: #efefef;
	margin: 10px 0 0 0;
	padding: 7px 10px 7px 10px;
	}

.commentslist li.author{
	background:#333;
	color:#CCC;
	}

.commentslist li.author a{
	color:#DDD;
	}

.commentslist li.author a:hover{
	color:#FFF;
	}

#comments_closed{
	background:#333;
	color:#ccc;
	padding:7px 0;
	margin-top:12px;
	line-height: 1.5em;
	}

p.nocomments{
	margin:0 12px 0 7px;
	}

p.nocomments a{
	color:#ddd;
	font-weight:bold;
	text-decoration:underline;
	}

p.nocomments a:hover{
	color:#FFF;
	}

ol.pingslist{
	margin:1.5em 2em;
	font-size:12px;
	}

.pingslist li{
	color:#7F7F7F;
	margin:0 0 7px 0;
	}

.pingslist li a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
	}

#commentform p{
	margin:1em 0;
	}

#commentform p a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
	}

#author,
#email,
#url,
#comment{
	font:1.1em arial,helvetica,verdana,sans-serif;
	border:1px solid #BBB;
	padding:2px;
	}

#comment{
	width:429px;
	overflow:auto;
	}

#commentform p small{
	font-size:10px;
	color:#7F7F7F;
	}

.commentslist code{
	background:transparent;
	}

.navigation{
	padding: 10px 10px 0 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	}

/* footer - text string and links */

#footer p {
	padding-top: 7px;
	padding-bottom: 7px;
	}

#footer p a{
	font-weight:bold;
	color:#333;
	}

/* float rules */

.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}

/* wp stats */

img#wpstats{width:0px;height:0px;overflow:hidden}