/*
Theme Name: B. Lime Theme
Description: Custom Theme for B. Lime
Author: Matt Barnes
Author URI: http://hayloftdesign.com
*/

/* Color Guide
	Lime Green:		B3BA1B
	Gray:			887F70
	Blue:			1B79BA
	Red:			BA1B44
	Red/Orange:		ba351b
	Purple:			801bba
*/

/* Reset */
* { margin: 0; padding: 0; }

/* Global Styles */
html { background: url(images/green-stripe-tile.gif) repeat-x;}
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #887f70;}
ul, ol { list-style-position: outside; margin-left: 1em;}
ul { list-style-type: square;}
p { margin-bottom: 10px;}
a { color: #B3BA1B;}
img { border: none;}
h2 { color: #b3ba1b; font-size: 18px; line-height: 30px; font-weight: normal; margin: 20px 0 10px;}
h3 { font-weight: normal; margin: 10px 0; font-size: 14px; text-transform: uppercase;}
h4 { font-weight: bold; }

/* Header */
#wrap { width: 950px; padding: 0 10px; margin: 0 auto; }
#header { position: relative; }
#logo { width: 230px; height: 60px; background: url(images/logo.png) no-repeat; position: relative; text-indent: -9999px; margin: 30px 0 50px; display: block; }
#hours-and-contact { font-size: 12px; position: absolute; top: 0; right: 0; text-align: right; }
#searchbox { position: absolute; right: 0; top: 60px; }
input#s { height: 25px; width: 200px; border: 1px solid #887f70; border-right: none; font-size: 18px; color: #887F70; }
input#searchsubmit { vertical-align: bottom; }

/* Navigation */
#nav { list-style: none; margin-left: 0; margin-bottom: 10px; overflow: auto; font-size: 14px; line-height: 14px; }
#nav li { float: left; margin-right: 4px; }
#nav li a { display: block; text-decoration: none; color: #887f70; padding: 3px 6px 3px; }
#nav li a:hover, 
#nav li a:active, 
#nav li a:focus, 
#nav li.current_page_item a,
#nav li.current_page_parent a { background: #b3ba1b; color: #FFF; }

/* Splash */
#splash { margin-bottom: 10px; overflow: hidden; }
#intro { height: 340px; width: 290px; padding: 10px 10px 0 10px; margin-right: 10px; float: left; background: #b3ba1b; position: relative; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(136,127,112,0.75); font-size: 14px; line-height: 24px; }
#intro h2 { color: #FFF; margin-top: 0; }
#splash-image { width: 630px; float: left; }
#call-to-action { display: block; background-color: #1b79ba; color: #FFF; text-decoration: none; position: absolute; bottom: 10px; left: 10px; font-size: 18px; line-height: 20px; padding: 8px 12px; border: 1px solid #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -webkit-transition: background-color 0.25s linear; }
#call-to-action:hover, 
#call-to-action:active, 
#call-to-action:focus { background-color: #ba351b; }

/* Popular Items */
#popular-items { margin-bottom: 10px; margin-right: -10px; overflow: auto; }
.popular-item { margin-right: 10px; float: left; width: 230px; }
#popular-items h3 { color: #ba351b; }

/* Connect */
#connect { margin-top: 30px; margin-bottom: 20px; margin-right: -10px; overflow: auto; }
#connect h2 a { text-decoration: none; color: #887F70; }
.connect-box { width: 310px; margin-right: 10px; float: left; }

/* Newsletter Signup */
.newsletter-signup { background: #1B79BA; padding: 10px; color: #FFF; margin-bottom: 20px; overflow: hidden; position: relative; }
.newsletter-signup h2 { color: #FFF; margin: 0; }
.newsletter-signup form { position: absolute; top: 10px; right: 10px; }
input#email-address { color: #887F70; height: 26px; font-size: 18px; border: none; width: 290px; }
.newsletter-submit { background: #b3ba1b; border: 1px solid #FFF; color: #FFF; font-size: 14px; padding: 3px 4px 2px; margin-left: 10px; text-shadow: 1px 1px 1px rgba(136,127,112,0.75); vertical-align: bottom; }

/* Twitter Feed */
.twitter ul {margin-left: 0; margin-top: 10px; padding-left: 130px; background: url(images/twitter-bird.png) no-repeat; list-style: none; min-height: 80px; }
.twitter h2 { margin: 0; }
.tweet { margin-bottom: 20px; }
.tweet:before { content:open-quote; margin-left: -5px; } .tweet:after { content:close-quote;}
.tweet, .tweet a { color: #ba351b; }

/* Recent Blog Posts */
.blog-box h2 { margin: 0;}
.blog-box ul { margin-top: 10px; }
.blog-box li { margin-bottom: 10px; color: #b3ba1b; }
.blog-box a { color: #ba351b; }

/* Page Content */
#main-content-wrap { overflow: auto; width: 950px; }
#main-content { width: 630px; margin-right: 10px; float: left; }
#secondary-content { width: 310px; float: left; margin-top: 10px; }

/* Blog */
.blog h2 a, .single h2 a, .archive h2 a { color: #B3BA1B; text-decoration: none; }
.blog h2 a:hover, .single h2 a:hover, .archive h2 a:hover { text-decoration: underline; }
.blog .attachment-thumbnail, 
.single .attachment-thumbnail,
.archive .attachment-thumbnail { float: left; margin-right: 10px; }
#commentform #submit { background: #b3ba1b; border: 1px solid #FFF; color: #FFF; font-size: 14px; display: block; padding: 2px 4px; text-shadow: 1px 1px 1px rgba(136,127,112,0.75); }

/* Footer */
#footer { border-top: 10px solid #B3BA1B; width: 960px; margin: 0 auto; padding-top: 30px; padding-bottom: 60px; font-size: 13px; text-align: center; }