* {margin:0; padding:0;}
body {background: #CBC5AA; font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 20px; text-align: center;}
h2,
p {margin-bottom:1em;}
h3 {font-size:120%; margin-bottom:0.5em;}
h4 {font-size:100%; margin-bottom:0.5em;}
a {color: #FF8C13;}
img {border:none;}
/* General Styles */
.floatLeft {float:left;}
.floatRight {float:right;}
.imageLeft {float:left; padding:0 10px 10px 0;}
.text-center {text-align:center;}
/* Layout */
#content {float: left; min-height:250px; padding: 17px 0 0 45px; width: 656px; voice-family: "\"}\""; voice-family:inherit; width: 586px;}
.section {margin-bottom:1em;}
#bannerCopy .section {width:450px;}
/* Content */
#content ul {margin:0 0 1em 2em;}
#content ul#imageThumbs,
#content ul#projectList {margin:0;}
#content ul#imageThumbs li,
#content ul#projectList li {list-style-type:none; overflow:hidden; height:1%;}
ul#pager {float:right; list-style-type:none; margin:0; overflow:hidden; padding:0;}
ul#pager li {background:url(/images/graphics/number-bg.gif) no-repeat 50% 50%; color:#fff; display:block; float:left; height:31px; margin-right:5px; padding:12px 0 0 0; text-align:center; width:31px;}
ul#pager li#next,
ul#pager li#prev {background:none; height:auto; margin-top:5px; width:auto; padding:0;}
ul#pager li a {color:#fff;}
#container {float:left; text-align:center; width:740px;}
/* ThickBox */
#TB_ajaxContent object,
#TB_ajaxContent embed {display:block;}
/* Forms */
fieldset {border:none;}
label {display:block; line-height:1em; margin-bottom:5px;}
input.button {margin-top: 4px;}
input.textfield,
input.textboxerror {background: url(/images/backgrounds/form-field.gif) no-repeat; border: none; font-size: 12px; height: 19px; line-height: 12px; padding: 6px 4px 2px 4px; width: 171px;}
input.textboxerror {background: url(/images/backgrounds/form-field_error.gif) no-repeat;}
/* Footer */
#footer {background: #CBC5AA; clear: both; color: #938d76; font-size: 10px; text-align: center;}
#footer a {color: #938d76; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {}
ul#footerLinks {list-style-type:none;}
ul#footerLinks li {background:url(/images/graphics/footer-bg.gif) no-repeat 0 0; display:inline; padding:0 2px 0 5px;}
ul#footerLinks li.first {background:none; padding:0 2px 0 0;}
ul#footerLinks li.last {padding:0 0 0 5px;}
.pad {padding: 0 10px;}
/* for Internet Explorer */
/*\*/
* html .container {height: 250px;}
/**/
#copy,
.copy { /* need to add a class for IE 5.01 pc - don't know why it won't recognise the id */ float: left; width: 350px; padding-bottom: 100px;}
#videoCopy,
.videoCopy {/* need to add a class for IE 5.01 pc - don't know why it won't recognise the id */ float: left; width: 566px; padding-bottom: 100px; overflow:hidden;}
#bannerCopy,
.bannerCopy { /* need to add a class for IE 5.01 pc - don't know why it won't recognise the id */ float: left; width: 736px; padding-bottom: 100px; overflow:hidden;}
#cuppa {bottom: 0; height: 100px; left: 20px; position: absolute; text-indent: -9000px; width: 100px;}
#header {background: url(/images/backgrounds/bg-top.gif) left top no-repeat;}
#headerWide {background: url(/images/backgrounds/bg-top-wide.gif) left top no-repeat;}
#headertop {height: 109px;}
#mainsite {background: url(/images/graphics/visit-site.gif); font-size: 1px; height: 49px; right: 30px; position: absolute; text-indent: -9000px; top: 40px; width: 106px;}
#nav {background: url(/images/backgrounds/bg-nav.gif); color: white; list-style-type: none; margin: 0; padding: 0 0 0 45px; position: relative; /* fix display bug in IE 6 pc */ text-transform: lowercase;}
#headerWide #nav {background: url(/images/backgrounds/bg-nav-wide.gif);}
#nav a {color: white; text-decoration: none;}
#nav a:hover {text-decoration: underline;}
#nav li {background: url(/images/backgrounds/nav-divider.gif) right center no-repeat; display: inline; padding-right: 15px;}
* html #nav li {height: 0;} /* fix in ie 5.01 */
#nav li.last {background: none; padding: 0;}
#nav span {font-weight: bold;}
#sidebar {float: right; padding-bottom: 60px; width: 200px;}
#sidebar .item {clear: left; padding: 0 0 15px 10px;}
#sidebar .itemwide {clear: left; padding: 0 0 15px 0;}
#sidebar div#thumbs {float: left; padding: 0 0 15px 0;}
#sitetitle {font-size: 1px; height: 55px; left: 45px; margin: 0; position: absolute; top: 38px; width: 238px;}
#sitetitle a {display: block; text-indent: -9000px; height: 100%; width: 100%;}
#thumbs ul {margin: 0; padding: 0; list-style-type: none;}
#thumbs img {display: block; opacity: 0.5;}
#thumbs a.active img {opacity: 1;}
#thumbs li {float: left; margin: 0; padding: 0; width: 100px;}
#thumbs p {font-size: 11px; margin: 0 0 0 5px;}
#wrapper1 {background: url(/images/backgrounds/bg-tile.gif) repeat-y; width: 651px; margin: 0 auto;}
#wrapper2 {background: url(/images/backgrounds/bg-bottom.gif) left bottom no-repeat; float: left; position: relative; text-align: left; width: 651px;}
#wrapper3 {background: url(/images/backgrounds/bg-tile-white.gif) repeat-y; width: 651px; margin: 0 auto;}
#wrapper4 {background: url(/images/backgrounds/bg-bottom-white.gif) left bottom no-repeat; float: left; position: relative; text-align: left; width: 651px;}
#wrapper3wide {background: url(/images/backgrounds/bg-tile-white-wide.gif) repeat-y; width: 800px; margin: 0 auto;}
#wrapper4wide {background: url(/images/backgrounds/bg-bottom-white-wide.gif) left bottom no-repeat; float: left; position: relative; text-align: left; width: 800px;}
#wrapper4wide #content {width:736px;}
.vcard {margin-bottom:1.5em;}
ul#otherLinks {margin:0; padding:0;}
ul#otherLinks li {list-style-type:none; margin:0 0 1em 0;}
.links ul,
.links ol {margin:0; padding:0;}
.links ul li,
.links ol li {list-style-type:none; margin:0 0 0.5em 0;}
#content #socialIcons {margin:0 0 2em 0;}
#socialIcons li {float:left; margin-right:7px; list-style-type:none}
/*****************************************************************************
* SIDEBAR FEEDS
*****************************************************************************/
.sidebar-feed {
text-align:right;
}
.sidebar-feed ul {
list-style:none;
margin:0 0 10px 10px !important;
text-align:left;
}
.sidebar-feed ul li {
list-style-type:circle;
font-size:0.9em;
line-height:1.2em;
margin-bottom:5px;
}
.sidebar-feed a {
text-decoration:none;
}
.sidebar-feed a:hover {
color:#60aeb8;
}
.sidebar-feed .button {
background:transparent url(/images/buttons/sidebar-feed-buttons.gif) no-repeat 0 0;
display:inline-block;
font-size:0.01em;
height:21px;
overflow:hidden;
text-indent:-9999px;
}
.sidebar-feed .more-blog {
background-position:0 -21px;
width:47px;
}
.sidebar-feed .more-twitter {
width:130px;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 � 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2 {
font-family: Verdana;
visibility: hidden;
margin:0;
font-size: 18px;
}
}