/*
Theme Name: Jonathan Lowery
Theme URI: http://www.jonathanlowery.com
Description: A Custom WordPress Theme designed and built for Jonathan Lowery by <a href="http://chad-miller.com">Chad Miller</a>.
Author: Chad Miller
Author URI: http://chad-miller.com/
Version: 2.0
.
This theme is Copyright (C) 2010 Chad Miller.  To request reuse permission or a custom theme of your own, please contact Chad using the contact form on his website at <a href="http://www.chad-miller.com">www.chad-miller.com</a>.
.
*/


@font-face {
	font-family: 'LeagueGothic';
	src: url('fonts/League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic'), url('fonts/League_Gothic.woff') format('woff'), url('fonts/League_Gothic.otf') format('opentype'), url('fonts/League_Gothic.svg#LeagueGothic') format('svg');
}

/* Structural Information */

body { margin: 0; padding: 0; font: normal 13px/1.5 Verdana, Arial, sans-serif; color: #333; background-color: #646464; }
header, footer, section, article, aside, nav, dialog { display: block; padding: 1px 0; }
a { color: #4477cc; text-decoration: underline; }
a:hover { color: #993300; }
a h1, h1 a, a h2, h2 a { text-decoration: none; }
a img { border: 0; margin: 0 auto; }
mark { background-color: #ff9; }
address { display: inline; }
ul { padding-left: 1.5em; margin-left: 0; }

#wrapper { width: 1000px; margin: 0 auto; position: relative; }

#masthead, #main, #bottom, #foot { width: 960px; padding: 0 20px; float: left; }
article.entry, section#comments { float:left; width: 760px; }

#masthead { background: transparent url('images/banner-img-3.jpg') center bottom no-repeat; height: 320px; }
#main { float:left; background: transparent url('images/body-bg.jpg') center top repeat-y; position: relative; }
#background { float: left; background: transparent url('images/bottom-bg.jpg') center bottom no-repeat; padding-bottom: 44px; }
#side-navigation { width: 200px; overflow: hidden; }

#masthead h1 { font-family: 'LeagueGothic', 'Arial Narrow', Arial, sans-serif; font-weight: normal; font-size: 370%; color: #fff; text-transform: uppercase; margin: 0 0 0 35px; text-shadow: 3px 3px 6px #000; }
#masthead h1 span { color: #ec8; font-size: .6em; text-transform: none; }

article h1, article h2, article h3, article h4, article h5, article h6, article p, article blockquote, article ul, article ol, article dialog, article header p, article address, article footer, nav#pageturn { margin-right: 15px; margin-left: 15px; }
article h1, article h2, article h3, article h4, article h5, article h6 { font-family: "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif; font-weight: bold; clear: both; }
article h1 { font-size: 200%; line-height: 1.1em; margin: .2em 15px -.35em 15px; padding: 0 0 .1em 0; border-bottom: 1px dashed #ccddff; }
article.navpage h1 { margin-bottom: 1em; }
article.entry header { padding: 1px 0 0 0; margin-bottom: 1.5em; }
article h1, article h1 a, article a h1 { color: #4477CC; }
article h2, article h3, article h4, article h5, article h6 { margin-top: 13px; margin-bottom: 13px; }
article h2, article h3 { color: #930; font-size: 154%; line-height: 1em; }
article h4 { color: #222; font-size: 123%; line-height: 1.25; }

article img.left, article img.alignleft { float: left; margin: .2em 1em .8em 0; }
article img.right, article img.alignright { float: right; margin: .2em 0 .8em 1em; }
article img.center, article img.aligncenter { display: block; margin: 1em auto; }
article img.border, .post a img.border { border: 3px solid #cccccc; }
article img.frame { border: 10px solid #e6e6e6; }
article a:hover img.border { border-color: #77aaff; }
article span.light { font-style: italic; color: #999; }
article header .commlink { display: block; float: right; }
article header p { color: #555; }
article blockquote { background-color: #eee; padding: 1em 2em; font-size: .9em; color: #444; }
article em { color: #111; }
article ul ul { margin-left: 0; margin-right: 0; }

span.cal { background: transparent url('icons/calendar-month.png') 8px top no-repeat; padding-left: 29px; }
span.clock { background: transparent url('icons/alarm-clock-blue.png') 8px top no-repeat; padding-left: 29px; }
span.balloon { background: transparent url('icons/balloon-left.png') 8px 2px no-repeat; padding-left: 29px; }
span.tags { background: transparent url('icons/price-tag.png') 0px top no-repeat; padding-left: 21px; }
span.user { background: transparent url('icons/user.png') 0px top no-repeat; padding-left: 21px; }

footer.article-info { margin-top: 1em; margin-bottom: 3em; padding: 0 4px; clear: left; }

nav#pageturn { margin-top: 1.5em; margin-bottom: 1.5em; }
nav#pageturn span.previous {  }
nav#pageturn span.next { float: right; }

section#comments h1 {font-family: "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif; font-weight: bold; font-size: 200%; line-height: 1.1em; margin: .2em 15px .5em 15px; padding: 0 0 .1em 0; border-bottom: 1px dashed #ccddff; color: #4477CC; }
article.comment { margin: 2.5em 0; padding: 0 100px; }
article.comment header { margin-bottom: -.5em; color: #888; }
article.comment header span.user { color: #555; }
article.comment section { color: #555; }
article.comment header a { color: #69d; }
article.comment header a:hover { color: #c75; }
article.auth-comment section { color: #333; }

section#respond section { padding: 0 100px; margin: 0 0 3em 0; }
section#respond p { color: #666; }
section#respond p span { font-style: italic; font-size: .9em; }
section#respond .field { font-family: verdana, arial, sans-serif; color: #555; font-size: 13px; padding: 3px; }
section#respond input.field { width: 300px;  }
section#respond textarea { width: 530px; line-height: 1.5; height: 10em;   }

#side-navigation ul { list-style: none; margin: 0; padding: 0; }
#side-navigation h2 { font: normal 200%/1.2 'LeagueGothic', 'Arial Narrow', Arial, sans-serif; color: #930; margin: .8em 8px .1em 8px; text-transform: uppercase; }
#side-navigation li a { display: block; padding: 4px 8px; text-decoration: none; line-height: 1.2; }
#side-navigation li a:hover { background: #ccc; }
#side-navigation li a span.date, #side-navigation li a:hover span.date { color: #333; }
#side-navigation ul ul ul { font-size: .85em; padding-left: .5em; }
#side-navigation ul ul ul ul { font-size: 1em; }

footer#site-info { clear: both; text-align: center; font: normal 24px/1.2 'LeagueGothic', 'Arial Narrow', Arial, sans-serif; color: #fea;  }
footer#site-info p { margin: 13px; }
footer#site-info .credits, footer#site-info .credits a { color: #333; font-size: 18px; text-decoration: none; }
footer#site-info .credits a:hover { color: #000; }