/*  
Theme Name: Robot's Grid Focus
Theme URI: http://hellorobot.org/
Description: Riff of Derek Punsalan's Grid Focus
Author: Brian Leary
Author URI: http://brianleary.com/

Notes: 
The WP theme on hellorobot.org is a modification of the Grid Focus design created by Derek Punsalan. See 5thirtyone.com/gridfocus.
*/

* {border:0; margin:0; padding:0; }
body {background:#fff; color:#222; font:12px/1.2em Arial, Helvetica, Verdana, sans-serif; text-align:center; }
select, input {font-family:Arial, Helvetica, Verdana, sans-serif; }
h1 {font-size:22px; position:relative; }
h2 {font-size:15px; }
h3 {font-size:16px; }
h4 {font-size:13px; }

a {color:#222; text-decoration:none; }
a:hover {color:#73bbf7; }

#wrapper {border-top:2px solid #eee; margin:0 auto; text-align:left; width:840px; }

/* masthead */
#masthead {border-bottom:12px solid #222; }
#masthead h1 {float:left; padding:20px 0 0 2px; }
#masthead ul {float:right; list-style:none; } 
#masthead ul li {display:block; float:left; font-size:11px; padding-top:2px; text-align:right; }
#masthead ul li a {color:#777; display:block; padding:18px 4px 0 32px; text-transform:uppercase; }
#masthead ul li a:hover {background:#73bbf7; color:#eee; }

#imgPromo {margin:0; }
#imgPromo img {border:0; border-bottom:2px solid #000; margin:2px 0 0; padding:0; vertical-align:baseline; }

/* main - middle content and columns */
#mainCol {float:left; margin:19px 0 0; width:404px; }
body#single #mainCol {width:594px; }

/* marginalia widget-y sections */
#marginalia {float:left; width:436px; }
#marginalia p {color:#777; }
#marginalia h3 {font-size:14px; }
body#single #marginalia {float:left; margin:15px 0 0 32px; width:214px; }

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

#archiveWrap {background:#eee; margin-left:32px; width:404px; }
#archiveWrap #archives {display:block; float:left; margin-bottom:20px; padding-top:15px; }
.about #archiveWrap {border-top:1px solid #ddd; margin-top:18px; }

#categories {float:left; line-height:1.3em; margin:15px 32px 20px 0; width:202px; }
#categories a {font-weight:bold; }
#categories ul {list-style:none; margin:8px 0 4px 4px; }
#categories ul li {background:url(images/plus.png) no-repeat center right; font-size:11px; padding-left:4px; }
#categories ul li:hover {background-color:#ddd; color:#fff; cursor:pointer; }
#categories ul li:hover a {color:#fff; }
body#single #categories {background:#eee; padding:0 4px 5px; border-top:3px solid #fff; }
body#single #categories h4 {border-bottom:1px solid #ddd; font-size:11px; margin-bottom:0.25em; margin-top:1em; padding-bottom:0.1em; }
body#single #categories p {font-size:11px; margin:0; }

#archives h3 {margin-left:4px; }
#archives form {border-bottom:1px solid #bbb; margin-right:4px; margin-top:8px; }
#archives form div {border-top:1px solid #bbb; padding:3px 4px; }
#archives label {display:block; float:left; font-size:11px; font-weight:bold; height:1.2em; margin-top:3px; width:55px; }
#archives select {color:#444; font-size:11px; width:103px; }

#searchWrap {margin-bottom:20px; }
#searchWrap input {color:#222; font-size:12px; vertical-align:middle; }
#searchWrap #s {border:1px solid #bbb; font-size:1.1em; margin-right:3px; padding:1px 2px; width:136px; }
body#single #searchWrap {background:#eee; margin:8px 0 3px; padding:17px 4px 5px; }
body#single #searchWrap #s {width:176px; }
body#archives #searchWrap {background:#eee; border:none; margin-left:32px; margin-top:24px; padding:12px 4px 8px; text-align:right; }
body#archives form#searchForm {border:none; }

#elsewhere {clear:left; color:#444; float:left; margin:23px 0 20px 32px; width:202px; }
#elsewhere h3 {margin-left:4px; }
#elsewhere p {font-size:11px; margin-left:4px; }
#elsewhere ul {border-bottom:1px solid #bbb; list-style:none; margin:0.75em 0 0; padding:0; }
#elsewhere li {background:url(images/arrow_right.png) no-repeat center right; font-size:11px; padding:4px; }
#elsewhere li:hover {background-color:#eee; cursor:pointer; }
#elsewhere li:hover a {color:#777; }

#projects {color:#444; float:left; margin:23px 0 20px 32px; width:170px; }
#projects h3 {margin:0 0 7px 4px; }
#projects p {font-size:11px; margin-left:4px; }
#projects a img {border:3px solid #eee; height:64px; margin-top:7px; width:164px; }
#projects a:hover img {border-color:#ddd; }

#aboutBlurb p {border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#444; font-size:11px; margin:26px 0 0 32px; padding:0.75em 4px; width:396px;}
#aboutBlurb p a {background:url(images/dot.png) repeat-x bottom left; color:#444; font-weight:bold; }
#aboutBlurb p a:hover {color:#73bbf7; }

#related {margin-top:25px; }
#related h3 {font-size:14px; margin:6px 0; padding:0 4px; }
#related ul {list-style:none; }
#related li {background:none; font-size:11px; padding:6px 4px; }
#related li span {color:#777; font-style:italic; }

table#wp-calendar {background:#ddd; margin:0 0 2px 32px; padding-bottom:12px; text-align:center; width:404px; }
table#wp-calendar caption {background:#ddd; border-top:1px solid #bbb; color:#444; font-size:14px; font-weight:bold; margin:1px 0 0 32px; padding:14px 4px 12px; text-align:left; }
table#wp-calendar tbody tr td {border-collapse:collapse; border:1px solid #eee; padding:1px 1px 0;  width:57px; }
table#wp-calendar tbody tr td a {background:#444; color:#fff; display:block; }
table#wp-calendar tbody tr td a:hover {background:#eee; color:#222; }
table#wp-calendar td#next,
table#wp-calendar td#prev {border:1px solid #eee; color:#444; font-size:11px; font-weight:bold; padding:1px 1px 0; text-align:left; text-transform:uppercase; }
table#wp-calendar td#next {text-align:right; }
table#wp-calendar td#next a,
table#wp-calendar td#prev a {background:#ccc; display:block; padding:2px 4px; }
table#wp-calendar td#next a:hover, 
table#wp-calendar td#prev a:hover {background:#eee; color:#222; }

/* footer pieces */
#more {background:#eee; border-top:1px solid #bbb; clear:both; padding:10px 4px; width:832px; }
#more h3 {font-size:14px; }
#more #recent {float:left; margin-left:4px; padding:0; width:400px; }
#more #recent h3 {color:#444; margin-bottom:8px; }
#more #recent ul {list-style:none; }
#more #recent li {border-top:1px solid #bbb; font-size:11px; line-height:1.2em; padding:4px 0; }
#more #recent li a {font-weight:bold; }
#more #recent li a span {color:#444; font-weight:normal; }
#more #categories {border:none!important; float:left; padding:0; margin:0 0 0 26px; width:198px; }
#more #categories li a {font-weight:bold; }
#more #archives {float:left; margin:0 0 0 26px; padding:0; width:170px; }
#more #searchWrap {float:left; margin:13px 0 0 26px!important; }
#more #searchWrap, #more #searchForm {width:158px; }
#more #searchForm input#s {width:128px; }

#footer p.top {background:#222; border-top:3px solid #eee; font-size:11px; padding:2px 4px 0px; text-align:right; }
#footer p.top a {color:#eee; }
#footer p.top a:hover {color:#777; }
#footer p {color:#777; font-size:90%; padding:6px 4px; }
#footer p a {color:#555; font-weight:bold; }
#footer p a:hover {color:#73bbf7; }

/* wordpress entries styling - main content column */
.postMeta {background:url(images/dot.png) repeat-x left center; font-size:11px; margin-bottom:5px; text-align:left; text-transform:uppercase; }
.first_post .postMeta, body#single .postMeta {text-align:left; }
.postMeta span.date {background:#fff; color:#777; margin-left:1px; padding:0 3px; }
.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 20px 0;}
.post h2 {line-height:1.2em; margin:0 4px; }
.first_post h2 {border-bottom:1px solid #ddd; font-size:17px; margin:0; padding:0 4px 9px; }
.about .post h2 {border-bottom:1px solid #ddd; border-top:1px solid #b7b7b7; font-size:18px; padding:0.25em 0; }
.about .post h3 {color:#444; font-size:13px; margin:1em 0 0; padding:0 4px; }
.about .post .entry p:first-child {border-bottom:1px solid #eee; font-size:14px; margin-top:1em; padding-bottom:0.5em; }
body#single .post h2 {border-bottom:1px solid #ddd; font-size:18px; padding:0 4px 4px; margin:0 0 1px; }
.post h2 a{width:100%;display:block;outline:none;}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;}
body#single .post .entry {padding:0 0 0 124px; }
.post .entry p {margin:0.25em 4px 1em; }
.first_post .entry p {margin:1em 4px; }
body#single .entry p:first-child {border-bottom:1px solid #ddd; color:#555; font-size:1.2em; line-height:1.3em; margin-top:1em; margin-left:-124px; padding:0 4px 1em; }
.post .entry p a, .entry li a {background:url(images/dot.png) repeat-x bottom left; font-weight:bold; }
.entry blockquote{margin:0 1.3em 0;}
.entry ul {list-style:square outside; margin:0 1.3em 1em; }
.entry ul li {margin:0.25em 0 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;}
body#single .entry img, body#single .entry a img {margin-left:-124px; margin-right:15px; }
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }
.entry .date {color:#666; font-size:11px; font-style:italic; } /* b.leary */
.entry h4 {border-bottom:1px solid #eee; margin:0.75em 0 0.5em; }

code {border-bottom:1px solid #ddd; border-top:1px solid #ddd; display:block; font:11px "Courier New",Courier,monospace; padding:7px 4px; }
code span.line {display:block; margin:5px 0 5px 21px; text-indent:-21px; }
code.css span.indent {display:block; margin-left:20px;  }

/* style pagination buttons */
#more_reading {border-top:1px solid #bbb; font-size:11px; font-weight:bold; margin-bottom:20px; text-align:right; text-transform:uppercase; }
#more_reading p {padding:8px 4px 0; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments_wrapper {border-top:1px solid #b7b7b7; }
#comments h2 {color:#777; float:left; font-size:12px; padding:0.25em 0 0.5em 4px; text-transform:uppercase; width:124px; }
#comments p {background:url(images/plus.png) no-repeat middle right; padding:0.25em 0 0.5em 0; }
#comments p a {font-weight:bold; }
h3#respond {border-top:1px solid #ddd; border-bottom:1px solid #eee; color:#444; font-size:11px; font-weight:normal; padding:0.5em 0 0.5em 4px; }
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.png) 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 {margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 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;}
.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.png) repeat-x bottom left;}
#commentform p {margin:0.75em 0; padding:0 4px; }
#commentform label {color:#444; display:block; float:left; font-size:11px; width:124px; }
#commentform p span {background:#eee; color:#444; font-size:11px; margin-left:124px; }
#commentform p a{font-weight:bold;background:url(images/dot.png) repeat-x bottom left;}
#commentform input, textarea {border:1px solid #bbb; font:1em Arial, Helvetica, Verdana, sans-serif; padding:2px; }
#commentform textarea {width:456px; }
#commentform #submit {margin-left:124px; padding:1px; }
#comment {overflow:auto; width:429px; }
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* 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;} /* hack */
.fix{display:inline-block;} /* hack */
* html .fix{height:1%;}
.fix{display:block;}

/* new b. leary */
div#categoryIntro h2 {border-top:1px solid #bbb; font-size:20px; margin-top:8px; padding:4px 4px 25px; }
div#categoryIntro h2 span {color:#444; font-size:12px; font-style:italic; padding-left:8px; }
div#categoryIntro p {border-bottom:1px solid #eee; padding:4px 4px; }

div.archivesByDate {border-bottom:1px solid #eee; padding:6px 4px; }
div.archivesByDate h2 span {background:#eee; color:#444; font-size:11px; font-weight:normal; margin-left:4px; padding:0 1px; }

div.inBriefPage h3 {border-bottom:1px solid #ddd; border-top:1px solid #bbb; font-size:20px; padding:6px 4px 8px; }
div.inBriefPage p {border-bottom:1px solid #eee; font-size:14px; margin-bottom:12px; padding:6px 4px; }
div.inBriefPage ul {list-style:none; }
div.inBriefPage li {border-bottom:1px solid #eee; margin-bottom:12px; padding:6px 4px; }
div.inBriefPage li a {background:url(images/dot.png) repeat-x bottom left; font-weight:bold; }

div.betterArchives {border-bottom:1px solid #ddd; padding:16px 4px 4px; }
div.betterArchives h2 {margin:10px 0 5px; }
div.betterArchives h2 span {background:#eee; color:#444; font-size:11px; font-weight:normal; padding:0 2px; }
div.betterArchives ul {list-style:inside square; padding-left:2px; }
div.betterArchives li {line-height:16px; }