/*   
Theme Name: custom
Description: A Child Theme of Autofocus
Template: autofocus
*/
@import url(../autofocus/style.css);
body {
-x-system-font:none;
background-color:#222222;
color:#888888;
font-family:"Hoefler Text","Georgia",Georgia,serif,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6;
margin:0;
padding:0;
}
#wrapper {
display:block;
margin:0 auto;
padding:0;
position:relative;
width:900px;
}
img, img.alignnone {
border:1px solid #999999;
clear:both;
display:block;
float:none;
margin:0 0 1em;
}
img.alignleft {
border:1px solid #999999;
clear:left;
float:left;
margin:0 10px 10px 0;
}
img.alignright {
border:1px solid #999999;
clear:right;
float:right;
margin:0 0 10px 10px;
}
img.aligncenter {
border:1px solid #999999;
clear:none;
margin:0 auto;
position:relative;
}
img:hover {
border:1px solid #FFFF99;
}
a {
color:#FFFF99;
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 {
clear:none;
float:left;
height:105px;
margin:25px 0 0;
width:600px;
}
#header a:hover {
color:#FFFF99;
text-decoration:none;
}
#header h1 a {
color:#CCCCCC;
font-weight:100;
letter-spacing:-0.05em;
position:relative;
}
#header #blog-description {
color:#999999;
}
#access {
display:table;
float:right;
height:130px;
vertical-align:middle;
width:200px;
}
#access a{
color:#CCCCCC;
}
#access a:hover {
color:#FFFF99;
text-decoration:none;
} 
#nav-below {
clear:both;
color:#CCCCCC;
float:right;
margin:3em 0 0;
padding:0;
width:100%;
}
#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:#CCCCCC;
}
.browse h3 {
color:#CCCCCC;
font-size:1.8em;
font-weight:100;
left:0;
position:relative;
top:0;
width:100%;
}
.browse h3 {
color:#CCCCCC;
font-size:1.8em;
font-weight:100;
left:0;
position:relative;
top:0;
width:100%;
}
.nav-excerpt {
color:#CCCCCC;
display:block;
font-size:0.8em;
padding:0 20px 0 0;
position:relative;
}
.home #container #nav-above .nav-previous a, .home #container #nav-above .nav-next a {
color:#CCCCCC;
display:block;
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 {
display:block;
font-size:5em;
line-height:4em;
position:absolute;
right:-1000px;
text-align:left;
top:50%;
width:100px;
}
.home .featured.post.p1 {
border:1px solid #999999;
margin-bottom:5px;
width:591px;
}
.home .featured.post.p1 .post-content {
width:571px;
}
.home .featured.post.p2 {
border:1px solid #999999;
margin-left:5px;
width:300px;
}
.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;
margin-left:5px;
width:395px;
}
.home .featured.post.p4 .post-content {
width:375px;
}
.home .featured.post.p5 {
border:1px solid #999999;
margin-top:5px;
width:401px;
}
.home .featured.post.p5 .post-content {
width:381px;
}
.home .featured.post.p6 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:300px;
}
.home .featured.post.p6 .post-content {
width:280px;
}
.home .featured.post.p7 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:183px;
}
.home .featured.post.p7 .post-content {
width:163px;
}
.home .featured.post.p8 {
border:1px solid #999999;
margin-top:5px;
width:200px;
}
.home .featured.post.p8 .post-content {
width:180px;
}
.home .featured.post.p9 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:345px;
}
.home .featured.post.p9 .post-content {
width:330px;
}
.home .featured.post.p10 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:339px;
}
.home .featured.post.p10 .post-content {
width:319px;
}
.home .featured.post.p11 {
border:1px solid #999999;
margin-top:5px;
width:230px;
}
.home .featured.post.p11 .post-content {
width:210px;
}
.home .featured.post.p12 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:205px;
}
.home .featured.post.p12 .post-content {
width:185px;
}
.home .featured.post.p13 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:215px;
}
.home .featured.post.p13 .post-content {
width:195px;
}
.home .featured.post.p14 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:227px;
}
.home .featured.post.p14 .post-content {
width:207px;
}
.home .featured.post.p15 {
border:1px solid #999999;
margin-top:5px;
width:190px;
}
.home .featured.post.p15 .post-content {
width:170px;
}
.home .featured.post.p16 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:185px;
}
.home .featured.post.p16 .post-content {
width:165px;
}
.home .featured.post.p17 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:165px;
}
.home .featured.post.p17 .post-content {
width:145px;
}
.home .featured.post.p18 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:175px;
}
.home .featured.post.p18 .post-content {
width:155px;
}
.home .featured.post.p19 {
border:1px solid #999999;
margin-left:5px;
margin-top:5px;
width:155px;
}
.home .featured.post.p19 .post-content {
width:135px;
}
#content.index {
clear:both;
float:none;
width:900px;
}
#content.index .post {
background:transparent none repeat scroll 0 0;
clear:both;
float:none;
height:inherit;
margin-bottom:3em;
overflow:visible;
width:900px;
}
#content.index .post h2.entry-title {
font-size:3.6em;
font-weight:100;
letter-spacing:-0.05em;
line-height:1.2em;
margin:0.5em 0 0.25em;
width:900px;
}
#content.index .post .entry-content {
color:#CCCCCC;
float:left;
font-size:1.15em;
padding:0 10px 3em 0;
width:690px;
}
#content.index .post .entry-content h1 {
color:#FFFFFF;
font-size:2.2em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
#content.index .post .entry-content h2 {
color:#FFFFFF;
font-size:1.8em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
#content.index .post .entry-content h3 {
color:#FFFFFF;
font-size:1.4em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
#content.index .post .entry-content blockquote {
font-size:1em;
font-style:italic;
margin-bottom:1em;
padding:1em 1em 0;
}
#content.index .post .entry-content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:1em;
padding-bottom:1em;
}
#content.index .post .entry-meta {
color:#CCCCCC;
display:block;
float:right;
font-size:1em;
line-height:1.4em;
padding:5px 0 0;
position:relative;
width:200px;
z-index:11;
}
#content.index .post .entry-date {
color:#CCCCCC;
float:right;
font-size:3.6em;
letter-spacing:-0.05em;
line-height:1em;
margin-bottom:3px;
width:200px;
}
.single #container {
float:left;
margin-bottom:3em;
overflow:visible;
position:relative;
width:900px;
}
.single #container #nav-above .nav-previous a, .single #container #nav-above .nav-next a {
color:#CCCCCC;
display:block;
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 {
display:block;
font-size:5em;
line-height:4em;
position:absolute;
right:-1000px;
text-align:left;
top:50%;
width:100px;
}
.single .post h2.entry-title, .single .attachment h2.entry-title {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
font-size:3.6em;
font-weight:100;
letter-spacing:-0.05em;
line-height:1.2em;
margin:0.5em 0 0.25em;
padding:0;
}
.single .post, .single .attachment {
float:left;
margin:0;
overflow:visible;
padding:0;
position:relative;
width:900px;
}
.single .post .full-photo {
background:transparent none repeat scroll 0 0;
margin:-36px 0 0;
}
.single .attachment .full-photo {
background:transparent none repeat scroll 0 0;
margin:0;
}
.single .post .full-photo .photo-credit, .single .attachment .full-photo .photo-credit {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:1.2em;
font-weight:100;
height:70%;
left:0;
opacity:0;
padding:20px;
position:absolute;
visibility:hidden;
width:860px;
z-index:5;
}
.single .post .full-photo:hover .photo-credit, .single .attachment .full-photo:hover .photo-credit {
color:#FFFFFF;
cursor:default;
opacity:1;
visibility:visible;
}
.single .post .entry-content, .single .attachment .entry-content {
background:#222222 none repeat scroll 0 0;
color:#CCCCCC;
float:left;
font-size:1.15em;
margin:0;
min-height:200px;
padding:0 10px 0 0;
position:relative;
width:690px;
z-index:10;
}
.single .post .entry-content h1 {
color:#FFFFFF;
font-size:2.2em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.single .post .entry-content h2 {
color:#FFFFFF;
font-size:1.8em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.single .post .entry-content h3 {
color:#FFFFFF;
font-size:1.4em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.single .post .entry-content blockquote {
font-size:1em;
font-style:italic;
margin-bottom:1em;
padding:1em 1em 0;
}
.single .post .entry-content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:1em;
padding-bottom:1em;
}
.single .post .entry-meta, .single .attachment .entry-meta {
color:#999999;
float:left;
font-size:1em;
line-height:1.4em;
padding:5px 0 0;
position:relative;
width:200px;
z-index:11;
}
.single .post .entry-meta .bigdate, .single .attachment .entry-meta .bigdate {
color:#CCCCCC;
display:block;
font-size:3.6em;
letter-spacing:-0.05em;
line-height:1em;
margin-bottom:3px;
position:relative;
text-shadow:0 0 #222222;
visibility:visible;
}
.page #container {
float:left;
width:900px;
}
.page .post {
float:left;
margin:2px 0 0;
position:relative;
width:900px;
}
.page .post .entry-content {
background:#222222 none repeat scroll 0 0;
color:#CCCCCC;
float:left;
font-size:1.15em;
margin:0;
min-height:200px;
padding:0 5px 5px;
position:relative;
width:690px;
z-index:10;
}
.page .post .entry-meta {
color:#CCCCCC;
float:right;
font-size:0.8em;
padding-left:5px;
position:relative;
width:190px;
z-index:11;
}
.page h2.entry-title {
background:#222222 none repeat scroll 0 0;
color:#FFFFFF;
font-size:3.6em;
font-weight:100;
letter-spacing:-0.05em;
line-height:1.2em;
margin:0.5em 0 0.25em;
opacity:0.95;
padding:0;
position:relative;
width:900px;
z-index:12;
}
.page .page {
background:transparent none repeat scroll 0 0;
clear:both;
float:none;
height:inherit;
margin-bottom:3em;
width:900px;
}
.page .page .entry-title {
font-size:3.6em;
font-weight:100;
line-height:1.2em;
margin:0.5em 0 0.25em;
padding:0;
width:900px;
}
.page .page .entry-date {
color:#CCCCCC;
float:left;
font-size:3.6em;
width:200px;
}
.page .page .entry-content {
color:#CCCCCC;
float:left;
font-size:1.15em;
width:690px;
}
.page .page .entry-content h1 {
color:#FFFFFF;
font-size:2.2em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.page .page .entry-content h2 {
color:#FFFFFF;
font-size:1.8em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.page .page .entry-content h3 {
color:#FFFFFF;
font-size:1.4em;
font-weight:normal;
letter-spacing:-0.05em;
padding:0.125em 0;
}
.page .page .entry-content blockquote {
font-size:1em;
font-style:italic;
margin-bottom:1em;
padding:1em 1em 0;
}
.page .page .entry-content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin-left:1em;
padding-bottom:1em;
}
.page .page .entry-content ol {
list-style-image:none;
list-style-position:outside;
list-style-type:upper-roman;
margin-left:1em;
padding-bottom:1em;
}
.page .page .entry-content ul li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:2em;
padding:0;
}
.page .page .entry-content ol li ol {
list-style-image:none;
list-style-position:outside;
list-style-type:upper-alpha;
margin-left:2em;
padding:0;
}
.page .page .entry-content ul li, .single .post .entry-content ol li {
font-size:1em;
}
.page .page .entry-meta {
color:#CCCCCC;
float:right;
font-size:0.8em;
padding:5px 0 0;
position:relative;
width:200px;
z-index:11;
}
div.archive-content {
clear:both;
display:table;
float:none;
padding:0 0 3em;
width:900px;
}
div.archive-content ul li {
background:transparent none repeat scroll 0 0;
clear:both;
display:block;
float:none;
margin-bottom:5px;
width:900px;
}
div.archive-content ul h3 {
background:transparent none repeat scroll 0 0;
color:#CCCCCC;
float:left;
font-size:1.8em;
font-weight:100;
line-height:1.2em;
margin:0;
position:relative;
width:200px;
z-index:2;
}
div.archive-content ul li ul, div.archive-content ul li p, div.archive-content ul li #searchform {
background:#222222 none repeat scroll 0 0;
border-bottom:1px solid #999999;
float:left;
margin:0;
padding:5px;
width:385px;
}
div.archive-content ul li ul li {
margin:0;
padding:0;
width:385px;
}
div.archive-content ul li ul li ul {
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0 0 0 20px;
padding:0;
width:inherit;
}
div.archive-content #primary, div.archive-content #secondary {
background:transparent none repeat scroll 0 0;
clear:both;
display:block;
float:none;
margin:0;
padding:0;
width:600px;
}
.archive #container, .search #container {
float:left;
width:900px;
}
.archive h2.page-title, .search h2.page-title {
color:#CCCCCC;
font-weight:100;
}
.archive h2.page-title span, .search h2.page-title span {
color:#888888;
font-style:italic;
font-weight:100;
}
.archive .comment-count, .search .comment-count {
background:transparent none repeat scroll 0 0;
color:#CCCCCC;
font-size:1.8em;
position:relative;
width:100%;
z-index:2;
}
.archive .post, .search .post, .search .page {
color:#444444;
display:block;
float:left;
margin:5px 0;
position:relative;
width:900px;
}
.archive .preview, .search .preview {
background:#CCCCCC url(img/loading.gif) no-repeat scroll center center;
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 {
background:#FFFFFF none repeat scroll 0 0;
bottom:0;
display:inline;
float:none;
left:0;
margin:0;
opacity:0;
padding:10px;
position:absolute;
width:578px;
}
.archive .entry-meta, .search .entry-meta, .search .entry-meta {
background:transparent none repeat scroll 0 0;
border-left:medium none;
color:#CCCCCC;
display:block;
float:left;
font-size:0.8em;
margin-left:10px;
width:200px;
}
.archive .entry-meta a:hover, .search .entry-meta a:hover {
color:#CCCCCC;
}
.exif-data ul {
color:#999999;
}
.exif-data ul .exif-title {
color:#FFFFFF;
}
.four04 .post {
background:transparent none repeat scroll 0 0;
clear:both;
float:none;
height:inherit;
margin-bottom:3em;
width:900px;
}
.four04 .post .entry-title {
color:#FFFFFF;
font-size:3.6em;
font-weight:normal;
letter-spacing:-0.05em;
line-height:1.2em;
margin:0.5em 0 0.25em;
padding:0;
width:900px;
}
.four04 .post .entry-date {
color:#CCCCCC;
float:left;
font-size:3.6em;
width:200px;
}
.four04 .post .entry-content {
color:#CCCCCC;
float:left;
font-size:1.15em;
width:690px;
}
.four04 .post .entry-meta {
color:#CCCCCC;
float:right;
font-size:0.8em;
padding:5px 0 0;
position:relative;
width:200px;
z-index:11;
}
#comments-list {
color:#CCCCCC;
padding:0;
text-align:left;
width:600px;
}
#comments-list li {
background:#292929 none repeat scroll 0 0;
border:1px solid #292929;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 0;
padding:10px 10px 0;
position:relative;
}
#comments-list li.alt {
background:#303030 none repeat scroll 0 0;
margin:10px 0;
padding:10px 10px 0;
}
#comments-list li .comment-author {
font-size:1em;
line-height:3.6em;
}
#comments-list li .comment-author img {
border:medium none;
float:left;
margin:0;
padding:0 10px 0 0;
}
#respond, #respond textarea {
color:#CCCCCC;
height:200px;
width:590px;
}
#footer {
clear:both;
color:#CCCCCC;
float:left;
font-size:1em;
margin:0;
padding:4px 0 16px;
width:900px;
}
textarea, input[type="text"], select {
background:#303030 none repeat scroll 0 0;
border:1px solid #888888;
color:#CCCCCC;
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-color:#FFFF99;
outline-style:solid;
outline-width:2px;
}
li.linkcat {
background: none;
width: 300px;
}
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 25%; }
#gallery-1 img {
border: 1px solid #999999;
}
#gallery-1 img:hover {
border: 1px solid #FFFF99;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}