/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout 
@import url( 'library/media/layouts/2col-l.css' );*/

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

html { background:#000; color:#eee; }

body { background:transparent url(images/bg.jpg) no-repeat top center; }

.container { width: 960px; margin: 0 auto; position:relative; }

p { color:#eee; }

hr { border:0; width:100%; height:1px; background:#222; }

ul.nav { background:transparent url(images/blk_trans.png) repeat; border:1px solid #555; }

#sign-in { float:right; font-size:12px; margin:30px 0 0 0;}
#sign-in a { color:#fff; margin:31px; position:absolute; right:0; top:0; }

/* weather widget */

#weather_widget { width:245px; height:37px; line-height:37px; background:transparent url(images/blk_trans.png) repeat; border:1px #000 solid; float:right; margin:20px 0 10px 10px; position:relative; }

	#weather_widget img { float:left; height:37px; width:37px; overflow:hidden; }

	#weather_country, #weather_cond, #weather_hum { display:none; }
	
	#weather_city { float:left; margin:0 0 0 20px; font-size:10px; text-transform:uppercase; line-height:40px; overflow:hidden; width:110px; background:transparent;}
	
	#weather_temp { float:right; margin:-3px 20px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; overflow:hidden; color:#8284bf; }
	
	#weather_temp span { font-size:10px; margin:0 10px 0 0; padding:0; position:absolute; right:0; top:0; }

.hfeed { width: 620px; float: right; background:transparent url(images/blk_trans.png) repeat; padding:20px; min-height:400px; } 

#content { position:relative; }

.aside { width: 240px; float: left; background:transparent url(images/blk_trans.png) repeat; padding:20px; min-height:400px; }

	.aside ul { list-style-type:none; float:left; border-top:0; border-bottom:0; }
	
	.aside ul li { background:transparent; margin:0; width:200px; border:solid 1px; border-color:#000 #000 #000 #000; border-left:none; border-right:none; text-transform:uppercase; padding:0; }
	
	.aside ul li:first-child { border:0; }
	
	.aside ul li:last-child { border:0; }
	
	.aside ul li a { display:block; padding:8px 5px 5px 5px; color:#ccc; font-size:13px;  }
	
	.aside ul li.current_page_item { background: transparent url(active-aside-nav.png) no-repeat; overflow:visible !important; width:307px; margin-left:-50px; border:0;}
	
	.aside ul li.current_page_item a { color:#fff; padding-left:50px; }
	
	.aside ul a:hover { color:#ffd300; }

.footer { clear: both; background:transparent url(images/footer-bg.jpg) repeat-x bottom; height:315px; width:100%; margin:0; margin-top:20px; padding:0; overflow:hidden; }

.footer-container { width:960px; margin:0 auto; position:relative; padding:0 0 20px 0; background: url(images/blk_trans.png) repeat; }

#copyright { text-align:left; float:left; margin:0 0 0 20px; padding:0; font-size:10px; text-transform:uppercase; line-height:60px; color:#000; }

.footer h4 { color:#6e49d9; font-size:32px; margin:20px auto 14px auto; text-align:center; width:960px; }

.footer ul.quick-links em { width:40px; height:40px; background:transparent; margin:0 10px; padding:0; float:left; }

.footer ul.quick-links { list-style-type:none; margin:0 0 10px 0; padding:0; float:left; border-right:1px solid#101010; border-left:1px solid#232323; }

.footer ul.quick-links li {display:inline-block; float:left; padding:39px 29px; border-right:1px solid#232323; border-left:1px solid#101010; line-height:18px; margin:0; width:179px; }

.footer ul.quick-links li a { color:#ddd; font-size:12px; display:block; }

.footer ul.quick-links li span { font-size:12px; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif; }

.footer ul.quick-links li  a span { color:#d7ff1f !important; }

.footer li#viper { background:url(http://www.stormguardrestoration.com/http://www.stormguardrestoration.com/wp-content/uploads/2010/07/cowboy-footer.png) no-repeat center; }

/* Search */

.search, input.search:focus { background:#000; color:#6e49d9; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; line-height:25px; border:solid 1px #444; width:160px; font-style:oblique; font-weight:bold; padding:0; overflow:hidden; position:absolute; top:0; left:0; margin:10px 25px; padding:3px; }

input.search:focus { background:#6e49d9; color:#000; border-color:#66C; }

.search-btn { display:none; }

#mag { position:absolute; top:0; left:0; margin:12px 0 0 3px; background:url(images/mag-glass.png) no-repeat center; height:20px; width:20px; }

/* Services */ 

ul.services { list-style-type:none; }

ul.services li { height:131px; width:176px; background:url(images/services-bg.jpg) repeat-x; float:left; margin:0 20px 20px 0; display:inline-block; position:relative; }

ul.services li img { margin:22px 10px; padding:0; position:absolute; left:0; top:0; border:2px solid #000; background:#222; }

ul.services li p { position:absolute; right:0; bottom:0; margin:0; padding:0; }

ul.services li p a { color:#fff !important; display:block; text-decoration:none !important; background:#25134d url(images/nav-active-hover.jpg) repeat-x bottom; border-top:2px solid #34c; width:176px; text-align:center; font-size:10px; line-height:22px; text-transform:uppercase; }

ul.services li p a:hover { background:#25134d; border-color:#1A162A; }

/* form styles */

.wpcf7 input, .wpcf7 textarea { background:#000; color:#ddd; border: 1px solid #444; }

span.wpcf7-not-valid-tip { margin:10px; background:#000 !important; color:#900; }

.wpcf7-response-output { color:#fff; }

/* Accordian */

	.roofing { width:615px; border:solid 2px #000; height:100%; font-family:Arial, Helvetica, sans-serif; background:#000; color:#fff; }
	
	.roofing h3 { background:#362179; margin:0 !important; padding:8px; border-top:#339 solid 1px; border-bottom:1px solid #303; font-size:13px; cursor:pointer; font-weight:normal; text-transform:uppercase; letter-spacing:2px; clear:both; line-height:20px; }
	
	.roofing h3:hover { background:#362195; }
	
	.roofing a, .roofing a:focus { text-decoration:none; color:#06C; outline:none; }
	
	.roofing a:hover { color:#0CF; }
	
	.roofing h4 { margin:20px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; color:#FC0; font-size:15px; }
	
	.roofing h5 { margin:20px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; color:#FC0; font-size:13px; }
	
	.roofing h5 em { font-size:9px; font-weight:normal; color:#444; }
	
	.roofing p { margin:20px; font-size:12px; line-height:18px; }
	
	.roofing hr { margin:20px; height:1px; width:571px; border:0; background:#333; }
	
	.roofing ul.facts { font-size:12px; line-height:20px; margin-bottom:20px; color:#FFC; list-style-type:square; width:600px; clear:both; }
	
	.roofing ul.samples { list-style-type:none; float:left; margin:0 0 20px 20px; padding:0; width:600px; clear:both; }
	
	.roofing ul.samples li { display:inline-block; margin:5px 5px 0 0; background:#111; width:88px; height:50px; border:0; float:left; }
	
	.roofing ul.samples li a img { border:0; }
	
	.roofing #heritage30, .roofing #heritage50, .roofing #heritageVintage, .roofing #heritageXL { display:none; } 
	
/* Extra Styles */

.quotes { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; padding:20px 30px; background:#000; border:1px solid #222; }

span.wpcf7-radio { margin-bottom:30px; float:left; }

.wpcf7-list-item { width:600px; float:left; }