/* 
Title: 		Template Style: RubyForty (Master Styles for nac-cna.ca) 
Author:		Jason Westerlund (jaywest) for the National Arts Centre
Contact:	jaywest@nac-cna.ca
Updated:	May 7, 2009 
*/

/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */



/* @group General
------------------------------------------------------------------------- */

#nav_skip {display: none;} /* web standards message will be hidden from modern browsers */

/* @end */




/* @group Layout 
------------------------------------------------------------------------- */

/* centre the layout */ 
html {text-align:center;} /* center the page layout for Win/IE */
#wrapper {text-align: left;} /* compensate for the centering above */
#content_wrap {
/*width: 960px; moved to content.css */
/*border: 1px solid cyan;*/ 
/*margin: 0 auto;  center the layout moved to content.css  */  
overflow: hidden;  /* ensure the div stretches to contain its floats - this is disabled in ie6.css */
/*margin-top: 33px;*/
}

/* sticky footer method  http://www.cssstickyfooter.com/ */ 
html, body, #wrapper1, #wrapper,  {height: 100%;}
#wrapper > #content_wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 260px;}  /* must be same height as the footer .clearfix applied */
#footer_wrap {
position: relative;
margin-top: -260px; /* negative value of footer height */
height: 260px;
clear:both;
} 


/* clearfixhack */ 
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*
#content,
#content_feature,
#content_header,
#content_main,
#content_sub,
#content_footer {
border: 1px solid red; 
}
*/





#content_wrap {
width: 100%;
}

#content {
width: 100%;
/*padding-top: 300px;  moved to content.css */
position: relative; /* needed for positioning */ 

/* overflow:visible; needed for pullquotes moved to content.css */  
/*margin: 0 0 0 250px;  moved to content.css */ 
/*background-color: #dedede;*/
/*float: left;*/
/*top: 62px;*/
/*margin-top: 142px;  moved to content.css */ 
/*padding-bottom: 50px;  foce space for email alters button*/
}
 




 
#content_footer {
clear: both;
padding: 10px 10px 20px 10px;
overflow: hidden;
}
body.upcoming #content_footer {
border-top: 1px solid #dedede;
margin-top: 20px;
}





#footer_wrap {
height: 260px;
width: 100%;
/*background-color: #eee;*/
background: url("/img/rubyforty/bg_footer.png") 0 0 repeat;
}

#footer {
width: 960px;
margin: 0 auto; /* center the layout */ 
/*height: 260px;*/
/*background-color: #eee;*/
/*border: 1px solid cyan;*/ 
overflow: hidden; /* ensure the div stretches to contain its floats */
}





/* @end */






/* @group #branding
------------------------------------------------------------------------- */

#branding {
position: absolute;
top: 80px;
left: 0;
z-index: 9;
}
#branding h2 {
width: 210px; /* width of replacement image */
height: 103px; /* height of replacement image */
background-color: rgba(0, 0, 0, 0.3) !important;
background-color: #000;  /*IE only*/ 
filter:alpha(opacity=30);  /*IE only*/ 
}

#branding h2 a {
text-indent: -9999px; /* hide the text */
width: 210px; /* width of replacement image */
height: 103px; /* height of replacement image */
background: url("/img/rubyforty/nac_40th_branding_en.png") 0 0 no-repeat;
position: relative; /* restore opacity */ 
display: block;
border: none;
padding: 0;
}
body.fr #branding h2 a {
background: url("/img/rubyforty/nac_40th_branding_fr.png") 0 0 no-repeat;
}
#branding h2 a:hover {
background-color: #999;
}


/* @end */




/* @group #nav_main
------------------------------------------------------------------------- */

#nav_main h3, #nav_main hr {
display: none; 
}

#nav_main_wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
/*background-color: #fff;
filter:alpha(opacity=50);  ie  
opacity: 0.5;  moz*/  
height: 33px;
z-index: 9;
/*background: transparent url("/img/rubyforty/bg_trans_blk10.png") 0 0 repeat;*/ 
}
#nav_main_wrap:hover {
z-index: 9;
/*background: transparent url("/img/rubyforty/bg_trans_blk70.png") 0 0 repeat;*/ 
}


#nav_main {
width: 960px;
margin: 0 auto; /* center the layout */ 
/*position: relative;*/
overflow: hidden;  /*ensure the div stretches to contain its floats*/ 
}


#nav_main ul {
overflow: hidden;
white-space: nowrap;
float: left; /* opposing float to the search field */ 
text-transform: uppercase;
}
/*body.fr #nav_main ul {font-size: 12px;}*/


#nav_main li  { 
font: 13px/normal "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
}
#nav_main a {
padding: 10px 10px;
color: #999;
/*color: rgba(255, 255, 255, 0.2);*/
display: block;
text-decoration: none;
border: none;
}
body.fr #nav_main a {padding: 10px 6px;}


#nav_main a:hover { /* default hover */ 
background: transparent url("/img/rubyforty/bg_trans_blk10.png") 0 0 repeat; 
/*background-color: #999;*/
color: #fff;
/*background: rgba(255, 255, 255, 0.2);*/
/*filter:alpha(opacity=50);  ie  
opacity: 0.5;  moz*/  
}

body#home #nav_home a,
body#naco #nav_naco a,
body#et #nav_et a,
body#ft #nav_ft a,
body#dan #nav_dan a,
/*body#fourth #nav_fourth a,*/
body#family #nav_fam a,
body#education #nav_edu a {
background-color: #999;
color: #fff;
}

/* hover states */ 
#nav_naco a:hover	{background-image: none; background-color: #E8A11D; color: #fff;}
#nav_et a:hover	{background-image: none; background-color: #D90021; color: #fff;}
#nav_ft a:hover	{background-image: none; background-color: #00868F; color: #fff;}
#nav_dan a:hover	{background-image: none; background-color: #A31559; color: #fff;}
#nav_fourth a:hover {background-image: none; background-color: #636; 	color: #fff;}

/* on states */ 
body#naco #nav_naco a {background-color: #E8A11D; color: #000;}
body#et #nav_et a {background-color: #D90021; color: #fff;}
body#ft #nav_ft a {background-color: #00868F; color: #fff;}
body#dan #nav_dan a {background-color: #A31559; color: #fff;}
body#fourth #nav_fourth a {background-color: #636; color: #fff;}





/* search field */

#cse-search-box {
float: left;
}
#cse-search-box div {
/*float: right;*/
border: none;
margin: 5px 0 0 0;
}

/*body.fr #cse-search-box input#txtKeywords {
width: 170px;
}*/
#cse-search-box input#txtKeywords {
background: transparent url("/img/rubyforty/bg_search.png") 0 50% no-repeat;
padding: 2px 3px 2px 20px;
font-size: 13px;
width: 130px;
margin: 0;
color: #999;
border: 1px solid #666;
}
body.fr #cse-search-box input#txtKeywords {font-size: 13px; width: 120px;}


#cse-search-box input#txtKeywords.fieldFocus {
background: #eee url("/img/rubyforty/bg_search_focus.gif") 0 50% no-repeat;
color: #000;
border: 1px solid #333;
}

#bttnSearch {display: none;}




#nav_main {
position: relative;
overflow: visible;
}
#nav_lan {
position: absolute;
right: 0;
top: 30px;
z-index: 2;
}
#nav_lan a {
font: 11px "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
padding: 4px 8px;
color: #999;
display: block;
text-decoration: none;
}
body.fr #nav_lan a {padding: 4px 8px;} /* reset padding from #nav_main above */ 


#nav_lan a:hover {
background-color: #666;
color: #fff;
}


/* @end */






/* @group #footer
------------------------------------------------------------------------- */

#footer {
/*font-family: "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
background-color: #eee;
color: #666;
font-size: 11px;*/
}
#footer h3 {display: none;}

#footer div {
width: 140px; /* 140 minus padding */ 
float: left;
padding: 26px 13px 10px 7px;
}

#footer h4 {
font: bold 12px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;	
margin: 0 0 8px 4px;
}


#footer li  { 
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 0;
list-style: none; /* hide the bullets */
}
#footer a {
padding: 4px 4px;
margin: 3px 0;
color: #666;
display: block;
text-decoration: none;
width: 140px;
border: none;
}
#footer a:hover {
background-color: #666;
color: #fff;
}


#nac_lecafe {
text-indent: -9999px; /* hide the text */
width: 105px; /* width of replacement image */
height: 36px; /* height of replacement image */
background: url("/img/rubyforty/lecafe_footer.png") 0 0 no-repeat;
position: relative;
left: -5px;
top: -10px;
}	
#nac_lecafe a {
width: 105px; /* width of replacement image */
height: 36px; /* height of replacement image */
display: block;
}	
#nac_lecafe a:hover {
background: none;
}

#footer #nav_support {
/*background-color: #E4E4E4;*/
background: url("/img/rubyforty/bg_footer.png") 0 0 repeat;
width: 130px;
}
#footer #nav_support a {
width: 130px;
}

#nav_legal {
float: left;
clear: both;
width: 500px;
}
#nav_legal li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0 6px 0 0;
}
#footer #nav_legal a {
color: #999;
width: auto;
}



/* @end */





/* @group #email_alerts Button */

#email_alerts {
text-indent: -9999px; /* hide the text */
width: 168px; /* width of replacement image */
height: 45px; /* height of replacement image */
background: url("/img/rubyforty/bttn_emailalerts_en.png") 0 0 no-repeat;
/*margin: 10px 0 0 -25px;*/
position: relative;
top: 10px;
left: -25px;
_width: 142px; /* temp patch for Win/IE6 */
}
body.fr #email_alerts {
background: url("/img/rubyforty/bttn_emailalerts_fr.png") 0 0 no-repeat;
}
#footer #email_alerts a {
width: 168px; /* width of replacement image */
height: 45px; /* height of replacement image */
display: block; 
border: none;
padding: 0;
margin: 0;
_width: 142px; /* temp patch for Win/IE6 */
}
#footer #email_alerts a:hover {
background: none;
}


/* @end */