/*  
THEME NAME: A Lack of Imaginaton v5
THEME URI: http://www.alackof.com
DESCRIPTION: Custom theme for alackof.com
VERSION: 5.0
AUTHOR: <a href="http://www.alackof.com/">John Young</a>
AUTHOR URI:
Tags: white, grid, whitespace, minimal, clean, widgets
*/

* {margin: 0;padding: 0;}
body {background: #aaa url(images/bg.png);color: #bbb;font-size: 62.5%;font-family: Georgia, Times, Times New Roman, serif;text-align: center;text-shadow: #000000 0px 0px 2px;margin: 0;padding: 0;}
h1 {font-size: 2em;color: #fff;}
h2 {font-size: 1.6em;color: #eee;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
a {color: #bbb;outline: none;text-decoration: none;}
a:hover {color: #ddd;}
a img {border:none;}
.h3new {color: #eee; margin-bottom:11px;padding-top:7px;}
h2, h2 a, h2 a:link, .entry h2 a:hover, h2 a:visited {color:#eee; border-bottom:0px;}
/* =----------------------------------- oh the convenience */

#wrapper {/* sets the minimum(s) for the entire siteoff of which everything else is based on*/
			font-size: 1.2em;line-height: 1.4em;}
.nav li {line-height: 1.2em;}
.nav li a {font-weight: bold;letter-spacing: 1px;text-transform: uppercase;}
.nav li a span {color: #888;font-size: 0.9em;font-weight: normal;text-transform: lowercase;}
.nav li a.focus span {color: #ccc;}
.nav li a:hover,.nav li a.focus {color: #fff;}
.nav .searchField input {color: #777;}
.toggleCategories li a {color: #fff;}
.toggleCategories li a:hover {color: #ccc;}
.postMeta {font-size: 0.9em;text-transform: uppercase;}
.postMeta span.date {color: #777;}
.postMeta span.comments a,.postMeta span.date a {color: #3c6c92;}
.post h2 {line-height: 1.2em;}
.entry a,
.secondaryColumn a,
#commentsContainer h3 a,
.commentlist .comment-author a {border-bottom: 1px dotted #bbb;color: #bbb;}
.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover {color: #ddd;border-bottom: 1px solid #bbb;}
.secondaryColumn a {font-weight: normal;}
.entry ul,.entry ol,.entry blockquote {color: #555;}
.entry blockquote {font-style: italic;}
.secondaryColumn h3,#commentsContainer h3 {font-size: 1.2em;}
#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 {font-size: 0.8em;}
#commentform p span input,#commentform span textarea {color: #333;font-family: arial,verdana,sans-serif;font-size: 1em;}
#paginateIndex {font-size: 0.9em;text-transform: uppercase;}
#footer p a {font-weight: bold;color:#333;}


/* =----------------------------------- main structure */
#wrapper {margin: 0 auto;text-align: left;width: 918px;padding: 0;}
#masthead {background:url(images/header-bg.png) no-repeat top center;width: 918px;padding: 7px 0 15px;}
#filler {}
#mainColumn {float: left;margin: 10px 0 0 0;width: 100%;}
.secondaryColumn {float: left;margin: 28px 0 0 30px;overflow: hidden;width: 240px;}


/* =----------------------------------- header elements */
#masthead h1,#masthead h2, #masthead h3 {display:inline;font-weight:400;margin-bottom:5px;}
#masthead h2, #masthead h3 {font-size:1.2em;}
#masthead h2 a {color:#ddd}
#masthead h1 {float: left;margin: 12px 0 0 20px;}
#masthead h1 a {width: 400px;color:#fff;}
#masthead a:active{position: relative; top: 1px; }
#blogLead {float: right;margin: 15px 20px 0 0;}
#blogLead a:hover {border-bottom:1px solid #ddd;}
#postdate h3 {display:inline;font-weight:700;padding-left:25px; font-size:1.2em;}


/* =----------------------------------- top + bottom navigation */
.navStripWrapper {position: relative;}
.nav {}
.nav li {border-right: 1px solid #ccc;display: block;float: left;}
.nav li a {display: block;padding: 7px 4px 0 7px;width: 110px;height: 42px;}
.nav li a span {}
.nav li a:hover {background: #333;}
.nav li a.focus {background: #3c6c92;}
.nav li.searchField {float: right;border: 0;}
.nav .searchField div {margin: 22px 8px 0 0;}
.nav .searchField span {background: #fff;border: 1px solid #ccc;border-left-color: #bbb;border-bottom-color: #bbb;display: block;padding: 2px;}
.nav .searchField input {border: 1px solid #bbb;outline: none;padding: 4px;width: 220px;}

/* =----------------------------------- meta lead for each post */
.postMeta {border-top: 1px solid #ccc;text-align: right;margin-bottom: 14px;position: relative;}
.postMeta .container {position: absolute;top: -9px;right: 0;}
.postMeta span.date {background: #fff;padding: 0 4px;}
.postMeta span.comments {background: #fff url(images/chat_grey.gif) no-repeat 2px -1px;padding-left: 18px;}
#postdate {float:left;width:258px;height:27px;padding-top:18px;background:url(images/date-bg.png) no-repeat bottom center;}
#prevnext {float:right;width:121px;height:43px;padding-top:2px;background:url(images/prevnext-bg.png) no-repeat bottom center;}
#prevnext a:active{position: relative; top: 1px; }
#prevnext img,#prevnext a img {background: none;border: 0px solid #bbb;padding: 0px;}
#maintop {float:left;width:100%;height:20px;background:url(images/maintop.png) no-repeat top center;margin:0;}
#mainbox {display:inline-block;background:url(images/entry-bg.png) repeat-y top center;width:878px;margin:0;padding:0 20px;}
#mainbottom {float:left;width:100%;height:34px;background:url(images/mainbottom.png) no-repeat top center;margin:0 0 10px;}

/* =----------------------------------- general post */
.post {margin: 0 0 21px 0;}
.post h2 {margin-bottom: 10px;padding: 0 3px;}
.post h2 a {display:block;}


/* =----------------------------------- entry body */
.entry {padding:0;soverflow: hidden;}
.entry p {padding: 2px 0;font-size:1.3em;line-height:1.4em;margin: 0 0 10px 0;}
.entry ol,.entry blockquote {margin: 0 14px;}
.entry ul {margin: 0 0 25px;}
.entry ol {list-style: decimal;}
.entry ul li,.entry ol li {margin: 0 0 7px 0px;}
.entry ul li {list-style: none;}
.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 {background: #fff;padding: 13px;margin-bottom:-11px;-webkit-border-radius: 4px;-webkit-border-bottom-left-radius: 0;-moz-border-radius: 4px;-moz-border-radius-bottomleft: 0;border-radius: 4px;border-bottom-left-radius: 0;}
.smallimg img {background: #eee;padding: 8px;margin-bottom:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.entry.meta {background: #eee;border: 1px solid #ccc;border-width: 1px 0;}
.entry.meta p {margin: 5px 7px;}
.entry.meta .highlight {text-transform: uppercase;font-size: 10px;}
.entry.meta a {color: #333;border-color: #bbb;}
.entry.meta a:hover {color: #000;border-color: #000;}
.entry a img, .entry a:hover img {border-bottom:0px;}


/* =----------------------------------- main index pagination */
#paginateIndex {margin-bottom: 25px;}
#paginateIndex a,.commentlist li .reply a {color: #777;font-size: 0.9em;text-transform: uppercase;display: block;padding: 4px 7px 3px;background: #fff;border: 1px solid #ddd;}
.commentlist li .reply a {color: #aaa;}
#paginateIndex a:hover,.commentlist li .reply a:hover {color: #3c6c92;border-color: #3c6c92;background: #eee;}


/* =----------------------------------- widget enabled sidebar */
.secondaryColumn h3 {border-top: 1px solid #ccc;border-bottom: 1px solid #eee;margin: 0 0 10px 0;padding: 7px 4px;}
.widgetContainer {margin: 0 0 20px 0;}
.widgetContainer ul li {margin: 0 3px 7px 21px;list-style: circle;}
.widgetContainer ul li ul {margin-top: 5px;}
.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: inline-block;border-bottom:1px dotted #eee;padding-bottom:2px;margin: 0 0 3px -3px;}
#commentsContainer h3 {display: block;margin: 10px 0;padding: 15px 4px 0;border-top: 2px dotted #111;}
.cancel-comment-reply {position: absolute;top: -1px;right: 4px;}
.commentlist {list-style: none;margin: 0 0 20px;}
.commentlist .comment{border-top: 0px solid #aaa;padding-top: 7px;margin-top: 10px;overflow: hidden;background-color: rgba(0, 0, 0, 0.3);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000; }
.commentlist .comment-author img.avatar {display: block;float: left;margin: 0 10px 0 0;}
.commentlist .comment-meta {margin: 0;}
.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 #author,#commentform #email,#commentform #url,#commentform textarea {padding: 4px 3px;border: 1px solid #ccc;border-left-color: #bbb;border-bottom-color: #bbb;background: #fff;margin-right: 4px;}
#commentform #author,#commentform #email,#commentform #url,#commentform textarea {border: 1px solid #bbb;outline: none;padding: 4px 3px;width: 160px;}
#commentform p label {margin: 4px 0 0 0;}
#commentform textarea {float: none;width: 98%;overflow: auto;}
.commentavatar {float:left;margin: 3px 10px 0;-webkit-box-shadow: 0px 0px 3px #000;-moz-box-shadow: 0px 0px 3px #000;box-shadow: 0px 0px 3px #000;}
.commentcontent {float:left;width:600px;}


/* =----------------------------------- boring footer */
#footer {background:url(images/footer-bg.png) no-repeat top center;width: 878px;height:69px;padding: 0px 20px 0px;margin:10px 0 0px 0;}
#footer p {padding: 0px 3px 0;}
#footerlinks {float: left;margin: 18px 0 0 0;}
#footerlinks h2, #footerlinks h3 {display:inline;font-weight:400;margin-bottom:5px;}
#footerlinks h2, #footerlinks h3 {font-size:1.2em;}
#footerlinks h2 a {color:#ddd}
#footerlinks a:hover {border-bottom:1px solid #ddd;}

#footerlinks .copyinfo {margin-top:5px;}


/* =----------------------------------- Archives */
.archives h2, .column h2, .tags h2 {font-weight:400; padding:0 0 5px 0;color:#eee;}
.archives h3, .column h3 {padding:0 0 8px 0;}
.column p {padding:0;margin:0;}
.archives a:hover {color:#fff;}

.column {float:left;width:419px;padding:0 10px;}
.column2 {float:left;width:419px;padding:0 10px;}

.archives .iLikeThis { display:inline; background: none!important; color: #888!important; padding:0;border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;text-shadow: #000000 0px 0px 2px; font-size:1.0em;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
.archives .iLikeThis .counter { background:url('greyheart.png') center left no-repeat!important; padding:0 0 0 15px; font-weight:bold; margin-left:2px; }
.archives .iLikeThis .counter a,.archives .iLikeThis .counter a:hover { cursor: default!important;color: #888!important;}
.archives .iLikeThis .counter a.image { background:none!important; }

.tags {margin-bottom:25px;padding:0 10px 25px;border-bottom:2px dotted #000;line-height:2.0em;}
.tags a {color:#ddd; border-bottom:0px;padding:2px 4px;text-shadow:none;}
.tags a:hover {border-bottom:0px;background:#ddd;color:#000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


/* =----------------------------------- Search Results */
.search h3 {margin:0 5px 5px 0;}
.search a img, .search img {background: #eee;padding: 2px;margin:0 8px 10px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0;-webkit-box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;box-shadow: 0px 0px 5px #000;}


/* =----------------------------------- floats + clearing rule */
.floatleft {float: left;margin: 3px 7px 0 0;}
.floatright {float: right;margin: 3px 0 0 7px;}
.alignright {float:right;margin:0 0 5px 5px;}
.alignleft {float: left;margin: 5px 5px 0 0;}
.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;}
.fix2 {display: inline-block;}
 * html .fix2{height: 1%;}
.fix2{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}

.noul {border:none!important;}

#textbox {float:left;width:550px;padding: 15px 0;font-size:1.3em;line-height:1.4em;}
#textbox h2 {font-size:1.2em;color:#ddd;margin: 0 0 7px 0;padding:0;}
#textbox h2 a {border-bottom:0px;}
.exif {float:right;width:250px;padding: 2px 15px 5px;margin-top:10px;border-left:2px solid #888;}
.exif h3 {display:inline; font-size:1.2em;}

.iLikeThis { display:inline; background-color: #fff; color: #000; padding: 5px 8px 5px; border-radius:  0 0 4px 4px;; -khtml-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; text-shadow:none; font-size:1.2em;color:#555;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}
.iLikeThis .counter { background:url('blackheart.png') center left no-repeat!important; padding:0 0 0 20px; font-weight:bold; margin-left:5px; }
.iLikeThis .counter a { cursor:pointer;border-bottom:0px;font-size:1.02em;color:#555;  }
.iLikeThis .counter a.image { background:url('newadd.png') center right no-repeat!important; padding:0 20px 0 0; }
#solo .iLikeThis {float: right;	background-color: #eee;	margin-right:5px;padding: 6px 6px 5px 3px;border-radius: 5px 5px 5px 5px!important;-khtml-border-radius:  5px 5px 5px 5px!important;-moz-border-radius: 5px 5px 5px 5px!important;-webkit-border-radius: 5px 5px 5px 5px!important;}

.sliderhead{cursor: pointer;padding-bottom:10px;}

.wp-paginate {text-shadow:none;text-align:center;margin-top:15px!important;}
.wp-paginate a {background:#333!important; border:1px solid #333!important; color:#ccc!important;-webkit-box-shadow: 0px 0px 3px #111;-moz-box-shadow: 0px 0px 3px #111;box-shadow: 0px 0px 3px #111;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc!important; color:#333!important;}
.wp-paginate .title {color:#bbb!important;}
.wp-paginate .current {color:#333!important; background:#ccc!important; border:1px solid #ccc;-webkit-box-shadow: 0px 0px 3px #111;-moz-box-shadow: 0px 0px 3px #111;box-shadow: 0px 0px 3px #111;}

img#wpstats { visibility:hidden; }
