/*
Theme Name: WEBarnes-Slate
Theme URI: http://www.webarnes.ca/
Description: WEBarnes.ca
Version: 1.0
Author: Billy Barnes
Author URI: http://www.webarnes.ca/
*/

@import url("html5.css");

/* Basic Styling */
a
{color:#222299;text-decoration:none;}
a:hover
{color:#b62b00;}
a:visited
{}

.new-day
{background:#eee;color:#aaa;font-size:0.8em;font-weight:bold;margin:10px 20px;text-transform:uppercase;}
.new-day span
{background:#fff;margin-left:10px;padding:0px 10px;}
article
{clear:both;padding:1em 0;}
article header
{margin:1em 20px;}
article header .published
{border:0px;color:#aaa;font-size:0.9em;position:relative;top:-3px;}
article header address
{display:none;}
article h1
{font-size:1.8em;font-weight:bold;letter-spacing:-1px;margin:0;}
article h1 a
{color:#b62b00;}
article h2, article h3, article h4, article h5, article h6
{margin:1em 20px;}
article h2
{font-size:1.6em;}
article h3
{font-size:1.4em;}
article h4
{font-size:1.2em;}
article h5
{font-size:1em;font-weight:bold;}
article p a
{text-decoration:underline;}
article p
{color:#333;font-size:105%;line-height:1.8em;margin:1em 20px;}
article p.img, article p.video, article div.video
{text-align:center;margin:1em 0px;}
article .wp-synhighlighter-outer
{margin:0px 20px;}
article footer
{font-weight:bold;height:3em;margin:20px 20px;}
article footer a
{font-weight:normal;}
article footer ul
{list-style:none;}
article footer .categories
{}
article footer .comments
{}

.sf-update
{border-collapse:collapse;margin:0px 20px;width:560px;}
.sf-update td
{padding:5px 0px;}
.sf-icon
{width:32px;}
td.sf-thumbnail
{padding-right:10px;width:10px;}
.sf-content-content
{padding:3px 0px;}
.sf-content-description
{font-size:0.8em;font-style:italic;padding:0px 5px;}
.sf-content-date
{color:#aaa;font-size:0.7em;}

/* FRAME */
html
{background:url(images/bg.png) top center;height:auto;width:100%;}
body
{font-family:Helvetica,Arial;height:100%;text-align:center;width:100%;}
.layout-frame
{background:url(images/bg-main-900.png) repeat-y;margin:0 auto;padding-bottom:10px;text-align:left;width:900px;}

/* BODY */
.layout-body
{float:left;margin-left:10px;width:600px;}
header.main
{background:#646e78 url(images/bg-header.png) 0px 147px repeat-x;height:150px;}
header.main .logo
{padding-top:20px;}
header.main .logo a
{background:url(images/header.png) no-repeat;display:block;height:70px;text-indent:-9999em;width:360px;}
.layout-body .section-header
{background:#212529;border-bottom:3px solid #6c7073;height:37px;}
.layout-body .section-label
{height:27px;text-indent:-9999em;}
body.home .layout-body .section-label
{background:url(images/section-blog.png) no-repeat 10px 0px;height:27px;text-indent:-9999em;}
.layout-body .hfeed .section-header + *
{margin-top:15px;}
#disqus_thread
{margin:0px 20px;}
#dsq-content .dsq-trackback-url
{width:350px;}
.archives h2
{clear:left;margin:0px 20px 20px 20px;padding-top:20px;}
.archives ul
{list-style:none;margin:20px;padding:0;}
.archives li
{float:left;padding:5px 0px;width:25%;}
.archives .cloud
{font-size:175%;}

/* NAV MAIN */
header.main nav ul
{clear:left;margin:0px;margin-left:0px;padding:0px;}
header.main nav li
{float:left;margin:0px;padding:0px;}
header.main nav a
{display:block;height:60px;text-indent:-9999em;}
#nav-main-home a
{background:url(images/nav-home.png) no-repeat;width:53px;}
#nav-main-archives a
{background:url(images/nav-archives.png) no-repeat;width:76px;}
#nav-main-about a
{background:url(images/nav-about.png) no-repeat;width:79px;}
#nav-main-contact a
{background:url(images/nav-contact.png) no-repeat;width:70px;}
#nav-main-rss a
{background:url(images/nav-rss.png) no-repeat;width:42px;}
#nav-main-home a:hover
{background:url(images/nav-home-hover.png);}
#nav-main-archives a:hover
{background:url(images/nav-archives-hover.png);}
#nav-main-about a:hover
{background:url(images/nav-about-hover.png);}
#nav-main-contact a:hover
{background:url(images/nav-contact-hover.png);}
#nav-main-rss a:hover
{background:url(images/nav-rss-hover.png);}

/* SIDEBAR */
aside.sidebar
{float:right;margin-right:10px;width:280px;}
aside.sidebar .header
{background:#646e78;height:150px;}
aside.sidebar .header .box
{background:#586169;border-bottom:1px solid #646e78;height:89px;width:140px;}
#elsewhere
{background:#2f3439;border-bottom:3px solid #2e3338;height:57px;}
#elsewhere ul
{background:url(images/side-elsewhere.png) no-repeat left center;float:right;margin:0;padding-left:97px;}
#elsewhere ul li
{float:right;margin:13px 7px;}
#elsewhere ul li
{list-style:none;}
#elsewhere a
{display:block;height:32px;text-indent:-9999em;width:32px;}
#elsewhere-facebook
{background:url(images/side-facebook.png) no-repeat;}
#elsewhere-twitter
{background:url(images/side-twitter.png) no-repeat;}
#elsewhere-gplus
{background:url(images/side-gplus.png) no-repeat;}
aside.sidebar .section-header
{background:#586169;border-bottom:3px solid #8a9096;height:37px;}
aside.sidebar .section-label
{height:27px;text-indent:-9999em;}
aside.sidebar ol
{list-style-type:none;margin:0;padding:0;}
aside.sidebar ol li
{margin:1px 0px;padding:0;}
aside.sidebar ol a
{background:#c6c9cb;color:#222;display:block;padding:2px 20px;}
aside.sidebar ol a:hover
{background:#b8b9ba;}
aside.sidebar ol li:nth-child(2n)
{}
#side-search .section-label
{background:url(images/section-search.png) no-repeat 10px 0px;}
#side-search form
{border:0;margin:0;padding:0;}
#side-search fieldset
{border:0;margin:0;padding:20px;}
#side-search input
{border: 1px solid #a5aaaf;border-right:0 none;height:18px;padding:1px;width:155px;vertical-align:middle;}
#side-search button
{background:url(images/button-search.png) no-repeat;border:0;height:22px;text-indent:-9999em;padding:0;width:82px;vertical-align:middle;}
#short-thoughts .section-label
{background:url(images/section-social.png) no-repeat 10px 0px;}
#short-thoughts .post
{background:#e4e4e4 url(images/bg-social.png) repeat-x bottom;padding:20px;}
#side-about .section-label
{background:url(images/section-about.png) no-repeat 10px 0px;}
#side-about p
{color:#777;font-size:0.8em;margin:20px;}
#side-categories .section-label
{background:url(images/section-categories.png) no-repeat 10px 0px;}
#side-recentposts .section-label
{background:url(images/section-recentposts.png) no-repeat 10px 0px;}
#side-tags .section-label
{background:url(images/section-tags.png) no-repeat 10px 0px;}
#side-tags .cloud
{padding:10px 20px;text-align:center;}
#side-tags a
{color:#333;}

ol.lifestream
{list-style:none;margin:0;padding:0;}
ol.lifestream li
{border-bottom:1px solid #ddd; margin:0;padding:10px 20px;}
ol.lifestream .photo
{float:left; margin-right:5px;}

.layout-footer
{clear:both;margin-left:150px;padding:20px 0px;text-align:center;}