/*  
Theme Name: thefreshoutlook
Description: A custom theme designed specifically for the fresh outlook newspaper
Version: 1.0
Author: Darren George
*/


/*******************************************************************************************************************************************************************
 IE6 Fix For Dropdown Menu Definition
 ******************************************************************************************************************************************************************/

body {
	behavior: url("http://www.thefreshoutlook.com/wp-content/themes/fo-darren.co.uk/ie6HoverFix.htc");
}

/*******************************************************************************************************************************************************************
 Section Definitions
 ******************************************************************************************************************************************************************/

body
  {
  font-size: 11px;
  font-family: Arial, Helvetica, Sans-serif;
  text-align: center;
  margin: 1em 0 0 0;
  padding: 0;  
  }

#page
  {
  /* 940px */  
  width: 85.454em;  
  
  margin: 0;
  padding: 0;  
  
  text-align: left;
  
  margin-left: auto;
  margin-right: auto;  
  }

#header
  {
  margin: 0;
  padding: 0;  
  
  /* 940px */  
  width: 85.454em;  
  
  /* 30px */
  height: 2.727em;  
  }

#banner
  {
  /* 940px */  
  width: 85.454em; 

  margin: 0;
  padding: 0;
  
  /* 20px */
  margin-bottom: 1.818em;  
  }
  
#banner img
  {
  /* 940px */  
  width: 85.454em;   
  
  /* 100px */
  height: 9.090em;
  }  

#tabs
  {
  margin: 0;
  padding: 0;  
  
  /* 940px */  
  width: 85.454em;  
  
  /* 30px */
  height: 2.727em;  
  }

#vessel
  {
  /* 940px */
  width: 85.454em;

  margin: 0;
  padding: 0;  
  }

#content
  {
  /* 690px */
  width: 62.727em;
  float: left;
  
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-right: 0.909em;
  display: inline;
  }

#holder
  {
  /* 630px */
  width: 57.272em;
  float: left;
  
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-right: 0.909em;
  display: inline;  
  }

#cargo
  {
  /* 390px */
  width: 35.454em;
  float: left;
  
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-right: 0.909em;
  display: inline;  
  }

#vessel #submenu, #content #submenu, #holder #submenu, #cargo #submenu
  {
  margin: 0;
  padding: 0;   
  }

#vessel #submenu
  {
  /* 940px */
  width: 85.454em;
       
  /* 20px */
  height: 1.818em;    
  }

#content #submenu
  {
  /* 690px */
  width: 62.727em;
       
  /* 20px */
  height: 1.818em;   
  }

#holder #submenu
  {
  /* 630px */
  width: 57.272em;
       
  /* 20px */
  height: 1.818em;   
  }

#cargo #submenu
  {
  /* 390px */
  width: 35.454em;
       
  /* 20px */
  height: 1.818em;   
  }
  
#vessel #headlineCategory.slideshow
  {
  /* 752px */
  width: 68.363em; 

  float: left;
  
  /* 330px */
  height: 30em;
  
  /* 10px */
  padding-top: 0.909em;
  
  background-color: #FFFFFF;
  } 

#vessel #headlineCategory.slideshow table.headlineArticle
  {  
  background-color: #FFFFFF;
  
  border-bottom: 0;
  }      

#vessel #headlineCategory.slideshow table.headlineArticle tr td.graphiteBg
  {
  background-color: #666666;
  }

#vessel #latest
  {
  /* 188px */
  width: 17.090em;

  float: left;
  
  /* 330px */
  height: 30em;
  
  overflow: scroll;
  
  /* 10px */
  margin-top: 1.818em;
  
  background-color: #CCCCCC;  
  }  


#vessel table#frontpageCategories
  {
  clear: both;
  
  table-layout: fixed;
  width: 100%;
  }

#vessel table#frontpageCategories tr td#prominentCategory
  {  
  /* 476px */
  width: 43.272em;

  margin: 0;
  padding: 0;
  
    /* 5px */
  padding-right: 0.454em; 
    
  vertical-align: top;    
  }
  
#vessel table#frontpageCategories tr td.standardCategories 
  {
  /* 232px */
  width: 21.090em;

  margin: 0;
  padding: 0;    
        
  vertical-align: top;  
  }  

#foundation
  {
  /* 940px */
  width: 85.454em;  
  float: left;

  margin: 0;
  padding: 0;
    
  /* 10px */
  margin-bottom: 0.909em;
             
  clear: both;
  }

#base
  {
  /* 940px */
  width: 85.454em;
  float: left;

  margin: 0;
  padding: 0;
    
  /* 10px */
  margin-bottom: 0.909em;      
  
  clear: both;
  }

#cargoSidebar
  {
  /* 280px */
  width: 25.454em;
  float: left;

  margin: 0;
  padding: 0;
  
  /* 20px */
  margin-left: 1.818em; 
  display: inline; 
  }
    
#generalSidebar
  {
  /* 220px */
  width: 20em;
  float: left;

  margin: 0;
  padding: 0;
  
  /* 20px */
  margin-left: 1.818em;
  display: inline;  
  }

#footer
  {
  /* 940px */
  width: 85.454em;
  clear: both;
    
  margin: 0;
  padding: 0;    
  
  /* 20px */
  padding-top: 1.818em;
  
  /* 10px */
  padding-bottom: 0.909em;  
  
  /* 20px */
  height: 1.818em;  
  }
      
/*******************************************************************************************************************************************************************
 Other Definitions
 ******************************************************************************************************************************************************************/  

table.headlineArticle
  {  
  /* 2px */
  border-bottom: 2px dotted grey;
  }

#cargo table.headlineArticle
  {
  border-bottom: 0;
  
  background-color: #E8E8E8;  
  }
  
table.standardArticle
  {
  /* 2px */
  border-bottom: 2px dotted grey;  
  }    

table.headlineArticle, table.standardArticle
  {
  margin: 0;
  padding: 0;
  
  width: 100%;  
  }
  
table.headlineArticle tr td, table.standardArticle tr td
  {
  margin: 0;
  padding: 0;
  
  vertical-align: top;
  }  

#cargoSidebar table.standardArticle tr td.miniContainer
  {
  width: 24%;
  } 

#cargoSidebar table.standardArticle tr td.miniRemainder
  {
  width: 76%;
  }

#generalSidebar table.standardArticle tr td.miniContainer
  {
  width: 31%;
  } 

#generalSidebar table.standardArticle tr td.miniRemainder
  {
  width: 69%;
  }

#vessel table.standardArticle tr td.thumbnailContainer
  {
  width: 12%;
  }
  
#vessel table.standardArticle tr td.thumbnailRemainder
  {
  width: 88%;
  }

#content table.standardArticle tr td.thumbnailContainer
  {
  width: 15%;
  }
  
#content table.standardArticle tr td.thumbnailRemainder
  {
  width: 85%;
  } 

#holder table.standardArticle tr td.thumbnailContainer
  {
  width: 18%;
  }
  
#holder table.standardArticle tr td.thumbnailRemainder
  {
  width: 82%;
  } 
  
#cargo table.standardArticle tr td.thumbnailContainer
  {
  width: 27%;
  }
  
#cargo table.standardArticle tr td.thumbnailRemainder
  {
  width: 73%;
  }   

#vessel table.headlineArticle tr td.smallContainer
  {
  width: 19%;
  }

#vessel table.headlineArticle tr td.smallRemainder
  {
  width: 81%;
  }

#content table.headlineArticle tr td.smallContainer
  {
  width: 24%;
  }

#content table.headlineArticle tr td.smallRemainder
  {
  width: 76%;
  }

#holder table.headlineArticle tr td.smallContainer
  {
  width: 28%;
  }

#holder table.headlineArticle tr td.smallRemainder
  {
  width: 72%;
  }

#cargo table.headlineArticle tr td.smallContainer
  {
  width: 43%;
  }
  
#cargo table.headlineArticle tr td.smallRemainder
  {
  width: 57%;
  }   

#vessel table.headlineArticle tr td.mediumContainer
  {
  width: 27%;
  }

#vessel table.headlineArticle tr td.mediumRemainder
  {
  width: 73%;
  }

#content table.headlineArticle tr td.mediumContainer
  {
  width: 34%;
  }

#content table.headlineArticle tr td.mediumRemainder
  {
  width: 66%;
  }

#holder table.headlineArticle tr td.mediumContainer
  {
  width: 39%;
  }

#holder table.headlineArticle tr td.mediumRemainder
  {
  width: 61%;
  }

#cargo table.headlineArticle tr td.mediumContainer
  {
  width: 46%;
  }

#cargo table.headlineArticle tr td.mediumRemainder
  {
  width: 54%;
  }

#vessel table.headlineArticle tr td.2xMediumContainer 
  {
  width: 55%;
  }

#vessel table.headlineArticle tr td.2xMediumRemainder
  {
  width: 45%;
  }

img.rssIcon
  {
  float: right;
  
  /* 15px */
  margin-top: 1.363em;
  }

table.articleMeta
  {
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-top: 0.909em;
  
  /* 20px */
  margin-bottom: 1.818em;  
  
  border-top: 2px solid #DB203F;
  border-bottom: 2px solid #DB203F;
  
  table-layout: fixed;
  width: 100%;
  }
  
table.articleMeta tr td, table.articleMeta tr th
  {
  margin: 0;
  padding: 0;
  
  vertical-align: top;  
  }  
  
table.articleMeta tr td p, table.articleMeta tr th p
  {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;  
  }  

.slideshow 
  {                                           
  text-align: left;
    
  margin: 0;
  padding: 0;     
  
  /* 10px */
  margin-top: 0.909em;
  
  overflow: hidden;               
  }
                    
.slideshow .slides 
  {                 
  display: none;                                           
  }
        
.slideshow #slide1 
  {
  display: block;
  }    

.presentation 
  {                                           
  text-align: left;
    
  margin: 0;
  padding: 0;     
  
  /* 10px */
  margin-top: 0.909em;
  
  overflow: hidden;               
  }
                    
.presentation .blocks 
  {                 
  display: none;                                           
  }
        
.presentation #block1 
  {
  display: block;
  }    

.presentation .blocks .greyBg
  {
  background-color: #4D4D4D;
  } 

.presentation .blocks .presentationText
  {
  float: left;  
  }

.presentation .blocks .presentationImage
  {
  float: left;
  }

#cargoSidebar .widget, #generalSidebar .widget
  {
  margin: 0;
  padding: 0;
  
  /* 20px */
  margin-top: 1.818em;  
  }
  
/*******************************************************************************************************************************************************************
 Text Definitions
 ******************************************************************************************************************************************************************/   
  
p
  {
  /* 12px */
  font-size: 1.090em;
  
  margin: 0;
  padding: 0;

  /* 5px */
  padding-left: 0.416em;
  padding-right: 0.416em;
  
  /* 10px */
  margin-top: 0.833em;
  margin-bottom: 0.833em;  
  }

p.whiteText
  {
  color: white;
  }

p span.large
  {
  /* 16px */
  font-size: 1.333em;
  }
  
p span.medium
  {
  /* 14px */
  font-size: 1.166em;  
  } 
    
p span.toTheLeft
  {
  float: left;
  }
  
p span.toTheRight
  {  
  float: right;
  }

p.bold
  {
  font-weight: bold;
  }

#vessel ul, #content ul, #holder ul, #cargo ul, #cargoSidebar ul, #generalSidebar ul, #foundation ul, #base ul, #vessel ol, #content ol, #holder ol, #cargo ol, #cargoSidebar ol, #generalSidebar ol, #foundation ol, #base ol
  {
  /* 12px */
  font-size: 1.090em;
  
  margin: 0;
  padding: 0;  

  /* 35px */
  padding-left: 2.916em;

  /* 10px */
  margin-top: 0.833em;
  margin-bottom: 0.833em;
  }

#vessel ul.bigger, #content ul.bigger, #holder ul.bigger, #cargo ul.bigger, #cargoSidebar ul.bigger, #generalSidebar ul.bigger, #foundation ul.bigger, #base ul.bigger, #vessel ol.bigger, #content ol.bigger, #holder ol.bigger, #cargo ol.bigger, #cargoSidebar ol.bigger, #generalSidebar ol.bigger, #foundation ol.bigger, #base ol.bigger
  {
  /* 14px */
  font-size: 1.272em;
  
  margin: 0;
  padding: 0;  

  color: #404040;

  /* 35px */
  padding-left: 3.181em;

  /* 10px */
  margin-top: 0.909em;
  margin-bottom: 0.909em;    
  }

#vessel ul.reducedIndent, #content ul.reducedIndent, #holder ul.reducedIndent, #cargo ul.reducedIndent, #cargoSidebar ul.reducedIndent, #generalSidebar ul.reducedIndent, #foundation ul.reducedIndent, #base ul.reducedIndent, #vessel ol.reducedIndent, #content ol.reducedIndent, #holder ol.reducedIndent, #cargo ol.reducedIndent, #cargoSidebar ol.reducedIndent, #generalSidebar ol.reducedIndent, #foundation ol.reducedIndent, #base ol.reducedIndent
  {
  /* 20px */
  padding-left: 1.66em;
  }

#vessel ul.whiteText, #content ul.whiteText, #holder ul.whiteText, #cargo ul.whiteText, #cargoSidebar ul.whiteText, #generalSidebar ul.whiteText, #foundation ul.whiteText, #base ul.whiteText, #vessel ol.whiteText, #content ol.whiteText, #holder ol.whiteText, #cargo ol.whiteText, #cargoSidebar ol.whiteText, #generalSidebar ol.whiteText, #foundation ol.whiteText, #base ol.whiteText
  {
  color: white;
  }
    
h1
  {
  /* 24px */
  font-size: 2.181em;

  margin: 0;
  padding: 0;

  /* 5px */
  padding-left: 0.208em;
  padding-right: 0.208em;

  /* 10px */
  margin-top: 0.416em;
  margin-bottom: 0.416em;
  
  color: #5F5F5F;
  }
  
h2
  {
  /* 20px */
  font-size: 1.818em;
    
  margin: 0;
  padding: 0;  

  /* 5px */
  padding-left: 0.25em;
  padding-right: 0.25em;
  
  /* 10px */
  margin-top: 0.5em;
  margin-bottom: 0.5em;  
  
  color: #5F5F5F;
  }

h2.categoryHeading
  {
  /* 20px */
  font-size: 1.818em;
  
  /* 5px */
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  
  color: #FFFFFF;
  }

#foundation h2, #base h2
  {
  /* 16px */
  font-size: 1.454em;
  
  margin: 0;
  padding: 0;  

  /* 5px */
  padding-left: 0.312em;
  padding-right: 0.312em;
  
  /* 10px */
  margin-top: 0.625em;
  margin-bottom: 0.625em;  
  
  color: #5F5F5F;    
  }
  
h3
  {
  /* 23px */
  font-size: 2.090em;

  margin: 0;
  padding: 0;  

  /* 5px */
  padding-left: 0.217em;
  padding-right: 0.217em;
  
  /* 10px */
  margin-top: 0.434em;
  margin-bottom: 0.434em;
  
  color: #5F5F5F;
  }
  
h4
  {
  /* 16px */
  font-size: 1.454em;

  margin: 0;
  padding: 0;  

  /* 5px */
  padding-left: 0.312em;
  padding-right: 0.312em;
  
  /* 10px */
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  
  color: #5F5F5F;
  }

h4.whiteText
  {
  color: white;
  }

/*******************************************************************************************************************************************************************
 Link Definitions
 ******************************************************************************************************************************************************************/
  
#header a, #tabs a, #vessel a, #content a, #holder a, #cargo a, #cargoSidebar a, #generalSidebar a, #foundation a, #base a, #footer a
  {
  color: #005689;
  text-decoration: none;
  }

#tabs a:hover, #tabs a:visited
  {
  color: #0056B1;
  text-decoration: none; 
  }

#header a:hover, #vessel a:hover, #content a:hover, #holder a:hover, #cargo a:hover, #cargoSidebar a:hover, #generalSidebar a:hover, #foundation a:hover, #base a:hover, #footer a:hover, #header a:visited, #vessel a:visited, #content a:visited, #holder a:visited, #cargo a:visited, #cargoSidebar a:visited, #generalSidebar a:visited, #foundation a:visited, #base a:visited, #footer a:visited
  {
  color: #0056B1;
  text-decoration: underline;
  }  

/*******************************************************************************************************************************************************************
 Other Definitions
 ******************************************************************************************************************************************************************/
 
.cleared
  {
  clear: both;
  }


/*******************************************************************************************************************************************************************
 Form Definitions
 ******************************************************************************************************************************************************************/

#vessel #respond
  {
  /* 940px */
  width: 85.454em;  
  } 
 
#content #respond
  {
  /* 690px */
  width: 62.727em;  
  } 
 
#holder #respond
  {
  /* 630px */
  width: 57.272em;  
  } 
  
#cargo #respond
  {
  /* 530px */
  width: 48.181em;  
  }  

#vessel #respond, #content #respond, #holder #respond, #cargo #respond   
  {  
  /* 50px */
  margin-top: 4.545em;
  
  background-color: #FFFFFF;
  }
  
form#commentform p.comment-notes, form#commentform span.required
  {
  color: red;
  }  
  
form#commentform label
  {
  /* 250px */
  width: 22.727em;
  
  display: inline-block;
  }  

form#searchform label.screen-reader-text
  {
  /* 12px */
  font-size: 1.090em;
  
  margin: 0;
  padding: 0;

  /* 5px */
  padding-left: 0.416em;

  
  /* 10px */
  margin-top: 0.833em;
  margin-bottom: 0.833em;   
  } 

/*******************************************************************************************************************************************************************
 Comment Definitions
 ******************************************************************************************************************************************************************/

#vessel .commentlist
  {
  /* 940px */
  width: 85.454em;  
  } 
 
#content .commentlist
  {
  /* 690px */
  width: 62.727em;  
  } 
 
#holder .commentlist
  {
  /* 630px */
  width: 57.272em;  
  } 
  
#cargo .commentlist
  {
  /* 530px */
  width: 48.181em;  
  }    
 
#vessel .commentlist, #content .commentlist, #holder .commentlist, #cargo .commentlist
  {  
  /* 20px */
  margin-top: 1.818em;  
  } 
  
.commentlist .comment
  {
  /* 10px */
  margin-top: 0.909em;
  margin-bottom: 0.909em;
  }  

.commentlist .depth-1
  {
  /* 0px */
  margin-left: 0;
  
  /* 2px */
  border: 2px dotted grey;
  }
  
.commentlist .depth-2
  {
  /* 100px */
  margin-left: 9.090em;  
  }  
     
.commentlist .comment-author .fn, .commentlist .comment-author .says
  {
  /* 12px */
  font-size: 1.090em;
  
  margin: 0;
  padding: 0;
  
  /* 10px */
  margin-top: 0.833em;
  margin-bottom: 0.833em;  
  }    
      
.commentlist .comment-meta, .commentlist .reply
  {
  /* 12px */
  font-size: 1.090em;
  
  margin: 0;
  padding: 0;

  /* 5px */
  padding-left: 0.416em;
  padding-right: 0.416em;
  
  /* 10px */
  margin-top: 0.833em;
  margin-bottom: 0.833em;    
  }        
  
/*******************************************************************************************************************************************************************
 Image Definitions
 ******************************************************************************************************************************************************************/

a img
  {
  border: 0;
  }  


/* The following three definitions are only applied to those images that are not actually attached to a post but are added via the featured image plugin */
  
img.wp-post-image
  {  
  margin: 0;
  padding: 0;
  
  /* 5px */
  margin-left: 0.454em;  
  }

img.attachment-thumbnail, img.attachment-mini
  {    
  /* 5px */
  margin-right: 0.454em;
  
  /* 5px */
  margin-bottom: 0.454em;      
  }
  
img.attachment-medium, img.attachment-large, img.attachment-full
  {  
  /* 10px */
  margin-right: 0.909em;
  
  /* 10px */
  margin-bottom: 0.909em;
  
  float: left;
  }

/* The remaining image definitions are only applied to those images that have been inserted into a post using the insert into post button */
/* You can only insert the wordpress predefined image sizes into posts using the insert post button */
/* Therefore you can only insert the following image sizes into posts:- "thumbnail", "medium", "large" and "full" */

img.size-thumbnail, img.size-medium, img.size-large, img.size-full
  {
  margin: 0;
  padding: 0;  
  }
  
/* Remember that the img.size-thumbnail.* definitions will not be used as thumbnails on magazine style pages (as things stand)....the img.size-thumbnail.* definitions might only be used via the "insert into post" button on posts/pages themselves.  The img.attachment-thumbnail definition is used on magazine style pages as the thumbnail image */  
  
img.size-thumbnail.alignnone, img.size-medium.alignnone, img.size-large.alignnone, img.size-full.alignnone,  
img.size-thumbnail.alignleft, img.size-medium.alignleft, img.size-large.alignleft, img.size-full.alignleft
  {
  /* 5px */
  margin-left: 0.454em;   

  /* 10px */
  margin-right: 0.909em;
  
  /* 10px */
  margin-bottom: 0.909em;
  
  float: left;
  }
  
img.size-thumbnail.aligncenter, img.size-medium.aligncenter, img.size-large.aligncenter, img.size-full.aligncenter
  {
  margin-left: auto; 
  margin-right: auto;
  
  display: block; 
  }  

img.size-thumbnail.alignright, img.size-medium.alignright, img.size-large.alignright, img.size-full.alignright
  {
  /* 5px */
  margin-right: 0.454em;  
  
  /* 10px */
  margin-left: 0.909em;
  
  /* 10px */
  margin-bottom: 0.909em;
  
  float: right;
  }  
  
/*******************************************************************************************************************************************************************
 Colour Definitions
 ******************************************************************************************************************************************************************/
 
h2.categoryHeading.redBg
  {
  background-color: #DB203F;  
  }               

h2.categoryHeading.blackBg
  {
  background-color: #000000;
  }
    
h2.categoryHeading.blueBg
  {
  background-color: #3FB7DA;    
  }
  
h2.categoryHeading.orangeBg
  {
  background-color: #FBAF1B;    
  }
  
h2.categoryHeading.purpleBg
  {
  background-color: #88309E;
  }  

h2.categoryHeading.yellowBg
  {
  background-color: #FAAE1A;
  }  
    
#tabs ul#menu-main-tabs-menu li.menu-item.transparent a,    
#tabs ul#menu-main-tabs-menu li.menu-item.red a,
#tabs ul#menu-main-tabs-menu li.menu-item.black a,
#tabs ul#menu-main-tabs-menu li.menu-item.blue a,
#tabs ul#menu-main-tabs-menu li.menu-item.orange a,
#tabs ul#menu-main-tabs-menu li.menu-item.purple a,
#tabs ul#menu-main-tabs-menu li.menu-item.yellow a
  {
  border-top-width: 3px;
  border-top-style: solid;  
  }
  
#tabs ul#menu-main-tabs-menu li.menu-item ul.sub-menu li.menu-item a
  {
  border-top: 0;
  }  

#tabs ul#menu-main-tabs-menu li.menu-item.transparent a
  {  
  border-top-color: transparent;
  }

#tabs ul#menu-main-tabs-menu li.menu-item.red a
  {  
  border-top-color: #DB203F;
  color: #DB203F;
  }

#tabs ul#menu-main-tabs-menu li.menu-item.red:hover a
  {
  background-color: #DB203F;
  color: #FFFFFF;
  }
  
#tabs ul#menu-main-tabs-menu li.menu-item.black a
  {  
  border-top-color: #000000;
  color: #000000;
  }  

#tabs ul#menu-main-tabs-menu li.menu-item.black:hover a
  {
  background-color: #000000;
  color: #FFFFFF;
  }
  
#tabs ul#menu-main-tabs-menu li.menu-item.blue a
  {
  border-top-color: #3FB7DA;
  color: #3FB7DA;
  }  

#tabs ul#menu-main-tabs-menu li.menu-item.blue:hover a
  {
  background-color: #3FB7DA;
  color: #FFFFFF;
  }
  
#tabs ul#menu-main-tabs-menu li.menu-item.orange a
  {
  border-top-color: #FBAF1B;
  color: #FBAF1B;
  }  
  
#tabs ul#menu-main-tabs-menu li.menu-item.orange:hover a
  {
  background-color: #FBAF1B;
  color: #FFFFFF;
  }  
  
#tabs ul#menu-main-tabs-menu li.menu-item.purple a
  {
  border-top-color: #88309E;
  color: #88309E;
  } 
  
#tabs ul#menu-main-tabs-menu li.menu-item.purple:hover a
  {
  background-color: #88309E;
  color: #FFFFFF;
  }  

#tabs ul#menu-main-tabs-menu li.menu-item.yellow a
  {  
  border-top-color: #FAAE1A;
  color: #FAAE1A;
  }

#tabs ul#menu-main-tabs-menu li.menu-item.yellow:hover a
  {
  background-color: #FAAE1A;
  color: #FFFFFF;
  }
  
/*******************************************************************************************************************************************************************
 Presentation Definitions
 ******************************************************************************************************************************************************************/  
  
#homePresentation
  {
  margin-top: 0;
  }  
  
#homePresentation .blocks .presentationText
  {
  position: relative;  
  
  /* 250px */
  width: 22.727em;

  /* 268px */
  height: 24.363em;  
  }

#homePresentation .blocks .presentationText .freight
  {
  position: absolute;
  
  bottom: 0;  
  left: 0;    
  }

#homePresentation .blocks .presentationImage
  {
  /* 690px */
  width: 62.727em;
  
  /* 268px */
  height: 24.363em;    
  }
  
  
/*******************************************************************************************************************************************************************
 Foundation/Base Definitions
 ******************************************************************************************************************************************************************/
 
#foundation #aFoundation, #foundation #bFoundation, #foundation #cFoundation, #foundation #dFoundation, #foundation #eFoundation,
#base #aBase, #base #bBase, #base #cBase, #base #dBase, #base #eBase
  {  
  float: left;
  display: inline;
  
  /* 10px */
  margin-right: 0.909em;  
  }    
  
#foundation .widget, #base .widget
  {
  margin: 0;
  padding: 0;
  
  /* 5px */
  margin-left: 0.454em;
  
  /* 20px */
  margin-top: 1.818em;  
  }
  
#foundation div.tb_tweetlist, #base div.tb_tweetlist
  {
  clear: both;
  }

/*******************************************************************************************************************************************************************
 New Menu Definitions
 ******************************************************************************************************************************************************************/

#header ul#menu-main-header-menu,
#tabs ul#menu-top-news-network-tabs-menu, #tabs ul#menu-bottom-news-network-tabs-menu, #tabs ul#menu-community-gateway-tabs-menu,
#cargo ul#menu-news-content-menu, #content ul#menu-news-content-menu, #holder ul#menu-news-content-menu, #vessel ul#menu-news-content-menu,
#cargo ul#menu-features-content-menu, #content ul#menu-features-content-menu, #holder ul#menu-features-content-menu, #vessel ul#menu-features-content-menu,
#cargo ul#menu-fresh-talent-content-menu, #content ul#menu-fresh-talent-content-menu, #holder ul#menu-fresh-talent-content-menu, #vessel ul#menu-fresh-talent-content-menu,
#footer ul#menu-footer-menu
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  
  /* 12px */  
  font-size: 1.090em;  
  }

#tabs ul#menu-top-news-network-tabs-menu, #tabs ul#menu-bottom-news-network-tabs-menu, #tabs ul#menu-community-gateway-tabs-menu,
#cargo ul#menu-news-content-menu, #content ul#menu-news-content-menu, #holder ul#menu-news-content-menu, #vessel ul#menu-news-content-menu,
#cargo ul#menu-features-content-menu, #content ul#menu-features-content-menu, #holder ul#menu-features-content-menu, #vessel ul#menu-features-content-menu,
#cargo ul#menu-fresh-talent-content-menu, #content ul#menu-fresh-talent-content-menu, #holder ul#menu-fresh-talent-content-menu, #vessel ul#menu-fresh-talent-content-menu,
#footer ul#menu-footer-menu
  {
  font-weight: bold;  
  }
  
#tabs ul#menu-bottom-news-network-tabs-menu
  {
  /* 23px */
  padding-top: 1.916em;  
  }  
  
#tabs ul#menu-community-gateway-tabs-menu li.menu-item
  {  
  position: relative;
  }  
  
#header ul#menu-main-header-menu li.menu-item,  
#tabs ul#menu-top-news-network-tabs-menu li.menu-item, #tabs ul#menu-bottom-news-network-tabs-menu li.menu-item, #tabs ul#menu-community-gateway-tabs-menu li.menu-item,
#cargo ul#menu-news-content-menu li.menu-item, #content ul#menu-news-content-menu li.menu-item, #holder ul#menu-news-content-menu li.menu-item, #vessel ul#menu-news-content-menu li.menu-item,
#cargo ul#menu-features-content-menu li.menu-item, #content ul#menu-features-content-menu li.menu-item, #holder ul#menu-features-content-menu li.menu-item, #vessel ul#menu-features-content-menu li.menu-item,
#cargo ul#menu-fresh-talent-content-menu li.menu-item, #content ul#menu-fresh-talent-content-menu li.menu-item, #holder ul#menu-fresh-talent-content-menu li.menu-item, #vessel ul#menu-fresh-talent-content-menu li.menu-item,
#cargo ul#menu-footer-menu li.menu-item
  {
  float: left;  
    
  /* 5px */
  padding-left: 0.416em;
  padding-right: 0.416em;  
  }
  
#tabs ul#menu-community-gateway-tabs-menu li.menu-item ul.sub-menu 
  {
  margin: 0;
  padding: 0;
  list-style-type: none;  
  
  display: none;
  
  position: absolute;
  
  /* 15px */
  top: 1.25em;
  
  left: 0;
  
  /* 450px */
  width: 37.5em;
  }

#tabs ul#menu-community-gateway-tabs-menu li.menu-item ul.sub-menu li.menu-item 
  {
  float: left;  

  /* 8px */
  padding-top: 0.667em;
  padding-bottom: 0.667em;
    
  /* 5px */
  padding-left: 0.416em;
  padding-right: 0.416em; 
  }

#tabs ul#menu-community-gateway-tabs-menu li.menu-item:hover ul.sub-menu
  {
  display: block;
  }            
  
/*******************************************************************************************************************************************************************
 Tabs Menu Definitions
 ******************************************************************************************************************************************************************/

#tabs ul#menu-main-tabs-menu
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  
  /* 14px */  
  font-size: 1.272em;
  
  font-weight: bold;   
  
  width: 100%;
  }  

#tabs ul#menu-main-tabs-menu li.menu-item
  {
  width: 20%;
  
  float: left;      
  
  position: relative;    
  }

#tabs ul#menu-main-tabs-menu li.menu-item a
  {        
  display: block;
  
  /* 10px */
  padding-top: 0.714em;
  padding-bottom: 0.714em;
  }  
  
#tabs ul#menu-main-tabs-menu li.menu-item ul.sub-menu 
  {
  margin: 0;
  padding: 0;
  list-style-type: none;  
  
  display: none;
  
  position: absolute;
  
  /* 37px */
  top: 2.642em;
  
  left: 0;
  
  width: 100%;
  
  z-index: 9;
  }  
  
#tabs ul#menu-main-tabs-menu li.menu-item ul.sub-menu li.menu-item 
  {
  float: none;    
  
  width: 100%;
  }  
  
#tabs ul#menu-main-tabs-menu li.menu-item ul.sub-menu li.menu-item a
  {  
  display: block;
        
  /* 8px */
  padding-top: 0.571em;
  padding-bottom: 0.571em;
  }

#tabs ul#menu-main-tabs-menu li.menu-item:hover ul.sub-menu
  {
  display: block;
  }                     
  
/*******************************************************************************************************************************************************************
 Gallery Definition
 ******************************************************************************************************************************************************************/
 
div.gallery div.gallery-item p.gallery-caption
  {
  text-align: left;
  }
  
div.gallery div.gallery-item div.gallery-icon
  {
  text-align: left;
  }