/*
Theme Name: carriere
Theme URI: 
Author URI: 
Description: HTML5 starter theme based off Ian Stewart's HTML5 Toolbox Theme with other goodies added plus chunks of Paul Irish's HTML5 Boilerplate mixed in for good measure. Shake well. Restructured and modified for use with the carriere family farms website.
Version: 0.10.1
*/

/* Theme modified starting 2013-09-05  for use with carriere site. 
* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}
/* iPhone 5 in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
{ /* STYLES GO HERE */
    @-viewport {
        width: 940px;
    }
   
}

/* iPhone 5 in landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) 
{ /* STYLES GO HERE */
    @-viewport {
        width: 940px;
    }
  
}

/* iPhone 5 in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) 
{ /* STYLES GO HERE */ 
    @-viewport {
        width: 940px;
    }
    
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
    @-viewport {
        width: 940px;
    }
    
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
html{zoom:1;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
html{zoom:1;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}
@font-face {
    font-family: 'MyriadPro Regular';
    src: url('fonts/MyriadPro-Regular.otf');
    src: local('MyriadPro Regular'), local('MyriadPro'), url('fonts/MyriadPro-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Hoefler Text';
    src: url('fonts/Hoefler Text.ttf');
    src: local('Hoefler Text'), local('Hoefler'), url('fonts/Hoefler Text.ttf') format('opentype');
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #326e24; text-decoration: none; font-weight:bold;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
 *
 * Base Typography 
 *
 */
body { color: #433b14; font-family:Arial; font:14px/1.231 sans-serif; *font-size:small; background:url('images/Carriere-back-background.jpg'); }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  /*color: #444;*?
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; } 
h1{font-size: 2em;}
h2{font-size: 1.5em;}
h3{font-size: 1.17em;}
h5{font-size: 0.83em;}
h6{font-size: 0.67em;}
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; height:auto;} 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #EBE3D6; color:#fff; text-shadow: none; }
::selection { background:#EBE3D6; color:#fff; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

.clearboth { clear: both; }

/*
 *
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 *
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*
 *
 * Structure
 *
 */
#page {
	display: block;
}
#primary {
    margin: 0 auto;
    margin-top: -2px;
    width: 940px;
    font-weight:normal;
    background:url('images/Carriere-page-background.jpg');
}
#content {
	margin: 0 280px 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content {
	margin: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.wp-caption.alignright {
    margin-left: 40px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
 *
 * Header
 *
 */
.hfeed{
    position:relative;
    background:url('images/headerbg.jpg') repeat-x;
    background-image:url('images/headerbg.jpg');
    background-repeat:repeat-x;
    width:100%;
    min-width:940px; 
    max-width:100%;
    height:164px;
}
header{
    position:relative;
    height:100%;
    margin:0 auto;
    width:940px;
}
#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
    position:absolute;
    top:25px;
    left:40px;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 1em;
    line-height:1.2;
    font-family:Arial;
    font-style:Italic;
    color:#9e7b36;
    max-width:165px;
    
}


/*
 *
 * Menu
 *
 */
#nav-lines{
    position:absolute;
    z-index:1;
    bottom:0em;
    left:-10px;
    height:47px;
    width:100%;
}
#logo{
    position:relative;
    z-index:3;
    top:0px;
    margin: 0 auto;
    height:185px;
    width:262px;
    background:url('images/center-header.png');
    background-repeat:no-repeat;
}
a#header-home-link{
    position:relative;
    display:block;
    z-index:4;
    top:0px;
    margin: 0 auto;
    height:185px;
    width:262px;
}
#widget-blocks{
    position: absolute;
    right: 40px;
    width: 170px;
    top: 25px;
    text-align:right;
}
#widget-blocks a{
    text-decoration:none;
    font-family:arial;
    color:#9e7b36;
    font-size:14px;
    font-weight:normal;
}
#transflags{
    width: 104px;
    height: 11px;
    margin-right: 10px;
    margin-bottom: 10px;    
    position: relative;
    display: inline-block;
    clear: both;
    padding-left: 3px;
    background: url('images/transflags.png');
    background-repeat: no-repeat;
}
#transflags a{
    width:20px;
    height:13px;
    display:inline-block;
    float:left;
    margin-right:3px;
    margin-left:3px;
}
.weather-text{
    padding-right:36px;
    height:30px;
    display: block;
    padding-top: 4%;
    vertical-align: middle;
    background: url("images/weatherIco.png") no-repeat scroll 140px 0% transparent;
    height: 30px!important;
    background-repeat: no-repeat;
    background-position-x: 140px;
}
/** Navigation **/
a[href='#']{
    pointer-events: none;
    cursor: default;
}
#access {
    display: block;
    margin: 0 auto 0em;
    position:absolute;
    bottom:3px;
    left:42px;
    z-index:20;
}
#utility {
    display: block;
    position:absolute;
    bottom:3px;
    right:48px;
    z-index:20;
}
    nav ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
        nav li {
            float: left;
            position: relative;
        }
            nav div > ul > li > a {
                font-weight:normal;
                display: block;
                line-height: 37px;
                padding: 0 .7em;
                margin-left:-1px;
                margin-right:-1px;
                background:url('images/menuborders-individual.png') no-repeat;
                font-size:20px;
                font-family:Arial;
                color:#f2ede3;
                text-shadow:2px 2px 1px #000000;
                filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction=135,strength=5);
                text-decoration: none;
            }
            
            nav#access div > ul > li > a {
                display: block;
                line-height: 37px;
                font-weight:normal;
                background:url('images/menuborders-individual.png') no-repeat;
                padding: 0 .7em; 
                font-size:20px;
                font-family:Arial;
                color:#f2ede3;
                text-shadow:2px 2px 1px #000000;
                filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5);
                text-decoration: none;
            }
            nav#access div > ul > li:first-child > a,
            nav div > ul > li:first-child > a{
                background:none;
            }
            nav li:hover > a,
            nav ul ul li:hover > a {
                background: #ccba96!important;
                color: #326e24!important;
                text-shadow:none!important;
            }


            nav .current_page_item a,
            nav .current_page_ancestor a{
                background:#dfd3bd!important;
                color: #326e24!important;
                text-shadow:none!important;
            }
            nav .sub-menu .current_page_ancestor a,
            nav .sub-menu .current_page_item a{
                background: #ccba96;
                color: #326e24!important;
                text-shadow:none!important;
            }
                nav ul ul {
                    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
                    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
                    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
                    display: none;
                    float: left;
                    position: absolute;
                    top: 36px;
                    left: -1px;
                    z-index: 99999;
                }
                    nav ul ul a:hover {
                        background: #ccba96;
                        color: #326e24;
                    }
                    nav ul li:hover > ul, nav ul li.clicked > ul {
                        display: block;
                    }
                    nav ul ul a {
                        background: #dfd3bd;
                        color: #326e24;
                        line-height: 1em;
                        padding: .4em .8em;
                        font-weight: normal;
                        display: block;
                        font-size: 1.2em;
                        width: 7.5em;
                        height: auto;
                    }
                        nav ul ul ul {
                            left: 100%;
                            top: 0;
                        }
/** Content **/
.walnut-overlay{
    height: 98px;
    width: 154px;
    right:60px;
    top: -35px;
    float:right;
    position: relative;
    background: url('images/walnut.png');
    background-repeat: no-repeat;
    z-index: 1;
    }
.walnut-overlay + #content{
     width:836px;
}
#content{
    width:860px;
    /* margin:0 auto; auto should be providing 52px but here is it being stated explicitly */
    margin-left:52px;
    margin-right:52px;
    padding-top: 15px;
}
#content .entry-title{
    padding-left: 45px;
    padding-top: 11px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size:32px;
    background:url('images/h2Icon.png');
    background-repeat:no-repeat;
    font-weight:normal;
}
#content h2{
    margin-bottom:20px;
    font-size:24px;
    font-weight:normal;
    clear:none !important;
    overflow:hidden;
}
#content h3{
    margin-bottom:5px;
    font-size:24px;
    font-weight:normal;
    clear:none !important;
    overflow:hidden;
}
#content h4{
    font-size:18px;
    font-weight:normal;
    clear:none !important;
    overflow:hidden;
}
#content p{
    margin-bottom:20px;
    width:auto;
    clear:none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.entry-content ul{
    margin-bottom:20px;
}
.entry-content li{
    margin-bottom:5px;
}
.page-link {
	margin: 0 0 1em;
}


/*
 *
 * Images
 *
 */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
    margin-bottom: 20px;
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	
	text-align: center;
    margin-bottom: .5em;
}
.wp-caption img {
    border: 1px solid #b79249;
    padding:5px;
	margin-top: .25em;
    margin-bottom:0px; 
}
img.no-borders, .no-border--alignleft, .no-border--alignright, .no-border--aligncenter {
    border:none;
    padding:0px;
}
.no-border--alignleft {
	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.no-border--alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.no-border--aligncenter {
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.wp-caption .wp-caption-text {
	margin-top: .5em;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    text-align:left;
    font-size:13px;
    font-family:Arial;
    font-style:italic;
}
.content-entry img{
    margin-bottom:20px;
    border: 1px solid #b79249;
    padding:5px;
}

/* Forms - Class for labelling required form items */
.required {
	color: #cc0033;
}


/*
 *
 * Comments
 *
 */
article.comment {
	display: block;
}
#respond input[type=text] {
	float: left;
	margin: 0 1em 0 0;
	width: 60%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond textarea {
	margin: 0 1em 1em 0;
	float: left;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/*
 *
 * Footer
 *
 */
#colophon {
    position:relative;
    bottom:0px;
    height:292px;
	padding: 1em 0 0;
    background:url('images/footerbg.jpg');
    min-width:940px;
    max-width:100%;
}
#footer-container{
    position:relative;
    width:860px;
    height:292px;
    margin: 0 auto;
}
#brownBlock{
    position: relative;
    height: 228px;
    bottom: 8px;
}
#branding-block{
    position: absolute;
    height: 228px;
    width:310px;
    right:0px;
    top:0px;
    background: url("images/footerlogoplain.jpg") no-repeat scroll 115px 25px transparent;
    background-repeat:no-repeat;
    background-position-x: 115px;
    background-position-y: 25px;
}
a#footer-home-link{
    position:absolute;
    display:block;
    left: 115px;
    top: 25px;
    z-index:4;
    height:95px;
    width:145px;
}
#keywords{
    position: absolute;
    height: 228px;
    width: 563px;
    left:0px;
    top:0px;
    margin-top:35px;
    color: #9e7b36;
    font-family:Arial;
    font-size: 13.4px;
}
#keywords h2{
    font-size: 28.54px;
    margin-bottom: 18px;
    font-weight:normal;
}
#branding-text{
    position:relative;
    width:150px;
    top: 125px;
    left: 125px;
    font-family:Arial;
    font-size: 14px;
    color:#9e7b36;
   /* padding:145px 55px 45px 115px; */
}
#branding-text a[href^="tel:"]{
    color: #9e7b36;
    font-weight:normal;
    text-decoration:none;
    font-size:18px;
}
#site-generator{
    position:absolute;
    bottom:40px;
    font-family:Arial;
    font-size:12px;
    color: #64514a;
}
#site-generator a{
    color:#9e7b36;
    text-decoration:none;
    font-weight:normal;
}

/*
 *
 * Body
 *
 */
#widget-subslider-block{
    width:890px;
    margin: 30px auto;
    margin-top: 45px;
    overflow:auto;
}
#widget-subslider-block aside{
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.16%;
}
#widget-subslider-block .side-image{
    border:1px solid #c2af89; 
    background-color:#eeeeee;
    padding:10px;
}
.subbody-widget-content{
    font-family: Arial;
    font-size: 13px;
    width: 251px;
    padding: 10px;
    line-height: 1.5;
}
#widget-subslider-block h2{
    font-family: Arial;
    font-size: 28.54px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 7px;
    color: #433b14;
}
#widget-subslider-block a{
    text-decoration:none;
}
.subbody-widget-expansion a{
    font-family: Arial;
    font-weight: bold;
    color: #326e24;
    font-size: 13px;
    text-decoration:none;
}
.hashbar{
    background:url('images/hashbarbg.jpg');
    border:1px solid #f2f3f2;
    margin-left:30px;
    margin-right:auto;
    opacity: .9;
    width: 855px;
    height:7px;
}
#page-content-block{
    margin: auto;
    width: 890px;
    padding-top: 25px;
    padding-bottom:25px;
    position:relative;
    overflow:hidden;
}
#the-content{
    float:left;
    padding-left:10px;
    width:560px;
}
#page-content-block aside{
    float: right;
    margin-top: -27px;
    padding-top: 34px;
    right: 0px;
    font-family:Arial;
    font-size:18px;
    width:310px;
    min-height:277px;
    background:url('images/solarwidgetbg.jpg');
    background-repeat:no-repeat;
    background-position-x:19px;
    background-position-y:0px;
    font-weight:normal;
}
#page-content-block aside h2{
    font-size: 28.54px;
    font-weight:normal;
    margin-bottom:30px;
}
#page-content-block a{
    font-family: Arial;
    font-weight: bold;
    color: #326e24;
    font-size: 13px;
}
#page-content-block p{
    line-height: 1.5;
    margin-bottom:15px;
}
.title{
    display:block;
    width: 485px;
    min-height: 85px;
    font-size: 28.54px;
    background:url('images/titleico.png');
    background-repeat:no-repeat;
    background-position: -17px -19px;
    padding-left: 80px;
    padding-top:5px;
    padding-bottom:15px;
    word-wrap: break-word;
    position: relative;
    left: -10px;
}
#page-content-block .widget-sidebar-contained-container{
    position:relative;
}
#page-content-block .widget-textual-sidebar-container{
    margin-left:40px;
    width:221px;
    zoom:1;

}
#page-content-block aside:before,
#page-content-block aside:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#page-content-block aside:after {
    clear: both;
}
#timeline-block{
    min-height:450px;
    width: 890px;
    margin:0 auto;
    /*background:url('images/timelinebgwhole.jpg');
    background-position: 0px 0px;
    background-repeat:no-repeat;*/
    
}
#timeline-header{
    margin-top:25px;
    padding-top: 10px;
    margin-bottom:25px;
    padding-bottom:20px;
    padding-left: 80px;
    font-size:28.53px;
    background:url('images/estIcon.png');
    background-repeat:no-repeat;
}
#timeline-header a{
    color:#326e24;
    font-weight:bold;
    text-decoration: none;
}
#timeline-block aside{
    width: 195px;
    min-height: 270px;
    float: left;
    margin-left: 211px;
    margin-right: 36px;
    position:relative;
}
#page-content-block .widget-sidebar-contained-container{
    position:relative;
    
}
#timeline-block .widget-textual-sidebar-container{
    width: 170px;
    min-height: 270px;
    font-size:12px;
    line-height:21px;
    font-family:Arial;
}
#timeline-block aside .widget-title{
    font-size:39px;
}

#timeline-container{
    width: 867px;
    min-height: 320px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding:25px 0 0 0;
   	
}
	.timeline-side{
	    width: 413px;
        min-height:265px;
	    float: left;
	    top: -15px;
	    position: relative;
	}
        .timeline-side#side1 {
            margin-right: 40px;
        }
		.timeline-left{
		    float: left;
		    padding-top:48px;
            margin-right: 25px;
		    width: 200px;
		}
		.timeline-right{
		    float: left;
		    width: 163px;
		    font-size: 12px;
		    font-family: Arial;
		}
			.timeline-title{
			    font-size:39px;
                font-family:'Hoefler Text';
			}
			.timeline-excerpt{
			    line-height:21px;
			}
	.timeline-border{
	    /*width: 41px; split into margin/padding */
        background: url('images/timelinediv.jpg') center repeat-y;
        margin-top: 7px;
	}
	
	
	
#pre-footer-block{
    width: 861px;
    height:100px;
    position:relative;
    margin:0 auto;
    margin-top:45px;
    background: url('images/adblockbg.jpg');
}
#affiliate-container{
    width: 835px;
    position: absolute;
    bottom: 0px;
    height: 90%;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
#affiliate-container img{
    width: auto!important; 
    /* declaration required to override image widget default declered on construction */
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    display: inline-block;
    max-height: 100%;
    position:relative;
}
.weather-widget-wrapper {margin-left:50px; margin-top:47px; position:relative; width: 400px; float: left; -ms-transform: scale(1.5);  -moz-transform: scale(1.5);  -webkit-transform: scale(1.5);}