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

*/

/* Global Reset Styles */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

table {border-collapse: collapse;border-spacing: 0;}

/* Global Elements
-------------------------------------------------------------------*/

body {
font-size:62.5%;
background:#e0decc url(img/bg-body.png) left top repeat;
border-top:2px solid #65737d;
}

img, a img {
background:none;
border:none;
}

p#comingsoon {
text-align:center;
font-family:Baskerville, Georgia, serif;
font-style:italic;
letter-spacing:1px;
color:#fff;
margin:0;
padding:5px 0;
background:#65737d;
}

/* Headers
-------------------------------------------------------------------*/

h1 {
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

h2 {
font-family:Georgia, serif;
font-size:16px;
line-height:17px;
}

h3 {
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

h4 {
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

h5 {
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

h6 {
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

h2, h3, h4, h5, h6 {
margin:0 0 12px 0;
color:#8d5e49;
font-weight:normal;
text-transform:uppercase;
letter-spacing:2px;
}

h2.pagetitle {
padding-bottom:6px;
border-bottom:2px solid #e0decc;
}

/* Typography
-------------------------------------------------------------------*/

p, li, dt, dd, label {
color:#555;
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

p {
margin-bottom:12px;
}

/* Links
-------------------------------------------------------------------*/

a, a:link {
color:#8d5e49;
text-decoration:none;
outline:none !important;
}

a:visited {
}

a:hover {
}

a:active {
}


/* =----------------------------------- main structure */

#wrapper {
width:960px;
margin:0 auto;
}

#container {
overflow:hidden;
}

#masthead {
padding:20px 0;
text-align:center;
border-bottom:2px solid #fff;
}

#left-col {
width:270px;
float:left;
}

#middle-col {
width:420px;
float:left;
}

#right-col {
width:270px;
float:left;
}

/* Header and Masthead
-------------------------------------------------------------------*/

h1#logo {
display:block;
width:560px;
height:50px;
margin:0 auto;
color:#65737d;
font-size:20px;
text-transform:uppercase;
letter-spacing:2px;
font-family:Verdana, sans-serif;
background:url(img/h1-ingrid.png) 0 0 no-repeat;
text-indent:-999em;
}

h1#logo a {
display:block;
width:560px;
height:50px;
color:#65737d;
text-indent:-999em;
}

h1#logo a:hover {
background:url(img/h1-ingrid.png) 0 -50px no-repeat;
}

/* Content
-------------------------------------------------------------------*/

dl#main-nav {
}

dl#main-nav dt:first-child {
border:none;
}

dl#main-nav dt {
width:270px;
height:20px;
padding:10px 0 5px 0;
border-top:2px solid #fff;
}

dl#main-nav dt a {
display:block;
width:270px;
height:20px;
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-indent:-999em;
}

dl#main-nav a#news_events {background: url(img/dt-news_events.png) 0 0 no-repeat;}
dl#main-nav a#news_events:hover {background: url(img/dt-news_events.png) 0 -20px no-repeat;}

dl#main-nav a#about_author {background: url(img/dt-about_author.png) 0 0 no-repeat;}
dl#main-nav a#about_author:hover, dl#main-nav a#about_author.active {background: url(img/dt-about_author.png) 0 -20px no-repeat;}

dl#main-nav a#inside_book {background: url(img/dt-inside_book.png) 0 0 no-repeat;}
dl#main-nav a#inside_book:hover {background: url(img/dt-inside_book.png) 0 -20px no-repeat;}

dl#main-nav dt#house-proud {
width:230px;
height:57px;
padding:20px 20px 0 20px;
}

dl#main-nav dt#house-proud a#from_blog {
display:block;
width:230px;
height:57px;
text-indent:0;
background:;
}

dl#main-nav a#from_blog:hover {
background:;
}

dl#main-nav dd {
padding:0 10px 10px 10px;
color:#606060;
font-style:italic;
}

dl#main-nav dd.fromblog {
padding:10px;
margin:0 10px 0 0;
font-style:normal;
background:;
border:3px double #fff;
}

/* middle column */

div.slideshow {
width:400px;
background:#fff;
border:10px solid #fff;
}

div.slideshow img {
width:400px;
height:auto;
margin:0 0 12px 0;
padding:0;
}

div.slideshow p.samples {
margin:0 0 6px 0;
font-size:10px;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}

p.samples a:hover {
border-bottom:1px solid #8d5e49;
}

#main-content {
padding:20px;
background:#fff;
}

ul#support-nav {
}

ul#support-nav li {
width:270px;
height:20px;
padding:5px 0;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:2px solid #fff;
}

ul#support-nav li a {
width:270px;
height:20px;
display:block;
color:#606060;
text-indent:-999em;
}

ul#support-nav li a.purchase {background:url(img/li-purchase.png) 10px 0 no-repeat;}
ul#support-nav li a.purchase:hover {background:url(img/li-purchase.png) 10px -20px no-repeat;}

ul#support-nav li a.events {background:url(img/li-events.png) 10px 0 no-repeat;}
ul#support-nav li a.events:hover {background:url(img/li-events.png) 10px -20px no-repeat;}

ul#support-nav li a.press {background:url(img/li-press.png) 10px 0 no-repeat;}
ul#support-nav li a.press:hover {background:url(img/li-press.png) 10px -20px no-repeat;}

ul#support-nav li a.appearances {background:url(img/li-media_appearances.png) 10px 0 no-repeat;}
ul#support-nav li a.appearances:hover {background:url(img/li-media_appearances.png) 10px -20px no-repeat;}

ul#support-nav li a.contact {background:url(img/li-contact.png) 10px 0 no-repeat;}
ul#support-nav li a.contact:hover {background:url(img/li-contact.png) 10px -20px no-repeat;}

h3 a.gallery-title {
display:block;
width:270px;
height:20px;
margin-top:5px;
color:#606060;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
background:url(img/h3-photo_gallery.png) 10px 0 no-repeat;
text-indent:-999em;
}

h3 a.gallery-title:hover {
background:url(img/h3-photo_gallery.png) 10px -20px no-repeat;
}

ul#photo-gallery {
float:left;
padding:5px 0 10px 10px;
border-bottom:2px solid #fff;
}

ul#photo-gallery li {
width:80px;
height:80px;
float:left;
margin:0 10px 10px 0;
background:#fff;
}

ul#photo-gallery li.last {
margin:0 0 10px 0;
}

ul#photo-gallery li a {
width:72px;
height:72px;
float:left;
background:#fff;
border:4px solid #fff;
}

ul#photo-gallery li a:hover {
border:4px solid #8d5e49;
}

div.social-networks {
width:250px;
float:left;
display:block;
padding:10px;
}

a#facebook {
display:block;
float:left;
width:120px;
height:50px;
margin-right:10px;
}

a#twitter {
display:block;
float:left;
width:120px;
height:50px;
}

/* blog page */

#house-proud-logo {
width:380px;
height:160px;
margin-bottom:20px;
background:#8d5e49 url(img/house-proud-logo.jpg);
}

/* gallery page */

#image-gallery {
display:block;
width:380px;
background:pink;
}

#image-gallery ul {
float:left;
}

#image-gallery ul li {
float:left;
width:180px;
height:180px;
margin:0 20px 20px 0;
background:#8d5e49;
}

#image-gallery ul li.nomargin {
float:left;
width:180px;
height:180px;
margin:0 0 20px 0;
background:#8d5e49;
}

#image-gallery ul li a {
display:block;
width:180px;
height:180px;
}

/* =----------------------------------- meta lead for each post */

.postMeta {}

.postMeta .container {
font-style:italic;
margin:0 0 6px 0;
}

.postMeta span.date {}

.postMeta span.comments {}

/* =----------------------------------- general post */

.post {
margin:0 0 40px 0;
}

.post h2 {
text-transform:none;
letter-spacing:normal;
}

.post h2 a {}

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

.entry ul,
.entry ol,
.entry blockquote {
margin-bottom:12px;
}

.entry ol {}
.entry ul li,
.entry ol li {}
.entry ul li {}
.entry blockquote {}
.entry img,
.entry a img {}
.entry a:hover img {}

.entry.meta {
margin:0 0 12px 0;
padding:7px 10px;
border:1px dashed #ccc;
}

.entry.meta p {
margin:0;
padding:3px 0;
}

.entry.meta .highlight {}
.entry.meta a {}
.entry.meta a:hover {}

p.nocomments {
margin:0;
color:red;
text-align:center;
}

/* =----------------------------------- main index pagination */
#paginateIndex {}
#paginateIndex a,
.commentlist li .reply a {}
.commentlist li .reply a {}
#paginateIndex a:hover,
.commentlist li .reply a:hover {}

/* =----------------------------------- widget enabled sidebar */
.secondaryColumn h3 {}
.widgetContainer {}
.widgetContainer ul li {}
.widgetContainer ul li ul {}
.widgetContainer .textwidget {}
.widgetContainer #wp-calendar {}
#wp-calendar caption {}
#wp-calendar thead {}
#wp-calendar thead th {}
#wp-calendar td {}
#wp-calendar td a {}

/* recent posts */

#tdd-recent-posts {
}

#tdd-recent-posts h3 {
display:none;
}

div.widget_tddrecentposts {
}

ul.tddrecentposts a {
display:block;
}

ul.tddrecentposts,
ul.tddrecentposts li {
margin:0;
padding:0;
}

/* =----------------------------------- style some comments */

#commentsContainer {}

#commentsContainer span.hook {}

#commentsContainer h3 {}

.cancel-comment-reply {}

.commentlist {}

.commentlist .comment-author {}

.commentlist .comment-author img.avatar {}

.commentlist .comment-meta {}

.commentlist li .reply {}

.commentlist li .reply a {}

.commentlist li p {}

.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {}

.commentlist .children {}

.commentlist .children li {}

#commentform .contain {}

#commentform #author,
#commentform #email,
#commentform #url {
width:250px;
}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
font-family:Georgia, Times, serif;
color:#333;
}

#commentform p label {}

#commentform textarea {
width:380px;
}

/* Contact Form
-------------------------------------------------------------------*/

#contact-form {
}

form#si_contact_form {
background:#fff;
}

#contact-form label {
display:block;
margin:0;
color:#555;
font-family:Georgia, serif;
font-size:12px;
line-height:17px;
}

#contact-form input,
#contact-form textarea {
color:#555;
font-family:Georgia, serif;
font-size:12px;
}

input#si_contact_name {
width:370px;
margin:0 0 12px 0;
padding:3px;
}

input#si_contact_email {
width:370px;
margin:0 0 12px 0;
padding:3px;
}

input#si_contact_email2 {
width:370px;
margin:0 0 12px 0;
padding:3px;
}

input#si_contact_subject {
width:370px;
margin:0 0 12px 0;
padding:3px;
}

textarea#si_contact_message {
width:370px;
height:130px;
margin:0 0 12px 0;
padding:3px;
}

span.small {
display:none;
}

/* Footer
-------------------------------------------------------------------*/

#footer {
width:100%;
float:left;
clear:both;
margin:20px 0;
padding:20px 0;
border-top:2px solid #8d5e49;
}

#footer p#artisan-logo {
float:left;
margin:0 20px 0 0;
}

#footer p#artisan-logo a {
float:left;
width:42px;
height:40px;
display:block;
text-indent:-999em;
background:url(img/artisan_logo.png) 0 0 no-repeat;
}

#footer p.left {
float:left;
line-height:40px;
margin:0;
}

#footer p.right {
float:right;
line-height:40px;
margin:0;
}