/*
THEME NAME: AFL PA
THEME URI: http://mattbannon.com/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.0.0
AUTHOR: <a href="http://mattbannon.com/">Matt Bannon</a> &amp; <a href="http://journee.org/">Bill Journe&acute;e</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* TODO: semi-transparent background image on entries* */

/* v1.0 | 20080212 */
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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

a { color: #000; }
a:hover { color: #323232; text-decoration: underline; }
body { background: url(images/bg.gif) top left repeat-x; }
div#wrapper { margin: 0 auto; width: 960px; }
div#header {height: 162px; }
div#menu { clear: both; display: block; height: 51px; line-height: 51px; margin: 1px 0 0 11px; }
div#menu li { display: block; float: left; padding: 0 10px; }
div#menu li a { color: #00446E; font-family: "Bell Gothic Std", Arial, Sans-Serif; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
div#menu li.current_page_item a { color: #DB213F; }
h1#blog-title a { background: url(images/logo.png) left bottom no-repeat; display: block; height: 110px; text-indent: -1100em; width: 434px; }
#blog-description, .entry-meta { display: none; }
div#container { clear: both; float: left; margin: 0 -280px 0 0; width: 100%; }
div#content { margin: 0 280px 0 0; }

div.sidebar { float:right; overflow:hidden; width:250px; }
div#secondary { clear: right; }

div#footer { clear: both; margin-top: 50px; width: 100%; }

h2.page-title, h2.entry-title, h2.entry-title a, h3.entry-title a, #primary li h3, div.comments h3, #respond h3, #twitter-list-1 h3.widgettitle a { color: #323232; font: Bold 18px/1em Arial, Sans-Serif; text-decoration: none; text-transform: uppercase; }
div.comments h3, #respond h3 { font-size: 24px; }
div.comments h3 { border-top: 18px solid #323232; padding-top: 11px; }
div#respond h3 { border-top: 1px solid #6B6B6B; padding-top: 20px; }
p#login, p#comment-notes { display: block; margin: 5px 0; }

h2.entry-title a, h2.page-title { font-size: 24px; }
h2.page-title { display: block; margin-bottom: 15px; }
h2.page-title a { color: #000000; text-decoration: none; }
/* Just some example content */

div.hentry.first { display: block; float: left; height: 590px; width: 440px; }
div.hentry.first img { display: block; height: 590px; position: relative; top: 0; width: 440px; z-index: 1; }
div.hentry.first .maintext { background: url(images/F0F0F0.png); display: block; float: left; height: 116px; position: relative; bottom: 116px; width: 440px; z-index: 2; }
/* div.hentry .entry-date, div.hentry .smalltext */
div.hentry.first .maintext .entry-content { color: #323232; font: normal 12px/1em Verdana; height: 50px; margin: 0 11px; overflow: hidden; position: absolute; bottom: 5px; }
#comments { color: #323232; font: normal 12px/1em Verdana; padding: 12px 16px; }
body div.hentry.first .maintext { padding-left: 0; }
.maintext .entry-title { color: #000; margin: 16px 0 0 11px; line-height: 18em;}
/*
body div.hentry .smalltext { height: 71px; bottom: 71px; width: 195px; }
*/
div.entry-black { background: url(images/000000.png); color: #FFFFFF; display: block; float: left; font: Bold 14px/1em Arial; height: 21px; line-height: 21px; margin-top: -76px; text-transform: uppercase; width: 195px; }
div.hentry .smalltext { background: url(images/F0F0F0.png); display: block; float: left; height: 55px; margin-top: -55px; width: 195px; }
div.hentry.small, div.hentry.small img { display: block; float: right;  height: 170px; width: 195px; overflow: hidden; }
div.hentry.p3 { margin: 40px 0; }
#container { padding-bottom: 58px; }

.small .entry-date { display: block; float: left; overflow: hidden; padding-left: 8px; width: 142px; }
.small .cmnts { background: url(images/cmntz.gif) left center no-repeat; display: block; float: left; overflow: hidden; padding-right: 5px; text-align: right; width: 40px; }
.small .cmnts a, .small.cmnts a:hover { color: #FFFFFF; text-decoration: none; }
.small h2.entry-title a { display: block; font-size: 14px; letter-spacing: -.5; margin: 6px 0 0 7px; }

#primary { color: #505050; font: 12px/1em Arial; padding-right: 25px; width: 225px; }
#primary li h3 { margin: 14px 0 15px 12px; }
#primary .textwidget { clear: both; margin: 0 0 14px 13px; }
#secondary { clear: both; left:0;margin-left:0;padding-left:0;margin-top: 50px; width: 100%; }
#secondary li { background: url(images/widgetbg.gif); display: block; float: left; width: 320px; }
#secondary li h3 { background: top right no-repeat; height: 41px; text-indent: -1100em }
li#text-6 h3 { background-image: url(images/videos.gif) }

li#simple-flickr-photos-widget-3 { float: right; }
li#simple-flickr-photos-widget-3 h3 { background-image: url(images/flickr.gif); }
li#simple-flickr-photos-widget-3 #flickr { margin: 8px 0 0 4px; text-align: left; }
li#simple-flickr-photos-widget-3 #flickr img { border: 0; margin: 0; padding: 0; }
li#simple-flickr-photos-widget-3 .flickr_badge_image { display: block; float: left; height: 94px; text-align: center; width: 104px; }

#footer a  { text-decoration: none; }
#footer { background: #222222; position: relative; margin-top: -58px; height: 58px; clear:both; } 
#footerinner { color: #858585; font: 14px/1em Arial; margin: 0 auto; width: 960px; }
#footerinner a { color: #858585; }
.left, .right { display: block; float: left; margin-top: 16px; width: 50%; }
.left p { text-align: left; }
.right p { text-align: right; }	

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#comments { clear: both; }
#comments ol li { margin-bottom: 26px; }
#commentform input, #commentform textarea { background: #E9E9E9; border: 0; color: #323232; display: block; float: left; }
#commentform input { height: 24px; }
#commentform textarea { width: 568px; }
div.form-label { clear: left; color: #717171; display: block; float: left; font: Bold 14px/1em Arial; height: 30px; line-height: 24px; text-transform: uppercase; width: 80px; }
#commentform input#submit, #commentform input[name=fbc_submit_hack] { background: #323232; clear: both; color: #D4D4D4; float: right; font: Bold 16px/1em Arial; margin-top: 4px; padding-left: 2.5em; text-align: right; text-transform: uppercase; }

div.comment-author { display: block; height: 67px; margin-left: 20px;}
div.comment-author span { display: block; float: left; font: Bold 14px/1em Arial; height: 18px; margin-left: 6px; text-transform: uppercase; width: 570px; }
div.comment-author span.av { margin: 0; height: 52px; width: 52px; }
div.comment-author .av img { border: 5px solid #E6E6E6;  }
div.comment-author span.fn { margin-top: 16px; }
div.comment-author span.fn a { color: #323232; text-decoration: none; }
div.comment-author span.fn a:hover { text-decoration: underline; }
div.comment-author span.thedate { color: #717171; }
#comments-list li p { display: block;padding: 0 20px; clear: both; }

#comments #comments-list li.comment.bypostauthor div.comment-author .av img { border-color: #323232; }
#comments #comments-list li.comment.bypostauthor { background: #E6E6E6; padding: 5px 0 10px ;}

/* */

/* connect with us */
#text-5 .textwidget { text-align: center; }
#text-5 .textwidget a { padding: 0 5px; }

/* latest tweets */

#twitter-list-1 a.twitter-author { color: #515151; display: block; font: Bold 14px Arial; text-decoration: none; }
#twitter-list-1 .twitter-item { background: #F0F0F0; font-size: 11px; margin: 0 0 0 15px;}
#twitter-list-1 a { color: #000000; }
#twitter-list-1 .twitter-timestamp { clear: both; display: block; margin-bottom: 21px; text-align: right; }

.single-title { display: block; float: left; height: 60px; margin: 0 0 13px 15px; width: 650px; }
.single .entry-content, .pagee .entry-content { display: block; clear: both; }
.single .entry-content p, .page .entry-content p, .archive .entry-content p { font: 13px/1em Arial; text-align: justify; margin: 10px 0; }
.single-date { background: #323232; color: #FFFFFF; display: block; float: left; font: Bold 24px/18px Arial; height: 50px; padding-top: 10px; text-align: center; text-transform: uppercase; width: 60px; }
.single-date2 { background: #323232; color: #FFFFFF; display: block; float: left; font: Bold 24px/18px Arial; height: 60px; padding-top: 0px; text-align: center; text-transform: uppercase; width: 60px; }


.single h2.entry-title, .archive h3.entry-title { display: block; float: left; font-size: 22px; height: 44px; padding-left: 15px; width: 575px; }
.single-meta { color: #323232; display: block; float: left; font: Bold 11px/1em Arial; height: 16px; letter-spacing: -.5px; line-height: 16px; padding-left: 15px; width: 575px; }
.single-meta a { color: #000; text-decoration: none; } .single-meta a:hover { text-decoration: underline; }
.single .mainimage { display: block; float: left;  padding: 0 20px 20px 0; width: 270px; }
.single .mainimage img { border: 10px solid #E6E6E6; }

/* whos blogging */


#aflpa { display: block; float: left; height: 225px; width: 225px; }
#aflpa #whoswrapper { display: block; float: left; width: 145px; }
#aflpa #whosblogging { display: block; float: left; }
#aflpa #whosblogging a { display: block; float: left; width: 145px; }
#aflpa #whosblogging .aflpa-name a, #aflpa .aflpa-title { clear: both; color: #5D5D5D; display: block; font: Bold 13px/1em Arial; height: 12px; text-align: center; text-decoration: none; width: 145px; }
#aflpa .aflpa-title { color: #A0A0A0; font-size: 11px; }
#aflpa #whosprev, #aflpa #whosnext { display: block; float: left; height: 165px; width: 40px; }
#aflpa #whosprev { background: url(/aflpa/wp-content/plugins/AFLPA/images/prev.png) 21px 50px no-repeat; }
#aflpa #whosnext { background: url(/aflpa/wp-content/plugins/AFLPA/images/next.png) 21px 50px no-repeat; }
#aflpa img { margin-left: 20px; }

/* email updates */
#text-4 { margin-top: -15px; }
#text-4 input.email { background: url(images/email.gif) repeat-x; border: 1px solid #F9F9F9; border-color: #F9F9F9 #FBFBFB #FEFEFE; display: block; float: left; height: 20px; font-size: 14px; margin-top: 5px; padding: 4px 0 0 0; width: 160px; }
#text-4 input.submit { background: url(images/submit.gif) no-repeat; border: 1px solid #F3F3F3; display: block; float: left; height: 26px; margin-top: 5px; width: 45px; }

.archive .hentry { clear: both; margin-bottom: 10px; }
#pusher { display: block; clear: both; width: 100%; }

/* categories, latest posts */
#categories-3 a, #recent-posts-3 a { color: #515151; display: block; font: Bold 12px Arial; margin-left: 13px; letter-spacing: -.5px; text-decoration: none; }
#categories-3 a:before, #recent-posts-3 a:before { content: "-  "; }
#recent-posts-3 { margin-bottom: 20px; }

#disqus_thread { font: 12px/1em Arial; border-top: 18px solid #323232; padding-top: 11px; }
strong { font-weight: bold; }


.subscribe-to-comments, .solo-subscribe-to-comments { clear: both; font-family: Arial; font-size: 12px; font-weight: bold; }
.subscribe-to-comments { display: block; height: 20px; }
.subscribe-to-comments input#subscribe { display: block; float: left; height: 20px; }
.subscribe-to-comments label { display: block; float: left; height: 20px; line-height: 26px; font-weight: bold; margin-left: 10px; }
.solo-subscribe-to-comments { margin-left: 20px; line-height: 25px; }