/*
Theme Name: 	Freedom Fluid
Theme URI: 	http://thewebcompass.net/clients/css/child-theme.css
Description: 	Enter description of theme here
Author:        	Michael Raymond for The Web Compass
Author URI: 	http://thecompass.name
Template:     	twentyeleven
Version:       	0.0.0.1
*/

/*
NOTE: in some instances, it may be quicker and easier to simply comment 
out the below @import statement and build the design based solely (or 
 primarily) on this stylssheet.
*/
 @import url("../twentyeleven/style.css");  

/* 
generic overrides for imported twentyeleven css
NOTE: This structure follows the basic structure of the stylesheet for 
twentyeleven. These are general settings such as padding and margins 
so that we get no unexpected interferrence or inheritance from the 
original, parent theme stylesheet.
*/

/* =Structure
----------------------------------------------------- */

* {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: none;
    border: 0;
}

/* body {
    padding: 0 0 0 0;
    background: #fff url(images/backgrounds/header_bg.gif) repeat-x;
} */
/* 
need to reference the init function which utilizes a page width variable 
and then use php to write into head, after this stylesheet:
<style type="text/css">
#page { max-width: $maxwidth; }
</style>
*/

body.page-template-default,
body.home,
body.page,
body.two-column,
body.right-sidebar { 
    background: #f2f0e4 url(images/backgrounds/bodyhead_new_bg.gif) repeat-x; 
    margin: 0;
    padding: 0;
}
#page,
#main,
#content {
    text-align: left;
    margin: 0;
    padding: 0;
}
/* page container */
/* 
need to reference the init function which utilizes a page width variable 
and then use php to write into head, after this stylesheet:
<style type="text/css">
#page { max-width: $maxwidth; }
</style>
*/
#page {
    margin: 15px 0 0 24px; 
    padding-top: 15px;
/*    background: transparent; */
background: url(images/backgrounds/eagle_flag_usconst_bgnd2.jpg) fixed no-repeat 0px 250px;
    max-width: 1600px; /* set as required by design */
}

/* Header area and elements */
#branding {
    width: 1000px; height: 200px;
    background: #003 url(images/headers/flag_constitution_header.png) no-repeat;
/* padding-top: 0;
margin-top: -18px;
margin-left: 12px; */
}
#branding hgroup { 
    position: absolute;
    top: -160px;
    left: 20px;
}
h1#site-title a,
h1#site-title {
    /* width: 650px;
    text-indent: 100px; */
    /* margin-top: 40px; */
    color: #fff;
    font-family: Philosopher,"EB Garamond",Federant,"Mate SC",Caudex,Georgia,serif;
    font-weight: 700;
    font-size: 42px;
    font-variant: small-caps;
    margin-bottom: -8px;
    /* position: absolute; top: 24px; left: 75px; */
    text-shadow: 3px 3px 3px rgba(200,0,0,0.5);
}
h2#site-description { 
    background: #00f; color: #fff;
    font: bold 11pt/18pt verdana,sans-serif;
    width: 600px;
    /* margin-left: 75px; */
}
div#quotes {
    margin: -10px 34px 4px auto; 
    float: right;
    width: 230px;
    /*font: bold italic 12pt/14pt Arimo,sans-serif; */
    font-size: 1em;
    font-style: italic;
    font-weight: 500;
    font-family: 'Open Sans',sans-serif; color: #fff;
    line-height: 1.3em;
}
span.quote-attrib { float: right; font-weight: normal; font-size: 10pt; }
#branding img {}
#branding form#searchform { display: none; }
/* the search box */
/* turn it off for development */

/* Main Menu */
#access {}
#access h3.assistive-text {} /* "Main Menu" */
#access div.skip-link {}
#access div.skip-link a.assistive-text {} /* "Skip to primary */


#access {
    width: 100%; height: 32px;
    background: #005;
    color: #fff;
    position: absolute; top: 200px; 
    border-top: 1px solid #007;
}
/*#access h3,
#access .skip-link { 
    display: none; 
} */
/* tweaks for twentyeleven nav */
/* Think these are just position and shadow width */
#access ul ul {
	-moz-box-shadow: 3px 3px 3px rgba(0,0,230,0.2), -1px 0 1px blue;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,230,0.2);
	box-shadow: 3px 3px 3px rgba(0,0,230,0.2);
}

#access ul ul a {
	/*background: #f9f9f9; */
	border-bottom: 1px dotted #ccf;
	color: #004;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefff;
} 

/*
div.menu ul,
div.menu li { 
    list-style-type: none; 
}
div.menu li {
    float: left;
    display: inline;
}
.menu li { 
    padding: 3px 20px 4px 20px; 
}
*/
/* #access div.*/

/* End Header Containerr */

#main {
    width: 1000px;
}
/* End Page Container */

/* main presentation */#content {
	float: left;
	padding: 0 0 0 0;
	margin: 0 auto 0 1.5%;
	width: 62%;
/* position: absolute;
left: 2em; */
}
#secondary {
    margin: 48px 30px; 
}
.entry-header h1.entry-title {
    font-family: Caudex,Georgia,serif;
    font-weight: 700;
    font-size:   18pt;
    line-height: 22pt;
}
#content p { font: 1.1em/1.45em Philosopher,verdana; }
p#liberty:first-line {
    font-style: italic;
    font-family: Fondamento;
    font-size: 18pt;
    line-height: 25pt;
}
#secondary {
    width: 20%;
}
#follow-widget-3 {
    position: relative;
    top: -52px;
    z-index: 99;
    background: #557;
    padding-left: 6px;
    border-left: 1px solid #a48529;
}
p#liberty:first-letter { font-size: 47px; }

#footer {
    clear: both;
    margin-top: 12px; 
}
h3.widget-title {
    text-align: center;
	font: italic bold 12pt/24pt georgia,"times new roman",serif;
	color: #fff;
	background: #007; /* #f78543; */
	padding: 4px;
}
	

/* ============= Related Links ======= */
div.relatives {
    margin: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
    border-top: 2px solid #a00;
    border-bottom: 1px solid #a00;
}
.relatives h3 {
    color: #00f;
}
.relatives ul li,
.relatives > li {
    list-style-type: none;
}
.relatives li li {
    float: left;
	padding-right: 12px;
    display: inline;
}

/* ============= Bill of Rights ======= */
#billofrights {
    position: absolute;
    top: 260px; left: 1030px;
	width: 230px;
    font: 9pt/12pt helvetica,arial,sans-serif;
	color: #222;
}
#billofrights h2 {
    font: italic bold 12pt/24pt georgia,serif;
	color: #005;
	text-align: center;
	text-decoration: underline;
	margin-bottom: 24px;
}

/* change text color due to watermark background */
div.entry-content {
    color: #003;
}

/* Presidential gallery */
#lincoln {
    position: absolute;
    top: 16px; left: 1030px;
    z-index: 90;
	display: none;
}
#linc-frame {
    position: absolute;
    top: 15px; left: 1030px;
    z-index: 99;
	display: none;
}