/* $Id: genesis_SUBTHEME.css,v 1.11 2008/11/18 14:52:21 jmburnz Exp $ */


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


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


/**********************************************************
 *                          Body
 **********************************************************/
/**
 * Set global color, background & font family.
	*
	* FONT SIZE
	* Genesis sizes everything in ems relative to 12px. If you set
	* a font size here you will change the width of sidebars and all
	* the default widths, paddings, margins and typographical styles!
	*/
body {
	background-image: url(images/BG_blackGray.png);/*url(http://www.example.com/gradient.gif)*/
	background-repeat: repeat-x; background-color:#d0d1d2;
	color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;	
	
}


/**********************************************************
 *                     The wrapper divs
 **********************************************************/
/**
	* Be careful how you modify these, see layout.css first.
	*/
#container {}
#columns   {margin-left:20px; margin-right:20px; padding-top:35px;}
#content   {}
#main-content {}


/**********************************************************
 *                     Width Setting
 **********************************************************/
/**
	* Override 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: 100%;}

/*
#genesis_3 .two-sidebars  #content-inner  {margin     : 0 14.1667em 0 25.8333em; }
#genesis_3 .sidebar-left  #content-inner  {margin-left:               25.8333em; }
#genesis_3 .sidebar-right #content-inner  {margin-right:  14.1667em; }

#genesis_3 #sidebar-left  {float: left; width: 25.8333em; margin-left: -100%; }
#genesis_3 #sidebar-right {float: left; width: 14.1667em; margin-left: -14.1667em; }
*/

#genesis_3 .two-sidebars  #content-inner  {margin-top: 0  ; margin-right: 221px; margin-bottom:0; margin-left:368px; }
#genesis_3 .sidebar-left  #content-inner  {margin-left:               368px; }
#genesis_3 .sidebar-right #content-inner  {margin-right:  201px; }

#genesis_3 #sidebar-left  {float: left; width: 330px; margin-left: -100%; }
#genesis_3 #sidebar-right {float: left; width: 201px; margin-left: -201px;}



/**********************************************************
 *                       Regions
 **********************************************************/
/* Target all regions with this low specifity selector. */
.region {}

/**
	* Most regions have an .inner div to set paddings or other
	* design contingencies.
	*/
/* Leaderboard is a full width region at the very top, ideal for displaying banners. */
#leaderboard {margin-left:20px;}

/* Header blocks region is embedded in the header, usefull for displaying small banners. */
#header-blocks {}
.header-blocks-inner {}

/* Secondary content is a full width region between the header and the main columns. */
#secondary-content {}
#secondary-content .inner {}

/* Tertiary content is a full width region above the footer, below the main content. */
#tertiary-content {}
#tertiary-content .inner {}

/* Content top and bottom are above and below the main content, within the main content column. */
#content-top {}
#content-bottom {}


/**********************************************************
 *                      Sidebars
 **********************************************************/
	/* Target both sidebars with this low specifity selector. */
.sidebar { }

/* Target a specific sidebar or its sidebar-inner. */
#sidebar-left {}
#sidebar-left .inner {}

#sidebar-right { }
#sidebar-right .inner { padding-left:22px; padding-left:22px; margin-bottom:30px;}


/**********************************************************
 *                    Global padding
 **********************************************************/
/**
	* You can set a global value using .inner and override it 
	* using a more specific selector such as "#sidebar-left .inner".
	*/
/* Global default inner padding */
.inner         {/*padding: 0 0.375em;*/}

/* #content-inner is the main content wrapper */
#content-inner {/*padding: 0 0.375em;*/}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a:link    { color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:hover   {color:#FFFFFF;}
a:active  {color:#FFFFFF;}
a.active  {color:#FFFFFF;}
a.active-trail {}

/* Drupal sets this to black. */
li a.active {color:#FFFFFF;}

/* Remove borders on linked images. */
a img {border: none;}


/**********************************************************
 *                    HTML elements 
 **********************************************************/
/** 
	* Add any html elements you require. 
	* Use genesis/css/type.css as a guide.
	*/
h1 { font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h2 { }
h3 {}
h4 {}
h5 {}
h6 {}
p  {}
blockquote {}

/* The main title on each page. */
h1#page-title {display:none;}


/**********************************************************
 *                       Header 
 **********************************************************/
/**
	* #header-nav wraps #header and #nav.
	*/
#header-nav {}

/* Conditional classes for theming the header. */
#header-nav.with-header    {}
#header-nav.without-header {}
#header-nav.with-nav       { min-height:112px}
#header-nav.without-nav    {}

/* #header wraps #branding, #search-box-top and the #header-blocks region. */
#header {margin-left:20px;}

/* Over-ride default .inner styles. */
#header .inner {}
#header .header-inner {}

/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {float: left;}

/* Logo. */
#logo {}

/* h1 is for the front page only, all others use the div. */
h1#site-name,
div#site-name  {
  font-size: 2em ;
		line-height: 1.5;
		margin: 0;
		padding: 0;
		font-weight: bold;
		text-decoration: none;
}

#site-name a:link,
#site-name a:visited {text-decoration: none;}
#site-name a:hover   {text-decoration: none;}

/* Site slogan. */
#site-slogan {}


/**********************************************************
 *                        Search
 **********************************************************/
/* Float the serch box right. */
#search-box-top {float: right;}

/* Pad the serch box 1.5em top and bottom. */
#search-box-inner {padding: 1.5em 0;}

#search-box-inner #edit-search-theme-form-1 {}
#search-box-inner #edit-search-theme-form-1:hover,
#search-box-inner #edit-search-theme-form-1:focus {}

#search-box-top label {}
#search .form-submit  {}

/* 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 {}

/**********************************************************
 *                        Taxonomy/Tags
 **********************************************************/
div.tags {
display:none;
}


/**********************************************************
 *               Primary & Secondary Links
 **********************************************************/
/**
	* Implimentation of Primary and Secondary Links.
	*
 * Primary & Secondary Links are colored by default so you 
	* can easily identify them.
	*/

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

/**
 * Classes to support any nav menu configuration.
	*/
#nav.primary-secondary {} /* Both primary and secondary menus. */
#nav.with-primary      {} /* Primary menu only. */
#nav.with-secondary    {} /* Secondary menu only. */

/* There is no global .inner on the nav div. */
#nav-inner {}

/**
	* Primary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the primary links Right or Center.
	*/
	
/* FLOAT PRIMARY RIGHT */
/*
#primary .primary-inner {float: right;}
*/

/* ALIGN PRIMARY CENTER */
/*
#primary .primary-inner {display: table; margin: 0 auto; text-align: center;}
*/

/**
	* Primary Links Style
	* Example styles to get you started.
	*/
#primary { 
	 padding: 0;
	 /*background: #FF9999;  Default yellow for dev only. */
	
	background-image: url(images/BG_primaryLinks.png);/*url(http://www.example.com/gradient.gif)*/
	background-repeat: repeat-x;
	
	/*line-height: 41px;*/
}

.primary-inner {}

/* Modify the margin to positing the menu. */
#primary ul.links { padding-left:388px;	padding-top:6px;
		padding-bottom:19px;
			width:560px;
}

/* Modify the margin to set tab spacings. */
#primary ul.links li {
		display: inline;
		list-style: none;
		
		padding-top:5px;
		padding-right:20px;
		margin-right: -4px;
		padding-bottom:6px;
		
		border-left-color:#E6E6E6;
		border-left-style:dotted;
		border-left-width:1px;
		
		border-right-color:#666666;
		border-right-style:dotted;
		border-right-width:1px;		
	
		/*padding: 0;*/
		
		padding-left:25px;
		text-shadow: #666666 5px 5px 5px;
    	  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);
				 
    background-repeat: no-repeat;
	overflow: hidden;
}



#primary ul.links li[class^="menu-273"]{
	
    background-image: url(images/marker_blue.png);

}
#primary ul.links li[class^="menu-274"]{
    background-image: url(images/marker_red.png);

}
#primary ul.links li[class^="menu-275"]{
    background-image: url(images/marker_purple.png);

}
#primary ul.links li[class^="menu-276"]{
    background-image: url(images/marker_green.png);

}

#primary ul.links li[class*="last"]{
	border-right-color:#E6E6E6;

}

#primary ul.links li a {
		text-decoration: none;
		white-space: nowrap;
}

#primary ul.links li a:hover,
#primary ul.links li a.active,
#primary ul.links li a.active-trail {text-decoration: underline;}

/* Set unique active-trail styles */
/*#primary ul.links li a.active-trail {}*/

/**
	* Secondary Links Positioning
	*
	* Default is aligned left - uncomment either of these
	* to set the secondary links Right or Center.
	*/

/* FLOAT SECONDARY RIGHT */
/*
#secondary .secondary-inner {float: right;}
*/

/* ALIGN SECONDARY CENTER */
/*
#secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;}
*/

/**
	* Secondary Links Style
	*/
#secondary { 
	 padding: 0;
	 	margin-left: 388px;
		margin-right:221px;
		
	 background-color: #000000; 
		font-weight: normal;
	margin-top:-14px;
	max-width:492px;
		min-width:492px;
border-color:#FFFFFF; border-width:1pt; border-style:double;
	
	
	
/*	background-color:#1A1A1A; border-color:#FFFFFF; border-width:1pt; border-style:double; */
}

.secondary-inner {	;}

/* Modify the margin to positing the menu. */
#secondary ul.links {
	 margin: 0; /* RTL */
	
}

/* Modify the margin to set tab spacings. */
#secondary ul.links li {
		display: inline;
		list-style: none;
		line-height: 2.2;
		padding: 0;
		margin: 0 1em;
}
#secondary ul.links li a {
		text-decoration: none;
		white-space: nowrap;
}
#secondary ul.links li a:hover,
#secondary ul.links li a.active,
#secondary ul.links li a.active-trail {text-decoration: underline;}

/* Set unique active-trail styles */
/*#secondary ul.links li a.active-trail {}*/


/**********************************************************
 *                       Menus
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
	*/
ul.menu {}
ul.menu li {}

ul.menu li.leaf {}
ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.active-trail {}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *                      Breadcrumb
 **********************************************************/
/**
	* Genesis places the breadcrumb directly below the header, 
	* giving it the full width of theme to expand into.
	* You can eaisly drag the breadcrumb html to the main 
	* content column if you need to.
	*/
#breadcrumb {
  margin: 0;
}
.breadcrumb {
  margin: 0;
  padding: 0 0 0.75em 0;
  display:none;
}


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


/**********************************************************
 *                        Nodes
 **********************************************************/
/** 
	* Implimentation of node styles.
	*/
/* 1.5em margin bottom on nodes preserves the vertical grid. */
.node {margin: 0 0 1.5em;}

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

/* Node title on teasers and other lists. */
.node h2.node-title {}

.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;	
}

/* Node content wrapper. */
.node .node-content {}

.node ul.links {
  display: block; 
	 text-align: right;
}

/* Theme the node teaser seperatly. */
.node-teaser {}
.node-teaser .node-inner {}


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

/* Theme node types. */
.node-type-blog  {}
.node-type-page  {}
.node-type-story {}
.node-type-forum {}
.node-type-book  {}
.node-type-poll  {}

/* Clear the user picture on Polls. */
.node-type-poll .node-content {clear: both;}
 
/* 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;
  margin: 0 0 1.5em;
  clear: both;
}

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

/* Default node title. */
.block h2.block-title { font-weight:normal;}

/* Block content wrapper. */
.block .block-content {
  padding: 0;
}

/* Block lists */
.block ul {}
.block ul li {}
.block .item-list ul {}
.block .item-list ul 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 {}
	*/

/**
	* Sidebar and Region Specific Block Styles
	*
	* You can target blocks in one or more regions and 
	* style them differently. 
	*/
/* Low specifity selector to style blocks in both sidebars. */
.sidebar .block {}

/* High specifity selectors to style blocks in one sidebar. */
#sidebar-left .block {}
#sidebar-left .block h2 {}
#sidebar-left .block-inner {}
#sidebar-left .block .block-content {}

#sidebar-right .block, .newsTeaser_blockOuter{background-color:#1A1A1A; border-color:#000000; border-width:1pt; border-style:double; padding-top:10px; padding-bottom:20px}
#sidebar-right .block h2 { padding-bottom:10px;}
#sidebar-right .block-inner {}
#sidebar-right .block .block-content {}

/* Low specifity selector to style blocks in all regions. */
.region .block {}

/* High specifity selectors to style blocks in one region. */
#leaderboard .block       {}
#header-blocks .block     {}
#secondary-content .block {}
#tertiary-content .block  {}
#content-top .block       {}
#content-bottom .block    {}
#footer .block            {}

/**
	* 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.
	*/
/* Comment wrapper */
#comments {}
	
div.comment {
  margin: 0 0 0.375em 0;
	 padding: 0.375em; 
}

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

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

/* The title of each comment. */
div.comment h3.comment-title {
	 margin-bottom: 0;
}

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

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

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

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

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

div.comment .submitted {
  color: #888;
	 margin: 0;
}

/* Comment content wrapper. */
div.comment .comment-content {}

div.comment .links {
	 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      {}


/**********************************************************
 *                   Profile
 **********************************************************/
/* Position the user picture on the right in user profiles. */
.profile .picture {
  float: right; 
		margin: 2em 0 1em 0.5em; /* RTL */
}

/* Fix alignment on user profile page. */
.profile dt {
  margin: 1.4em 0 0 0;
}


/**********************************************************
 *                     Forum
 **********************************************************/
#forum table {
  width: 100%;
}

/* Position forum icons. */
#forum tr td.forum { 
  background-position: 5px 5px!important; 
  background-position: 5px 5px;
  padding-left: 1.67em; 
}

/* Add padding left to the forum name. */
#forum tr td.forum .name {
  padding-left: 0.375em;
}

#forum div.indent  {
  margin-left: 0.5em;
}


/**********************************************************
 *                     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 {
  padding: 0.75em;
  margin-bottom: 1.5em;
  border: none;
}
.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 {}
.book-navigation .menu {
  padding: 1.5em 0 0 3em;
  margin: 0 0 1.5em 0;
}


/**********************************************************
 *                    Polls
 **********************************************************/
/* Poll bar background. */
.poll .bar  {}  

/* Poll bar forground, the colored bar indicating poll votes. */
.poll .bar .foreground {}

.poll .text    {}
.poll .links   {}
.poll .percent {}
.poll .total   {}
.poll .vote-form {}


/**********************************************************
 *                      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.375em 0;
	 padding: 0.75em;
}

#footer {}
#footer-message {}

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

/**
	* Attribution link.
	*/
p.attribution {}
#footer-message p.attribution a {}
#footer-message p.attribution a:hover {}


/**********************************************************
 *                     Pager 
 **********************************************************/
/* The first 2 classes provide the base pager styles. */
.item-list ul.pager    {}
.item-list ul.pager li {}

/* Theme the various states of pager links. */
.item-list ul.pager li a:link    {}
.item-list ul.pager li a:visited {}
.item-list ul.pager li a:hover   {}

/* Note: .pager-current is for the current page. */
.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     {}


/**********************************************************
 *                 RSS Feed Icon
 **********************************************************/
#feed-icon {}
#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 { color:#000000}
table a { color:#000000}
table a:link, table a:visited{color:#000000}

thead th { color:#FFFFFF}
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.system-status-report th {}
#blocks tr.region-message{}

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

html.js fieldset.collapsible legend a {color:#FFFFFF;}
html.js fieldset.collapsed legend a   { color:#FFFFFF;}

.tips {}

input.form-text, textarea {}

.resizable-textarea .grippie {}



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

.status {}

.error    {}
div.error {}

.notice {}

div.help    { background-color:#CC9900; color:#000000;}
.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 {}
span.admin-disabled {}

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

/** 
 * Experimental workaround for the theme list page for very narrow themes.
 * When both sidebars are active, the left sidebar overlaps the theme list table,
	* this forces the sidebars to be a set height with scroll bars. 
 */
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
 **********************************************************/
/**
	* Restyle form buttons.
	*/
button, 
.pushbutton, 
.form-submit {}

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

  /**********************************************************
 *             MY TWITTER BLOCK
 **********************************************************/
 .twitter_content{ list-style-type: none; padding-top:7px; }
 .twitter_content a:link{ display:none}
 .more_news_link{float:left;}
 .more_news_img{float:left; padding-right:5px; background-image:url(images/feed.png); background-repeat:no-repeat;}
  .more_news_text{float:left;}

/**********************************************************
 *             CHILDREN MENU AND TAXONOMY MENU - ALL
 **********************************************************/

.children_menu_defaultImage, .children_menu_foundImage{ padding-left:4px; padding-top:4px;}
.children_menu_defaultImage{background-image: url(images/defaultImage.png); background-repeat: repeat-x;}
.children_menu_BGImage,.children_menu_BGImage1,.children_menu_BGImage2,.children_menu_BGImage3{ padding-top: 5px; padding-bottom:6px; padding-left:4px; padding-right:4px; background-repeat: repeat-x;}
.children_menu_BGImage1 {background-image: url(images/children_menu_BGImage1.png);}
.children_menu_BGImage2 {background-image: url(images/children_menu_BGImage2.png);}
.children_menu_BGImage3 {background-image: url(images/children_menu_BGImage3.png);}
.children_menu_resumeList_wholeMenu, .children_menu_grid_wholeMenu {} 
.children_menu_resumeList_category, .children_menu_grid_category { width:100%; float:left;} 
.children_menu_resumeList_categoryTitle, .children_menu_grid_categoryTitle { margin-bottom:10px;} 
.children_menu_resumeList_unitGroup, .children_menu_grid_unitGroup {} 
.children_menu_resumeList_unit, .children_menu_grid_unit { }
.children_menu_resumeList_unitImage, .children_menu_grid_unitImage {}
.children_menu_resumeList_unitTitle, .children_menu_grid_unitTitle {}
.children_menu_resumeList_unitTitle_link, .children_menu_grid_unitTitle_link {}
.children_menu_resumeList_unitTitle_append, .children_menu_grid_unitTitle_append {}

/**********************************************************
 *             CHILDREN MENU AND TAXONOMY MENU - GRID
 **********************************************************/

.children_menu_grid_wholeMenu {} 
.children_menu_grid_category {} 
.children_menu_grid_categoryTitle {} 
.children_menu_grid_unitGroup {} 
.children_menu_grid_unit {width:110px;  margin-right:20px; margin-bottom:20px; text-align:left; float:left;} 
.children_menu_grid_unitImage {}
.children_menu_grid_unitTitle { font-style:italic;}
.children_menu_grid_unitTitle_link {}
.children_menu_grid_unitTitle_append {}
 
 
 /**********************************************************
 *             CHILDREN MENU AND TAXONOMY MENU - RESUME LIST
 **********************************************************/
 
.children_menu_resumeList_wholeMenu {} 
.children_menu_resumeList_category { margin-bottom:20px;} 
.children_menu_resumeList_categoryTitle { margin-bottom:5px;} 
.children_menu_resumeList_unitGroup {} 
.children_menu_resumeList_unit { margin-bottom:10px;}
.children_menu_resumeList_unitImage{ display:none;}
.children_menu_resumeList_unitTitle {}
.children_menu_resumeList_unitTitle_link {}
.children_menu_resumeList_unitTitle_append{font-style:italic;}

.music_musicTaste{float:left; height:250px; margin-right:20px;}

/**********************************************************
 *             TAXONOMY BLOCK
 **********************************************************/
 .taxBlock_vocab{margin-bottom:5px; }
 .taxBlock_vocabName{}
 .taxBlock_terms{  font-weight:lighter; font-style:italic; font-size:12px;}
 
 /**********************************************************
 *             TAXONOMY BLOCK
 **********************************************************/
 .newsTeaser_blockOuter{ margin-bottom:30px; min-height:20px; }
 .newsTeaser_blockInner{padding-left:22px;  }
 .newsTeaser_blockOrder_0{margin-top:22px;}
 .newsTeaser_Perso{ background-color:#285919;}
 .newsTeaser_Music{ background-color:#3F0A5B;}
 .newsTeaser_HCI{ background-color:#213670;}
 .newsTeaser_Graph{ background-color:#720303;}
 .newsTeaser_date{ float:left}
 .newsTeaser_pageTitle{ float:left; padding-left:10px;}