/* Theme Name: Digital Explorer 2010 Theme URI: Description: Custom theme just for [de] Author: Digital Explorer Author URI: http://www.digitalexplorer.co.uk/ */ /* YUI RESET + BASE Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 ========================================================== */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* HTML ELEMENTS ========================================================== */ html, body { font-family: Arial, sans-serif; color: #7e7e7e; background-color: #fff; } body { font-size: 11px; line-height: 17px; text-align: center; background: transparent url(./style/images/bg_body_page.gif) center top repeat-x; } h1, h2 { margin-top: 0; margin-bottom: 10px; font-size: 14px; line-height: 21px; color: #7b7a7a; text-transform: uppercase; font-weight: 700; } h3 { margin-top: 0; margin-bottom: 10px; font-size: 14px; line-height: 21px; color: #7b7a7a; font-weight: 700px; } h1 strong, h2 strong, h3 strong { font-weight: 700; } ul { margin: 10px 0; } ul li { padding-left: 17px; margin-bottom: 5px; } blockquote { margin: 10px 0; padding:0 20px 0 50px; font-size: 13px; color: #333333; line-height: 19px; background: transparent url(./style/images/quote.png) 10px 0 no-repeat; } blockquote cite { text-align: right; font-size: 10px; font-style: italic; display: block; } a { outline: none; color: #8e131d; text-decoration: none; } a:hover { color: #d01220; } button { cursor: pointer; } hr { display: block; border: 0; margin: 0; height: 2px; width: 100%; background: #e2e2e3 url(./style/images/bg_hr.gif) top left repeat-x; } em, i { font-style: italic; } b, strong { font-weight: 900; } table { border: 0; border-collapse: collapse; padding: 1px 2px; border-top: 1px dotted #c4c4c4; border-bottom: 1px dotted #c4c4c4; display: block; } table tr { } table td { border: 0; padding: 10px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background-color: #e7e7e7; color: #7E7E7E; } table.borderless { border: 0; padding: 0; } table.borderless td { border: 0; } tr.borderless td { border: 0; } table.colourless td, tr.colourless td, table td.colourless { background-color: transparent; } /* CLASSes ========================================================== */ /* IMAGE CLASSes ========================================================== */ .alignleft { float: left; margin-right: 20px; margin-bottom: 10px; } .alignright { float: right; margin-left: 20px; margin-bottom: 10px; } .aligncenter { display: block; margin: 0 auto; } .alignnone { vertical-align: bottom; } .thick { border: 7px solid #e2e2e3; display: block; margin-bottom: 10px; } .thin { border: 0; border-top: 3px solid #d01220; border-bottom: 3px solid #d8d8d8; display: block; margin-bottom: 10px; } .leftred { border-left: 5px solid #d01220; } .borderless, .borderless:hover { border: 0 none !important; } blockquote.colour { padding: 10px 10px 1px 10px; font-size: 14px; color: #787878; line-height: 19px; font-style: italic; font-weight: 900; background-image: none; background-color: #ececec; } blockquote.colour p { margin: 0 0 10px 0 !important; } .leadingtext { font-size: 32px; line-height: 36px; color: #d01220; margin-bottom: 30px; letter-spacing: -.05em; } .follow ul { margin: 0; display: inline; float: left; width: 164px; } .follow li { list-style: none; display: inline; float: left; width: 32px; margin: 0 9px 0 0; padding: 0; } .follow a { display: block; width: 0; height: 0; overflow: hidden; padding: 32px 0 0 32px; background: transparent url(./style/images/sprite_logos_follow.gif) 0 0 no-repeat; } .follow a.facebook:hover { background-position: 0 -32px; } .follow a.twitter { background-position: -41px 0; } .follow a.twitter:hover { background-position: -41px -32px; } .follow a.youtube { background-position: -81px 0; } .follow a.youtube:hover { background-position: -81px -32px; } .follow a.rss { background-position: -120px 0; } .follow a.rss:hover { background-position: -120px -32px; } /* STRUCTURAL IDs & CLASSes ========================================================== */ .wrapper { width: 989px; margin: 0 auto; text-align: left; position: relative; } .line { width: 100%; overflow: hidden; } .unit { display: inline; float: left; padding: 20px 0; margin-right: 20px; } #wrapper { width: 100%; min-width: 989px; margin: 0 auto; text-align: center; background: transparent url(./style/images/bg_wrapper_page.jpg) center 5px no-repeat; } #header { position: relative; height: 205px; text-align: right; } #content { position: relative; /* background: transparent url(./style/images/bg_content_page.gif) 50% bottom no-repeat; */ } #content .wrapper { width: 982px; padding-left: 7px; } /* GLOBAL ELEMENTs ========================================================== */ /* #FOOTER ========================================================== */ #footer_wrapper { background: #3b3a3a url(./style/images/bg_footer_wrapper.gif) top left repeat-x; border-bottom: 40px solid #000; clear: both; } #site_by_wrapper { width: 100%; text-align: center; position: absolute; bottom: -30px; } .copyright { position: absolute; right: 0; z-index: 1; } .site_by { position: relative; width: 689px; margin: 0 auto; text-align: left; color: #fff; z-index: 2; } #site_by_wrapper .site_by a { color: #fff; text-decoration: underline; } #footer { position: relative; background: transparent url(./style/images/bg_footer_page.gif) 50% top no-repeat; padding-top: 30px; color: #979494; min-height:420px; height:auto !important; height:420px; } #footer a { color: #D01220; border-bottom: 0; } #footer h3 { text-transform: uppercase; color: #979494; } #action_buttons { margin-right: 0; width: 250px; font-size: 13px; margin-left: 150px; } #action_buttons h3 { color: #fff; font-size: 28px; text-transform: uppercase; margin-bottom: 0; } #action_buttons p { margin-bottom: 20px; } #footer_contact, #footer_links { margin-left: 60px; margin-right: 0; width: 205px; } #footer_contact { color: #fff; } #footer_follow { margin-top: 40px; } #footer_follow h3 strong { color: #d01220; text-transform: none; } #footer_follow.follow a { background-image: url(./style/images/sprite_logos_follow_footer.gif); } #footer_links ul { margin: 0; } #footer_links li { margin: 0; list-style: none; padding: 0; } #footer_links a { color: #fff; } /* #HEADER ========================================================== */ #logo { position: absolute; top: 0; left: 0; width: 299px; height: 108px; z-index: 1; } #logo a { display: block; width: 0; height: 0; padding: 108px 0 0 299px; overflow: hidden; background: transparent url(./style/images/logo_digitalexplorer.png) top left no-repeat; border-bottom: 0; } #nav_utility, #nav_primary { position: absolute; display: block; margin: 0; text-align: right; } #nav_utility { right: 7px; top: 9px; } #nav_primary { right: 0; top: 66px; } #nav_utility li, #nav_primary li { float: left; display: inline; padding: 0; margin: 0; list-style: none; } #nav_utility li a { display: inline-block; height: 12px; line-height: 12px; font-size: 12px; text-decoration: none; color: #7b7a7a; padding: 0 4px; border-left: 1px solid #7b7a7a; border-bottom: 0; } #nav_utility li:first-child a { border-left: 0; } #nav_primary li a { display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; letter-spacing: .05em; background: transparent url(./style/images/bg_nav_primary_off.gif) top left repeat-x; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: 400; border-bottom: 0; } #nav_primary li.current_page_item a, #nav_primary li.current_page_parent a, #nav_primary li.current_page_ancestor a, #nav_primary li a:hover { background: transparent url(./style/images/bg_nav_primary_on.gif) top left repeat-x; text-decoration: none; } #breadcrumbs { position: absolute; top: 177px; left: 320px; background-color: #000; padding: 4px 10px 4px 9px; color: #fff; text-transform: uppercase; font-size: 9px; letter-spacing: .15em; text-align: left; } #tpl_blog #breadcrumbs { left: 465px; } #breadcrumbs a { color: #fff; border-bottom: 0; } /* PAGE-SPECIFIC ELEMENTs ========================================================== */ /* SIDEBAR ========================================================== */ #sidebar { margin-right: 35px; width: 277px; padding: 47px 0; } #sidebar h2 { color: #000; border-bottom: 4px solid #f00; margin-bottom: 20px; } #sidebar a { border-bottom: 0; } #sidebar .widget { margin-bottom: 35px; } /* SP IMAGE */ #sidebar .widget_sp_image { height: 55px; overflow: hidden; position: relative; padding: 10px 5px 13px 165px; border-bottom: 0; margin-bottom: 15px; background: transparent url(./style/images/bg_sidebar_widget_sp_image.gif) bottom left repeat-x; line-height: 14px; } #sidebar .widget_sp_image a { position: absolute; top: 0; left: 0; display: block; width: 100%; border-bottom: 0; } #sidebar .widget_sp_image h4 { color: #8e131d; } /* RECENT ENTRIES & RECENT COMMENTS */ #sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_categories li { background: transparent url(./style/images/bg_list_item_bracket.gif) 0 2px no-repeat; } #sidebar .widget_recent_entries a, #sidebar .widget_recent_comments a, #sidebar .widget_categories a { color: #7e7e7e; display: block; border-bottom: 1px solid #d8d8d8; padding-bottom: 6px; margin-bottom: 7px; text-decoration: none; } #sidebar .widget_recent_entries li:last-child a, #sidebar .widget_recent_comments li:last-child a, #sidebar .widget_categories li:last-child a { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #sidebar .widget_recent_entries li a:hover, #sidebar .widget_recent_comments li a:hover, #sidebar .widget_categories li a:hover { color: #000; } /* TAG CLOUD */ #sidebar .widget_tag_cloud { border-bottom: 0; padding-bottom: 0; line-height: 21px; } #sidebar .widget_tag_cloud a { color: #7e7e7e; } #sidebar .widget_tag_cloud a:hover { color: #000000; text-decoration: none; } /* ARCHIVES */ #sidebar .widget_archive a { color: #7e7e7e; } #sidebar .widget_archive li a:hover { color: #000; } /* Simple Nav & Flexi Pages */ #sidebar .flexipages_widget, #sidebar .simple-section-nav { border-bottom: 0; padding-bottom: 0; } #sidebar .flexipages_widget h4, #sidebar .simple-section-nav h4 { display: none; } #sidebar .flexipages_widget li, #sidebar .simple-section-nav li { padding: 10px 0; background: transparent url(./style/images/bg_simple_nav_li.gif) left bottom repeat-x; } #sidebar .flexipages_widget a, #sidebar .simple-section-nav a { display: block; height: 42px; line-height: 42px; color: #000; text-transform: uppercase; border: 0; text-decoration: none; padding-left: 17px; font-weight: 900; background: transparent url(./style/images/bg_simple_nav_a.gif) 0 50% no-repeat; } #sidebar .flexipages_widget a:hover, #sidebar .flexipages_widget .current_page_item a, #sidebar .simple-section-nav a:hover, #sidebar .simple-section-nav .current_page_item a { background-position: -313px 50%; color: #ff1e00; } /* POST AND PAGE COLUMNS ========================================================== */ #the_posts, #the_page { font-size: 13px; line-height: 20px; padding: 50px 0; color: #000000; } #the_page { width: 485px; margin-right: 0; } #the_posts { width: 670px; margin-right: 0; } #the_posts h3, #the_page h3 { color: #000; } #the_posts p, #the_posts ul, #the_posts ol, #the_posts blockquote, #the_page p, #the_page ul, #the_page ol, #the_page blockquote { margin: 0 0 25px 0; } #the_posts table p, #the_posts table ul, #the_posts table ol, #the_posts table blockquote, #the_page table p, #the_page table ul, #the_page table ol, #the_page table blockquote { margin: 0 0 10px 0; } #the_posts a, #the_page a { outline: none; color: #8e131d; text-decoration: none; border-bottom: 1px dotted #8e131d; } #the_posts a:hover, #the_page a:hover { color: #d01220; border-bottom: 1px dotted #d01220; } #the_posts h1 a, #the_posts h1 a:hover, #the_page h1 a, #the_page h1 a:hover, #the_posts h2 a, #the_posts h2 a:hover, #the_page h3 a, #the_page h3 a:hover, #the_posts h3 a, #the_posts h3 a:hover, #the_page h3 a, #the_page h3 a:hover { color: #d01220; border-bottom: 0; text-decoration: none; } /* CALL TO ACTION CLASS ========================================================== */ .calltoaction, #the_page .calltoaction, #the_posts .calltoaction { display: block; margin: 0 0 10px 0; } .calltoaction a, #the_page .calltoaction a, #the_posts .calltoaction a { background-color: #d82018; color: #fff !important; padding: 5px 30px 5px 7px; text-transform: uppercase; font-weight: 900; border: 0 !important; background: #d82018 url(./style/images/bg_calltoaction.gif) right 50% no-repeat; white-space: nowrap; } #the_posts li, #the_page li { list-style-position: inside; list-style: none; padding-left: 30px; background: transparent url(./style/images/icon_list_arrow.gif) 15px .5em no-repeat; } #the_posts .postmetadata { width: 130px; margin-right: 20px; padding: 0; margin-top: 3px; background: transparent url(./style/images/bg_postmetadata_top.gif) top left no-repeat; } #the_posts .postmetadata dl { margin: 0; padding: 10px 0 13px 11px; line-height: 16px; background: transparent url(./style/images/bg_postmetadata_bottom.gif) bottom left no-repeat; } #the_posts .postmetadata dt, #the_posts .postmetadata dd { margin: 0; padding-left: 9px; } #the_posts .postmetadata dt { color: #d01220; font-size: 10px; text-transform: uppercase; font-weight: 900; padding-top: 8px; } #the_posts .postmetadata dd { border-bottom: 1px dotted #d8d8d8; color: #7E7E7E; font-size: 14px; padding-bottom: 8px; } #the_posts .postmetadata dd a { color: #7E7E7E; text-decoration: none; border-bottom: 0; } #the_posts .postmetadata dd.comments span { color: #d01220; font-size: 10px; text-transform: uppercase; font-style: italic; } #the_posts .postmetadata dd.tags a:hover { color: #000; } #the_posts .entry-content { width: 485px; margin-right: 0; padding-top: 0; margin-bottom: 40px; background: transparent url(./style/images/bg_entry_content.gif) bottom left repeat-x; } #the_posts h2 { font-size: 32px; font-weight: 400; color: #d01220; text-transform: none; letter-spacing: -.05em; line-height:36px; } .navigation { width: 485px; float: right; margin-right: 35px; } /* POST COMMENTS ========================================================== */ #the_comments { margin-left: 150px; width: 485px; margin-right: 0; font-size: 13px; line-height: 20px; color: #000000; } #the_comments a { outline: none; color: #8e131d; text-decoration: none; border-bottom: 1px dotted #8e131d; } #the_comments a:hover { color: #d01220; border-bottom: 1px dotted #d01220; } #the_comments input, #the_comments textarea { width: 300px; } #the_comments h3 { color: #000; border-bottom: 4px solid #f00; text-transform: uppercase; } /* HOME (welcome) ========================================================== */ #tpl_welcome { background: transparent url(./style/images/bg_body_home.gif) center top repeat-x; } #tpl_welcome #wrapper { background: transparent url(./style/images/bg_wrapper_home.jpg) center top no-repeat; } /* #HEADER ========================================================== */ #tpl_welcome #header { height: 442px; } #go_to_map h1 { position: absolute; top: 148px; left: 487px; width: 0; height: 0; padding: 110px 0 0 376px; overflow: hidden; background: transparent url(./style/images/bg_bring_the_world_to_your_classroom-trans.png) top left no-repeat; } #go_to_map a.btn { position: absolute; top: 287px; left: 491px; display: block; width: 0; height: 0; padding: 42px 0 0 270px; overflow: hidden; text-decoration: none; background: transparent url(./style/images/sprite_btn_go_to_map.gif) left top no-repeat; } #go_to_map a.btn:hover { background-position: 0 -42px; } /* #CONTENT ========================================================== */ #tpl_welcome #content { background: none; } #leading_an_expedition, #are_you_a_teacher { width: 481px; } #are_you_a_teacher { margin-right: 0; } #leading_an_expedition a, #are_you_a_teacher a { display: block; height: 0; width: 0; padding: 99px 0 0 481px; overflow: hidden; } #leading_an_expedition a { background: transparent url(./style/images/sprite_btn_leading_an_expedition.jpg) 0 0 no-repeat; } #leading_an_expedition a:hover { background-position: 0 -99px; } #are_you_a_teacher a { background: transparent url(./style/images/sprite_btn_are_you_a_teacher.jpg) 0 0 no-repeat; } #are_you_a_teacher a:hover { background-position: 0 -99px; } /* sidebar-home-row-1 */ #sidebar-home-row-1 { position: relative; } /* col 1 - intro text */ #sidebar-home-row-1 .widget_text { position: relative; width: 314px; font-size: 22px; line-height: 26px; } #sidebar-home-row-1 .widget_text bold, #sidebar-home-row-1 .widget_text strong { color: #d01220; font-weight: 500; } #sidebar-home-row-1 .widget_text h2, #sidebar-home-row-1 .widget_text .cufon { display: none; } #sidebar-home-row-1 .widget_text .textwidget { position: absolute; top: 20px; left: 0; } /* col 2 - twitter */ #sidebar-home-row-1 .widget_twitter { width: 314px; padding-bottom: 55px; } #sidebar-home-row-1 .widget_twitter ul { padding: 0; border-top: 4px solid #e2e2e3; border-bottom: 4px solid #e2e2e3; margin: 0 0 20px 0; } #sidebar-home-row-1 .widget_twitter li { list-style: none; padding: 0 0 12px 0; border-bottom: 1px solid #e2e2e3; margin: 12px 0 0 0; } #sidebar-home-row-1 .widget_twitter h2 a { color: inherit; } #sidebar-home-row-1 .widget_twitter .entry-content { display: block; } #sidebar-home-row-1 .widget_twitter .from-meta { display: none; } /* col 2 - follow links */ #sidebar-home-row-1-follow { position: absolute; bottom: 20px; left: 334px; overflow: hidden; width: 314px; } #sidebar-home-row-1-follow h3 { display: inline; float: left; width: 40%; padding-top: 10px; } /* col 3 - spotlight widget */ #sidebar-home-row-1 .widget_sp_image { width: 314px; margin-right: 0; } #sidebar-home-row-1 .widget_sp_image img { border: 7px solid #ccc; } /* sidebar-home-row-2 */ #sidebar-home-row-2 { width: 1002px; } #sidebar-home-row-2 .widget { width: 314px; } #sidebar-home-row-2 .widget_sp_image { padding-top: 0; } #sidebar-home-row-2 .widget_sp_image img { border-top: 3px solid #d01220; border-bottom: 3px solid #d8d8d8; display: block; margin-bottom: 10px; } #sidebar-home-row-2 .widget_sp_image-description { font-size: 14px; line-height: 18px; } #sidebar-home-row-2 .widget_text { width: 1002px; padding-bottom: 0; } /* sidebar-home-row-3-col-1 */ #sidebar-home-row-3-col-1 { width: 668px; margin-right: 0; } #sidebar-home-row-3-col-1 ul { margin: 0; padding: 0; background-color: #fff; } #sidebar-home-row-3-col-1 li { display: block; height: 105px; position: relative; padding: 30px 20px 0 385px; background-color: #000; margin: 0 0 4px 0; list-style: none; font-size: 14px; color: #fff; } #sidebar-home-row-3-col-1 li h2 { font-size: 16px; color: #D01220; margin-bottom: 0; } #sidebar-home-row-3-col-1 a { position: absolute; top: 0; left: 0; width: 668px; height: 135px; } #sidebar-home-row-3-col-1 img { position: relative; top: 0; left: 0; width: 365px; height: 135px; } #sidebar-home-row-3-col-2 { width: 314px; margin-right: 0; } #sidebar-home-row-3-col-2 ul { height: 373px; overflow: hidden; margin: 0; padding: 20px 0 20px 20px; background-color: #fff; } #sidebar-home-row-3-col-2 li { list-style: none; margin: 0 0 10px 0; padding: 0 10px 10px 0; border-bottom: 1px solid #d8d8d8; } #sidebar-home-row-3-col-2 li.last { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } /* #PRE_FOOTER ========================================================== */ #pre_footer_wrapper { background-color: #e0e1e1; } #pre_footer { background: transparent url(./style/images/bg_pre_footer_wrapper.gif) 50% bottom no-repeat; padding-top: 20px; min-height:440px; height:auto !important; height:440px; } #tpl_welcome .site_by { width: 989px; } /* #FOOTER ========================================================== */ /* override for front page */ #tpl_welcome #footer { background: transparent url(./style/images/bg_footer.gif) 50% top no-repeat; } /* override for front page */ #tpl_welcome #action_buttons { margin-left: 0; } #tpl_welcome #footer_contact, #tpl_welcome #footer_links { margin-left: 115px; margin-right: 0; width: 205px; }