/*  
Theme Name: Aaron Walser
Theme URI: http://aaronwalser.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Aaron Walser
Author URI: http://aaronwalser.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.

*/

/* C O L O R S ----

Cyan		#00adee
Magenta		#eb068e	
Yellow		#fff100
Black		#333333

---- */

* {margin:0;padding:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */

:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

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

body {
font-size: 62.5%;
color:#333;
background:#4d4d4d;
}

.clear {
clear:both;
}

br {
height:0;
}

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

#wrapper {
width:940px;
margin:0 auto 40px auto;
padding:0 20px;
background:#fff;
-webkit-box-shadow:0 0 4px #121212;
}

#main-content {
float:left;
margin:0 0 20px 0;
}


#mainColumn {
float:left;
width:480px;
padding:0 20px;
}

#sidebar-left {
float:left;
width:210px;
height:600px;
}

#sidebar-right {
float:left;
width:210px;
height:600px;
}

#sidebar-post {
float:left;
width:200px;
height:600px;
}

h3.column-title,
h3.widgetTitle {
margin:0 0 10px 0;
padding:5px 0;
font-size:15px;
font-weight:bold;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
border-top:5px solid #333;
border-bottom:1px solid #666;
}

/* =----------------------------------- links */

a, a:link {
text-decoration:none;
}

a:hover {
color:#00adee;
}

a:active, a:focus {
color:#fff100;
}

a:visited {
text-decoration:none;
}

/* =----------------------------------- header elements */

#masthead {
position:relative;
height:140px;
margin:0;
padding:20px 0;
border-top:20px solid #fff100;
}

#masthead h1 a {
position:absolute;
right:-28px;
top:39px;
width:100px;
height:88px;
background:transparent url(images/bg-h1.gif) 0 0 no-repeat;
text-indent:-999em;
}

#masthead h1 a:hover {
background-position:0 -88px;
}

#masthead h1 a {}
#blogLead img {}

ul#site-nav {
width:210px;
padding:0 0 10px 0;
float:left;
list-style:none;
}

ul#site-nav li {
font-size:15px;
color:#999;
font-family:Helvetica, sans-serif;
font-weight:600;
letter-spacing:-1px;
text-indent:-999em;
text-transform:uppercase;
}

ul#site-nav li a {
display:block;
height:26px;
float:left;
color:#999;
text-indent:-999em;
background:url(images/bg-nav-top.gif) 0 0 no-repeat;
}

ul#site-nav li#aw {
width:31px;
display:block;
height:26px;
float:left;
color:#999;
text-indent:-999em;
background:url(images/bg-nav-top.gif) 0 0 no-repeat;
}

ul#site-nav li a#studio {width:69px;background-position:-31px 0;}
ul#site-nav li a#studio:hover {background-position:-31px -26px;}

ul#site-nav li a#blog {width:55px;background-position:-100px 0;}
ul#site-nav li a#blog:hover, ul#site-nav li a#blog.current {background-position:-100px -26px;}

ul#site-nav li a#store {width:55px;background-position:-155px 0;}
ul#site-nav li a#store:hover {background-position:-155px -26px;}

ul#site-nav li a:hover {color:#eb068e;}

div.current-date {
position:absolute;
bottom:10px;
font-size:36px;
color:#ddd;
font-family:Helvetica, sans-serif;
font-weight:600;
letter-spacing:-1px;
}

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

.postMeta {
font-size:10px;
color:#666;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

.postMeta .container {}

.postMeta span.date {}

.postMeta span.comments {}

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

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

.post h2 {
margin:0 0 10px 0;
font-size:30px;
font-family:Helvetica, sans-serif;
}

.post h2 a {
color:#00adee;
}

.post h2 a:hover {
color:#eb068e;
}

.post h2 a:active {
color:#fff100;
}

a.post-edit-link {
float:right;
color:#fff;
padding:5px 10px;
background:red;
-webkit-border-radius:12px;
}


/* =----------------------------------- entry body */

.entry {}

.entry p {
margin:0 0 10px 0;
font-size:13px;
font-family:Helvetica, sans-serif;
color:#333;
line-height:18px;
}

.entry a {
color:#00adee;
}

.entry a:hover {
color:#eb068e;
}

.entry a:active {
color:#fff100;
}

.entry ul,
.entry ol,
.entry blockquote {
font-family:Georgia, serif;
font-size:12px;
}

.entry ol {}

.entry ul li,
.entry ol li {}

.entry ul li {}

.entry blockquote {
font-style:italic;
}

.entry img,
.entry a img {}

.entry a:hover img {}

.entry.meta {
padding:10px;
background:#eee;
}

.entry.meta p {
margin:0;
color:#666;
font-family:Helvetica, sans-serif;
}

.entry.meta .highlight {
font-weight:600;
}

.entry.meta a {
color:#;
}

.entry.meta a:hover {
color:#;
}

.entry a.more-link {
font-size:10px;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
font-weight:600;
letter-spacing:1px;
}

/* =----------------------------------- main index pagination */

#paginateIndex {}

#paginateIndex a {
padding:10px 18px;
background:#aaa;
font-weight:600;
border:none;
cursor:pointer;
color:#fff;
font-family:Helvetica, sans-serif;
}

#paginateIndex a:hover {
background:#eb068e;
}

#paginateIndex a:active {
position:relative;
top:2px;
left:2px;
background:#eb068e;
}

#paginateIndex a,
.commentlist li .reply a {}

.commentlist li .reply a {}

#paginateIndex a:hover,
.commentlist li .reply a:hover {}

/* =----------------------------------- widget enabled sidebar */

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

.widgetContainer ul li {
font-size:10px;
line-height:16px;
color:#666;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

.widgetContainer ul li a {
color:#666;
}

.widgetContainer ul li a:hover {
color:#00adee;
}

.widgetContainer ul li ul {}

.widgetContainer .textwidget {}

/* T W I T T E R */

h3.widgetTitle a {
color:#333;
}

.widget_twitter {
float:right;
margin:40px 0 0 0;
}

ul.twitter {
padding:0;
background:#f2f2f2;
}

ul.twitter li.twitter-item {
padding:10px;
font-family:Georgia, serif;
font-size:12px;
text-transform:none;
letter-spacing:0px;
border-top:1px solid #fff;
}

ul.twitter li.twitter-item:hover {
color:#454545;
background:#e5e5e5;
}

ul.twitter li.twitter-item:hover span.twitter-timestamp {
color:#333;
}

ul.twitter li.twitter-item:first-child {
border:none;
}

span.twitter-timestamp {
font-size:10px;
line-height:16px;
color:#666;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

/* F L I C K R */

#flickr-photostream.widget_flickrphotostream {
}

h3.widgetTitle {
}

#photoAlbum {
float:left;
padding:10px;
background:#f2f2f2;
}

span.flickrImage {
border:none;
}

span.flickrImage a {
float:left;
width:85px;
height:85px;
margin:5px;
background:#000;
border:none;
overflow:hidden;
}

span.flickrImage a img {
float:left;
width:150px;
height:auto;
margin:0;
padding:0;
background:#000;
border:none;
}

span.flickrImage a:hover img {
opacity:.8;
}

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

#commentsContainer {
background:;
}

#commentsContainer span.hook {}

#commentsContainer h3 {
margin:0 0 20px 0;
padding:0 0 5px 0;
color:#666;
font-size:18px;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:2px solid #999;
}

.cancel-comment-reply {}

.commentlist {
margin:0 0 20px 0;
font-size:13px;
line-height:18px;
font-family:Helvetica, sans-serif;
border-bottom:1px solid #999;
}

.commentlist .comment-author {
font-style:normal;
font-weight:600;
}

.commentlist .comment-author img.avatar {
width:32px;
height:32px;
float:left;
margin:0 10px 0 0;
padding:0;
border:3px solid #ddd;
}

.commentlist .comment-meta {
margin:0 0 10px 0;
padding:0 0 2px 0;
border-bottom:1px solid #ddd;
}

.commentlist li {
padding:10px 0;
border-top:1px solid #999;
}

.commentlist li a {
color:#00adee;
}

.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,
#commentform textarea {
font-size:13px;
font-family:Helvetica, sans-serif;
color:#454545;
}

#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
width:470px;
border:none;
margin:5px 0 10px 0;
padding:5px;
background:#eee;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#commentform #author:focus,
#commentform #email:focus,
#commentform #url:focus,
#commentform textarea:focus {
background:#fff;
}

#commentform p label {
margin:0 0 5px 0;
font-size:10px;
font-family:Helveitca, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

input#submit {
padding:10px 18px;
background:#aaa;
font-weight:600;
border:none;
cursor:pointer;
color:#fff;
}

input#submit:hover {
background:#eb068e;
}

input#submit:active {
position:relative;
top:2px;
left:2px;
background:#eb068e;
}

#commentform textarea {
height:100px;
}

/* =----------------------------------- boring footer */

#footer {
clear:both;
padding:50px 0 100px 0;
border-bottom:20px solid #ccc;
}

ul#footer-nav {
width:210px;
padding:0 0 10px 0;
float:left;
list-style:none;
}

ul#footer-nav li {
font-size:15px;
color:#999;
font-family:Helvetica, sans-serif;
font-weight:600;
letter-spacing:-1px;
text-indent:-999em;
text-transform:uppercase;
}

ul#footer-nav li a {
display:block;
height:26px;
float:left;
color:#999;
text-indent:-999em;
background:url(images/bg-footer-nav.gif) 0 0 no-repeat;
}

ul#footer-nav li#aw {
width:31px;
display:block;
height:26px;
float:left;
color:#999;
text-indent:-999em;
background:url(images/bg-footer-nav.gif) 0 0 no-repeat;
}

ul#footer-nav li a#studio {width:69px;background-position:-31px 0;}
ul#footer-nav li a#studio:hover {background-position:-31px -26px;}

ul#footer-nav li a#blog {width:55px;background-position:-100px 0;}
ul#footer-nav li a#blog:hover, ul#footer-nav li a#blog.current {background-position:-100px -26px;}

ul#footer-nav li a#store {width:55px;background-position:-155px 0;}
ul#footer-nav li a#store:hover {background-position:-155px -26px;}

ul#footer-nav li a:hover {color:#eb068e;}

#footer p {
position:relative;
width:710px;
height:26px;
margin:0 0 0 20px;
padding:0;
font-size:15px;
color:#999;
font-family:Helvetica, sans-serif;
text-transform:uppercase;
float:left;
text-indent:-999em;
background:url(images/bg-footer-p.gif) top left no-repeat;
}

#footer p a {
font-weight:600;
color:#333;
}

#footer p a#contact {
position:absolute;
bottom:0;
left:375px;
width:80px;
height:12px;
}

a#e36 {
position:absolute;
bottom:0;
right:0;
width:25px;
height:12px;
float:right;
font-weight:600;
color:#333;
}