/*
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.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/

* {
  margin: 0;
  padding: 0;
  list-style:none;
}


body {
  color: #000;
  font:12px Arial, Helvetica, sans-serif ;
  background:#61686D;
}


h1 {
  clear:both;
  position:absolute;
  top:82px;
  left:660px;
  }
  
h1 a, h1 a:hover {
  font-size: 21px;
  color:#fff;
  font-weight:normal;

}
h2, h2 a, h2 a:hover {
  font-size: 15px;
  color:#000;
  padding-bottom:5px;
 
}
h3 {
  font-size: 15px;
  color:#fff;
  line-height:24px;
}

a {
  color: #f60;
  text-decoration: none;
}
a:hover {
  color: #702785;
}

	
li.alt {
  border-top:dotted 1px #999;
  border-bottom:dotted 1px #999;
  background:#FBFBFB
  }
  

 /* global & comment form */

input {
  border:1px solid #ccc;
  background: #fbfbfb;
  height:18px;
  padding:4px 5px;
}


textarea {
  border:1px solid #ccc;
  background-color: #fbfbfb;
  color:#4B5D51;
  padding:1px 5px;

}

#submitComment {
  height:32px;
    padding:8px 12px;
  text-align: center;
  color:#fff;
  text-transform: capitalize;
  border:none;
  background:#702785;
}
  
  
  
/* search */

#subnav {
  float:right;
  margin:138px 65px 0 0;
  text-align:right;
  }


#subnav a {
  color:#fff;
  padding:0 5px;
  }
  
#subnav form {
   display:inline;

  }
#searchForm_input {
  border:none;
  background:none;
  padding:2px 5px;
  *padding:7px 5px;
  width:165px;
  height:22px;
}


#submit {
  height:40px;
  width: 40px;
  text-align:center;
  background:none;
  color:#fff;
  text-transform:uppercase;
  border:none;
  font-size:13px;
  cursor:pointer;
  margin:3px 0 0 15px;
}

/* navigation */

#nav {
  float:left;
  padding-top:139px;
   }
   
#nav li {
  display:block;
  float:left;
  margin-top:14px;
  padding:0 7px;
  font-size:14px;
  }

#nav li a {
  color:#fff;
  line-height: 20px;
  padding:0 12px;
  display:inline-block;

 
}

#nav li a:hover, #nav li.current_page_item a {
  border-bottom:8px solid #FF801A;
}


.comments a span {
  color: #f60;
  text-decoration:underline;
  }







.postMeta span.date {
  color: #666;
  background:url(/images/blog-arrow.gif) no-repeat left center;
  padding-left:15px;
}
.postMeta span.comments a,
.postMeta span.date a {
  color: #3c6c92;
}

.secondaryColumn a {
  font-weight: normal;
  text-decoration:none;
  color:#000;
}
.entry ul,
.entry ol,
.entry blockquote {
  color: #555;
}


.entry blockquote {
  font-style: italic;
}

#cancel-comment-reply-link {
  color: #3C6C92;
  font-size: 0.8em;
}
.commentlist .comment-meta a {
  color: #777;
}
.commentlist .comment-author cite {
  font-style: normal;
  font-weight: bold;
}
.commentlist .comment-meta {
  float:left
}
#commentform p span input,
#commentform span textarea {
  color: #333;
  font-family: arial,verdana,sans-serif;
  font-size: 1em;
}
#paginateIndex {
  text-transform: uppercase;
}


/*  main structure */

#wrapper {
  text-align: left;
  background:#fff url(/images/bg-page.gif) repeat-x;
}

#container {
  width: 972px;
  margin: 0 auto;
  background:url(/images/blog-content.gif);
  border-bottom:2px #fff solid;
  }

#masthead {
   background:url(/images/blog-masthead.jpg) no-repeat;
   height:215px;
}

#mainColumn {
  float: left;
  margin: 0 26px;
  width: 500px;
}
.secondaryColumn {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 180px;
  padding:0 15px;
}

/* =----------------------------------- header elements */

#blogLead img {
  background: #fff;
  border: 1px solid #bbb;
  float: right;
  height: 42px;
  margin: 0 7px;
  padding: 2px;
  width: 42px;
}
#authorIntro {
  float: right;
  margin: 8px 0 0 0;
  width: 340px;
}

/* =----------------------------------- top + bottom navigation */
.navStripWrapper {
  position: relative;
  clear: both;
}

.footer {
  font-size:11px;
  color:#fff;
  }
.footer div {
  width:972px;
  margin:0 auto;
  padding:20px;
  background:url(/images/blog-footer.gif) no-repeat center top;
  height:80px;
  }
.footer li {
  float:left;

  }
.footer li a {
  color:#fff;
  padding:0 5px 20px 5px;
  }
.footer span {
  float:right;
  }





/* =----------------------------------- meta lead for each post */
.postMeta {
  color:#656565;
}
.postMeta .container {

}
.postMeta span.date {
  padding-right:10px;
}
.postMeta span.author {
  padding-left:10px;
}
.postMeta span.comments a {
  color:#656565;
  padding-left:10px;
}

/* =----------------------------------- general post */
.post {
  margin: 0 0 25px 0;
  padding-bottom:10px;
  
}
#homePage .post {
	 background:url(/images/blog-post-div.gif) repeat-x left bottom;
	}


/* =----------------------------------- entry body */
.entry {

  overflow: hidden;

}
.entry p {

  margin: 10px 0;
}
.entry ul,
.entry ol,
.entry blockquote {
  margin: 0 14px;
}
.entry ol {
  list-style: decimal;
}
.entry ul li,
.entry ol li {
  margin: 0 0 7px 18px;
}
.entry ul li {
  list-style: circle;
}
.entry blockquote {
  border-left: 1px solid #ccc;
  font-size: 1.1em;
  line-height: 1.4em;
  margin-left: 21px;
  padding-left: 10px;
}
.entry img,
.entry a img {
  border: none;
}
.entry a:hover img {
  border-color: #3c6c92;
}

.entry.meta {

  border: 1px dotted #999;
  border-width: 1px 0;
  background: #fbfbfb;

}
.entry.meta p {
  margin: 5px 6px;
  padding-left:30px;
}
.entry.meta .highlight {
  text-transform: uppercase;
  font-size: 11px;
}
.entry.meta a {
  color: #f60;

}

.entry.meta a:hover {
  color: #702785;
}

/* =----------------------------------- main index pagination */
#paginateIndex {
  margin-bottom: 25px;
}
#paginateIndex a,
.commentlist li .reply a {
  color: #fff;
  display: block;
  padding: 8px 12px;
  background:#702785;
  display:inline-block;
  margin-right:2px;
  text-transform:capitalize;

}
.commentlist li .reply a {
  color: #aaa;
}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
  background: #61686D;
}

/* =----------------------------------- widget enabled sidebar */
.secondaryColumn h3 {
  background:url(/images/blog-clmn-header.gif) no-repeat;
  padding:6px 25px;

  height:35px;
  
}

.widget_authors h3, .widget_archive h3 {
  background:url(/images/blog-clmn-header-alt.gif) no-repeat;
}

.widget_recent_entries h3, .widget_recent_comments h3 {
	background:url(/images/blog-clmn-header-right.gif) no-repeat;
	}

.widget_tag_cloud h3 {
  display:none;
  }
  
.widgetContainer {
  margin: 0 0 20px 0;
}
.widgetContainer ul li {
	background: url(/images/blog-arrow.gif) no-repeat left 12px;
  list-style:none;
  padding:6px 0 6px 15px;
  border-bottom:#ccc solid 1px;
}


.widget_recent_comments ul li, .widget_recent_entries ul li {
  background:none;
  margin-left:0;
  padding:6px 0 6px 0;
  }

.widgetContainer ul li ul {
  margin-top: 5px;
}

.widget_tag_cloud {
	background:#61686D;
	padding:10px;
	}

.widget_tag_cloud a {
	color:#fff;
	}


/* rss */ 
  
.widget_text ul li {
	background: url(/images/blog-rss.gif) no-repeat left 10px;
	 padding:6px 0 6px 20px;
	}  


.widgetContainer .textwidget {
  margin: 0 3px;
  line-height: 1.5em;
}
.widgetContainer #wp-calendar {
  border-collapse: collapse;
  width: 100%;
}
#wp-calendar caption {
  font-weight: bold;
  margin-bottom: 7px;
}
#wp-calendar thead {}
#wp-calendar thead th {
  padding: 4px 0 4px 3px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}
#wp-calendar td {
  padding: 3px 0 4px 3px;
  color: #777;
}
#wp-calendar td a {
  font-weight: bold;
}

/* =----------------------------------- style some comments */
#commentsContainer {
  margin-bottom: 30px;
}
#commentsContainer span.hook {
  position: relative;
  display: block;
}
#commentsContainer h3 {
  display: block;
  margin-bottom: 10px;
  padding: 7px 4px 0;
  color:#666;
  text-transform:uppercase;

}
.cancel-comment-reply {
  position: absolute;
  top: -1px;
  right: 4px;
}
.commentlist {
  list-style: none;
  margin: 0 0 20px;
  border-bottom: 1px dotted #999;
}
.commentlist .comment-author {

  padding-top: 7px;
  margin-top: 10px;
  overflow: hidden;
}
.commentlist .comment-author img.avatar {
  display: block;
  float: left;
  height: 26px;
  width: 26px;
  margin: 0 10px 10px 0;
  border:1px #ccc solid;
  padding:1px;
}
.commentlist .comment-meta {
  float:left;
}
.commentlist li .reply {
  text-align: right;
  padding-bottom: 10px;
}
.commentlist li .reply a {
  display:inline;
}
.commentlist li p {
  margin: 1em 0;
  padding: 0 3px;
}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
  margin: 0 20px;
}
.commentlist .children {
  margin: 0 0 0 40px;
}
.commentlist .children li {
  list-style: none;
}
#commentform .contain {
  margin: 0 0 10px 0 !important;
}

#commentform p label {
  margin: 4px 0 0 0;
}
#commentform textarea {
  float: none;
  width: 98%;
  overflow: auto;
}
.comment-meta {
  float:left;
  }
#commentsContainer p {
  clear:both;

  }

/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft {
  float: left;
  margin: 3px 7px 0 0;
}
.floatright,
.alignright {
  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;
}

#checkout p {
  margin:10px 0;
}