/* $Id: genesis_webify.css,v 1.5 2008/12/01 15:00:37 jmburnz Exp $ */

/**
	* @file genesis_SUBTHEME.css
	* This stylesheet provides the main styles for this theme.
	*/

/**
	* Remove unused styles for performace.
	*/

/***********************************************************
 *                          Body
 **********************************************************/
body {
	background: #5670A1 url(../img/template/bg.png) 0 0 repeat-x;
	color: #1D2D45;
	margin-top: 20px;
}

body.admin-menu {
	margin-top: 32px!important;
}

/***********************************************************
 *                     The wrapper divs
 **********************************************************/
/**
	* Be careful how you modify these, see layout.css first.
	*/
#container {}
#columns   {}
#content   {}

#main-content {
	padding: 0.75em 1.5em 1em;
}

#content-inner {}

/* Faux column for the right sidebar - http://www.alistapart.com/articles/fauxcolumns */
.sidebar-right #columns {background: url(../img/template/right-sidebar-tile.png) repeat-y 62% 0;}
/* Unset the background image when the sidebar is inactive. */
.no-sidebars #columns   {background: #FFF;}

/***********************************************************
 *                     Width Setting
 **********************************************************/
/**
	* Over ride the default width (80em - see layout.css).
	* 80 * 12 = 960px
	*
	* Genesis supports both Fluid and Fixed width values.
	*
	* For a Liquid layout use precentages, e.g
	* .width {width: 85%;}
	*
	* For Fixed width theme, use ems or pixels, e.g
	* .width {width: 960px;}
	* .width {width: 80em;}
	*/
.width {
	width: 80em;
}


/***********************************************************
 *                       Regions
 **********************************************************/
#leaderboard       {}

#header-blocks {
	float: right; 
	width: 28.3em;
	padding-top: 0.5em;
}
.header-blocks-inner {
  padding: 0 0.5em 0 0;
}
#header-blocks .block {
}
#header-blocks .block h2 {
  border: none;
}
#header-blocks .block .content p {
  margin: 0;
		padding: 0;
		line-height: 1.3em;
}

#sidebar-left      {}
#sidebar-right     {}

#secondary-content,
#tertiary-content  {background: #FFF;}

#content-top       {margin-top: 2em; padding: 0 1em;}
#content-bottom    {margin-top: 1em; padding: 0 1em;}

#footer            {}


/***********************************************************
 *                   The INNER divs
 **********************************************************/
/**
	* In most instances you'll use these to set padding for 
	* the containing element.
	*
	* The default (see layout.css)
	* .inner {padding: 0.7em;}
	*
	* NOTE: You can over-ride the default .inner for nodes, blocks,
	* and comments using div.node-inner, div.block-inner & 
	* div.comment-inner which are listed in their relevant sections.
	*/
.inner {}

.nav-inner {}
.primary-inner {}
.secondary-inner {}

#sidebar-left .inner  {padding-top: 0.375em;}
#sidebar-right .inner {padding-top: 0.375em;}

#secondary-content .inner {}
#tertiary-content .inner  {}


/***********************************************************
 *                 Global Link Styles
 **********************************************************/
a:link,
a.active  {color: #819D26;}

a:visited,
a:hover,
a:active {
	color: #263a9e;
}

/***********************************************************
 *                    HTML elements 
 **********************************************************/
/** 
	* Add any html elements you require. Use base.css as a guide.
	*/
h1,
h2,
h2 a {color: #99CC00; font-weight: bold;}
h3,
h3 a {color: #99CC00;}

h1 {
	border-bottom: 2px solid #99CC00;
}

p {
	margin-bottom: 0.5em;
}

blockquote {}

ul, ol {
	padding-left: 2em;
	margin-bottom: 0.5em;
}

/***********************************************************
 *                       Header 
 **********************************************************/
/**
	* Branding, Logo, Site name & Slogan.
	*/
#header {
	/*background: url(../img/template/header-bg-right.png) no-repeat right top; */
	/*min-height: 152px;*/
}

.header-inner {
	background: url(../img/template/spotlight_logo.png) no-repeat left top;
	/*background: url(../img/template/header-bg-left.png) no-repeat left top; */
	min-height: 102px;
	padding-top: 43px;
}

#branding {
	margin: 0 auto;
	width: 890px;
}

#logo {}

h1#site-name,
div#site-name  {}

#site-name a:link,
#site-name a:visited {}
#site-name a:hover   {}

#site-slogan   {}


/***********************************************************
 *                        Search
 **********************************************************/
#search .form-submit  {}
#search-box-top       {float: right;}
#search-box-inner     {padding: 0.5em 1em 0 0;}
#search-box-inner #edit-search-theme-form-1 {width: 20.5em;}
#search-box-inner #edit-search-theme-form-1:hover,
#search-box-inner #edit-search-theme-form-1:focus {}
#search-box-top label {display:none;}

/* Reset form element margins to allow more precise positioning */
#search-box-top form,
#search-box-top div.form-item {margin: 0;} 

/* Search Results Page - see .box */
.section-search #search-form {}
.section-search #search-form {}


/***********************************************************
 *               Primary & Secondary Links
 **********************************************************/
/**
	* Implimentation of Primary and Secondary Links.
	*/

/**
	* #nav is the containing div for Prmiary & Secondary Links.
	*/
#nav       {
  clear: both; 
		margin: 0;
}

#nav-inner {}

/**
	* Primary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the primary links Right or Center.
	*/
/* Align Right */
/*
#primary .primary-inner {float: right;}
*/
/* Align Center */
/*
#primary .primary-inner {display: table; margin: 0 auto; text-align: center;}
*/

/**
	* Primary Links Style
	* Example styles to get you started.
	*/
#primary { 
  height: 36px;
	 padding: 0;
  background:transparent url(../img/template/menu-bg.png) repeat-x scroll 0 0;
}

.primary-inner {}

#primary ul.links {
  margin: 0 0 0 5px;
  padding: 6px 0 0;
}

#primary ul.links li {
  margin: 0; 
  padding: 0;
}

/* First & Last classes can be styled seperately. */
#primary ul.links li.first a {}
#primary ul.links li.last {}

#primary ul.links li a:link,
#primary ul.links li a:visited {
  background: transparent url(../img/template/menu-divider.png) repeat-y right top;
	 padding: 0 30px;
		margin: 0 -1px 0 -5px;
	 height: 30px;
	 line-height: 30px;
	 font-weight: bold;
	 color: #fff;
	 text-decoration: none;
	 display: inline-block;
	 white-space: nowrap;
}

#primary ul.links li a:hover,
#primary ul.links li a.active {
  background: #4F6FA7;
}


/**
	* Secondary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the secondary links Right or Center.
	*/
/* Align Right */
/*
#secondary .secondary-inner {float: right;}
*/
/* Align Center */
/*
#secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;}
*/

/**
	* Secondary Links Style
	*/
#secondary {
  height: 2em;
	 padding: 0;
	 background: #99CC00;
}

.secondary-inner {padding-left: 1em;}

#secondary ul.links,
#secondary ul.links li {
  margin: 0; 
	 padding: 0;
}

/* First & Last classes can be styled seperately. */
#secondary ul.links li.first {}
#secondary ul.links li.last {}

#secondary ul.links li a:link,
#secondary ul.links li a:visited,
#secondary ul.links li a:active {
  color: #FFF;
	 font-weight: bold;
	 text-decoration: none;
  padding: 0.25em 1em;
	 display: inline-block;
	 white-space: nowrap;
}

#secondary ul.links li a:hover {
  text-decoration: underline;
}


/***********************************************************
 *                      Breadcrumb
 **********************************************************/
/**
	* Genesis places the breadcrumb directly below the header, 
	* giving it the full width of theme to expand in to.
	*/
#breadcrumb {
  margin: 0;
		background: #FFF;
		width:99%;
}
.breadcrumb {
  margin: 0.1875em 0.375em 1em 2em;
  padding-bottom: 0.3em;
}


/***********************************************************
 *                       Mission
 **********************************************************/
#mission {
  font-weight: bold;
  padding: 0.375em 1.5em;
}


/***********************************************************
 *                        Nodes
 **********************************************************/
/** 
	* Implimentation of node styles.
	*/
.node {
	margin: 0; 
	padding: 0 0 1em 0;
}

/* Over-ride default .inner styles. */
.node-inner {padding:0 0.375em 0 0;}

.node h2.node-title { 
  font-weight: bold;
	 margin-bottom: 0;
}

#main-content .node h2 {
	/*
	background: url(images/h2-bullet.png) no-repeat left center;
	padding-left: 22px;
	*/
}

.node h2 a:link,
.node h2 a:visited,
.node h2 a:active {
  text-decoration: none;
}

.node h2 a:hover {
  text-decoration: underline;
}

.node div.picture {
  float: left;
  margin: 0.3em 0.5em 0.1em 0;
}

.node div.submitted {
  color: #888;
	 margin: 0 0 0.4em 0;	
}

.node span.submitted .date-display-single {
	color: #99CC00;
	font-size: 1.2em;
	font-weight: bold;
}

.node .node-content {}

.node ul.links {
	font-size: 0.95em;
	display: inline; 
	text-align: left;
}

/* Theme the node teaser seperatly. */
.node-teaser {
  margin: 0 0 0.7em 0;
  padding: 0 0 1.417em 0;
}

.node-teaser .node-inner {}

/* Colorize unpublised nodes for admins. */
.node-unpublished {
  background-color: #FFF4F4; 
 	padding: 0.2em;
}

.node div.unpublished {
  font: bold 3em Arial, Helvetica, sans-serif;
  text-align: center;
  color: #FFE9E7;
  padding: 0.3em;
}

/* Theme Sticky nodes. */
.sticky {}

/* Theme node types. */
.node-type-blog  {}
.node-type-page  {}
.node-type-story {}
.node-type-forum {}
.node-type-book  {} 
 
/* Theme nodes that belong to the author. */
.node-mine {}


/***********************************************************
 *                       Blocks
 **********************************************************/
/** 
	* Implimentation of block styles.
	* Styles set here will be inherited by all blocks.
	*/
.block {
  padding: 0.35em;
  margin: 0;
  clear: both;
}

/* Over-ride default .inner styles. */
.block-inner {}

.block h2.block-title {
  font-size: 1.2em; 
	 font-weight: bold;
		border-bottom:3px solid #D2E0F2;
		color: #121A28;
}

.block .block-content {
  padding: 0.4em 0.4em 0.4em 0;
}

.block ul.menu {}

.block ul.menu li {}

tr .block {
  border: none; /* Blocks page table. */
}

/**
	* Style an Individual Block
	*
	* If you need to modify the styles for a particular block, 
	* use the blocks ID, for example;
	* 
	* #block-block-1 {}
	*/

/**
	* Region Specific Block Styles
	*
	* You can target blocks in one or more regions and 
	* style them differently. 
	*
	* Use the first two examples as guide for all regions. 
	*/
#sidebar-left .block {}
#sidebar-left .block h2 {}
#sidebar-left .block-inner {}
#sidebar-left .block .block-content {}

#sidebar-right .block {}
#sidebar-right .block h2 {}
#sidebar-right .block-inner {}
#sidebar-right .block .block-content {}
#sidebar-right .block .block-content label {
	font-weight: bold;
}

#leaderboard .block       {}
#header-blocks .block     {}
#secondary-content .block {}
#tertiary-content .block  {}
#content-top .block       {}
#content-bottom .block    {}

#footer .block            {padding: 2em 0 0 0;}

/**
	* Block Odd & Even Styles (Zebra)
	* Each region can have alternating styles for Odd and Even 
	* count blocks, such as;
	*/
#sidebar-left .odd   {}
#sidebar-left .even  {}

#sidebar-right .odd  {}
#sidebar-right .even {}

/**
	* Alternative Approach to Region Block Styling
	*
	* Blocks are aware of what region they are in, so its
	* possible to use chained selectors such as;
	*
	* .block.odd.right {}
	*/

/**
	* Drupal Core Blocks 
	* This is most of the core blocks as far as I can remember, 
	* please post an issue if I have missed any :)
	*/
#block-system-0  {} /* Powered by Drupal block */
 
#block-user-0    {} /* Login block             */
#block-user-1    {} /* Navigation Menu block   */
#block-user-2    {} /* Who's New block         */
#block-user-3    {} /* Who's Online block      */

#block-comment-0 {} /* Recent Comments block   */

#block-search-0  {} /* Search form block       */

#block-forum-0   {} /* Active Forum topics     */
#block-forum-1   {} /* New Forum topics        */

#block-blog-0    {} /* Recent Blog posts       */

#block-node-0    {} /* Syndicate block         */

#block-locale-0  {} /* Language Switcher block */

/* The class selector applies to all blocks of these types */
.block-book {} 
.block-aggregator {}


/***********************************************************
 *                     Comments
 **********************************************************/
/** 
	* Implimentation of comment styles.
	*/
div.comment {
  margin: 0 0 0.7em 0;
	 padding: 0.35em; 
}

/* Over-ride default .inner styles. */
.comment-inner {}

div.indented {
  margin-left: 2em;
}

div.comment h3.comment-title {
	 margin-bottom: 0.1em;
}

h3#comment-number {
  margin-top: 1em;
}

div.comment h3.title a:link,
div.comment h3.title a:visited,
div.comment h3.title a:active {
  text-decoration: none;
}

div.comment h3.title a:hover {
  text-decoration: underline;
}

div.comment .picture {
  float: right; 
	 margin: 0.3em 0 0.1em 0.3em;
}

div.comment .picture img {
	padding: 0;
}

div.comment .submitted {
  font-size: 0.9em; 
	 margin: 0.17em 0;
}

div.comment .comment-content {}

div.comment .links {
  font-size: 0.95em; 
	 text-align: right; 
	 clear: both;
}

/* Zebra styles for comments. */
div.comment.odd  {}
div.comment.even {}

/* Style comments depending on the comment author. */
div.comment.comment-by-author {}
div.comment.comment-by-anon   {}
div.comment.comment-mine      {}


/***********************************************************
 *                     Forum
 **********************************************************/
#forum table {}
#forum tr td.forum {}
#forum div.indent  {}


/***********************************************************
 *                     Books
 **********************************************************/
/** 
	* Book navigation styles to get you started.
	*/
.book-navigation {}
.book-navigation ul {}
.book-navigation ul li {}
.book-navigation ul li a {}
.book-navigation .page-links {}
.book-navigation .page-links a {}
.book-navigation .page-links a.page-up {}
.book-navigation .page-links a.page-next {}
.book-navigation .page-links a.page-previous {}


/***********************************************************
 *                    Polls
 **********************************************************/
.poll .text {}
.poll .bar {} /*poll bar background */
.poll .bar .foreground {}
.poll .links   {}
.poll .percent {}
.poll .total   {}
.poll .vote-form {}


/***********************************************************
 *                       Lists
 **********************************************************/
.block ul, ul.menu, .item-list ul {
  margin: 0 1em 0.375em 1.42em; 
	 padding: 0;
}

ul.menu li,  li.leaf {
  list-style-image: url(images/arrow.png);
}


/***********************************************************
 *                      Box
 **********************************************************/
/* Search form on the results page, includes advanced search*/
.section-search .box {}
.section-search .box-inner {}
.section-search .box h2.box-title    {}

/* Comment form on a seperate page */
.section-comment .box {}
.section-comment .box-inner {}
.section-comment .box h2.box-title    {}

/* Comment form below content */
#comments .box {}
#comments .box-inner {}
#comments .box h2.box-title    {}

/* Generic box selectors */
.box {}
.box-inner {}
.box h2.box-title {}
.box .box-content {}
.box form         {}
.box .form-item   {}
.box fieldset     {}


/***********************************************************
 *               Footer, Footer Message
 **********************************************************/
/** 
	* Basic styles for the footer.
	*/
#foot-wrapper { 
  text-align: center;
	 margin: 0;
	 padding: 0;
		background: url(../img/template/footer-bg-right.png) no-repeat right top; height: 165px;
}

#footer-inner {
  background: url(../img/template/footer-bg-left.png) no-repeat left top; height: 165px;
		}

#footer, 
#footer-message {
  color: #FFF;
}

#footer a, 
#footer-message a {
  padding: 0.42em;
}

/**
	* Attribution link 
	*/
p.attribution {margin: 0.2em 0; font-size: 0.9em;}
#footer-message p.attribution a {color: #EEE}
#footer-message p.attribution a:hover {color: #CCC}


/***********************************************************
 *                     Pager 
 **********************************************************/
.item-list ul.pager                   {}
.item-list ul.pager li                {}
.item-list ul.pager li.pager-item     {}
.item-list ul.pager li.first          {}
.item-list ul.pager li.last           {}
.item-list ul.pager li.pager-current  {}
.item-list ul.pager li.pager-first    {}
.item-list ul.pager li.pager-previous {}
.item-list ul.pager li.pager-next     {}
.item-list ul.pager li.pager-last     {}

.item-list ul.pager li a:link    {}
.item-list ul.pager li a:visited {}
.item-list ul.pager li a:hover   {}
.item-list ul.pager li a:active  {}
.item-list ul.pager li a.active  {}


/***********************************************************
 *                 RSS Feed Icon
 **********************************************************/
#feed-icon {
	display: none;
	padding-left: 1.5em;
}

#feed-icon img {}
#feed-icon a.feed-icon {}


/***********************************************************
 *                    Tables
 **********************************************************/
/** 
	* The selector groupings are from Garland which offers a
	* sensible starting point for styling Drupal tables.
	*/
table        {}

table a      {}

thead th     {}

th a:link, 
th a:visited {}

td, th       {}

tr.even,
tr.odd,
tbody th     {}

tr.odd, 
tr.info      {}

tr.even      {}

tr.drag      {}

tr.drag-previous {}

tr.odd td.active  {}

tr.even td.active {}

td.region, td.module, td.container td.category {}

tr:first-child td.region,
tr:first-child td.module, 
tr:first-child td.container {}

table.true_false {
	margin: 0;
}

table.true_false tbody {
	border: 0;
}

table.word_list {
	border: 1px solid #99CC00;
	margin: 0 0 0.5em 0;
}

table.word_list tbody {
	border: 0;
}

table.broken_text {
	margin: 0;
}

table.broken_text tbody {
	border: 0;
}

table.broken_text td {
	vertical-align: top;
}

table.correct_word {
	border: 0;
}

table.correct_word tr {
	border-bottom: 1px solid #CCCCCC;
}

ol.discussion_questions {
	list-style-type: lower-alpha;
}

ol.student_a {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px dashed #99CC00;
}

/***********************************************************
 *                   Form elements
 **********************************************************/
/**
	* Theming form elements can be an exercise in self-flagellation.
	* Lets let base.css & Drupal do the hard work and just set very 
	* basic over-rides.
	*/
fieldset {}
 
fieldset legend {}

html.js fieldset.collapsible legend a {}
html.js fieldset.collapsed legend a   {}

.tips {}


/***********************************************************
 *                    Messages
 **********************************************************/
/**
	* Drupal + base.css do a good job of messages already, but
	* you can over-ride all of it. See the Genesis Darkmatter theme
	* as an example. 
	*/
div.messages.success {}

.status {}

.error    {}
div.error {}

.notice {}

div.help    {}
.help ul li {}

.warning    {}
div.warning, 
tr.warning  {}
div.warning {}

div.error, tr.error, 
span.form-required, span.marker {}

.ok    {}
div.ok {}
div.ok, tr.ok {}


/***********************************************************
 *                     Admin
 **********************************************************/
/**
	* <body> class to target most admin pages.
	*/
.section-admin {}

/**
	* Module page specific styles.
	*/
div.admin-dependencies, 
div.admin-required {}
span.admin-enabled {
	color: green;
}

span.admin-disabled {
	color: red;
}

/**
	* The region notices on the block admin page.
	*/
.block-region {}

/* Experimental workaround for the theme list page for narrow themes.
   When both sidebars are active, the left sidebar overlaps the theme list table,
			this forces the sidebars to be a set hight with scroll */
body.page-admin-build-themes #sidebar-left,
body.page-admin-build-themes #sidebar-right,
body.page-admin-build-themes-select #sidebar-left,
body.page-admin-build-themes-select #sidebar-right {
  height: 240px; overflow: scroll;
}

/***********************************************************
 *                   Buttons
 **********************************************************/
button, 
.pushbutton, 
.form-submit {}

button:hover, 
.pushbutton:hover, 
.form-submit:hover {}

.cake-sql-log {
	margin: 0 auto;
	width: 80em;
}

.directory_item {
	margin-bottom: 1em;
	clear: left;
	overflow: hidden;
}

.directory_item img {
	float: right;
	margin-right: 0.5em;
	margin-top: 6px;
}

#region_desc img {
	float: left;
	margin-right: 0.5em;
}

#learn_english_uk img {
	float: left;
	margin-right: 0.5em;
}

.two_columns {
	float: left;
	width: 45%;
}

textarea {
	width: 100%;
	height: 50em;
}

h2 {
	clear: left;
}

h2 a {
	text-decoration: none;
	color: #819D26;
}

h2 a:hover {
	text-decoration: underline;
}

.lesson_date {
	color: #99CC00;
	font-weight: bold;
}

.lesson_summary {
	margin-bottom: 1em;
}

.directory_item h2 {
	clear: none;
}

a.download_link {
	text-decoration: none;
	font-size: 1.7em;
	font-weight: bold;
	color: #263A9E;
	display: block;
	width: 75%;
	margin: 1em auto 0 auto;
	text-align: center;
	border: 1px solid #263A9E;
	-moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

a.download_link:hover {
	background-color: #e3ff87;
}

.download_link img {
	vertical-align: middle;
	margin: 0.5em;
}

#latest {
	border: 1px solid #121A28;
	padding: 0px;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background-color: #EEF6FF;
}

#latest_title {
	border-bottom: 1px solid #1D2D45;
	font-size: 24px;
	font-weight: bold;
	background-color: #1D2D45;
	background-image: url(/img/template/latest-module-title-bg.png);
	color: #fff;
	display: block;
	padding: 0px 0.5em;
	font-style: italic;
}

#latest_body {
	margin: 0;
	padding: 1em;
}

#latest_body h2 a {
	color: #1D2D45;
}

#latest_body .lesson_date {
	color: #314d78;
}

.logos_download {
	margin: 0.5em 0 2em 0;
}

#topTenAllTime {
	display: none;
}