/*  
Theme Name: Grid Focus
Theme URI: http://5thirtyone.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://5thirtyone.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

*/

/* =----------------------------------- reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; text-decoration:none; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* =----------------------------------- global rules */
body {
	background: #fff;
	color: #111;
	font-family: arial, verdana, sans-serif;
	font-size: 62.5%;
	text-align: left;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
}
a {
	color: #f30;
}
a:hover {
	color: #f60;
}
.alignright, img.alignright {
	float: right;
	margin: 0.5em 0 0 1em;
}
.alignleft, img.alignleft {
	float: left;
	margin: 0.5em 1em 0 0;
	}
.aligncenter, img.aligncenter {
	display: block;
	margin: 0.5em auto;
	text-align: center;
	}

/* =----------------------------------- main structure */
#wrapper {
	margin: 2em 0;
	text-align: left;
	width: 960px;
	font-size: 1.2em;
	line-height: 1.4em;
}
#masthead {
	border-top: 1px solid #ccc;
	padding: 15px 0;
}
#mainColumn {
	float: left;
	width: 700px;
}
.secondaryColumn {
	float: left;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 240px;
}

/* =----------------------------------- header elements */
#masthead h1 {
	float: left;
}
#masthead h1 a {
	background:url(images/header.png) center no-repeat;
	border:none;
	display:block;
	height:45px;
	width:235px;
	margin:0 0 0 75px;
}

#masthead h1 a span {
	display:none;
}

#blogLead {
	float: right;
	width: 240px;
}
#blogLead img {
	background: #fff;
	border: 1px solid #bbb;
	float: right;
	height: 48px;
	margin: 0 0 0 12px;
	padding: 2px;
	width: 48px;
}
#authorIntro {
	margin: 12px 0 0 0;
}

/* =----------------------------------- post */
.post {
	border-top: 1px solid #ccc;
	position: relative;
}

.postMeta {
	font-size: .9em;
	position: absolute;
	left: 0;
	width: 170px;
	text-align: right;
	top: 5px;
}
.postMeta p {
	border-bottom: 1px solid #EEEEEE;
	color: #999;
	padding: 10px 0 5px;
}
.postMeta a {
	color: #666;
	text-decoration: none;
}
.postMeta a:hover {
	text-decoration: underline;
}
.postMeta .comments {
	background: #fff url(images/comments.gif) no-repeat;
	padding: 0 0 0 20px;
}
.postMeta .edit {
	border: 0;
}

.entry {
	margin:0 0 2em 190px;
	overflow: hidden;
	width: 510px;
}
.entry  h2 a {
	color: #333;
	display: block;
	padding: 10px 0 0;
	line-height: 1.4em;
}
.entry  h2 a:hover {
	color: #222;
}
.entry  h3 {
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
}
.entry p {
	line-height: 1.6em;
	margin: 1em 0;
}
.entry p a {
	text-decoration: underline;
}
.entry ul,
.entry ol,
.entry blockquote {
	color: #222;
	margin: 0 2em;
}
.entry ol {
	list-style: decimal;
}
.entry ul li,
.entry ol li {
	margin: 0.5em 0 0.5em 2em;
}
.entry ul li {
	list-style: square;
}
.entry blockquote {
	line-height: 1.4em;
	margin: 0 0 0 2em;
	font-style: italic;
}
.entry img,
.entry a img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
	text-decoration:none;
}
.entry a:hover img {
}

.entryMeta {
	border-top: 1px solid #ccc;
	font-size: .9em;
	padding: 0 0 0 190px;
	margin: 0 0 2.2em 0;
}
.entryMeta p {
	border-bottom: 1px solid #eee;
	padding: 10px 0 5px;
}
.entryMeta .entryTags {
	border: 0;
}
.entryMeta span {
	font-weight: bold;
}
.entryMeta a {
	color: #666;
	text-decoration: none;
}
.entryMeta a:hover {
	text-decoration: underline;
}

/* =----------------------------------- navigation menu */
#menuhead {
	text-transform: uppercase;
	padding: 0 0 .5em 190px;
	overflow: hidden;
}
#menuhead li.page_item {
	margin-right: 2.2em;
	float: left;
	list-style-type: none;
}
#menuhead li a {
	color: #333;
	line-height: 1.2;
}
#menuhead li a:hover {
	color: #222;
}
#menuhead li ul{
	display: none;
}

/* =----------------------------------- pagination */
#paginateIndex {
	border-top: 1px solid #eee;
	margin-bottom:5px;
	padding-left: 190px;
}
#paginateIndex a, .commentlist li .reply a {
	color: #666;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
}
#paginateIndex a:hover, .commentlist li .reply a:hover {
	color: #555;
}

/* =----------------------------------- widget enabled sidebar */
.secondaryColumn h3 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
	padding: 10px 0 5px;
}
.widgetContainer {
	margin: 0 0 20px 0;
}
.widgetContainer ul li {
	margin: 0 0 10px;
	list-style: none;
}
.widgetContainer ul li a {
	color: #666;
}
.widgetContainer ul li a:hover {
	color: #555;
	text-decoration: underline;
}
.widgetContainer ul li ul {
	margin-top: 5px;
}
.widgetContainer .textwidget {
	line-height: 1.5em;
}

/* =----------------------------------- single page comments */

#commentsContainer h3#comments,#commentsContainer #respond h3 {
	font-size:1.2em;
	padding:10px 0 5px;
	text-shadow:1px 1px 1px #ccc;
}
#commentsContainer h3#comments {
	border-top:1px solid #ccc;
	padding-left:190px;
}
#commentsContainer #respond {
	border-top:1px solid #ccc;
	position:relative;
}

#commentsContainer #respond h3 {
	border-bottom:1px solid #eee;
	margin:0 0 1.8em 190px;
}
#commentsContainer .comment #respond h3,#commentsContainer .comment #commentFormWrapper {
	margin-left:0;
}
#commentsContainer .comment #commentFormWrapper p {
	padding:0;
}
#commentsContainer .cancel-comment-reply {
	position:absolute;
	top:10px;
	right:0;
}
#commentsContainer .cancel-comment-reply a {
	font-weight:bold;
}
.commentlist li.comment {
	border-top:1px solid #eee;
	background:none!important;
	margin:0 0 0 133px;
	padding:0 0 15px 61px;
	position:relative;
}
.commentlist li.comment.bypostauthor {
	border-color:#ccc;
}
.commentlist li.pingback {
	padding:0 0 15px;
	margin:0 0 0 190px;
}
.commentlist li.pingback p,.commentlist li.pingback .reply {
	display:none;
}
.commentlist li.comment .comment-author,.commentlist li.pingback .comment-author {
	position:relative;
	padding:10px 0 5px;
}
.commentlist li.comment .comment-meta a,.commentlist li.pingback .comment-meta a {
	font-size:0.9em;
	margin:0 0 15px;
	color:#999;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	line-height:15px!important;
}
.comment-author cite a {
	color:#333;
	padding-right:15px;
	background:url("images/icn-arrow.gif") no-repeat right center;
}
.comment-author img.avatar {
	position:absolute;
	top:0;
	left:-61px;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:4px 0 4px 4px;
}

.comment.comment-author-admin img.avatar,.comment.comment-author-admin .children .comment.comment-author-admin img.avatar, .comment.bypostauthor img.avatar, .comment.bypostauthor .children .comment.bypostauthor img.avatar{
	border-color:#ccc;
}

.commentlist li span.says {
	display:none;
}

.commentlist li.comment p {
	margin:1em 0;
	line-height:1.5em;
}
.commentlist li.comment p a {
	color:#666;
}
.commentlist li.comment p a:hover {
	color:#555;
	text-decoration:underline;
}

.commentlist li.comment .reply {
	position:absolute;
	top:10px;
	right:0;
}
.commentlist li.comment .reply a {
	font-size:0.9em;
}
.commentlist li.comment .reply a:hover {
	text-decoration:underline;
}

.commentlist ul,.commentlist ol,.commentlist blockquote {
	margin:0 30px;
	line-height:1.4em;
}
.commentlist blockquote {
	font-style:italic;
	color:#333;
	border-left:1px solid #eee;
	padding-left:10px;
}
.commentlist ul li {
	margin:0 0 5px;
	padding-left:15px;
}
.commentlist ol li {
	list-style:decimal;
	margin-bottom:10px;
}

.commentlist ul.children {
	margin:20px 0 0;
}
.commentlist ul.children li.comment {
	margin:0;
}

#commentFormWrapper {
	margin:0 0 0 190px;
}
#commentform {
	padding-bottom:15px;
}
#commentform p {
	margin:0 0 1em;
}
input#author,input#email,input#url,textarea#comment {
	font-size:1em;
	font-family:arial,verdana,sans-serif;
	color:#333;
	border:1px solid #ccc;
	padding:2px;
	margin-right:5px;
}
textarea#comment {
	width:97%;
	overflow:auto;
}
.commentWarning {
	padding:5px;
	color:#555;
	line-height:1.6em;
}

.commentWarning strong {
	color:#000;
}
.commentWarning a {
	font-weight:bold;
}

#commentsContainer .nocomments {
	margin:0 0 0 190px;
	padding-bottom:15px;
}

/* =----------------------------------- boring footer */
#footer {
	border-top: 1px solid #ccc;
	padding-left: 190px;
	line-height: 1.8em;
}
#footer p span {
	float: left;
}
#footer p a {
	font-weight: bold;
	color:#333;
}
#footer p a span {
	display:none;
}
#footer .cc {
	background:url(images/cc.png) center no-repeat;
	display: block;
	height: 20px;
	margin: 0 0.5em 0 0;
	width: 20px;
}
#footer .wp {
	background: url(images/wp.png) center no-repeat;
	display: block;
	height: 20px;
	width: 20px;
}

/* =----------------------------------- floats + clearing rule */
.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;
}
.noborder {border:none !important;}