/* $Id: page.css,v 1.13 2011/01/14 03:12:40 jmburnz Exp $ */

/**********************************************************
 *                    Body Classes
 **********************************************************/

body {
  padding: 0 0px;
  margin: 0;
}
	
/**********************************************************
 *                  The wrapper divs
 *    Be careful how you modify these, see layout.css
 **********************************************************/
/**
 * Width Setting
 *
 * Genesis supports Elastic, Fluid and Fixed width values.
 * - Elastic layouts expand or contract when the font size is changed. 
 * - Fluid widths change when the browser is resized.
 * - Fixed width layouts stay the same even when the browser
 *   is resized or the font size is changed.
 *
 * Elastic layouts use ems,       e.g. 80em
 * Fluid layouts use percentages, e.g. 85%
 * Fixed widths use pixels,       e.g. 960px
 */
#container {
  width: 942px;
  float: left;
}

/* Column wrappers */
#columns {}
.columns-inner {}

/* Content wrappers */
#content-column {}
.content-inner {
	width: 700px;
}

/* Main content wrappers*/
#main-content {
padding: 0 10px 0 5px;}
#content {}


/**********************************************************
 *                 TBN Wrapper Elements
 **********************************************************/
/* #tbn-titlebar comes first */
#tbn-titlebar {
	width: 1100px;
	height: 30px;
	padding: 10px 0px 0 2px;
	/*background-image: url('/sites/all/themes/genesis/genesis/images/topBarBackground.png');*/
	background-repeat: no-repeat;
	background-position: bottom left;
}
#tbn-body {
	width: 1100px;
	padding: 0 10px 0 10px;
	/*background-image: url('/sites/all/themes/genesis/genesis/images/contentBackground.png');*/
	background-repeat: repeat-y;
	background-position: top left;
}
#tbn-footer {
	width: 942px;
	height: 46px;
	/*background-image: url('/sites/all/themes/genesis/genesis/images/bottomBarBackground.png');*/
	background-repeat: repeat-y;
	background-position: top left;
}


/**********************************************************
 *                 Header Elements
 **********************************************************/
/* #header wraps #header-blocks. */
#header {}

#header h2 {
	display: none;
}


/**********************************************************
 *                       Regions
 **********************************************************/
/* Target all regions - be careful with this one, its easily 
 * over-ridden and will target sidebar inner DIVS as well.
 */
.region {}

/**
 * Each region has a main wrapper DIV and an inner DIV.
 * The following selectors are follow the patter of:
 * #region-name
 * .region-inner-div-name
 */
/* Leaderboard */
#leaderboard {}
.region-leaderboard {}

/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {
	margin-left: 190px;
	width: 680px;
	clear: both;
	text-align: center;
}

#tbn-titlebar h1 {
	margin-left: 20px;
}

/* h1 is for the front page only, all others use the div. */
#branding h1 {
  font-size: 1em; /* reset h1, do not change! */
}
#branding h1.site-name {
	font-size: 2em;
}
#branding p {
	margin-top: 1em;
	font-size: .8em;
	color: #666;
}

/* Logo and site_name wrapper. */
.logo-site-name {
	float: right;
	width: 30%;
}
div.logo-site-name,
h1.logo-site-name  {}

.logo-site-name img {
	width: 100%;
}

/* Remove display:block if you want the site name inline with the logo. */
.logo-site-name span {
  display: block;
}

/* Logo. */
#logo {}

#site-name {
  font-weight: bold; /* Bold or else the line heights vary. */
  font-size: 2em;
  line-height: 1.5;
}

/* Override default pseudo class styles. */
#site-name a:link,
#site-name a:visited {}

#site-name a:hover,
#site-name a:focus,
#site-name a:active  {}

#site-description {
	margin-left: 190px;
	width: 680px;
	clear: both;
}

/* Site slogan. */
#site-slogan-wrapper{
	float: left;
}
#site-slogan {}

#breadcrumb-wrapper {
	background-image: url('/sites/all/themes/genesis/genesis/images/secondHeaderBackground.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: thin solid #EEE;
	border-top: thin solid #EEE;
	overflow: hidden;
	padding-top: 2px;
	margin-bottom: 18px;
	height: 14px;
	width: 680px;
	margin-left: 190px;
}

#messages-wrapper {
	width: 680px;
	margin-left: 190px;
}

#help-wrapper {
	width: 680px;
	margin-left: 190px;
}
/* Header blocks */
#header-blocks {
  float: left;
  clear: both;
}
.region-header {
	position: relative;
	top: -12px;
}

/* Help */
#help {}
.region-help {}

/* Highlight */
#highlighted {
	position: absolute;
	top: 0;
	z-index: 1000;
}
.region-highlighted {}
.region-highlighted .block {
	position: relative;
	top: 100px;
	border: solid 3px black;
	padding: 10px;
	background-color: white;
}

/* Secondary content */
#secondary-content {}
.region-secondary-content {}

/* Tertiary content */
#tertiary-content {}
.region-tertiary-content {}

/* Tertiary content */
#footer {
  margin: 0;
}
.region-footer {}

/* Webform overrides */
div.form-item {
	width: 85%;
}
div.webform-container-inline {
	text-align: right;
}


/**********************************************************
 *                      Sidebars
 **********************************************************/
/* Target both sidebars with this low specifity selector. */
.sidebar {
	border-right: thin solid #ccc;
	padding-right: 8px;
}
.sidebar .region {}

/* Target a specific sidebar. */
#sidebar-first {}
.sidebar .region-sidebar-first {}

#sidebar-second {
	border: none;
}
.sidebar .region-sidebar-second {}
.sidebar .region-sidebar-second .block {
	border: solid 1px black;
	padding: 5px;
}
.sidebar .region-sidebar-second .block p, .sidebar .region-sidebar-second .block ul {
	line-height: 1.2em;	
}

/**********************************************************
 *          Search form, Search results
 *          For the search block see blocks.css
 **********************************************************/
/* Search page fieldset. */
#search-form {}

/* Basic search form. */
#search-form #edit-basic {}

/* Advanced search form. */
#search-form #edit-advanced {}

/* Use the child selector because the inner div has no class. */
#search-form > div {}
#search-form .container-inline {}
#search-form #edit-keys {}

#search-form label {}
#search-form input {}
#search-form .form-item {}
#search-form .form-submit {}

/* Override forms.css text field focus style. */
#search-form #edit-keys:hover,
#search-form #edit-keys:focus {}

/* Search results list. */
ol.search-results {
  padding: 0;
  margin: 0;
}
ol.search-results li {}
ol.search-results .title {}
ol.search-results p {}
ol.search-results .search-snippet {}
ol.search-results .search-info {}


/**********************************************************
 *                Footer, RSS Feed Icon
 **********************************************************/
#footer .region {}

#footer h2 {
	height: 0;
	overflow: hidden;
	position: absolute;
}

#block-menu-menu-footer-menu {
	width: 100%;
	text-align: center;
}

.feed-icon {}
.feed-icon img {
  padding:0 0.5em;
}