/* 
Theme Name: Floating Frame
Description: Floating box with stuff in it! (Child theme for Hybrid.)
Author: JLeez
Author URI: http://jleez.net
Version: 0.1
Template: hybrid
*/


/**
* Import pre-made styles from Hybrid
************************************************/

/* Eric Meyer's reset.css */
	@import url('../hybrid/library/css/reset.css');

/* Plugins CSS */
	@import url('../hybrid/library/css/plugins.css');


/**
* Body
************************************************/

/* Set font size to 14px, line height to 21px */
body { font-size: 87.5%; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #444; background: #f7f7f7; line-height: 1.5; }

html>body { font-size: 14px; }

#body-container { overflow: hidden; }


/**
* Elements
************************************************/

/* Links */
a, a:visited { color: #237fa1; text-decoration: none; }

	a:hover, a:active { color: #c00; text-decoration: underline; }

/* Headers */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; color: #222; }

/* font-size=2*14=28px, line-height=1.5*28=42px, margin-bottom=0.75*28=21px */
h1 { margin-bottom: 0.75em; font-size: 2em; line-height: 1.5; }

/* font-size=1.29*14=18px, line-height=1.17*18=21px */
h2 { margin-bottom: 1.166666667em; font-size: 1.285714286em; font-weight: bold; line-height: 1.166666667; }

/* line-height=3*14=42px */	
h3 { padding: 0 1.5em; font-size: 1em; font-weight: bold; line-height: 3em; }

h4 { margin-bottom: 1.5em; font-size: 1em; font-weight: bold; color: #888; }

h5 { margin-bottom: 1.5em; font-size: 1em; font-style: italic; color: #888; }

/* font-size=0.79*14=11px, line-height=1.91*11=21px */
h6 { margin-bottom: 1.909090909em; font-size: 0.785714286em; font-style: italic; line-height: 1.909090909; }

/* Text elements */
strong { font-weight: bold; }

em, cite { font-style: italic; }

	strong strong, em em, cite cite { font-weight: normal; }

abbr { cursor: help; }

acronym { cursor: help; text-transform: uppercase; border-bottom: 1px dotted #666; }

/* Don't know if these two elements keep the grid intact */
sup { vertical-align: baseline; position: relative; bottom: 0.3em; }

sub { vertical-align: baseline; position: relative; top: 0.3em; }

address { margin: 0 0 1.5em 0; font-style: italic; }

	li address, dd address { margin: 0; }

ins, dfn { font-style: italic; text-decoration: none; border-bottom: 1px solid #666; }

del { text-decoration: line-through; }

/* Paragraphs */
p { margin: 0 0 1.5em; }

/* Unordered and ordered lists */
ol, ul { list-style: none; }

	ul { list-style: none; margin: 0 0 1.5em 1.5em; }
	
		ul ul { margin-left: 0.5em; }
	
		ul li { padding-left: 13px; background: url('images/bbb-bullet.gif') no-repeat 4px 9px; overflow: hidden; }
		
		ul li li { background: url('images/bullet-alt.gif') no-repeat 0 6px; }

	ol { list-style-type: decimal; margin: 0 0 1.5em 3em; }

		ol ol { list-style: upper-roman; }
		
		ol ol ol { list-style: lower-roman; }

		ol ol ol ol { list-style: upper-alpha; }

		ol ol ol ol ol { list-style: lower-alpha; }

		ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

/* Defition lists */
dl { margin: 0 0 1.5em 0; }

	dt { font-weight: normal; }

	dd { margin-left: 1.5em; }

/* Blockquotes */
blockquote { margin-left: 1.5em; padding-left: 22px; color: #555; font-style: italic; background: #fff url('images/quotes.gif') no-repeat 0 0; }

	blockquote em, blockquote cite { font-style: normal; }

/* Object */
object {}

/* Code
	font-size=0.86*14=12px, line-height=1.75*12=21px */
pre, code { margin-bottom: 1.75em; font: 0.857142857em Monaco, monospace, Courier, "Courier New"; line-height: 1.75; }

/* Tables */
table { margin: 0 auto 1.5em auto; width: 98%; border-spacing: 0; }

tr:hover { background: #eee; }

th, td, caption { text-align: left; border: 1px solid #ddd; }

	caption { padding: 1px 1.5em 0 1em; background: #eee; }
	
	th { padding: 10px 0.5em 11px 0.5em; font-weight: bold; color: #fff; background: #444; }
	
	td { padding: 11px 0.5em; }

/* Forms
	Check to see if the forms break the grid */
input, textarea { font: normal normal normal 1em/1.5em Cambria, Georgia, Times, "Times New Roman", serif; color: #333; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

	input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
	
label { cursor: pointer; }

option {}

.button { font-weight: bold; margin: 0; background: url('images/button_bg.gif') repeat-x; border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; cursor: pointer; }

	.button:hover { color: #237fa1; }

/* Hide something */
.hidden, .inactive { display: none; }

/* Drop caps */
.drop-cap { float: left; margin-right: 3px; font-size: 3em; font-family: "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif; line-height: 0.9; color: #666; }

	.sticky .drop-cap { color: #eee; }

/* Notes */
.note { margin: 0 1em 1.5em 1em; padding: 10px 10px 9px 10px; background: #eee; border: 1px solid #ccc; }

/* Warnings/Alerts */
.warning, .alert { margin: 0 1em 1.5em 1em; padding: 10px 10px 9px 10px; background: #fffbbc; border: 1px solid #e6db55; }

/* Errors */
.error { margin: 0 1em 1.5em 1em; padding: 10px 10px 9px 10px; background: #ffebe8; border: 1px solid #c00; }

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft { float: left; margin: 0 1em 0 0; }

.right, .alignright { float: right; margin: 0 0 0 1em; }

.center, .aligncenter { display: block; margin: 0 auto 1.5em auto; }

.block, .alignnone { display: block; margin: 0 0 1.5em 0; }

.clear { clear: both; }


/**
* Images
************************************************/

/* Normal images ******************************************************************/
img { padding: 7px; background: #eee; }

	a img { margin: 7px; }

/* WP Smilies */
img.wp-smiley { max-height: 14px; margin: 0; padding: 0; border: none; }

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption { margin-bottom: 1.5em; padding: 7px 0 0 0; background: #ddd; text-align: center; }
	
	.wp-caption img { margin: 0 auto; padding: 0; }
	
	/* font-size=0.79*14=11px */
	.wp-caption .wp-caption-text { margin: 0; padding: 0 5px 5px 5px; text-align: left; font-size: 0.785714286em !important; } 

/* Gallery [gallery] */
.gallery { display: block; text-align: center; margin-bottom: 1.5em !important; }

.gallery img { border: 1px solid #ddd; max-height: 113px; }

/* Added to set the gallery to the grid when using the Cleaner Gallery plugin 
   Used pixels again, sorry! */
.gallery-item { margin: 0 0 21px 0 !important; }

.gallery-icon { height: 126px; }

.gallery-caption { margin: 0 5px 0 7px !important; font-size: 11px; line-height: 21px; }

/* Avatars */
.avatar { float: left; width: 100px; height: 100px; margin-right: 1em; background: #ddd; }

/**
* Header
************************************************/

/* Contains entire header */
#header-container { width: 990px; margin: 0 auto; background: url('images/header-container_bg.gif') no-repeat 50% 100%; overflow: hidden; }

	/* Contains site title and tagline */
	#header { width: 960px; margin: 0 auto; }
	
		/* Header image */
		#header-img { float: left; }
		
			#header-img img { padding: 0; }

		/* Site title */
		#site-title { margin: 0; padding-top: 30px; font-size: 35px; font-weight: bold; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; line-height: 1; }

			#site-title a { color: #063; }
			
				#site-title a:hover { color: #237fa1; text-decoration: none; }

		/* Site description/tagline
			line-height=1.43*14=20px */
		#site-description { margin: 2px 0 0 0; font-size: 14px; font-style: italic; font-weight: normal; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; line-height: 1; }
		
		/* Header search form */
		#header form { float: right; width: 220px; margin: 3px 0 0 0; padding: 0; }

			#header input { float: left; width: 200px; overflow: hidden; }

			#header .search-submit { display: none; }

/**
* Page navigation and breadcrumb
************************************************/

/* Wrapper for navigation */
#navigation { width: 990px; margin: 0 auto; background: url('images/navigation_bg.gif') no-repeat 50% 0; clear: both; }

	/* Page nav */
	#page-nav { width: 960px; height: 42px; margin: 0 auto; font-family: Helvetica, Arial, sans-serif; }

		#page-nav ul { margin: 0; padding: 0; font-size: 16px; line-height: 42px; list-style: none; }

			#page-nav li { margin: 0; padding: 0; display: inline; }

				#page-nav li a { float: left; padding: 0 1em; font-weight: bold; color: #fff; }
				
				#page-nav li.current_page_item a, #page-nav li.current_page_parent a, #page-nav li.current_page_ancestor a { color: #fff; text-decoration: none; background: #063; }

					#page-nav li a:hover { background: #063 none; text-decoration: underline; }

/* Breadcrumb trail */
.breadcrumb { width: 990px; margin: 0 auto; padding: 0; background: url('images/breadcrumb_bg.gif') no-repeat 50% 0; }

	.breadcrumb-trail { padding: 0 20px; font-size: 12px; line-height: 21px; color: #fff; }
	
	.breadcrumb a { color: #fff !important; text-decoration: underline !important; }
	
		.breadcrumb a:hover { text-decoration: none !important; }
	
	.breadcrumb-title { font-weight: bold; }

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container { width: 990px; margin: 0 auto; background: url('images/frame.gif') repeat-y; overflow: hidden; }

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content { width: 610px; padding: 0 15px 0 30px; float: left; }

		/* Archive and search <div> before posts are listed */
		.author-info, .category-info, .date-info, .tag-info, .search-info { margin-bottom: 1.5em; }

		/* Posts */
		.post { padding-top: 1.5em; clear: both; overflow: hidden; }

			/* Post, page, and archive titles */
			.post-title a, .single-title a, .entry-title a, .page-title a { color: #063 !important; }
			
				.post-title a:hover, .single-title a:hover, .entry-title a:hover, .page-title a:hover { color: #237fa1 !important; }
			
			.post-title, .single-title { margin: 0; }
			
			.category-title, .search-title { margin: 0.75em 0 0 0; }
			
			.entry-title { }
			.page-title {}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.date-title {}
			.tag-title {}

			/* Author and date byline
				font-size=0.86*14=12px, line-height=1.75*12=21px */
			.byline { margin-bottom: 1.75em; font-size: 0.857142857em; line-height: 1.75; }
			
			/* Using <!--nextpage--> */
			p.pages a { margin: 0 2px; padding: 1px 6px; font-style: italic; border: 1px solid #ddd; }

			/* Post meta data
				font-size=0.86*14=12px, line-height=1.75*12=21px, padding-top= */
			.post-meta-data { margin-bottom: 1.75em; padding: 0.75em 1em 0.833333333em 1em; font-size: 0.857142857em; font-style: italic; line-height: 1.75; clear: both; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
			
				.separator { font-style: normal; }

		/* Post series */
		.series { } 
		
			.series-title { margin: 0; color: #222; }
			
			.series ul { margin: 0; }

		/* Navigation links */
		.navigation-links { height: 100%; margin: 1.5em 0; overflow: hidden; }

			.next, .previous { }

			.previous { float: left; }

			.next { float: right; text-align: right; }

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template { }

			/* Comments section headers/titles */
			#comments-number { overflow: hidden; }

			/* Comments closed paragraph */
			p.comments-closed { display: none; }

				/* Main comments section */
				#comments { margin-top: 1.5em; }
				
					#comments ol { list-style: none; margin: 0; }

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li { padding: 19px 1em 0 1em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even { background: #f5f5f5; }
						#comments li.thread-odd {  background: #fff; }
						#comments li.author { background: #444; color: #fff; }
							#comments li.author a { color: #2ca1cc; }
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar { float: left; width: 40px; height: 40px; margin: 0 14px 7px 0; padding: 0; border: 1px solid #e2e2e2; }

							/* Comment meta data */
							#comments .comment-meta-data { margin-bottom: 1.5em; }
								
								#comments .comment-meta-data cite { font-style: normal; font-weight: bold; }

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond { margin-top: 1.5em; }

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}

					#respond form {}

						#respond .text-input { display: block; width: 300px; }

							#respond textarea { display: block; }

						#commentform .button { margin: 0 1em 0 0; padding: 8px 7px 9px 7px; font-size: 1em; line-height: 1.5; }

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget p { margin: 21px 0; padding: 0 14px; }

	/* Primary widget section */
	#primary { float: right; width: 290px; margin: 0 30px 0 15px; }
	
		#primary .widget { margin: 20px 0 0 0; border: 1px solid #ddd; }

			/* font-size=1.29*14=18px, line-height=1.17*18=21px */
			#primary .widget-title { margin: 0; padding: 11px 14px 10px 14px; font-size: 1.285714286em; line-height: 1.166666667; color: #fff; background: #063 url('images/widget-title_bg.gif') repeat-x 0 100%; }

			#primary .widget ul { margin: 0 14px 1.5em 14px; padding: 0; list-style: none;  }

				#primary .widget ul ul { margin: 0 0 0 7px; }

				#primary .widget ul li { margin: 0; padding: 10px 0 10px 15px; font-size: 1.142857143em; line-height: 1.3125; background: url('images/green-bullet.png') no-repeat 0 15px; border-bottom: 1px solid #ddd; }
					
					#primary .widget ul li li { padding: 0 0 0 13px; font-size: 1em; background: url('images/bullet-alt.gif') no-repeat 0 6px; border-bottom: none; }
					
	/* Secondary widget section */
	#secondary { float: right; width: 290px; margin: 0 30px 0 15px; }
		
		#secondary .widget { margin: 19px 0 0 0; border: 1px solid #ddd; }
				
			/* font-size=0.86*14=12px */
			#secondary .widget-title { padding: 4px 14px; font-size: 0.857142857em; line-height: 1; text-transform: uppercase; letter-spacing: 1px; background: #eee; border-bottom: 1px solid #ddd; }

			#secondary .widget ul { margin: 0 0 0 14px; padding: 0; list-style: none; }

				#secondary .widget ul ul { margin: 0 0 0 1em; }


/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container { width: 990px; margin: 0 auto; padding-top: 3em; clear: both; background: url('images/footer_bg.gif') no-repeat 50% 0%; }

	/* Subsidiary widget section */
	#subsidiary { width: 990px; margin: 0 auto; clear: both; overflow: hidden; }
		
		#subsidiary .widget { float: left; width: 305px; padding: 0 6px 0 16px; }
		
			#subsidiary .widget-inside { background: #fff; border: 1px solid #ddd; }

				/* font-size=0.86*14=12px */
				#subsidiary .widget-title { padding: 4px 1.5em; font-size: 0.857142857em; line-height: 1; text-transform: uppercase; letter-spacing: 1px; background: #eee; border-bottom: 1px solid #ddd; }

	/* Footer section */
	#footer { margin-top: 1.5em; }

		/* Footer extra */
		#footer .copyright { float: left; width: 45%; margin-left: 15px; }

		#footer .credit { float: right; width: 45%; margin-right: 15px; text-align: right; }