/*
Theme Name: FCTA - Building Careers
Theme URI: 
Description: WordPress theme for Flexible Construction Training & Assessment.
Version: 1.0
Author: Avargo Design
Author URI: http://www.avargo.com
Tags: 
*/

@import "css/reset.css";
@import "css/plugins.css";
@import "css/typography.css";

/**** GENERAL LAYOUT ****/
html, body, #wrapper { height: 100% }
body { background: #212121 url('images/bg.png') repeat scroll 50% 0; color: #383838; font: normal 14px/20px Arial, Helvetica, sans-serif; text-align: center }
#curves { background: transparent url('images/curves.png') no-repeat scroll 50% 0; display: block; height: 1200px; position: fixed; top: 0px; width: 100%; z-index: 75 }
#wrapper { background: #fff url('images/content.png') repeat-y scroll 0 0; margin: 0 auto; text-align: left; width: 980px }
header, footer, aside, section { display: block }
@font-face { font-family: Futura; src: url(types/FuturaStd-Medium.otf) format("opentype") }
#ie-message { background: #900; border-top: 1px solid #c00; border-bottom: 1px solid #c00; color: #ffbdb9; padding: 5px 0 7px; text-align: center }
#ie-message a { border: none; color: #f3f3f3; font-weight: bold }

/**** HEADER ****/
header { background: transparent url('images/header.png') repeat-x 0 0; height: 210px; margin: 0 }
#topnav { float: right; margin: 5px 20px 0 0; position: relative; z-index: 300 }
#topnav li { display: inline; float: left }
#topnav a:link, #topnav a:visited { color: #c8c8c8; font-size: 13px; font-weight: normal; margin-left: 20px }
#topnav a:hover, #topnav a:active, #topnav a:focus { color: #ff6600 }
h1 a { background: transparent url('images/logo.png') no-repeat 0 0; float: left; height: 110px; margin: 15px 180px 29px; position: relative; text-indent: -9999px; width: 620px; z-index: 200 }
h1 a:hover { background-position: 0 -110px }
.recognised { background: transparent url('images/recognised.png') no-repeat scroll 0 0; color: #fff; float: left; height: 30px; margin-left: 20px; text-indent: -9999px; width: 255px }
.navigation { float: right; margin: 0 10px 0 0; position: relative; z-index: 300 }
.navigation li { display: inline; float: left; zoom: 1 }
.navigation li.hover, .navigation li:hover { position: relative }
.navigation a { background: transparent url('images/navigation.png') no-repeat scroll 0 0; float: left; height: 30px; text-indent: -9999px }
.navigation a.home:link, .navigation a.home:visited { background-position: 0 0; width: 62px }
.navigation a.about:link, .navigation a.about:visited { background-position: -62px 0; width: 69px }
.navigation a.courses:link, .navigation a.courses:visited { background-position: -131px 0; width: 85px }
.navigation a.photos:link, .navigation a.photos:visited { background-position: -216px 0; width: 79px }
.navigation a.profiles:link, .navigation a.profiles:visited { background-position: -295px 0; width: 84px }
.navigation a.archives:link, .navigation a.archives:visited { background-position: -379px 0; width: 90px }
.navigation a.contact:link, .navigation a.contact:visited { background-position: -469px 0; width: 91px }
.navigation a.home:hover, .navigation a.home:active, .navigation a.home:focus, body#home .navigation a.home { background-position: 0 -30px }
.navigation a.about:hover, .navigation a.about:active, .navigation a.about:focus, body#about .navigation a.about { background-position: -62px -30px }
.navigation a.courses:hover, .navigation a.courses:active, .navigation a.courses:focus, body#courses .navigation a.courses { background-position: -131px -30px }
.navigation a.photos:hover, .navigation a.photos:active, .navigation a.photos:focus, body#photos .navigation a.photos, body#album .navigation a.photos { background-position: -216px -30px }
.navigation a.profiles:hover, .navigation a.profiles:active, .navigation a.profiles:focus, body#profiles .navigation a.profiles { background-position: -295px -30px }
.navigation a.archives:hover, .navigation a.archives:active, .navigation a.archives:focus, body#archives .navigation a.archives { background-position: -379px -30px }
.navigation a.contact:hover, .navigation a.contact:active, .navigation a.contact:focus, body#contact .navigation a.contact { background-position: -469px -30px }
.navigation ul { background: #555; width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0 }
.navigation ul a { background: none; border: none; float: left; height: 20px; padding: 5px 0 5px 10px; text-indent: 0 }
.navigation ul li a { border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; color: #fff; display: inline-block; font-weight: normal; width: 208px } /* IE 6 & 7 Needs Inline Block */
.navigation ul li a:link, .navigation ul li a:visited { color: #fff; font-weight: normal }
.navigation ul li a:hover, .navigation ul li a:active, .navigation ul li a:focus { color: #ff7000 }
.navigation li:hover > ul { visibility: visible }

/**** HOME > SECTION > INTRODUCTION ****/
#introduction { background-color: #d7d7d7; clear: both; float: left; height: 300px; margin: 0; overflow: hidden; padding: 0 }
.intro-text { border-right: 10px solid rgba(130, 130, 130, 0.5); float: left; padding: 20px 0 0 0; width: 480px }
.intro-text h6, .intro-text p { padding-left: 20px; position: relative; width: 445px; z-index: 200 }
.intro-links { background: #ff7000 url('images/intro-links-bg.png') repeat-x scroll 0 0; float: left; height: 80px; list-style: none; width: 490px }
.intro-links li { display: inline }
.intro-links a { background: #ff7000 url('images/intro-cta.png') no-repeat scroll 0 0; float: left; height: 80px; text-indent: -9999px }
.intro-links a.about:link, .intro-links a.about:visited { background-position: 0 0; position: relative; width: 240px; z-index: 200 }
.intro-links a.courses:link, .intro-links a.courses:visited { background-position: -240px 0; position: relative; width: 240px; z-index: 200 }
.intro-links a.about:hover, .intro-links a.about:active, .intro-links a.about:focus, body#about .intro-links a.about { background-position: 0 -80px }
.intro-links a.courses:hover, .intro-links a.courses:active, .intro-links a.courses:focus, body#courses .intro-links a.courses { background-position: -240px -80px }
.intro-images { float: right; overflow: hidden; position: relative; width: 490px }
#slider { clear: both; position: relative; width: 520px }
.nivoSlider { position: relative }
.nivoSlider img { position: absolute; left: 0px; top: 0px }
.nivo-slice { display: block; height: 100%; position: absolute; z-index: 50 }

/**** SECTION > MAIN ****/
#content { background: #fff url('images/content.png') repeat-y scroll 0 0; border-top: 10px solid rgba(180, 180, 180, 0.4); clear: both; margin: 0; overflow: hidden; padding: 10px 20px }
#main { float: left; overflow: hidden; padding-top: 5px; position: relative; width: 600px; z-index: 200 }
#main a:hover, #main a:active, #main a:focus { border-bottom: 2px solid #ff7000; color: #383838 }
#main h2 a { color: #505050; font-weight: normal }
#main h2 a:hover, #main h2 a:active, #main h2 a:focus { border: none }
.post { border-bottom: 6px solid rgba(180, 180, 180, 0.4); margin-bottom: 30px; padding-bottom: 15px }
.meta { color: #aaa; font: normal 12px/20px Georgia, "Times New Roman", serif; margin-bottom: 15px; text-transform: uppercase }
.meta em { text-transform: lowercase }	
.meta span { color: #f60 }
.meta a { color: #505050; font-weight: normal }
.entry { overflow: hidden }	
.entry ul, .entry ol { margin-left: 30px; padding-bottom: 15px }
.entry ul ul, .entry ol ol { padding: 0 }
.entry ul { list-style-type: circle }
.entry ol { list-style-type: decimal-leading-zero }	
.alignleft { float: left }
.alignright { float: right }
img { background-color: #efefef; border: 1px solid #cbcbcb; margin: 0; padding: 10px }
img.alignleft { float: left; margin: 5px 15px 5px 0 }
img.alignright { float: right; margin: 5px 0 5px 15px }
img.aligncenter { display: block; margin: 5px auto 0 }	
table { font-size: 12px; line-height: 18px; margin-bottom: 30px; width: 100% }
thead th { background: #ff8627 url('images/cell-th.png') repeat-x scroll 0 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; padding: 5px 10px }
td { background: #e9e9e9 url('images/cell.png') repeat-x scroll 0 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 10px } 
a.arch-link:link, a.arch-link:visited { background-color: #ff7000; clear: both; color: #fff; line-height: 30px; overflow: hidden; padding: 8px 10px; width: auto }
a.arch-link:hover, a.arch-link:active, a.arch-link:focus { color: #383838 }	   
	
/**** ASIDE ****/
aside { float: right; width: 310px }
.call { background: #fff url('images/call.png') no-repeat scroll 0 0; height: 170px; width: 330px }
#container { float: left; overflow: hidden; padding-left: 30px; position: relative; z-index: 200 }
#container p { padding-bottom: 0 } 
#list-courses { background: #d4d4d4; border-top: 10px solid #8a8a8a; margin: 20px 0 0 }
#list-courses li { border-bottom: 1px dashed #9a9a9a }
#list-courses li a { color: #383838; display: block; font-weight: normal; padding: 4px 4px 4px 10px }
#list-courses li a:link, #list-courses li a:visited { }
#list-courses li a:hover, #list-courses li a:active, .wp-tag-cloud li a:focus { background: #e8e8e8 }
.courses-sb { background: transparent url('images/courses.png') no-repeat scroll 0 0; float: left; height: 80px; margin: 20px 0 0 10px; overflow: hidden; text-indent: -9999px; width: 260px }
a.courses-sb:hover, a.courses-sb:active, a.courses-sb:focus { background-position: 0 -80px }
#courses .courses-sb { display: none }
.incentives { background: transparent url('images/incentives.png') no-repeat scroll 0 0; float: left; height: 60px; margin: 20px 0; overflow: hidden; text-indent: -9999px; width: 280px }
a.incentives:hover, a.incentives:active, a.incentives:focus { background-position: 0 -60px }
#difference { clear: both; margin-bottom: 20px }
#difference li { background: #f4f4f4 url('images/tick.png') no-repeat scroll 7px 7px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; padding: 5px 0 5px 30px }
#difference li.first { background: transparent url('images/difference-heading.png') repeat-x scroll 0 0; border: 1px solid #a8a8a8; color: #565656; font: normal 20px/20px Futura, Arial, sans-serif; padding: 10px 0; text-align: center; text-transform: uppercase }
#difference li.alt { background-color: #ececec }
.supporters { clear: both; margin-bottom: 30px; overflow: hidden }
.citb { background: transparent url('images/citb.png') no-repeat scroll 0 0; float: left; height: 84px; margin: 20px 39px 0; overflow: hidden; text-indent: -9999px; width: 202px }
a.citb:hover, a.citb:active, a.citb:focus { background-position: 0 -84px }
.bab { background: transparent url('images/bab.png') no-repeat scroll 0 0; float: left; height: 92px; margin: 10px 24px 0; overflow: hidden; text-indent: -9999px; width: 232px }
a.bab:hover, a.bab:active, a.bab:focus { background-position: 0 -92px }
#abbrev { float: left; line-height: 30px; list-style: none; margin-top: 5px; width: 280px }
#abbrev li { display: inline }
#abbrev a { background-color: #fff; border: 1px solid #d1d1d1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #383838; font-weight: normal; padding: 4px 10px }
#abbrev a:hover, #abbrev a:active, #abbrev a:focus { border: 1px solid #b2b2b2; color: #ff7000 }
.suppliers { clear: both; margin-bottom: 30px; overflow: hidden }
.ardex { background: transparent url('images/ardex.png') no-repeat scroll 0 0; float: left; height: 44px; margin: 10px 24px 10px 20px; overflow: hidden; text-indent: -9999px; width: 70px }
a.ardex:hover, a.ardex:active, a.ardex:focus { background-position: 0 -44px }
.bianco { background: transparent url('images/bianco.png') no-repeat scroll 0 0; float: left; height: 52px; margin: 10px 20px 10px 24px; overflow: hidden; text-indent: -9999px; width: 112px }
a.bianco:hover, a.bianco:active, a.bianco:focus { background-position: 0 -52px }
.boral { background: transparent url('images/boral.png') no-repeat scroll 0 0; float: left; height: 52px; margin: 10px 20px 0 26px; overflow: hidden; text-indent: -9999px; width: 57px }
a.boral:hover, a.boral:active, a.boral:focus { background-position: 0 -52px }
.ausbricks { background: transparent url('images/ausbricks.png') no-repeat scroll 0 0; float: left; height: 26px; margin: 20px 20px 0 15px; overflow: hidden; text-indent: -9999px; width: 130px }
a.ausbricks:hover, a.ausbricks:active, a.ausbricks:focus { background-position: 0 -26px }
.copyright { border-top: 1px solid #ccc; clear: both; font-size: 12px; margin: 20px 0 10px; padding-top: 10px; text-align: center }

/**** CONTENT > FOOTER ****/
footer { background: transparent url('images/content.png') repeat-y scroll 0 0; clear: both; height: 40px }
footer .copyright { display: none }
#album footer .copyright, #calendar footer .copyright { border: none; display: block; margin-top: 0; position: relative; z-index: 300 }

/**** CONTENT > MAIN > PAGES ****/
.page h2 { border-bottom: 2px solid #ff7d17; margin-bottom: 15px; padding-bottom: 3px }
#album #wrapper, #album #content, #album footer, #calendar #wrapper, #calendar #content, #calendar footer { background: #fff }
#album #main, #calendar #main { width: 940px }
#album #main a:hover, #album #main a:active, #album #main a:focus { border: none }
.gallery { margin-left: 5px }
.gallery dl { float: left }
.gallery dl img { margin: 5px 10px }
.gallery dl a:hover, .gallery dl a:active, .gallery dl a:focus { border: none }
#archives h4 { color: #505050; margin: 0; padding: 0 0 5px 0; text-transform: none }
#archives .meta { margin-bottom: 0 }
.archives-lc { float: left; overflow: hidden; width: 340px }
.archives-rc { float: right; overflow: hidden; width: 220px }
.archives-list { margin-bottom: 20px }