/* Global Resetting */

html{
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

pre {
  color: navy;
  text-align: left;
}

* {
	padding: 0;
	margin: 0;
	list-style:none;
}

a img {
	border:0;
}

.fl-c {
	clear: both;
}

/* colour palette
  dark brown: 322118
  orange: e4966d
  orange on white: b77958
  pale blue: b4fbff
  green: 398f1a
*/

/* defaults */

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
  font-size: 13px;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-size: 13px;
  line-height: 1.5;
  padding-bottom: 0.5em;
  font-family: Arial, Helvetica, sans-serif;  
}

h1 {
  font-size: 19px;
  padding-bottom: 10px;
}

h1 span {
  display: block;
}

h2 {
  font-size: 17px;
}

h3 {
  font-size: 14px;
}

h4 {
  padding: 1.5em 0;
  border-top: 1px solid #ccc;
  margin-top: 1.5em;
  font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
  font-weight: normal;
}

p, li {
  font-family: Arial, Helvetica, sans-serif;	
}

p {
  line-height: 1.8;
  padding: 0 0 2em;
}

ul {
  padding-bottom: 1em;
}

li {
  line-height: 1.5;
  padding-bottom: 0.7em;
}

ul li {
  background: url(../images/sprite/arrow-sprite.png) no-repeat -10px -495px;
  padding-left: 17px;
}

a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

small {
  font-size: 11px;
}

input.default-text {
  color: #777;
}

/* image alignment */

img.left {
  float: left;
  padding: 0 10px 10px 0;
}

img.leftAlone {
  display: block;
  padding: 0 10px 10px 0;
  clear: both;
}

img.center {
  display: block;
  text-align: center;
  clear: both;
}

img.right {
  float: right;
  padding: 0 0 10px 10px;
}

.diary-page .h-follow > div:first-child img, .media-page .h-follow > div:first-child img {
  padding-bottom: 1.5em;
}

/* content overrides (for dark on light) */

.cn a {
  color: #398f1a;
}

/* log - should go in separate css file so it can be excluded from production build */

#log-link {
  position: fixed;
  left: 0;
  width: 8px;
  height: 100%;
  background: #000;
}

#log-link:hover {
  background: #666;
}

#log {
  position: fixed;
  overflow: auto;
  height: 100%;
  left: 0;
  top: 0;
  width: 100px;
  background: #FFD;
  color: #000;
  border: 1px solid #000;
  display: none;
  text-align: left;
  font: normal 11px Arial;
  z-index: 100;
  opacity: 0.9;
  filter: alpha(opacity=90);
  zoom: 1;
}

#log .debug, #log .error, #log .call {
  text-align: left;
  padding: 2px;
}

#log .error {
  color: red;
}

#log .call {
  padding: -2px 0 2px 8px;
  font-size: 9px;
}

/* templated layout */

body {
  text-align: center;
  background: url(../images/body-bg.jpg) #000 repeat-x center top;
}

#tp-container {
  padding: 0;
  margin: 0 auto;
  text-align: left;
  /*background-color: #fff;*/
  width: 974px;
}

#tp-header {
  height: 138px;
  width: 972px;
  padding: 39px 0 0 0;
  background: url(../images/logo.png) no-repeat left 39px;
}

#tp-logo {
  float: left;
  text-indent: -10000px;
  height: 60px;
  padding: 0 0 0 115px;
  width: 390px;
}

#tp-logo a {
  display: block;
  height: 60px;
  background: none;
}

#tp-info {
  float: right;
  text-align: right;
  width: 380px;
  padding: 34px 12px 0 0;
}

#tp-info a {
  color: #398f1a;
}

#tp-main-nav {
  float: left;
  width: 400px;
  padding: 5px 0 0 122px;
  overflow: hidden;
}

#tp-main-nav li {
  float: left;
  line-height: 1.4;
  background: none;
  padding: 0 8px 0 0;
}

#tp-main-nav li a {
  color: #e4966d;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #322118;
  padding: 8px 12px 45px;
}

#tp-main-nav li.current a, #tp-main-nav li.section a {
  background-color: #b4fbff;
  color: #322118; 
}

#tp-main-nav li a:hover {
  color: #fff;
  background-color: #398f1a;  
}

#tp-main-nav li.current a:hover {
  background-color: #b4fbff;
  color: #322118;
  cursor: default;
}

#tp-search {
  float: right;
  width: 350px;
  background: url(../images/search-box.png) no-repeat 9px 12px;
  height: 53px;
  padding: 21px 0 0 30px;
  width: 373px;
}

#tp-search input.text {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  height: 20px;
  padding: 7px 3px 3px;
  width: 240px;
  margin: 0 21px 0 0;
  border: 0;
}

#tp-search fieldset {
  border: 0;
  width: 353px;
  overflow: hidden;
}

#tp-search legend {
  display: none;
}

#tp-search #Search {
  float: left;
  width: 246px;
}

#tp-search input.action {
  border: 0;
  padding: 7px 0; 
  background: none;
  color: #fff; 
  font-weight: bold; 
  text-transform: uppercase; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
  cursor: pointer;
  float: right;
  width: 82px;
}

#tp-content {
  position: relative;
  top: -13px;
}

#tp-in-1, #tp-in-2, #tp-in-3, #tp-in-4 {
  background: url(../images/sprite/box-shading.png) no-repeat;
}

/* top shading */
#tp-in-1 {
  background-position: -1097px top;
  padding-top: 12px;
}

/* bottom shading */
#tp-in-2 {
  background-position: left bottom;
  padding-bottom: 28px;
}

/* sides */
#tp-in-3 {
  background-position: -2177px top;
  background-repeat: repeat-y;
  padding: 0 13px 0 12px;
}

/* background shading */
#tp-in-4 {
  /* used to be -12px */
  background-position: -1109px -220px;
  background-color: #fff;
  min-height: 412px;
  color: #111;
  padding: 20px 15px 10px;
  overflow: hidden;
}

#tp-col-left {
  width: 742px;
  float: left;
}

#tp-col-right {
  float: right;
  width: 232px;
}

/* footer */

#tp-footer {
  clear: both;
  background: url(../images/footer-curves.png) no-repeat 12px top;
  padding: 19px 12px 0;
  zoom: 1;
}

#tp-footer .inner {
  border: 2px solid #333;
  border-width: 0 2px;
  background: url(../images/footer-logo.gif) #000 no-repeat 720px bottom;
  overflow: hidden;
  min-height: 66px;
  padding: 10px 300px 0 37px;
  width: 608px;
}

#tp-footer ul {
  padding-top: 1em;
}

#tp-footer li {
  background: none;
  padding-bottom: 0.3em;
}

#tp-footer a {
  color: #aaa;
}

#tp-footer h3 a {
  color: #999;
  background: none;
}

#tp-footer #tp-copyright {
  width: 300px;
  font-size: 11px;
  padding-right: 17px;
  padding-bottom: 10px;
  color: #999;
}

#tp-home-content {
  padding: 0 12px;
  overflow: hidden;
  color: #eee;
}

#tp-breadcrumb {
  float: right;
  background: url(../images/sprite/breadcrumb.png) no-repeat;
  padding-left: 16px;
}

#tp-breadcrumb em {
  font-style: normal;
}

#tp-breadcrumb span {
  background-color: #398f1a;
  padding: 5px 10px 1px 0;
  height: 24px;
  font-size: 13px;
  color: #fff;
  display: block;
  min-width: 265px;
}

#tp-breadcrumb a {
  color: #fff;
  text-decoration: underline;
  padding: 0 2px;
}

#tp-breadcrumb a:hover {
  text-decoration: none;
}

.orange #tp-breadcrumb {
  background-position: left -80px;
}

.orange #tp-breadcrumb span {
  background-color: #e4966d;
}

.blue #tp-breadcrumb {
  background-position: left -40px;
}

.blue #tp-breadcrumb a {
  color: #322118;
}

.blue #tp-breadcrumb span {
  color: #322118;
  background-color: #b4fbff;
}

#tp-blog {
  width: 370px;
  float: left;
}

#tp-blog .content {
  padding: 20px 0 0 21px;
}

#tp-blog li {
  background: none;
  padding-top: 0;
  zoom: 1;
}

#tp-blog li h3 {
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 0;
  padding-left: 60px;  
}

#tp-blog li h3 a {
  color: #398f1a;
  font-weight: normal;
}

#tp-blog li p {
  padding: 0.7em 0 0.7em 60px;
}

#tp-blog li .ln-base {
  padding-bottom: 20px;
  padding-left: 60px;
  display: block;
}

#tp-diary {
  width: 320px;  
  float: right;  
}

#tp-diary .content {
  padding: 20px 0 0 33px;
}

#tp-media {
  padding: 23px 14px 0 8px;
}

#tp-media .content {
  padding: 25px 0 0 21px;
}

/* messages */
.ms-holder, .ms-holder div {
  background: url(../images/sprite/message.png) no-repeat left bottom;
}

.ms-holder {
  margin-bottom: 20px;
  zoom: 1;
}

.ms-holder div {
  background-position: left top;
  position: relative;
  top: -10px;
  padding: 10px 10px 0 10px;
}

.ms-holder p {
  padding: 3px 0 5px 50px;
  font-size: 14px;
}

.ms-icon { 
  width: 34px;
  height: 34px;
  background: url(../images/icons/default.gif) no-repeat left top;
  float: left;
}

.blog-page .ms-icon {
  background-image: url(../images/icons/blog.gif);
}

.media-page .ms-icon {
  background-image: url(../images/icons/media.gif);
}

.diary-page .ms-icon {
  background-image: url(../images/icons/diary.gif);
}

.diary-page .ms-holder {
  background-position: -1230px bottom;
}

.diary-page .ms-holder div {
  background-position: -1230px top;
}

/* search page */

.search-page .item-summ-body {
  padding-top: 20px;
  padding-bottom: 20px;  
  border-bottom: 1px solid #ccc;
}

.search-page .item-summ-body h2 {
  padding-bottom: 0;
}

.search-page .ms-holder {
  margin-bottom: 0;
}

/* headings */

.h-sprog {
  background: url(../images/sprite/sprog-sprite.png) no-repeat 0 bottom;
  padding: 10px 0 20px 38px;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.h-sprog .h-text {
  max-width: 500px;
  float: left;
}

.h-sprog a.h-page {
  color: #111;
}

.h-sprog.blue {
  background-position: -951px bottom;;
}

.h-sprog.orange {
  background-position: -1902px bottom;;
}

.h-sprog a {
  font-weight: normal;
}

.h-follow {
  padding: 0 0 0 37px;
}

.h-follow > p:first-child {
  padding-top: 0;
}

.h-announce {
  padding: 0 0 25px;
  font-size: 15px;
}

/* feature items */

#ft-img {
  height: 343px;
  overflow: hidden;
  position: relative;
}

#ft-img img {
  position: absolute;
}

/* diary */

.diary-page a {
  color: #322118;
}

/* diary bubble - z-index 10-20 */

#diary-bubble {
  position: absolute;
  top: 700px;
  left: 500px;
  background: url(../images/sprite/diary-bubble.png) no-repeat left bottom;
  padding-bottom: 11px;
  width: 239px;
  z-index: 10;
  text-align: left;
}

#diary-bubble #db-inner {
  background: url(../images/sprite/diary-bubble.png) no-repeat left top;
  position: relative;
  top: -10px;
  min-height: 100px;
  padding: 10px 10px 0;
  color: #B4FBFF;
}

#diary-bubble td {
  padding: 0 0 4px;
  line-height: 1.3;
  vertical-align: top;
}

#diary-bubble a {
  display: block;
  color: #B4FBFF;  
}

#diary-bubble td.db-time {
  padding-right: 4px;
}

#diary-bubble td.db-title a {
  font-weight: normal;
}

#diary-bubble p {
  font-weight: bold;
  font-size: 15px;
  padding: 0 0 7px;
}

#diary-bubble p a {
  color: #fff;
}

#diary-bubble #db-tab {
  position: absolute;
  bottom: -65px;
  right: 0;
  background: url(../images/sprite/diary-bubble.png) no-repeat right bottom;
  width: 33px;
  padding: 15px 4px 3px 14px;
  line-height: 1.5;
}

#diary-bubble #db-tab a {
  color: #322118;
}

/* loaders */

.ld-brown {
  width: 100%;
  height: 50px;
  padding: 0;
  display: block;
  background: url(../images/anim/brown-loader.gif) no-repeat center center;
}

/* media */

.media-holder {
  padding: 20px 0 0;
}

.p-sub {
  font-size: 90%;
}

.media-list {
  position: relative;
  top: -10px;
  padding-left: 25px;
}

.media-list a, .media-page a {
  color: #b77958;
}

#tp-sidebar .ls-media a, .media-list .ls-media a, .media-page .ls-media a {
  color: #111;
}

#tp-sidebar .ls-media li a strong, .media-list .ls-media li a strong, .media-page .ls-media li a strong {
  color: #b77958;  
}

.ls-media li a strong, .ls-media li a span, .ls-media li a {
  display: block;
}

.ls-media li a:hover {
  text-decoration: none;
}

.ls-media li a strong {
  color: #e4966d;
}

.ls-media li a:hover strong {
  text-decoration: underline;
}

.ls-media li a span {
  font-weight: normal;
  font-size: 0.9em;
}

.media-group {
  overflow: hidden;
  clear: both;
  padding-bottom: 15px;
}

.media-group p {
  padding: 0.2em 0 0.7em;
}

.media-group .sn-orange-m {
  position: static;
  float: left;
  margin-bottom: 0;
}

.media-group .mg-content {
  padding: 10px 0 0 240px;
}

/* snapshots */

.sn-blue-l {
  padding: 28px;
  background: url(../images/blue-snap-bg.png) no-repeat;
  position: relative;
  overflow: hidden;
}

.sn-blue-l img, .sn-orange-m img {
  display: block;
}

.sn-blue-l .sn-feature {
  display: block;
}
  
.sn-blue-l .sn-feature:hover {
  opacity: 0.8;
}

.sn-blue-l a {
  color: #322118;
}

.sn-blue-l p a strong, .sn-blue-l p a span {
  display: block;
}

.sn-orange-m {
  padding: 20px;
  background: url(../images/orange-snap-bg.png) no-repeat;
  position: relative;
  left: -3px;
  margin-bottom: -10px;
}

.sn-orange-m a {
  display: block;
  width: 193px;
  height: 118px;
  overflow: hidden;
}

.sn-orange-m a:hover {
  opacity: 0.8;
}

.sn-orange-m img {
  display: block;
}

.sn-controls p {
  padding: 17px 0 0 21px;
  line-height: 1.4;
  float: left;
  width: 400px;
}

.sn-controls p strong {
  font-size: 15px;
}

.sn-controls p a, .sn-controls p strong {
  font-weight: normal;
}

.sn-controls p a:hover strong, .sn-controls p a:hover span {
  text-decoration: underline;
}

.sn-controls ul {
  float: right;
  width: 200px;
  text-align: right;
  padding-top: 17px;
}

.sn-controls ul li {
  background: none;
  float: right;
  padding: 3px 0 3px 6px;
  width: 33px;
}

.sn-shadow-s {
  float: right;
  padding: 0 5px 5px 0;
  width: 95px;
  background: url(../images/sprite/baby-shadow.png) no-repeat;
}

.sn-shadow-s img {
  display: block;
}

/* diary */

.di-month {
  overflow: hidden;
  padding-bottom: 2.5em;
}

.di-month li {
  width: 33px;
  float: left;
  background: none;
  text-align: center;
  padding: 3px;
  color: #b4fbff;
  font-size: 15px;
}

.di-heading {
  font-weight: bold;
  text-align: center;
  color: #b4fbff;
  font-size: 15px;
  padding: 0 18px 10px 0;
}

.di-heading a {
  color: #b4fbff;
  font-weight: bold;
  padding: 0 10px;  
}

#tp-sidebar .di-month li, .diary-page .di-heading a {
  color: #322118;
}

#tp-sidebar .di-heading {
  color: #322118;
}

.di-month li.first {
  clear: left;
}

.di-month .active a.ln-circ:hover {
  cursor: pointer;
}

.di-month a.ln-circ:hover {
  cursor: default;
  background-position: -37px -2px;
  color: #e4966d;
}

/* blog */

#tp-main {
  width: 595px;
  float: left;
  padding: 30px 25px 0 0;
}

#tp-sidebar {
  width: 275px;
  float: left;
  padding: 30px 0 0 23px;
}

.item-date {
  display: block;
  float: left;
  padding: 0 10px 0 0;
  background: url(../images/sprite/date.png) no-repeat left top;
  width: 50px;
  height: 57px;
  overflow: hidden;
}

.item-date.blue {
  background-position: left -60px;
}

.item-date.orange {
  background-position: left -121px;
}

.item-date b, .item-date i {
  display: block;
  font-weight: normal;
  color: #fff;
  text-align: center;
  width: 50px;
  font-style: normal;
  line-height: 1;
}

.item-date.blue b, .item-date.blue i {
  color: #322118;
}

.item-date b {
  font-size: 32px;
  padding: 5px 0 2px 1px;
}

.item-date i {
  font-size: 12px;
  font-weight: bold;  
  text-transform: uppercase;
  padding-right: 1px;
}

.item-summ-body {
  padding: 0 0 30px 60px;
}

.tagcloud {
  padding: 0 0 0.7em;
}

.WidgetHolder ul {
  padding-bottom: 0;
}

.WidgetHolder {
  padding-bottom: 1em;
}

#PageComments li {
  background: none;
  padding: 0;
}

#PageComments .comment, .cn blockquote {
  background: url(../images/sprite/speech-marks.png) #ccc no-repeat 5px 5px;
  padding: 5px 5px 7px 70px;
  min-height: 42px;
}

.blog-page blockquote {
  background-color: #398f1a;
}

#PageComments .info {
  font-size: 90%;
  color: #666;
  padding-top: 5px;
  text-align: right;
}

/* columns */

.tp-3-col, .tp-5-col {
  overflow: hidden;
  clear: both;
}

.tp-col {
  float: left;
  width: 282px;
  padding-left: 32px;
}

.tp-col.first {
  padding-left: 0;
}

.tp-5-col .tp-col {
  width: 156px;
}

/* ls-components */

.ls-summary {
  padding: 0 0 5px;
}

.ls-summary .ls-sub {
  font-size: 90%;
  padding: 0;
}

.ls-summary .ls-content {

}

.ls-summary .ls-content p {
  padding: 1em 0;
}

/* ul-components */

.ul-line {
  overflow: hidden;
}

.ul-line li {
  float: left;
}

.ul-text li, .ul-cat li, .ul-pipe li {
  background: none;
  padding-left: 0;
}

.ul-text li {
  clear: both;
  padding-bottom: 20px;
  overflow: hidden;
}

.ul-text p {
  padding-bottom: 1em;
}

.ul-text .ul-pipe {
  font-size: 85%;
}

.ul-pipe {
  float: left;
  clear: both;
}

.ul-pipe li {
  float: left;
  border-left: 1px solid #aaa;
  padding: 0 10px;
  line-height: 1;
  clear: none;
}

.ul-pipe li.first {
  padding-left: 0;
  border: 0;
}

.ul-cat li {
  overflow: hidden;
}

.ul-cat .ul-img {
  float: left;
  width: 52px;
  padding: 3px 10px 0 0;
}

.ul-cat .ul-img img {
  display: block;
  border: 1px solid #fff;
}

.ul-cat p strong, .ul-cat p span, .ul-cat p small {
  display: block;
}

.ul-bread {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
}

.ul-bread li {
  float: left;
  line-height: 1;
  font-size: 11px;
  padding: 0 5px 5px 13px;
  background: url(../images/sprite/arrow-sprite.png) no-repeat -10px -398px;
}

.ul-bread li.first {
  background: none;
  padding-left: 0;
}

/* padding */

.pd-t {
  padding-top: 27px;
}

/* link helpers */

.ln-expand span {
  background: url(../images/sprite/arrow-sprite.png) no-repeat right -698px;
  display: block;
  width: 20px;
  height: 20px;
}

.ln-more {
  text-transform: lowercase;
  font-size: 14px;
  background: url(../images/sprite/arrow-sprite.png) no-repeat right -198px;
  padding-right: 19px;
}

.ln-more:hover {
  text-decoration: none;
  background-position: right -298px;
}

a.ln-circ {
  background: url(../images/sprite/circle-sprite.png) no-repeat -37px -2px;
  display: block;
  padding: 6px 3px 0;
  height: 28px;
  text-align: center;
  color: #e4966d;
  font-size: 15px;
}

.active a.ln-circ, .active a.ln-circ:hover {
  background-position: -2px -2px;
  color: #322118;
}

a.ln-circ:hover {
  text-decoration: none;
  background-position: -107px -2px;
  color: #fff;
}

/* tables */

table td {
  padding: 3px 5px;
}

thead {
  font-weight: bold;
}

/* fixes */

#Form_BlogEntryForm_BlogPost_parent {
  width: 500px;
  display: block;
}