@charset "utf-8";
/* CSS Document */

/* Reset */
html, body, h1 ,h2, h3, h4, h5, h6, p, ul, ol, li, p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.clear { clear:both; padding:0; margin:0; }

@font-face {
    font-family: 'FranklinGothicMediumRegular';
    src: url('http://irf.org.za/themes/irf//fonts/framd-webfont.eot?') format('eot'),
         url('http://irf.org.za/themes/irf//fonts/framd-webfont.woff') format('woff'),
         url('http://irf.org.za/themes/irf//fonts/framd-webfont.ttf') format('truetype'),
         url('http://irf.org.za/themes/irf//fonts/framd-webfont.svg#webfont31kBNPN3') format('svg');
    font-weight: normal; font-style: normal; }


/* Text and Links */
a       { color:#2186b2; text-decoration:none; }
a:hover {text-decoration:underline;}

p  { line-height:18px; padding-bottom:10px; }
h1, h2 { color:#078c4c;  font-family:'FranklinGothicMediumRegular', Arial, Helvetica, sans-serif ; font-size:20px; line-height:22px; padding:0 0 10px 0;}
h3 { color:#078c4c; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px;  line-height:18px; padding:0 0 10px 0;}
h4 { font-family:'FranklinGothicMediumRegular', Arial, Helvetica, sans-serif ; font-size:20px; color:#FFF; margin-right:1px; 
     background:#666 url(http://irf.org.za/themes/irf//images/nav-aside-bg.gif) repeat-x; line-height:40px; padding:0 25px; text-shadow:1px 1px 0 #555;}
h5 {  font-family:'FranklinGothicMediumRegular', Arial, Helvetica, sans-serif ; font-size:20px; color:#333; text-shadow:1px 1px 0 #FFF; border-bottom:1px solid #CFCFCF; line-height:22px; padding:0 0 10px 0; }



/* Structure */
body { background:#CCC url(http://irf.org.za/themes/irf//images/background-global.jpg) center top repeat-x fixed; }
body { background:#148e53 url(http://irf.org.za/themes/irf//images/background-global-2.jpg) center top repeat-x fixed; }
#global-wrapper { width:960px; margin:0 auto;}

#header     {height:110px;}
 #logo      { float:left; width:500px; padding:25px 0 0 0;}
 #broadcast { float:right; width:400px; padding:35px 0 0 0;}
  #broadcast h6 { float:left; display:block; font-size:20px; font-family:'FranklinGothicMediumRegular', Arial, Helvetica, sans-serif; color:#FFF;  text-shadow:1px 1px 0 #444; text-align:right; width:280px; line-height:22px;}
  #broadcast .more {background:url(http://irf.org.za/themes/irf//images/button-more.png) top no-repeat; width:102px; height:48px; overflow:hidden; display:block; float:right; }
  #broadcast .more:hover {background:url(http://irf.org.za/themes/irf//images/button-more.png) bottom no-repeat;}
  #broadcast .less {background:url(http://irf.org.za/themes/irf//images/website-offline.png) top no-repeat; width:102px; height:48px; overflow:hidden; display:block; float:right; } 
 
/*#nav-top       { height:40px; padding-top:8px; background:url(http://irf.org.za/themes/irf//images/nav-top-bg.png) no-repeat; }*/
#nav-top       { height:40px; background:#2c2c2c; -moz-box-shadow:0 -5px 15px rgba(0,0,0,0.3); 
                 -moz-border-radius-topright: 8px; border-top-right-radius: 8px;  -moz-border-radius-topleft: 8px; border-top-left-radius: 8px;}
 ul#main-nav   {list-style:none;}
  #main-nav li { float:left; display:block; border-right:1px solid #414141;  position:relative;  }
  #main-nav a  {  display:block; padding:0 15px; line-height:40px; color:#cfcfcf; text-decoration:none; font-size:13px; text-shadow:1px 1px 0 #000; font-weight:bold;}
  #main-nav a:hover {  background-color:#2186b2; text-shadow:1px 1px 0 #444; color:#FFF;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.42, rgb(4,106,149)), color-stop(0.93, rgb(71,173,216)));
  background-image: -moz-linear-gradient(center bottom, rgb(4,106,149) 42%, rgb(71,173,216) 93%);}
  
  /* Drop down on main nav */  
  #main-nav li ul { display:none; position:absolute; top:40px; left:-1px; width:150px;}
  #main-nav li:hover ul, #main-nav li.sfhover ul {display:block;}
  #main-nav ul a     { border-top:1px solid #414141; background:#2c2c2c; width:150px; } 

#content-wrapper { background:#FFF url(http://irf.org.za/themes/irf//images/bg-faux-column.jpg) repeat-y; width:960px;
                   -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;  -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;}
 #aside          { float:left; width:275px; }
  #aside .box    {padding:25px;}
 #content        { float:left; width:685px;}
  #content-area  { padding:0 25px 25px 25px;}
  .segment       { border-bottom:1px solid #bebebe; padding:20px 0 10px 0;}
  .date          { font-size:13px; color:#888; font-style:italic; margin-top:-5px;}
 #main-visual    { }
 
/* Aside flyout nav */ 
#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; float : left; width : 225px; }
 #nav li { /* all list items */ position : relative; float : left; line-height : 35px;  width: 225px; border-bottom : 1px solid #cfcfcf; }
 #nav li ul { /* second-level lists */ position : absolute; left: -999em; margin-left : 225px; margin-top : -35px; -moz-box-shadow:0 0 10px #666; }
 #nav li ul ul { /* third-and-above-level lists */ left: -999em; }
 #nav li a { width: 205px; w\idth : 205px; display : block; line-height : 35px; font-weight : bold; text-decoration : none; color:#4b4b4b;  padding :0 10px;
 background:url(http://irf.org.za/themes/irf//images/arrow-aside-nav.jpg) 195px center no-repeat;}
 #nav li a:hover { background:none; cursor:default; }
 
 /* hover state on top when hovering over sub link */
 #nav li:hover, #nav li.sfhover  {background:#2186b2;}
 #nav li:hover a, #nav li.sfhover a { color:#FFF; background:none; } /* Top Level Link style on single ul list */

 
 /* Flyout style */
 #nav li ul a { background:#FFF !important;  color:#4b4b4b !important; }
 #nav li ul a:hover { background:#2186b2 !important;  color:#FFF !important; cursor:pointer;  }
 #nav ul li {border-bottom:none;}
	
 #nav li a:hover { color :#FFF; background-color :#2186b2; }
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
	
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
 
 
/* Aside nav -  smaller lists */
ul.aside-nav    { list-style:none; margin-top:-10px;}
 .aside-nav li  { border-bottom:1px solid #cfcfcf; }
 .aside-nav a   { display:block; line-height:18px; padding:7px 10px; }
 

/* Footer --------------------------------------------------------------------------- */
#footer {padding:25px;}
 #footer p {color:#555;}
 
 
/* Single View Page settings and overrides */
.single-view-page ul    { margin:10px 0 20px 25px;}
.single-view-page ul li { padding:3px 0; line-height:18px; }

.single-view-page ol    { margin:10px 0 20px 25px;}
.single-view-page ol li { padding:3px 0; line-height:18px; }

.single-view-page img   { float:left; padding:0 20px 10px 0;}

.single-view-page h2, .single-view-page h3 {padding-top:20px;}



/* Twitter aside ------------------------------------ */
#twittList0 .tweetAuthor {display:none;}
#twittList0 .readMoreTweet {display:none;}
#twittList0 li { line-height:18px; padding:10px 0;}
#twittList0 a { display:inline; padding:0; line-height:18px; }
#twittList0 p {padding-bottom:0;}
#twittList0 .time { padding-top: 5px; display:block; color:#666; font-size:11px; text-transform:uppercase; }

#twittList0    { word-wrap: break-word !important; /* Ie bug not wrapping long links to next line */ }


/* Misc -------------------------------------------------- */
.pos-relative {position:relative;}
.twitter-birds { position:absolute; top:-12px; right:22px; background:url(http://irf.org.za/themes/irf//images/twitter-birds.png) no-repeat; width:85px; height:47px; display:block; }
.proudly-sa  {background:url(http://irf.org.za/themes/irf//images/proudly-sa.gif) no-repeat; width:60px; height:60px; margin:20px auto 50px auto; }

.no-margin      {margin:0;}
.no-top-margin  {margin-top:0;}

.no-padding     {padding:0;}
.no-padding-top {padding-top:0;}
.button { background-color:#1f7ea8; padding:2px 4px; color:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.green-block-light { background:#ccf7e2; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.blue-block-light { background:#cfeaf6; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.contact-page-person { padding:10px 0 5px 0; border-bottom:1px solid #CCC; }
.contact-page-img { float: left; overflow: hidden; height: 50px; width: 50px; margin: 0 10px 0 0; }

/* Adding Images to Certain File typ extensions - .pdf, .zip etc */
#content-area a[href$='.pdf'] {background:url(http://irf.org.za/themes/irf/images/link_pdf.png) right center no-repeat;}
#content-area a[href$='.xls'] {background:url(http://irf.org.za/themes/irf/images/link_excel.png) right center no-repeat;}
#content-area a[href$='.doc'] {background:url(http://irf.org.za/themes/irf/images/link_word.png) right center no-repeat;}
#content-area a[href$='.zip'], #content-area a[href$='.rar'] {background:url(http://irf.org.za/themes/irf/images/link_zip.png) right center no-repeat;}
#content-area a[href$='.ppt'], #content-area a[href$='.pptx'] {background:url(http://irf.org.za/themes/irf/images/link_ppt.png) right center no-repeat;}

#content-area a[href$='.pdf'],
#content-area a[href$='.zip'],
#content-area a[href$='.rar'],
#content-area a[href$='.xls'],
#content-area a[href$='.ppt'],
#content-area a[href$='.pptx'],
#content-area a[href$='.doc'] { display:inline-block; padding-right:23px; line-height:21px; text-decoration:none; text-transform:capitalize;}

#content-area a:hover[href$='.pdf'], #content-area a:hover[href$='.ppt'], #content-area a:hover[href$='.pptx'], #content-area a:hover[href$='.zip'], #content-area a:hover[href$='.rar'], #content-area a:hover[href$='.xls'], #content-area a:hover[href$='.doc'] {text-decoration:underline;}


.board-member      { width:170px; border:1px solid #CCC; /* height:223px; overflow:hidden; */ float:left; margin:10px 30px 20px 0;}
.board-member p    { display:block; text-align:center; padding:5px; margin:0; background:#222; color:#FFF; font-style:normal; font-weight:bold; font-size:12px;}
.board-member cite { display:block;  background:#078C4C; color:#FFF; padding:5px; margin:0; font-style:normal; font-weight:bold; font-size:12px; text-align:center;}
.board-member div  { width:170px; height:170px; overflow:hidden; }
.board-member img  {width:170px;}

.img-thumbnail { height:125px; width:100px; overflow:hidden; float:left; margin:0 15px 0 0; }
.conference-img-thumbnail { height:90px; width:100px; overflow:hidden; float:left; margin:0 15px 0 0; }

/* Tables */
.irf-table { }
.irf-table tr { display:block; border-bottom:1px solid #CCC;}
.irf-table td { }


/* Image + Desc List */
.image-plus-desc-box { border-bottom:1px solid #CCC; padding:0 0 10px 0; margin:20px 0 0 0; }
.image-plus-desc-box img { float:left; padding:0 10px 0 0; }
.image-plus-desc-box cite { background:#078C4C; color:#FFF; padding:4px; display:block; font-style:normal; font-weight:bold;  }
.image-plus-desc-box p { }


.test-col { width:400px; background-color:#000; }
.test-col1 { float:left; width:100px; height:300px; background:#CCC; }