@charset "UTF-8"; /* by Jordi Gran - www.jordigran.com for InThinking - www.inthinking.co.uk /* HACKS for IE 7 at the end of this sheet under #IE from: in the template */ /* HACKS for IE 6 using the star html hack * html { only_for_ie_6; } */ /* GENERAL TAGS */ /* * { border: 1px solid red; } */ html, body { height: 100%; margin: 0px; } body { font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; } img { border: 0px; } h1, h2, h3 { margin: 0px; font-weight: normal; font-size: 16px; } a { color: #fff; text-decoration: none; } a:hover { color: #369; } abbr { border-bottom-width: 0px; text-decoration:none; } hr { margin: 25px 0px; } /* INDEX Specific */ #index { background: #369 url(img/backgrounds/index.png) no-repeat; color: #fff; } #index div { position: absolute; } #index a { color: #aaa; } #index a:hover { background: #036; color: #fff; } #index dt a { background: none; color: #fff; } #index dt a:hover { background: #036; color: #fff; } #index #navigation div, #index #info div { position: relative; margin-bottom: 40px; } #index #slogan { left: 560px; top: 110px; font-style: italic; font-size: 14px; white-space: nowrap; } #index #info { width: 330px; left: 45px; top: 180px; } #index #info p.contactUs { margin-top: 50px; } #index #navigation { width: 430px; left: 560px; top: 180px; } #index #navigation>div>dl dt { text-transform: uppercase; margin-left: 0px; padding: 1px; font-size: 16px; background: 0px url(img/arrows/right.png) no-repeat; } #index #navigation>div>dl dt.notMain { text-transform: none; } #index #navigation>div>dl dt, #index #navigation h2, #index #navigation h2, #index #navigation p { padding-left: 40px; } #index #navigation>div>dl dt:hover { background:url(img/arrows/right_x.png) no-repeat; } #index #navigation>div>dl dd, #index #navigation dl dd:hover { background: none; padding-left: 0px; margin-bottom: 20px;} #index #navigation>div>dl dd p { margin: 0px; padding: 0px;} /* OTHERS */ .others { color: #000; background: fixed #fff 0px 90px url(img/backgrounds/watermark.png) no-repeat; } #container { position: absolute; margin: 90px 50px; padding-bottom: 400px; } #container a { color:#03c; position: relative; z-index: 2;} .anchor { margin: 0px; padding-top: 120px; position: relative; font-weight: 100; font-size: 0px; text-decoration: none; z-index: 1; } #container a:hover { color: #399; } .sub_container { float:left; width:100%; } /* PRIVATE */ body#private { color: #000; background: fixed #fff 0px 90px url(img/backgrounds/watermark.png) no-repeat; padding: 1em; } body#private h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #036; font-size: 20px; } body#private h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #036; font-size: 16px; } body#private a { color: #369; } body#private span.linksToFile { float: right; } body#private ul { padding: 0; border: 1px solid #aaa; width: 60%; } body#private li { list-style-type: none; margin: 0; padding: 0.3em 0.6em; } body#private li.odd { background: #fff; } body#private li.even { background: #ccc; } body#private ol#tips li { list-style-type: decimal; } body#private ol#tips ol li { list-style-type: lower-alpha; } body#private ol#tips ol li b { font-style: italic; } body#private ol#tips ul { border: none; width: auto; } body#private ol#tips ul li { list-style-type: none; } body#private ol#tips p { margin: 0 0 0.5em 0; } body#private div#login { text-align: right; background: #ccc; } body#private div#login span { float: left; } body#private div#mainBox { } body#private div#adminBox { } body#private div#userBox { } body#private div#footerBox { text-align: center; } body#private div.uploadFile { background: #eee; border: 1px solid #ccc; display: table; } body#private div#password { display: inline-block; background: #eee; border: 1px solid #ccc; padding: 0.3em 0.6em; } body#private div#password form { display: inline; } body#private div#login, body#private div#mainBox, body#private div#adminBox, body#private div#userBox { border: 1px solid #369; padding: 1em; margin-bottom: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; } body#private form.textButton { display: inline; margin: 0; padding: 0; } body#private form.textButton input { display: inline; border: 0; margin: 0; padding: 0; color: #369; background: none; text-decoration: none; cursor: pointer; } body#private form.textButton input:hover { color: #fff; background: #369; } body#private p.alert { color: red; background-color: #ddd; padding: 0.5em; } /* POP UPS */ .pop_up { margin-left: 25px; } /* Countries */ .pop_up2 { margin: 25px; } /* We recommend (This may need a further clean up) */ .pop_up2 dl { margin-bottom: 15px; } .pop_up2 dt { font-weight: bold; margin-left: 0px; } .pop_up2 dd { margin: 0 0 15px; } .pop_up2 dd p { margin: 0px; } .pop_up2 a, .pop_up2 a:hover { color: #369; text-decoration: none; } div.pop dd { white-space: nowrap; display: none; position: absolute; z-index: 1; margin: 0 0 0 33px;} div.pop:hover>dd { display: block; position: absolute; left: 2%; background: #036; } /* TOP NAVIGATION BAR */ #nav_bar { height: 80px; width: 100%; background: #036; position: fixed; z-index: 25; line-height: 25px; text-align: left; }/* TO ADD THE WATERMARK: url(img/backgrounds/watermark.png) right no-repeat */ #nav_bar img {position: relative; top: 5px; } #nav_bar dl { margin: 6px 0px 0px 20px; min-width: 520px;} #nav_bar dl dt { display:inline; text-transform: uppercase; padding: 3px 0px 3px 40px; font-size: 13px; background: 15px url(img/arrows/right.png) no-repeat; color: #fff; white-space: nowrap; } #nav_bar dl dt:hover { background: 15px url(img/arrows/right_x.png) no-repeat; } #nav_bar dl dt:hover a { background: #369; color: #fff; } #nav_bar dl dt.back { background: 0px no-repeat; padding-top: 8px;margin-left: -20px; } #nav_bar dl dt.back:hover { background: 0px no-repeat; } #nav_bar dl dt.current { background: 15px url(img/arrows/down_x.png) no-repeat; } /* BREAD CRUMBS */ #crumbs { height: 20px; width: 100%; position: fixed; z-index: 26; line-height: 25px; text-align: left; color: #fff; padding-left: 40px; margin-top: 55px; } #crumbs a { color: #fff; text-decoration: underline; } /* CREDITS BAR */ #credits { height: 24px; width: 100%; background: #036; position: fixed; bottom: 0px; z-index: 26; line-height: 0px; text-align: center; } #credits div { color: #fff; margin-top: 4px; position: relative; } #credits a:hover { background: #369; color: #fff; } /* MAIN CONTENT */ .main_content { margin: 0px 120px 0px 200px; min-width: 300px; } .main_content a { font-weight: bold; } .main_content h1 { color: #000; margin-top: 30px; margin-bottom: 30px; font-weight: bold; border-bottom: 2px solid #000; } .main_content h2 { color: #036; margin-top: 30px; margin-bottom: 30px; font-weight: bold; } .main_content h3 { color: #000; margin-top: 30px; margin-bottom: 15px; font-weight: bold; } .main_content h1 { font-size: 24px; text-transform: uppercase; text-align: left; } .main_content h2 { font-size: 20px; background: #036; padding: 2px 0px 2px 10px; width: 100%; text-indent: 0px; color: #fff; } .main_content h3 { font-size: 16px; } .main_content h4 { font-size: 14px; color: #036; margin-bottom: 0px;} .main_content dl, .main_content ul { margin-bottom: 15px; } .main_content ul { padding: 0; } .main_content li { margin-bottom: 15px; padding: 0 20px; background:url(img/logos/inthinking.png) no-repeat; background-position:0px 0px; list-style-type: none; } .main_content dt { font-weight: bold; margin-left: 0px; } .main_content dl.only_dt_tag dt { margin-bottom: 15px; } .main_content dl.only_dd_tag dd { margin-bottom: 0px; } .main_content dd { margin: 0 0 15px; } .main_content dd p { margin: 0px; } .main_content p.only_img { text-align: left; } .main_content p.only_img img.group { margin: 0px 20px 0px 0px; border: 1px solid #036; } .photo_n_text span { float: left; padding: 0px 30px 20px 0px; } .photo_n_text p, .photo_n_text h4 { margin-left: 100px; } .photo_n_text span img { border: 1px solid #036; } .main_content p a.goto_top { padding: 1px 20px; background:url(img/arrows/small_blue_up.png) no-repeat; background-position:20 0px; list-style-type: none; } .main_content p a.goto_top:hover { background:url(img/arrows/small_blue_up_x.png) no-repeat; } .main_content h1.workshops { font-size: 18px; } .main_content h2.workshops { margin-bottom: 10px; } .main_content h3.workshops { margin-top: 0px; } table.twoColumns { width: 100%; } table.twoColumns td { vertical-align: text-top; } table.twoColumns td /* For :last-child */ { padding: 0 0 0 20px; } table.twoColumns td:first-child { padding: 0 20px 0 0; } table.twoColumns { margin: 0; } table.twoColumns.x1x1 td { width: 50%; } table.twoColumns.x1x2 td.first { width: 33%; } table.twoColumns.x1x2 td.last { width: 67%; } .dots tr td h2 { white-space: nowrap; color: #036; background: none; margin: 0 0.5em 0 0; padding: 0; } .dots tr td.bg { margin: 0; width: 100%; background: url(img/backgrounds/dots.gif) repeat-x center; } table.twoColumns li { margin-bottom: 5px; } table.twoColumns h3 { font-size: 14px; margin: 0px; text-align: left; } table.subjects { margin-bottom: 20px; } table.subjects b { font-size: 16px; display: block; margin: 20px 0 0 0;} /* DEEP NAVIGATION - LEFT */ .deep_nav { float: left; width: 200px; margin-left: -100%; text-align: left; } .deep_nav ul { margin: 35px 0 0 0; padding: 0px; } .deep_nav ul li { padding: 1px 20px; background: url(img/arrows/small_blue_right.png) no-repeat; background-position:20 0px; list-style-type: none; margin-bottom: 6px; } .deep_nav ul li.back { padding: 1px 20px; background: url(img/arrows/small_blue_left.png) no-repeat; background-position:20 0px; list-style-type: none; margin-bottom: 6px; } .deep_nav ul li:hover { background: url(img/arrows/small_blue_right_x.png) no-repeat; } .deep_nav ul li.back:hover { background: url(img/arrows/small_blue_left_x.png) no-repeat; } .deep_nav hr { text-align: left; width: 90%; } /* EXTRA - RIGHT */ .extra{ float:left; margin-top: 30px; width:100px; margin-left:-100px; } .sticky_extra { float:left; margin-top: 0px; width:100px; margin-left:-100px; } .extra img, .sticky_extra img { border: 1px solid #036; margin-bottom: 15px; } #photos { position: absolute; margin-top: 180px; right: 50px; width: 100px; } #photos img { border: 1px solid #036; margin-bottom: 15px; } .photosAfter { float:left; margin-top: 90px; width:100px; margin-left:-100px; } .photosAfter img { border: 1px solid #036; margin-bottom: 15px; } /* HACKS for Internet Explorer 7 */ #index #IE #navigation div, #index #IE #info div { position: relative; margin-bottom: 40px; } #IE #nav_bar dl { min-width: 900px; } #IE .main_content { margin: 0px 250px 0px 200px; } #IE .main_content h2 { padding-right: 10px; } #IE .sub_container { display: inline-block; } #IE .extra, #IE .sticky_extra { margin-left: -200px; } /* HACKS for Internet Explorer 6 */ * html #index #navigation dl dt { background: 0px url(img/arrows/right.gif) no-repeat; } * html #index #navigation dl dt:hover { background:url(img/arrows/right_x.gif) no-repeat; } * html #nav_bar dl dt { background: 15px url(img/arrows/right.gif) no-repeat; } * html #nav_bar dl dt:hover { background: 15px url(img/arrows/right_x.gif) no-repeat; } * html #nav_bar dl dt.back { background: 15px url(img/arrows/left.gif) no-repeat; } * html #nav_bar dl dt.back:hover { background: 15px url(img/arrows/left_x.gif) no-repeat; } * html #nav_bar dl dt.current { background: 15px url(img/arrows/down_x.gif) no-repeat; } * html .main_content p a.goto_top { background:url(img/arrows/small_blue_up.gif) no-repeat; } * html .main_content p a.goto_top:hover { background:url(img/arrows/small_blue_up_x.gif) no-repeat; } * html .deep_nav ul li { padding: 1px 20px; background: url(img/arrows/small_blue_right.gif) no-repeat; } * html .deep_nav ul li:hover { background: url(img/arrows/small_blue_right_x.gif) no-repeat; } * html div#credits, * html div#crumbs { display: none; }