/* Theme Name: ELT Teachers Corner Theme URI: http://www.expresspublishing.co.uk/ Description: Express Publishing ELT Teachers Corner! Custom Blog Design. Version: 1 (WP2.8) Author: Web Department Express Publishing Author URI: http://www.expresspublishing.co.uk/ Tags: Educational, ELT, orange, blue and grey colour, right sidebar, two column, fixed width You cannot claim these templates or modifications of these templates as yours. You cannot redistribute these templates on your website. You cannot modify these templates or distribute them. */ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, p, blockquote, fieldset, input{ margin:0; padding:0; } blockquote { float:right; width:220px; padding:10px !important; margin-top:10px !important; margin-left:20px !important; margin-bottom:20px !important; background-color:#FDF7A6; border: 2px dashed #ABB4BF; } ul{ list-style:none; } a{ color:#57708E; text-decoration:none; } a:hover{ color:#F15A22; text-decoration:none; } a img{ border:0px solid #FFFFFF; } acronym, abbr { cursor:help; border-bottom: 1px dashed #2B5A89; background:#FDF7A6; } .floatcollapse_override { clear: both; } img#wpstats { display:none; } body { background:url(images/sitebkg.jpg); font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#231F20; } .text1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; } .text2 { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:20px; } .text3 { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .text4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .text5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; } .text6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; } .text7 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; } .text8 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } .text9 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; } .text10 { font-family:"Times New Roman", Times, serif; font-size:15px; } .text11 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .text14 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } .text15 { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; } .text16 { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:16px; } .text17 { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:13px; } .text18 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; } .textn { font-weight:normal; } .textb { font-weight:bold; } .texti { font-style:italic; } .textc { text-align:center; } .textr { text-align:right; } .textl { text-align:left; } .textu { text-decoration:underline; } .text_orange { color:#F15A22; } .text_blue { color:#0078BC; } .text_grey { color:#8F8F8F; } .text_red { color:#FF3300; } .container { position:relative; top:0px; left:0px; width:850px; height:auto; background:#FFFFFF; margin: 0 auto; } .titlebox { width:850px; height:94px; } .titlebox_container { position:absolute; top:0px; left:0px; width:850px; height:94px; background:url(images/headerbkg.jpg) repeat-x bottom; } * html .titlebox_container { margin-top:-20px; } h1 { position:absolute; top:16px; left:18px; width:191px; height:65px; background-image:url(images/teacherslogo_hover.jpg); background-repeat: no-repeat; background-position: -9999px -9999px; text-indent:-9999px; } * html h1 { top:36px; } h1 a { display:block; width:191px; height:65px; background:url(images/teacherslogo.jpg) no-repeat 0px 0px; } h1 a:hover { background:url(images/teacherslogo_hover.jpg) no-repeat 0px 0px; } .titlebox_linkback { position:relative; top:12px; left:542px; width:296px; height:40px; background-image:url(images/ep_button_hover.jpg); background-repeat:no-repeat; background-position:-9999px -9999px; text-indent:-9999px; } * html .titlebox_linkback { top:32px; } .titlebox_linkback a { display:block; width:296px; height:40px; background:url(images/ep_button.jpg) no-repeat 0px 0px; } .titlebox_linkback a:hover { background:url(images/ep_button_hover.jpg) no-repeat 0px 0px; } /* Main Navigation */ #nav { clear: both; margin-top:22px; } * html #nav { padding-top:22px; } #nav ul { /* margin-left:225px; */ margin-right:3px; } * html #nav ul { margin-right:-4px; } #nav li { float: right; margin-right:7px; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; } * html #nav li a { float: left; } #nav li a { display: block; padding-left: 5px; padding-right: 5px; line-height: 30px; color: #FFFFFF; background: url(images/mainnav_all.jpg) repeat-x top; } #nav li a:hover { background-position: left -32px; background-repeat:repeat-x; cursor: pointer; } #nav li#current a { background-position: left -64px; background-repeat:repeat-x; } /* Welcome Area with Search */ .welcome { clear:both; position:relative; top:0px; left:0px; width:850px; height:177px; background:url(images/welcome_bkg.jpg) no-repeat 0px 0px; } .welcome_text_container { position:relative; top:0px; left:10px; float:left; width:450px; height:auto; color:#FFFFFF; margin-top:10px; margin-left:10px; } .welcome_header { padding-bottom:5px; color:#FFFFFF; } .welcome_body { line-height:15px; } .search { position:relative; top:0px; left:0px; float:right; margin-top:59px; margin-right:18px; } * html .search { margin-right:12px; } .search_page { position:relative; top:0px; left:0px; margin-left:100px; } .searchsubmit { position:relative; top:3px; left:0px; height:28px; width:30px; background:url(images/sidebar_button.jpg) repeat-x 0px 0px; color:#FFFFFF; border:0; border:1px solid #FFFFFF; cursor:pointer; } .searchsubmit:hover { color:#CCCCCC; } .searchform_textbox { position:relative; top:0px; left:0px; height:23px; width:218px; background:#FFFFFF; color:#231F20; padding-top:7px; padding-left:7px; padding-right:7px; border:0; border:1px solid #5B708D; margin-right:2px; } .page_body { position:relative; top:0px; left:0px; width:850px; } .page_body_content{ float:left; width:503px; } /* Posts */ .post { width:478px; background:url(images/post-body-bkg.jpg) repeat-y 0px 15px; margin-top:20px; margin-left:10px; border:1px solid #AFB3B8; line-height:23px; } .postpage { width:478px; margin-left:10px; line-height:23px; } .datebox { position:relative; top:16px; left:-49px; float:left; width:48px; height:42px; background: url(images/date-bkg.jpg) no-repeat 0px 0px; line-height:17px; text-align:center; padding-top:7px; padding-left:3px; margin-right:-60px; } .datestyle_m { color:#F15A22; text-transform:uppercase; font-size:12px; line-height:12px; } .datestyle_d { font-size:15px; color:#F15A22; margin-top:-2px; } h2.postTitle { background:url(images/post-title-bkg.jpg) no-repeat bottom left; font-size:18px; line-height:19px; color:#57708E; padding-left:11px; padding-top:19px; } h2.postTitle a { display:block; color: #57708E; } h2.postTitle a:hover { color:#F15A22; } h2.postTitlepage { font-size:20px; line-height:21px; color:#231f20; padding-left:11px; padding-top:19px; } h3.postTitle { padding-left:11px; padding-right:10px; color:#A3A3A3; line-height:16px; } .realign { clear:both; height:22px; font-size:18px; color: #57708E; border-top:1px dashed #999999; } h3.postTitle a { line-height:22px; display:block; font-size:18px; color: #57708E; margin-top:-22px; } h3.postTitleArchive a { display:block; width:96%; height:30px; line-height:30px; font-size:18px; color: #57708E; margin-top:-22px; margin-left:11px; margin-right:10px; } h3.postTitleArchive a:hover { background-color:#E6E7E8; color:#F15A22; } .postTitleBullet { background:url(images/bitsnbobs_bullet.gif) no-repeat left; padding-left:26px; } h3.postTitleArchiveQ a { display:block; width:90%; height:auto; background:url(images/bitsnbobs_bullet.gif) no-repeat 4px 7px; line-height:30px; font-size:18px; color: #57708E; padding-left:26px; margin-top:-22px; margin-left:11px; margin-right:10px; margin-bottom:6px; } h3.postTitleArchiveQ a:hover { background-color:#E6E7E8; color:#F15A22; } .postTitleDate { float:right; padding-right:4px; } * html .postTitleDate { margin-top:-30px; } .postErrorTitle { font-size:23px; color: #57708E; padding-left:20px; padding-right:20px; } .postMeta { padding-left:11px; padding-right:10px; padding-top:3px; color:#231F20; font-size:10px; line-height:21px; } .postMeta a { font-style:italic; } .postMeta2 { padding-left:11px; padding-right:10px; padding-top:3px; color:#F15A22; font-size:10px; line-height:21px; } .postTags { padding-left:11px; padding-right:10px; padding-top:3px; color:#231F20; font-size:10px; line-height:21px; } .postTagsDivider { margin-top:10px; } .postContent img { border:3px solid #CCC; } .postContent p { padding-left:11px; padding-right:10px; padding-bottom:3px; color:#231F20; line-height:22px; } .postContent ul, ol { padding: 0 0 0 35px; } .postContent ul li, ol li { color:#231F20; } .postContentSingle p { padding-left:11px; padding-right:10px; padding-bottom:4px; color:#231F20; line-height:23px; } .postContentSingle ul, ol { padding: 0 0 0 35px; } .postContentSingle ul li, ol li { color:#231F20; } .postTagsSingle { padding-left:11px; padding-right:10px; color:#231F20; font-size:10px; line-height:19px; } .posts_container { position:relative; top:0px; left:0px; width:270px; height:20px; margin:15px; margin-left:110px; } * html .posts_container { width:300px; } li span.previous_posts { float:left; width:92px; height:20px; background:url(images/prevpost_hover.jpg); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; } li span.previous_posts a { display:block; width:92px; height:20px; background-image:url(images/prevpost.jpg); background-repeat:no-repeat; background-position:0px 0px; } li span.previous_posts a:hover { background:url(images/prevpost_hover.jpg); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back { float:left; width:92px; height:20px; background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; margin-left:-70px; margin-top:20px; } * html li span.page_back { margin-left:0px; } li span.page_back a { display:block; width:92px; height:20px; background-image:url(images/backpage.gif); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back a:hover { background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back2 { float:left; width:92px; height:20px; background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; margin-left:-144px; margin-top:20px; } * html li span.page_back2 { position:relative; top:0px; left:-144px; margin-left:0px; } li span.page_back2 a { display:block; width:92px; height:20px; background-image:url(images/backpage.gif); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back a:hover2 { background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back3 { float:left; width:92px; height:20px; background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; margin-left:-96px; } * html li span.page_back3 { position:relative; top:0px; left:-96px; margin-left:0px; } li span.page_back3 a { display:block; width:92px; height:20px; background-image:url(images/backpage.gif); background-repeat:no-repeat; background-position:0px 0px; } li span.page_back a:hover3 { background:url(images/backpage_hover.gif); background-repeat:no-repeat; background-position:0px 0px; } .numbered_posts { float:left; position:relative; top:0px; left:0px; width:auto; height:40px; margin-left:20px; margin-top:-4px; } * html .numbered_posts { margin-top:-20px; } li span.next_posts { float:right; width:69px; height:20px; background:url(images/nextpost_hover.jpg); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; } * html li span.next_posts { margin-top:-16px; } li span.next_posts a { display:block; width:92px; height:20px; background-image:url(images/nextpost.jpg); background-repeat:no-repeat; background-position:0px 0px; } li span.next_posts a:hover { background:url(images/nextpost_hover.jpg); background-repeat:no-repeat; background-position:0px 0px; } /* Sidebar */ .sidebar { float:left; height:auto; width:343px; background:url(images/sidebarbkg_c.jpg) repeat-y 0px 79px; margin-top:-79px; margin-left:1px; } .sidebar_t { position:relative; top:0px; left:0px; height:auto; width: 343px; background:url(images/sidebarbkg_t.jpg) no-repeat top left; } .sidebar_b { position:relative; top:0px; left:0px; height:auto; width: 343px; background:url(images/sidebarbkg_b.jpg) no-repeat bottom left; } .sideDivider { background:url(images/sidebar_divider.jpg) no-repeat top center; padding:15px; padding-bottom:19px; padding-top:19px; } .sideDividerFirst { padding:15px; padding-bottom:20px; padding-top:20px; } .sideDividerBottom { margin-left:37px; margin-bottom:20px; } .feedcontainer { background:url(images/feedicon.jpg) no-repeat bottom left; } .feedcontainer p { height:73px; background:url(images/feedheader.jpg) no-repeat top center; text-indent:-9999px; margin-top:10px; margin-bottom:5px; } .feedcontainer input.searchform_textbox { clear:both; margin-left:34px; } .sidebarheader { background:url(images/sidebar_headerbullet.jpg) no-repeat 0px 6px; color:#57708E; line-height:20px; padding-left:15px; padding-bottom:8px; margin-left:39px; margin-right:39px; } .sidebarlist { background:url(images/sidebar_lidivider2.gif) 0px 2px; margin-left:24px; margin-right:24px; padding-top:4px; padding-bottom:4px; } .sidebarlist li { background:url(images/sidebar_libullet.jpg) no-repeat 0px 8px; padding: 4px 0px 4px 15px; margin-left:15px; } .polls_container { margin-top:10px; margin-left:10px; margin-bottom:10px; } .pollsbkg_c { position:relative; top:0px; left:0px; height:auto; width:292px; background:url(images/polls_c.jpg) repeat-y 0px 44px; } .pollsbkg_t { position:relative; top:0px; left:0px; height:auto; width:292px; background:url(images/polls_t.jpg) no-repeat top left; } .pollsbkg_b { position:relative; top:0px; left:0px; height:auto; width:292px; background:url(images/polls_b.jpg) no-repeat bottom left; padding-bottom:22px; } .pollsheader { padding-top:20px; padding-bottom:4px; color:#231F20; } .pollslist { clear:both; padding-top:3px; margin-left:10px; margin-right:20px; color:#0F5AB5; } .pollsarchive { clear:both; padding-left:26px; padding-right:16px; padding-top:23px; } .wp-polls p { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding-bottom:14px; padding-left:14px; padding-right:14px; } .wp-polls p a { font-size:12px; color:#F15A22; font-weight:bold; } .wp-polls p a:hover { font-size:12px; color:#0F5AB5; font-weight:bold; } .wp-polls li { font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#231F20; } .wp-polls ul { margin-bottom:15px; } .sidebarbanner { position:relative; height:168px; width:244px; margin-top:14px; margin-bottom:4px; } .top { clear:both; position:relative; top:0px; left:0px; width:auto; height:40px; background:url(images/top-arrow_hover.jpg); background-repeat:no-repeat; background-position:-9999px; text-indent:-9999px; margin-top:10px; margin-bottom:10px; padding-left:360px; } .top a { display:block; top:0px; left:0px; width:auto; height:40px; background:url(images/top-arrow.jpg) no-repeat 0px 0px; text-decoration:none; } .top a:hover { background:url(images/top-arrow_hover.jpg) no-repeat 0px 0px; } /* FOOTER */ .footerbkg_c { position:relative; top:0px; left:0px; width:850px; background:url(images/footerbkg_c.jpg) repeat-y top left; color:#FFFFFF; } .footerbkg_t { position:relative; top:0px; left:0px; width:850px; background:url(images/footerbkg_t.jpg) no-repeat top left; } .footerbkg_c .epaddress a { color:#FFFFFF; } .footerbkg_c .epaddress a:hover { color:#57708E; } .epaddress { float:left; width:280px; line-height:13px; padding-left:15px; padding-top:15px; padding-bottom:10px; } .epaddresssubheader { padding-bottom:10px; line-height:19px; } .footerbkg_c .ep_valid a { color:#FFFFFF; } .footerbkg_c .ep_valid a:hover { color:#57708E; } .ep_valid { float:left; width:235px; padding-left:30px; padding-top:15px; padding-bottom:10px; } .ep_valid h3 { padding-bottom:10px; } li.dividernav1 { height:18px; width:auto; background:url(images/valid_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav1 a { display:block; height:18px; width:auto; background:url(images/valid.gif) no-repeat 1px 0px; padding-top:1px; padding-left:22px; } li.dividernav1 a:hover { background:url(images/valid_hover.gif) no-repeat 1px 0px; } li.dividernav2 { height:18px; width:auto; background:url(images/valid_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav2 a { display:block; height:18px; width:auto; background:url(images/valid.gif) no-repeat 1px 0px; padding-top:1px; padding-left:22px; } li.dividernav2 a:hover { background:url(images/valid_hover.gif) no-repeat 1px 0px; } li.dividernav3 { height:18px; width:auto; background:url(images/valid_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav3 a { display:block; height:18px; width:auto; background:url(images/valid.gif) no-repeat 1px 0px; padding-top:1px; padding-left:22px; } li.dividernav3 a:hover { background:url(images/valid_hover.gif) no-repeat 1px 0px; } li.dividernav4 { height:18px; width:auto; background:url(images/valid_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav4 a { display:block; height:18px; width:auto; background:url(images/valid.gif) no-repeat 1px 0px; padding-top:1px; padding-left:22px; } li.dividernav4 a:hover { background:url(images/valid_hover.gif) no-repeat 1px 0px; } li.dividernav5 { height:18px; width:auto; background:url(images/valid_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav5 a { display:block; height:18px; width:auto; background:url(images/valid.gif) no-repeat 1px 0px; padding-top:1px; padding-left:22px; } li.dividernav5 a:hover { background:url(images/valid_hover.gif) no-repeat 1px 0px; } li.dividernav6 { height:18px; width:auto; background:url(images/wave_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav6 a { display:block; height:18px; width:auto; background:url(images/wave.gif) no-repeat 0px 0px; padding-top:2px; padding-left:22px; } li.dividernav6 a:hover { background:url(images/wave_hover.gif) no-repeat 0px 0px; } li.dividernav7 { height:18px; width:auto; background:url(images/vischeck_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav7 a { display:block; height:18px; width:auto; background:url(images/vischeck.gif) no-repeat 0px 3px; padding-top:2px; padding-left:22px; } li.dividernav7 a:hover { background:url(images/vischeck_hover.gif) no-repeat 0px 3px; } li.dividernav8 { height:18px; width:auto; background:url(images/colororacle_hover.gif); background-repeat:no-repeat; background-position:-9999px; } li.dividernav8 a { display:block; height:18px; width:auto; background:url(images/colororacle.gif) no-repeat 0px 0px; padding-top:2px; padding-left:20px; } li.dividernav8 a:hover { background:url(images/colororacle_hover.gif) no-repeat 0px 0px; } .footerbkg_c .ep_tagcloud a { color:#FFFFFF; } .footerbkg_c .ep_tagcloud a:hover { color:#57708E; } .ep_tagcloud { float:left; width:260px; padding-left:15px; padding-top:15px; padding-bottom:10px; } .ep_tagcloud h3 { padding-bottom:10px; } .epaddress2 { float:left; display:none; } /* Free Resources */ h3.postTitleFree { line-height:30px; font-size:18px; color: #57708E; padding-left:11px; padding-right:10px; } .postContentFree { padding-left:11px; padding-right:10px; padding-bottom:3px; color:#231F20; line-height:22px; } .postContent_dl { width:98px; height:42px; background-image:url(images/download_button_hover.jpg); background-repeat:no-repeat; background-position:-9999px; padding-left:7px; padding-right:8px; padding-bottom:10px; } .postContent_dl a { display:block; width:96px; height:35px; background:url(images/download_button.jpg) no-repeat top left; color:#57708E; text-align:center; padding-top:7px; padding-right:2px; } .postContent_dl a:hover { background:url(images/download_button_hover.jpg) no-repeat top left; color:#F9562B; } .postContent_dl3 { width:113px; height:42px; background-image:url(images/get_button_hover.jpg); background-repeat:no-repeat; background-position:-9999px; padding-left:7px; padding-right:8px; padding-bottom:10px; } .postContent_dl3 a { display:block; width:111px; height:35px; background:url(images/get_button.jpg) no-repeat top left; color:#57708E; text-align:center; padding-top:7px; padding-right:2px; } .postContent_dl3 a:hover { background:url(images/get_button_hover.jpg) no-repeat top left; color:#F9562B; } .postContent_dl2 { position:relative; top:0px; left:0px; float:left; width:98px; height:42px; background-image:url(images/download_button_hover.jpg); background-repeat:no-repeat; background-position:-9999px; padding-bottom:10px; margin-left:-4px; } * html .postContent_dl2 { margin-left:0px; } .postContent_dl2 a { display:block; width:96px; height:42px; background:url(images/download_button.jpg) no-repeat top left; color:#57708E; text-align:center; padding-top:7px; padding-right:2px; } .postContent_dl2 a:hover { background:url(images/download_button_hover.jpg) no-repeat top left; color:#F9562B; } .free_adobe_container { padding-left:11px; padding-right:10px; padding-top:19px; background-image:url(images/get_adobe_hover.jpg); background-repeat:no-repeat; background-position:-9999px; color:#A3A3A3; line-height:16px; } .free_adobe_container a { float:right; display:block; width:100px; height:43px; background:url(images/get_adobe.jpg) no-repeat top right; text-indent:-9999px; margin-top:6px; padding-left:30px; } .free_adobe_container a:hover { background:url(images/get_adobe_hover.jpg) no-repeat top right; } .postFreeImage { float:left; margin-top:6px; margin-left:11px; margin-right:11px; margin-bottom:11px; border:2px solid #9DAFBD; } * html .postFreeImage { margin-left:6px; } .titlelisquare { border:1px solid #231F20; padding:2px 5px; } /* ----------- Single picture -------------*/ .shutterset_singlepic1 { margin:0 0 0 0; padding:0 0 0 0; } .ngg-singlepic { background-color:#FFFFFF; border:3px solid #A9A9A9; padding:0 0 0 0; } .ngg-left { float: left; margin-right:30px; } .ngg-left2 { float: left; } .ngg-left3 { clear:both; float:left; margin-top:10px; margin-right:45px; padding:10px; padding-left:0px; } .ngg-left4 { clear:both; float:left; margin-top:10px; } * html span.ngg-left4 { width:425px; } .ngg-left5 { clear:both; display:block; position:relative; top:0px; left:0px; height:121px; padding-top:10px; } .ngg-right { clear:both; float:right; margin-top:10px; } .ngg-center { margin-left: auto !important; margin-right: auto !important; } /* ---------------------- Lightview ---------------------- */ #lightview * { margin: 0; padding: 0; background: none; border: 0; } #lightview { position: fixed; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; } #lightview ul li { list-style-type: none; } #lightview .container { position: relative; width: 100%; height: 100%; } #lightview .button { cursor: pointer; text-decoration: none; border: none; } #lightview .sideButtons { position: absolute; top: 50%; margin-top: -11px; left: 0; clear: both; width: 100%; height: 22px; } #lightview .sideButtons .prev { float: left; } #lightview .sideButtons .next { float: right; } #lightview .side { position: relative; overflow: hidden; } #lightview .side .wrapper { width: 100%; height: 100%; } #lightview .side .button { float: left; } #lightview .frames { width: 100%; height: 100%; position: relative; } #lightview .frames .frame { position: absolute; left: 0; width: 100%; display: block; } #lightview .frames .top { top: 0; } #lightview .frames .bottom { bottom: 0; } #lightview .liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; } #lightview .liquid .filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; } #lightview .half { display: block; height: 100%; clear: both; line-height: 0px; } #lightview .half .corner { float: left; position: relative; } #lightview .half .corner canvas { } #lightview .tr, #lightview .br { float: right; } #lightview .fill { position: absolute; top: 0; width: 100%; height: 100%; } #lightview .container .wrap { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; } #lightview .container .right .wrap { float: right; } #lightview .corner { position: relative; } #lightview .corner canvas { position: relative; } #lightview .left .corner { float: left; } #lightview .right .corner { position: relative; float: right; } #lightview .center { position: relative; clear: both; height: 100%; overflow: hidden; } #lightview .wrapup { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; } #lightview .wrapdown { position: relative; height: 100%; width: 100%; overflow: hidden; } #lightview .wrapcenter { position: relative; } #lightview .loading { width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } #lightview .loading .button { float: left; height: 100%; width: 100%; } #lightview .mediaWrapper { position: relative; width: 100%; display: block; overflow: hidden; clear: both; } #lightview .mediaWrapper img { position: relative; float: left; } #lightview .prevnext { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #lightview .prevnext .button { position: relative; height: 100%; width: 49%; display: block; } #lightview .prevnext .prev { float: left; } #lightview .prevnext .next { float: right; } #lightview .dataContainer { clear: both; position: relative; width: 100%; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#999999; } #lightview .close, #lightview .data { margin: 6px 0 0 0; } #lightview .top .close, #lightview .top .data { margin: 0 0 6px 0; } #lightview .close { float: right; overflow: hidden; } #lightview .close .button { float: right; width: 100%; height: 100%; } #lightview .data { position: relative; float: left; padding-bottom: 3px; line-height: 13px; } #lightview .dataText div, #lightview .imgNumber div { margin-left: 3px; } /* simulates padding-left inside .data */ #lightview .top .dataText div, #lightview .top .imgNumber div { margin-left: 0; } #lightview .data li { float: left; margin-top: 3px; } #lightview .dataText { width: 100%; } #lightview .dataText .title { font-weight: bold;} #lightview .dataText .caption { clear: both; } #lightview .imgNumber { color:#999999; margin-right: 5px; margin-top: 5px; } #lightview .slideshow { border-left: 1px solid #efefef; padding-left: 5px; margin-top: 5px; } #lightview .slideshow .button { /* play and stop */ float: left; width: 43px; height: 13px; background-position: center left; background-repeat: no-repeat; } #lightview .importWrapper { float: left; clear: both; } #lightview .importWrapper iframe { float: left; clear: both; } #overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background:#000000; } #overlay .closeable { position: relative; height: 100%; width: 100%; background:#000000; /* IE */ } * html #lightview { position: absolute; margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px'); } * html #overlay { /* IE6 */ position: absolute; height: expression((document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px'); width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px'); } /* ----------------------- Table ------------------ */ table.outline { position:relative; top:20px; right:-150px; margin-left:-150px; border:1px solid #000000; } table.outline td { border:1px solid #000000; padding-left:5px; padding-right:5px; } table.outline_none, td { border:0px solid #000000; } .nopadding td { padding:0 0 0 0; } td { padding-top:5px; padding-bottom:5px; } /* --------- Bits and Bobs SHOW and HIDE ---------- */ .hide {display:none !important;} * html .hide {display:block !important;} * html .show {display:none;} /* ---------------- Comments ------------------- */ .postComments { padding-left:11px; padding-right:10px; padding-bottom:3px; color:#231F20; line-height:22px; } label.comment_form { clear:both; float:left; position:relative; top:0px; left:0px; width:458px; line-height:28px; padding:10px; } * html label.comment_form { padding:0px; padding-top:10px; padding-bottom:10px; } label.comment_form:hover { background:#E0E0E0; } .commentform_textbox { position:relative; top:0px; left:0px; height:23px; width:198px; background:#FFFFFF; color:#231F20; padding-top:7px; padding-left:7px; padding-right:7px; border:0; border:1px solid #5B708D; margin-left:130px; line-height:20px; } .commentform_textbox2 { position:relative; top:0px; left:0px; height:23px; width:198px; background:#FFFFFF; color:#231F20; padding-top:7px; padding-left:7px; padding-right:7px; border:0; border:1px solid #5B708D; line-height:20px; } .commentform_textbox3 { position:relative; top:0px; left:0px; height:23px; width:198px; background:#FFFFFF; color:#231F20; padding-top:7px; padding-left:7px; padding-right:7px; border:0; border:1px solid #5B708D; margin-left:180px; line-height:20px; } .comment_messagebox { clear:both; position:relative; top:0px; left:0px; width:440px; background:#FFFFFF; color:#231F20; padding-top:7px; padding-left:7px; padding-right:7px; border:0; border:1px solid #5B708D; margin-top:5px; } .commentsubmit { position:relative; top:0px; left:0px; height:28px; width:130px; background:url(images/sidebar_button.jpg) repeat-x 0px 0px; color:#FFFFFF; border:0; border:1px solid #FFFFFF; cursor:pointer; } .commentsubmit:hover { color:#CCCCCC; }