/* 
Theme Name: Displaced Austin 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 34 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support

Version: 1.0
Author: Jaynna Sims 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support
Template: responsive


License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
	
NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.

See:
 
- http://codex.wordpress.org/Child_Themes  
- http://themeid.com/forum/topic/505/child-theme-example/
- http://themeid.com/forum/forum/12/responsive-documentation/
	
CSS Rules: Sorted alphabetically.
*/

@import url("../responsive/style.css");


@font-face
{
	font-family: Futura Bold Condensed;
	src: url('fonts/fontzone/futura-bold-condensed.ttf');
}

@font-face
{
	font-family: "FuturaCondensedExtraBold";
	src: url('fonts/fontzone/futura-extra-bold-condensed.ttf');
}

/* =Base
-------------------------------------------------------------- */
body {
	margin: 50px;
	background-color: #837870;
	color: #111111;
	font-size: 12px;
	font-family: Arial, sans-serif;
}


/* =Globals
-------------------------------------------------------------- */
#container {
	margin: auto;
	padding: 0px;
	background-color: #a79d96;
	border: .5px solid #000000;
	width: 800px;
	height: 600px;
	font-family: Arial, sans-serif;
}

.home #wrapper {
	height: 533px;
	/*margin-bottom: 0px;
	background: url("images/ad.png") no-repeat bottom left transparent;*/
	
	background: url("images/ad.png") no-repeat scroll left bottom / 798px auto transparent;
    margin: 0 auto;
    padding-top: 20px;
}

.home #content .post-entry {
	max-height: 473px;
	overflow-y: scroll;
}

#header {
	border-bottom: 6px solid #000000;
	background-color: #f32837;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f32837), to(red-dark));
	background-image: -webkit-linear-gradient(top, #f32837, red-dark);
	background-image: -moz-linear-gradient(top, #f32837, red-dark);
	background-image: -ms-linear-gradient(top, #f32837, red-dark);
	background-image: -o-linear-gradient(top, #f32837, red-dark);
	background-image: linear-gradient(top, #f32837, red-dark);
	clear: both;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e44438, endColorstr=red-dark);
}

#footer {
	clear: both;
	margin: 0 auto;
	max-width: 800px;
	padding:auto; /* maybe change */
}

/* =Content
-------------------------------------------------------------- */
#content {
	float: right;
	margin-bottom: 0px;
	font-family: Arial, sans-serif;
}

#content .post-title {
	margin-top: 0;
}

#content .post-entry p {
	margin: 0 0 1.6em 0;
	font-size: 12px;
	line-height: 18px;
}

/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	background-color: inherit;
	background-image: inherit;
	clear: both;
    filter:inherit;
	/* trying to clear those */
	
	margin: 0 auto;
}

ul.menu {
	min-width: inherit;
	width: 100%;
	height: 22px;
	/*border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;*/
}

.menu a,
#footer a {
	border-left: none;
	color: #c7c2bc;
	text-shadow: none;
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	font-family: FuturaCondensedExtraBold, Arial, sans-serif;
	padding: 0 8px;
}

.menu li:hover {
	background-color: rgba(0, 0, 0, 0.5);
	background-image:none;	
	box-shadow: 0 0 15px 5px #000000;
	-moz-box-shadow: 0 0 15px 5px #000000;
	-webkit-box-shadow: 0 0 15px 5px #000000;
}

.menu li:hover a {
	background-color: rgba(0, 0, 0, 0.5);
}

.menu li:hover a {
	color: #ffffff;
}

.menu li li {
	background: none;
	border: none;	
}

ul.sub-menu {
	min-width: inherit;
	width: 100%;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	opacity: 0.4;
	filter:alpha(opacity=40); */ /* For IE8 and earlier*/;
	
	box-shadow: 0 0 15px 5px #000000;
	-moz-box-shadow: 0 0 15px 5px #000000;
	-webkit-box-shadow: 0 0 15px 5px #000000;
}

.menu li ul li a {
	color:#ffffff;
}

.menu li ul li a:hover {
	border: none;
	color:#ffffff;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
	background: #111111;
}

.footer-menu li a {
	border-left: none;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	font-size: 18px;
	line-height: 3em;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #c7c2bc;
}