/* Originally based on code from a free template terrafirma1.0 from http://www.nodethirtythree.com */ /* colors #6b7b51 - coppery green gold in arrow #92A374 - lighter copper green for sidebar #ff7f1a - orange in moon #f90 - light orange in sidebar #333 - darker font #666 - light gray #999 - dark gray */ *{ padding: 0px; margin: 0px; } body { background: #F9F9F7 url('../images/clouds.gif') repeat; font-size: 100.01%; font-family: "trebuchet ms", helvetica, sans-serif; color: #333; line-height: 22px; text-align: center; } #primarycontent a:link, #primarycontent a:visited { color: #FF7800; text-decoration: none; } #primarycontent a:hover { text-decoration: underline; } p { margin-bottom: 10px; } #centered { text-align: center; padding: 5px; } img.floatleft { float: left; margin: 5px 10px 5px 5px; padding: 4px; border: #666 1px; } img.floatright { float: right; margin: 5px 5px 5px 10px; padding: 4px; border: #666 1px; } #outer { position: relative; width: 849px; margin: 0 auto; background: #fff url('../images/abg.gif') repeat-y; z-index:2; } #inner { position: relative; padding: 13px 30px 13px 30px; margin: 0 auto; text-align: left; z-index: 2; } /* not being used now - see company in head */ #header #logo { position: absolute; top: 10px; left: 10px; width: 202px; height: 102px; color: #999; margin-left:7px; } #header span { } #header { margin-bottom: 20px; } #header h1 { position: absolute; font-size: 1.5em; letter-spacing: -1px; top: 40px; height: 40px; left: 225px; width: 450px; z-index: 2; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #header h2 { position: absolute; font-size: 1.1em; font-weight: normal; color: #F60; top: 75px; left: 225px; width: 400px; z-index: 2; } #header #companyname { float:left; background: #EAEAE2 url('../images/header-mockup-with-clouds.gif'); width: 788px; height: 102px; } #header #menu { position: inherit; } #menu ul { padding:0px; list-style: none; background: #999; float:left; width: 787px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 2px solid #999; border-left: 1px solid #999; margin: 0px; } #menu li { float: left; } #menu ul li a.notCurrent:link, #menu ul li a.notCurrent:visited { padding: .2em .5em; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; color: #fff; font-weight: bold; text-decoration: none; border-right:1px solid #6b7b51; line-height: 1.2em; } #menu ul li a.notCurrent:hover { color: #ff7f1a; background: #999; } #menu ul li a.current:link, #menu ul li a.current:hover, #menu ul li a.current:active, #menu ul li a.current:visited { padding: .2em .5em; display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 1em; font-weight: bold; text-decoration: none; border-right:1px solid #6b7b51; line-height: 1.2em; color:#ff7f1a; background: #fff; cursor: default; } #date { position: absolute; top: 0px; line-height: 52px; color: #BDBDA2; right: 30px; font-weight: bold; font-size: .9em; letter-spacing: -1px; } #primarycontent { position: relative; width: 585px; float: left; padding: 10px 20px 10px 10px; } #primarycontent .pullquote { width: 300px; float: right; margin: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #primarycontent .blockquote { font-size: .8em; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-right: 10px; padding-left: 15px; color: #6b7b51; border-left: 3px solid #92A374; } #primarycontent h3 { position: relative; top: 6px; font-size: 1.1em; line-height: 25px; color: #6b7b51; letter-spacing: -1px; /* background: url('images/a22.gif') bottom repeat-x; */ padding: 10px 0px 10px 0px; margin-bottom: 10px; } #primarycontent h2 { position: relative; font-size: 1.2em; line-height: 25px; color: #6b7b51; letter-spacing: -1px; background: url('../images/a22.gif') bottom repeat-x; padding: 15px 0px 10px 0px; margin-bottom: 20px; top: 4px; } /*#primarycontent .content { padding: 0px 15px 0px 15px; margin-bottom: 20px; }*/ #primarycontent .post { margin-bottom: 20px; } #primarycontent .post .header { position: relative; } #primarycontent .post .date { position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; } #primarycontent .post .body { margin-bottom: 0px; } #primarycontent .post .footer { position: relative; } #primarycontent ul { margin-left: 0px; padding-left: 2em; padding-bottom: 1em; list-style: url(../images/green-sidebar-bullet.gif) outside; } #primarycontent li { padding-bottom: .5em; } .separator { height: 18px; position: relative; margin: 1px; background: url('../images/a33.gif') repeat-x; } #primarycontent .post .footer ul li.readmore { /*background-image: url('images/a38.gif');*/ } #sidebar { position: relative; width: 174px; float: right; font-size: .9em; color:#666; padding: 10px 0px 10px 0px; } #sidebar a:link, #sidebar a:visited { color: #FF7800; text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar img { position: relative; border: #666 1px; padding: 5px; text-align: center; } #sidebar h2 { position: relative; top: 4px; font-size: 1.2em; line-height: 25px; color: #999; letter-spacing: -1px; background: url('../images/a22.gif') bottom repeat-x; padding: 10px 0px 10px 0px; margin-bottom: 15px; } #sidebar h3 { position: relative; top: 4px; font-size: 1.2em; line-height: 25px; color: #92A374; letter-spacing: -1px; padding: 15px 0px 10px 0px; margin-bottom: 20px; background: url('../images/a22.gif') bottom repeat-x; } #sidebar .body { padding: 0px 5px 0px 5px; margin-bottom: 10px; } #sidebar ul.linklist { list-style: none; list-style-type: none; list-style-image: none; } #sidebar ul.linklist li { padding-top: 2px; margin: 2px 0px 0px 2px; border-bottom: 1px solid #eeeeee; padding-bottom: 5px; } #sidebar ul.linklist li.first { border-top: 0px; margin-top: 0px; padding-top: 5px; } #sidebar ul.linklist li a:hover { color: #F90; text-decoration: underline; } #sidebar ul.linklist a:link, #sidebar ul.linklist a:visited { text-decoration: none; color: #F90; } #sidebar ul { padding-top: 5px; list-style: url(../images/green-sidebar-bullet.gif) inside; } #sidebar .container { text-align: center; font-size: .5em; width: 150px; } #primarycontent .post .footer ul { list-style: none; margin-top: -10px; position: absolute; right: 15px; bottom: 15px; } #primarycontent .post .footer ul li { display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px; } #footer { position: relative; clear: both; height: 30px; text-align: center; line-height: 30px; font-size: 0.75em; background: #999; color: #FFF; } #footer a {color: #333; text-decoration: none; } #centered { text-align: center; padding: 3px; } #centered img { margin: 3px; }