/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:960px; font-size:1.1em; background-color:#ffffff; padding:0px 10px 10px 10px;} .separator {clear:both;} #greycontainer {position:relative; top:0px; left:0px; width:960px; background-color:#f4cbaf; background-image:url(../images/pageback.jpg); background-position:left top; background-repeat:repeat-x;} /* ------------------------------------------------------- top of page ------------------------------------------------------- */ #toppage {position:relative; top:0px; left:0px; height:358px; width:960px; background-image:url(../images/pagetop.jpg); background-position:left top; background-repeat:no-repeat;} #toppage a {text-decoration:none;} #twitterback {position:absolute; top:94px; left:645px; height:188px; width:315px; background-image:url(../images/twitter_back.jpg); background-position:left top; background-repeat:no-repeat;} #searchbox {position:absolute; top:35px; left:783px; width:154px; height:23px; background-image:url(../images/search_back.jpg); background-position:left top; background-repeat:no-repeat;} #searchtitle {position:absolute; top:-20px; left:0px;} #searchbox label {color:#e12020;} #inputfield {position:absolute; top:3px; left:5px;} #inputfield input {width:110px; height:17px; border:0px;} #searchbutton {position:absolute; top:1px; left:130px;} #searchbutton input {width:20px; height:20px; padding-left:0px;} #fontsize {position:absolute; top:37px; left:688px;} #fontsize input {width:19px; height:19px; padding-left:0px; background-color:Transparent;} #dereklogo {position:absolute; top:23px; left:30px;} #intro {position:absolute; top:102px; left:36px; width:235px; height:150px; color:#000000; font-size:0.9em;} #twitterbox {position:absolute; top:144px; left:652px; width:294px; height:135px; color:#000000; font-size:0.9em;} #tweet {position:absolute; top:0px; left:14px; width:265px; height:30px;} #tweet a {color:#000000;} #twitterlink {position:absolute; top:45px; left:167px; width:117px;} #twitterlink a {color:#e34917; font-weight:bold;} #sociallinks {position:absolute; top:80px; left:7px; width:265px;} #sociallinks a {text-decoration:underline; color:#000000;} /* ------------------------------------------------------- ToolBar ------------------------------------------------------- */ #toolbar {position:absolute; left:0px; top:282px; width:960px; height:46px; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/toolbar_back.gif); background-position:left top; background-repeat:repeat-x;} #barpos {position:relative; left:17px; top:0px; width:742px; height:39px;} #toolbar a {color:#9a9a9a; font-weight:normal; text-decoration:none;} .tool {float:left; padding-top:14px; padding-bottom:10px; padding-left:14px; padding-right:14px;} .toolselected {float:left; height:26px; padding-top:14px; padding-bottom:0px; padding-left:14px; padding-right:14px; margin-right:0px; background-image:url(../images/toolbar_on.jpg); background-position:left top; background-repeat:repeat-x;} #toolbar .toolselected a {color:#ffffff;} #banner {position:absolute; top:10px; left:136px;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; width:960px; padding:0px 25px 0px 25px;} #innerpage {position:relative; top:0px; left:0px; width:944px; background-color:#cfe9e7; padding:9px;} #leftcol {float:left; width:300px; margin-right:25px;} #rightcol {float:left; width:585px; margin:0px; border:0px; padding:0px;} #whitebox {padding:20px; background-color:#fcedcc; border:solid 1px #ea791f;} .separator {clear:both;} #promo1 {position:relative; top:0px; left:0px; margin-bottom:9px;} /* ------------------------------------------------------- breadcrumb and fontsize ------------------------------------------------------- */ #breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:550px; margin-top:4px; margin-bottom:20px; margin-left:0px; text-align:left; text-decoration:none; color:#6361ca; font-family: Arial, Helvetica, Verdana, sans-serif;} #breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:580px; color:#ea791f;} #breadtext a {color:#ea791f; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;} #breadtext a:hover {color:#ea791f; text-decoration:underline; padding:3px;} /* ------------------------------------------------------- page ------------------------------------------------------- */ #copybox {position:relative; top:0px; left:0px; width:545px; line-height:1.4em; margin-top:15px;} #copyboxleft {float:left; width:260px; margin-right:25px;} #copyboxright {float:left; width:260px; } /* ------------------------------------------------------- Level 2 naviagtion ------------------------------------------------------- */ .menubox {position:relative; left:0px; top:0px; width:298px; border:solid 1px #ea791f; background-color:#fcedcc; background-image:url(../images/menuback.jpg); background-position:left top; background-repeat:no-repeat;} .menutitle {position:relative; left:0px; top:0px; padding-left:16px; font-size:1.6em; color:#e55423; padding-bottom:14px; width:290px; margin-top:20px; font-family: Arial, Helvetica, Verdana, sans-serif;} #menutitle {position:relative; left:0px; top:0px; padding-left:16px; font-size:1.6em; color:#e55423; padding-bottom:14px; width:290px; margin-top:20px; font-family: Arial, Helvetica, Verdana, sans-serif;} #level2 {position:relative; left:0px; top:0px; margin-bottom:0px; width:298px; padding:0px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:298px;} #level2 a {color:#ea791f; display:block; padding:8px 22px 8px 16px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-top:dotted 1px #f3b375; background-image:url(../images/menu1.gif); background-position:right top; background-repeat:no-repeat;} #level2 a:hover {color:#ea791f; text-decoration:underline; width:260px; background-color:#fbdba6;} #menu2 {} #menu2 a {color:#e44c19; padding:8px 22px 8px 16px; margin:0px; width:260px; font-weight:normal; background-color:#fbdba6; background-image:url(../images/menu2.gif); background-position:right top; background-repeat:no-repeat;} #menu2 a:hover {color:#e44c19; text-decoration:underline; width:260px;} /* ------------------------------------------------------- Level 3 naviagtion ------------------------------------------------------- */ #level3 {position:relative; left:0px; top:0px; width:298px; margin-top:0px; margin-bottom:0px; background-color:#fbe4ba;} #level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level3 li {display:block; width:210px; background-image:none;} #level3 a {color:#ea791f; display:block; padding:5px 0px 5px 30px; text-decoration:none; margin:0px; width:268px; border-bottom:none;} #level3 a:hover {color:#ea791f; text-decoration:underline; width:268px;} #menu3 {} #menu3 a {color:#e44c19; padding:5px 0px 5px 30px; margin:0px; width:268px;} #menu3 a:hover {color:#e44c19; text-decoration:underline;} #level22 {position:relative; left:0px; top:0px; margin-bottom:0px; width:298px; padding:0px;} #level22 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level22 li {display:block; width:298px;} #level22 a {color:#ea791f; display:block; padding:8px 22px 8px 16px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-top:dotted 1px #f3b375; background-image:url(../images/menu1.gif); background-position:right top; background-repeat:no-repeat;} #level22 a:hover {color:#ea791f; text-decoration:underline; width:260px; background-color:#fbdba6;} /* ------------------------------------------------------- Related ------------------------------------------------------- */ #linkstitle {position:relative; left:0px; top:0px; color: #e55423; font-size:1.4em; margin-bottom:7px; font-family: Arial, Helvetica, Verdana, sans-serif;} #related {position:relative; left:0px; top:0px; width:286px; padding:0px; margin-top:10px;} #related ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #related li {display:block; width:260px; list-style:none;} #related li a {color:#ea791f; display:block; padding-top:4px; padding-bottom:6px; padding-left:20px; text-decoration:none; margin:0px; width:260px; font-weight:normal; background-image:url(../images/import.gif); background-position:left top; background-repeat:no-repeat;} #related li a:hover {color:#ea791f; text-decoration:underline; width:260px;} #related li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- news ------------------------------------------------------- */ #news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;} .newsdiv {width:145px; height:19px; border-top:solid 1px #f3b375; margin-top:15px;} .newsitem {margin-bottom:20px; border-bottom:solid 1px #f3b375; padding-bottom:10px; width:500px;} .newsdate {float:left; position:relative; top:0px; left:0px; width:120px; color:#ea791f;} .newscontent {float:left; position:relative; top:0px; left:0px; width:380px;} .newstitle {font-size:1.2em; margin-bottom:5px;} .newstitle a {text-decoration:none; color:#ea791f;} .newstitle a:hover {text-decoration:underline;} .newslink {text-align:left; margin-top:10px;} .newslink a {text-decoration:underline; color:#ea791f;} .newslink a:hover {text-decoration:underline;} .link {padding-left:17px; padding-bottom:3px; text-decoration:none; background-image:url(../images/linkicon.gif); background-position:left top; background-repeat:no-repeat;} /* ------------------------------------------------------- record paging ------------------------------------------------------- */ #pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;} #pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;} #pagingnav li{display: inline; line-height:22px; background-image:url(../images/paging.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #ea791f; padding:3px 5px 3px 5px; margin-right:6px;} #pagingnav li a {color:#c35724; font-weight:bold; text-decoration:none;} #pagingnav li a:hover {text-decoration:underline;} * html #pagingnav ul {margin-left:-10px; padding-left:10px;} .pagingon {color:#3a484b; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;} #pagingnav2 {position:relative; top:0px; left:0px; width:450px; font-weight:bold; font-size:0.9em;} #pagingnav2 ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;} #pagingnav2 li{display: inline; line-height:22px; background-image:url(../images/paging.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #ea791f; padding:3px 5px 3px 5px; margin-right:6px;} #pagingnav2 li a {color:#c35724; font-weight:bold; text-decoration:none;} #pagingnav2 li a:hover {text-decoration:underline;} * html #pagingnav2 ul {margin-left:-10px; padding-left:10px;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footertext {clear:both; position:relative; left:0px; top:0px; height:89px; width:960px; font-size:0.9em; margin-top:15px; background-image:url(../images/footer_back.gif); background-position:left top; background-repeat:repeat-x;} #copyright {position:relative; left:20px; top:34px; color:#9a9596; width:800px;} #footlinks {position:absolute; left:560px; top:16px; color:#9a9596; width:380px; text-align:right;} #footlinks a {color:#9a9596; text-decoration:none; font-weight:normal;} #footlinks a:hover {color:#9a9596; text-decoration:underline;} #hbr {position:absolute; left:895px; top:45px;} /* ------------------------------------------------------- site map ------------------------------------------------------- */ #sitemap {} #sitemap li {list-style-type:none;} ul#sitemap > li {margin-bottom:10px;} #sitemap ul li {list-style-image:url(../images/l2_normal.gif);} #sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);} #sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);} #sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);} #sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);} #sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);} #sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);} #checkboxes {} #checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;} #checkboxes label {font-weight:normal;} /* ------------------------------------------------------- image caption ------------------------------------------------------- */ .captionbox {float:left; position:relative; top:0px; left:0px;} .captionimage {position:relative; top:0px; left:0px; margin-right:10px;} .captioncopy {position:relative; top:0px; left:0px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} .captionbox2 {float:right; position:relative; top:0px; left:0px;} .captionimage2 {position:relative; top:0px; left:0px; margin-left:10px;} .captioncopy2 {position:relative; top:0px; left:0px; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} /* ------------------------------------------------------- search results ------------------------------------------------------- */ .searchitem {position:relative; top:0px; left:0px; margin-top:10px; margin-bottom:20px;} .searchtitle {position:relative; top:0px; left:0px; margin-bottom:3px; font-weight:bold;} .searchtitle a {font-weight:bold;} /* ------------------------------------------------------- Data list ------------------------------------------------------- */ #datalist {margin-top:20px; margin-bottom:20px;} #datalist ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #datalist li {display:block; width:490px; list-style:none;} #datalist li a {color:#4c575e; display:block; padding-top:2px; padding-bottom:12px; padding-left:25px; text-decoration:none; margin:0px; width:465px; font-weight:normal; background-image:url(../images/chart.gif); background-position:left top; background-repeat:no-repeat;} #datalist li a:hover {color:#4c575e; text-decoration:underline; width:465px;} #datalist li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- video ------------------------------------------------------- */ #videosearch {position:relative; top:0px; left:0px;} #mainvideobox2 {position:relative; top:0px; left:0px; width:420px; margin-bottom:20px;} #mainvideo {position:relative; top:0px; left:0px; border:solid 8px #ecc88d; width:400px;} #maintext {position:relative; top:0px; left:0px; margin-top:10px;} #videotitle {color:#e44f1a; font-weight:bold;} #videoloading {position:absolute; top:170px; left:190px;} .videoitem {float:left; position:relative; top:0px; left:0px; width:160px; height:180px;} .videothumb {position:relative; top:0px; left:0px; width:120px; height:90px; border:solid 8px #ecc88d;} .videothumb input {width:120px; height:90px; border:0px; margin:0px; padding:0px;} .videotitle {position:relative; top:0px; left:0px;} .videodate {position:relative; top:0px; left:0px;} .videolink {position:absolute; top:0px; left:100px;} #update {} #update label {display:block; float:left; width:140px;} #update input {border:none; background-color:Transparent;} /* ------------------------------------------------------- Blog ------------------------------------------------------- */ .blogitem {position:relative; top:0px; left:0px; width:550px; padding-top:30px;} .blogleft {float:left; position:relative; top:0px; left:0px; width:50px; margin-right:20px;} .blogright {float:left; position:relative; top:0px; left:0px; width:480px;} .datebox{position:relative; top:0px; left:0px; width:50px; height:42px; background-image:url(../images/blog_date.gif); background-position:right top; background-repeat:no-repeat; color:#b53c10;} .datenum {position:absolute; top:0px; left:6px; width:38px; text-align:center; font-size:1.7em;} .datemon {position:absolute; top:23px; left:6px; width:38px; text-align:center; font-size:0.9em;} .blogtitle {position:relative; top:0px; left:0px; font-size:1.3em; color:#e6551f; padding-bottom:15px;} .blogtitle a {color:#e6551f;} .blogcontent {position:relative; top:0px; left:0px; padding:0px 0px 20px 0px;} .blogbar {position:relative; top:0px; left:0px; border-top:solid 1px #f3b375; margin:0px 0px 10px 0px; color:#ea791f; font-size:0.9em;} .bloglinks {position:relative; top:5px; left:0px; color:#ea791f;} .bloglinks a {text-decoration:none;} .bloglinks a:hover {text-decoration:underline;} .blogbar2 {position:relative; top:0px; left:0px; border-top:solid 1px #f3b375; margin:0px 0px 10px 0px; padding-top:5px; color:#ea791f; font-size:0.9em;} .newssocial {position:relative; top:0px; left:0px; height:20px; padding-top:5px;} .newssocial a {text-decoration:underline;} .newstwitter {position:relative; top:0px; left:0px;} .newsdigg {position:absolute; top:5px; left:80px;} .newsstumble {position:absolute; top:5px; left:150px;} .newsdelicious {position:absolute; top:5px; left:275px;} .newsfacebook {position:absolute; top:5px; left:375px;}