/*
Theme Name: MyAutoFocus
Theme URI: http://www.allancole.com/wordpress/themes/autofocus
Description: Child Theme for AutoFocus
Author: Allan Cole
Author URI: http://www.allancole.com/wordpress
Template: autofocus
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url("../autofocus/style.css");

/* =structure */
body {background-color: #222; color: #888; font: 1.4em/1.6 "Hoefler Text", "Georgia", Georgia, serif, sans-serif; margin: 0; padding: 0}
#wrapper {padding: 0; margin: 0 auto; width: 900px; position: relative; display: block}

/* =miscellaneous */
img, img.alignnone {margin: 0 0 1em 0; clear: both; float: none; display: block; border: 1px solid #999999}
img.alignleft {margin: 0 10px 10px 0px; clear: left; float: left; border: 1px solid #999999}
img.alignright {margin: 0 0 10px 10px; clear: right; float: right; border: 1px solid #999999}
img.aligncenter {margin:0 auto; position: relative; clear: none; border: 1px solid #999999}
img:hover {border: 1px solid #FFFF99}
a {color: #FFCC66; display: inline}
a:hover {color: #FFFF99; text-decoration: none}
.comment-edit-link:hover, .edit-link a:hover {color: red; text-decoration: underline}
.required, .unapproved {color: red}

/* =header */
#header {margin: 25px 0 0; height: 105px; text-transform: normal; width: 600px; clear: none; float: left}
#header a:hover {text-decoration: none; color: #FFFF99}
#header h1 a {font-weight:100; letter-spacing:-0.05em; position:relative; color: #FF9900}
#header #blog-description {color: #CCC}
#access {display: table; height: 130px; vertical-align: middle; width: 200px; float: right}

/* =nav */
#nav-below {clear: both; float: right; margin: 3em 0 0; padding: 0px; width: 100%; color: #CCC}
#nav-below img {border: 1px solid #999999}
#nav-below img:hover {border: 1px solid #FFFF99}
.archive .nav-next, .archive .nav-previous, .search .nav-next, .search .nav-previous {color: #CCC}
.browse h3 {color: #CCC; font-size: 1.8em; left: 0em; position: relative; top: 0px; text-transform: normal; width: 100%; font-weight: 100}
.browse h3 {color: #CCC; font-size: 1.8em; left: 0em; position: relative; top: 0px; text-transform: normal; width: 100%; font-weight: 100}
.nav-excerpt {color: #CCC; display: block; padding: 0 20px 0 0; position: relative; font-size: 0.8em}

/* =home */
.home #container #nav-above .nav-previous a, .home #container #nav-above .nav-next a {display:block; color:#CCC; padding:0 20px}
.home #container #nav-above a:hover, .home #container #nav-above a:hover {color: #FFFF99; text-decoration: none}
.home #container #nav-above .nav-next {position:absolute; display:block; width:100px; top:50%; right:-1000px; text-align:left; line-height:4em; font-size:5em}
.home .featured.post.p1 {border: 1px solid #999999; width: 591px; margin-bottom: 5px}
.home .featured.post.p1 .post-content {width: 571px}
.home .featured.post.p2 {border: 1px solid #999999; width: 300px; margin-left: 5px}
.home .featured.post.p2 .post-content {width: 280px}
.home .featured.post.p3 {border: 1px solid #999999; width: 496px}
.home .featured.post.p3 .post-content {width: 476px}
.home .featured.post.p4 {border: 1px solid #999999; width: 395px; margin-left: 5px}
.home .featured.post.p4 .post-content {width: 375px}
.home .featured.post.p5 {border: 1px solid #999999; width: 401px; margin-top: 5px}
.home .featured.post.p5 .post-content {width: 381px}
.home .featured.post.p6 {border: 1px solid #999999; width: 300px; margin-top: 5px; margin-left: 5px}
.home .featured.post.p6 .post-content {width: 280px}
.home .featured.post.p7 {border: 1px solid #999999; width: 183px; margin-top: 5px; margin-left: 5px}
.home .featured.post.p7 .post-content {width: 163px}

/* =index template */
#content.index {width:900px; clear:both; float:none}
#content.index .post {background:transparent; width:900px; height:inherit; clear:both; float:none; margin-bottom:3em; overflow:visible}
#content.index .post h2.entry-title {width:900px; font-size:3.6em; line-height:1.2em; margin:0.5em 0 0.25em; font-weight:100; letter-spacing: -0.05em}
#content.index .post .entry-content {width: 690px; padding: 0 10px 3em 0; float: left; font-size: 1.15em; color: #CCC}
#content.index .post .entry-content h1 {font-size:2.2em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
#content.index .post .entry-content h2 {font-size:1.8em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
#content.index .post .entry-content h3 {font-size:1.4em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
#content.index .post .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1em}
#content.index .post .entry-content ul {margin-left:1em;list-style:square;padding-bottom:1em}
#content.index .post .entry-meta {color: #CCC; width: 200px; float: right; font-size: 1em; line-height: 1.4em; padding: 5px 0 0; position: relative; z-index: 11; display: block}
#content.index .post .entry-date {width: 200px; font-size: 3.6em; line-height: 1em; letter-spacing:  -0.05em; margin-bottom: 3px; float: right; color: #CCC}

/* =single */
.single #container {float:left; width:900px; position:relative; margin-bottom:3em; overflow:visible}
.single #container #nav-above .nav-previous a, .single #container #nav-above .nav-next a {display:block; color:#CCC; padding:0 20px}
.single #container #nav-above a:hover, .single #container #nav-above a:hover {color: #FFFF99; text-decoration: none}
.single #container #nav-above .nav-next {position:absolute; display:block; width:100px; top:50%; right:-1000px; text-align:left; line-height:4em; font-size:5em}
.single .post h2.entry-title, .single .attachment h2.entry-title {background: transparent; font-size: 3.6em; font-weight: 100; letter-spacing: -0.05em; line-height: 1.2em; margin: 0.5em 0 0.25em; padding: 0; color: #FFF}
.single .post, .single .attachment {float: left; margin: 0; padding: 0; position: relative; width: 900px; overflow: visible}
.single .post .full-photo {margin: -36px 0 0 0; background: transparent}
.single .attachment .full-photo {margin: 0; background: transparent}
.single .post .full-photo .photo-credit, .single .attachment .full-photo .photo-credit {color:#FFF; visibility:hidden; font-size:1.2em; font-weight:100; position:absolute; padding:20px; text-transform:normal; left:0; display:block; width:860px; height:70%; background:transparent; z-index:5; -moz-opacity:0; filter:alpha(opacity=0); opacity:0}
.single .post .full-photo:hover .photo-credit, .single .attachment .full-photo:hover .photo-credit {color: #FFF; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; visibility: visible; cursor: default}
.single .post .entry-content, .single .attachment .entry-content {background: #222; color: #CCC; font-size: 1.15em; float: left; padding: 0 10px 0 0; margin: 0; width: 690px; position: relative; z-index: 10; min-height: 200px}
.single .post .entry-content h1 {font-size:2.2em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.single .post .entry-content h2 {font-size:1.8em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.single .post .entry-content h3 {font-size:1.4em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.single .post .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1em}
.single .post .entry-content ul {margin-left:1em;list-style:square;padding-bottom:1em}
.single .post .entry-meta, .single .attachment .entry-meta {color: #999; width: 200px; float: left; font-size: 1em; line-height: 1.4em; padding: 5px 0 0; position: relative; z-index: 11}
.single .post .entry-meta .bigdate, .single .attachment .entry-meta .bigdate {position: relative; color: #CCC; font-size: 3.6em; line-height: 1em; letter-spacing:  -0.05em; margin-bottom: 3px; display: block; visibility: visible; text-shadow: 0em 0em #222}

/* =page */
.page #container {float:left; width:900px}
.page .post {float:left; margin:2px 0 0; position:relative; width:900px}
.page .post .entry-content {background: #222; color: #CCC; font-size: 1.15em; float: left; padding: 0 5px 5px 5px; margin: 0; width: 690px; position: relative; z-index: 10; min-height: 200px}
.page .post .entry-meta {color: #CCC; width: 190px; float: right; font-size: 0.8em; padding-left: 5px; position: relative; z-index: 11}
.page h2.entry-title {-moz-opacity:0.95; filter:alpha(opacity=95); opacity:0.95; background:#222; font-size:3.6em; font-weight:100; letter-spacing:-0.05em; line-height:1.2em; margin:0.5em 0 0.25em; padding:0; width:900px; position:relative; z-index:12; color: #FFF}
.page .page {background:transparent; width:900px; height:inherit; clear:both; float:none; margin-bottom:3em}
.page .page .entry-title {font-size:3.6em; line-height:1.2em; width:900px; font-weight:100; margin:0.5em 0 0.25em; padding:0}
.page .page .entry-date {width: 200px; font-size: 3.6em; float: left; color: #CCC}
.page .page .entry-content {width: 690px; float: left; font-size: 1.15em; color: #CCC}
.page .page .entry-content h1 {font-size:2.2em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.page .page .entry-content h2 {font-size:1.8em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.page .page .entry-content h3 {font-size:1.4em; padding:0.125em 0; color: #FFF; letter-spacing:-0.05em; font-weight: normal}
.page .page .entry-content blockquote {padding:1em 1em 0;margin-bottom:1em;font-style:italic;font-size:1em}
.page .page .entry-content ul {margin-left:1em;list-style:square;padding-bottom:1em}
.page .page .entry-content ol {margin-left:1em;list-style:upper-roman;padding-bottom:1em}
.page .page .entry-content ul li ul {margin-left:2em;list-style:disc;padding:0}
.page .page .entry-content ol li ol {margin-left:2em;list-style:upper-alpha;padding:0}
.page .page .entry-content ul li, .single .post .entry-content ol li {font-size:1em}
.page .page .entry-meta {color: #CCC; width: 200px; float: right; font-size: 0.8em; padding: 5px 0 0; position: relative; z-index: 11}

/* =archives page */
div.archive-content {clear:both; float:none; display:table; width:900px; padding:0 0 3em}
div.archive-content ul li {width:900px; clear:both; margin-bottom:5px; display:block; float:none; background:transparent}
div.archive-content ul h3 {line-height: 1.2em; font-weight: 100; float: left; margin: 0; width: 200px; background: transparent; font-size: 1.8em; position: relative; text-transform: normal; z-index: 2; color: #CCC}
div.archive-content ul li ul, div.archive-content ul li p, div.archive-content ul li #searchform {background: #222; float: left; margin: 0; padding: 5px; width: 385px; border-bottom: 1px solid #999}
div.archive-content ul li ul li {width:385px; margin:0; padding:0}
div.archive-content ul li ul li ul {width: 385px; margin: 0 0 0 20px; padding: 0; border: none; width: inherit; background: transparent}
div.archive-content #primary, div.archive-content #secondary {width: 600px; clear: both; margin: 0; padding: 0; display: block; float: none; background: transparent}

/* =archive, category, & search pages */
.archive #container, .search #container {float:left; width:900px}
.archive h2.page-title, .search h2.page-title {color: #CCC; font-weight: 100}
.archive h2.page-title span, .search h2.page-title span {color:#888; font-style:italic; font-weight:100}
.archive .comment-count, .search .comment-count {background: transparent; font-size: 1.8em; position: relative; text-transform: normal; width: 100%; z-index: 2; color: #CCC}
.archive .post, .search .post, .search .page {display:block; float:left; margin:5px 0; position:relative; width:900px; color:#444}
.archive .preview, .search .preview {background: #CCC url('img/loading.gif') center center no-repeat; border: 1px solid #999999; float: left; margin: 0; max-height: 200px; min-height: 200px; overflow: hidden; width: 596px}
.archive .preview .post-content, .search .preview .post-content, .search .page .post-content {-moz-opacity:0; filter:alpha(opacity=0); opacity:0; background:#FFF; position:absolute; left:0; bottom:0; display:inline; float:none; margin:0; padding:10px; width:578px}
.archive .entry-meta, .search .entry-meta, .search .entry-meta {color: #CCC; float: left; font-size: 0.8em; display: block; background: none; width: 200px; margin-left: 10px; border-left: none}
.archive .entry-meta a:hover, .search .entry-meta a:hover {color: #CCC}

/* =attachment */
.exif-data ul {color:#999}
.exif-data ul .exif-title {color: #FFF}

/* =404 */
.four04 .post {background:transparent; width:900px; height:inherit; clear:both; float:none; margin-bottom:3em}
.four04 .post .entry-title {font-size:3.6em; line-height:1.2em; width:900px; margin:0.5em 0 0.25em; padding:0; color:#FFF; letter-spacing:-0.05em; font-weight: normal}
.four04 .post .entry-date {width: 200px; font-size: 3.6em; float: left; color: #CCC}
.four04 .post .entry-content {width: 690px; float: left; font-size: 1.15em; color: #CCC}
.four04 .post .entry-meta {color: #CCC; width: 200px; float: right; font-size: 0.8em; padding: 5px 0 0; position: relative; z-index: 11}

/* =comments */
#comments-list {padding: 0; text-align: left; width: 600px; color: #CCC}
#comments-list li {background: #292929; border: 1px solid #292929; margin: 10px 0 10px 0; padding: 10px 10px 0 10px; list-style: none; position: relative; display: block}
#comments-list li.alt {background: #303030; padding: 10px 10px 0 10px; margin: 10px 0 10px 0}
#comments-list li .comment-author {font-size:1em;line-height:3.6em}
#comments-list li .comment-author img {float:left; padding:0 10px 0 0; margin:0; border: none}
#respond, #respond textarea {width: 590px; height: 200px; color: #CCC}

/* =footer */
#footer {clear: both; float: left; font-size: 1em; margin: 0; padding: 4px 0 16px; width: 900px; color: #999}

/*
-----------------------------
GENERIC
-----------------------------
*/

/* FORMS */
textarea, input[type="text"], select {-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #303030 none repeat scroll 0 0; border: 1px solid #888; color: #CCC; padding: 3px}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #CCCCCC}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #CCCCCC; outline: 2px solid #FFFF99}