/*------------------------------------------------------------------------------
>>>>  Default Blueprint CSS 
      This provides the styles for Blueprint's default templates.
      You can discard it entirely, or simply delete or comment out the irrelevant
      parts.
      
      This stylesheet is divided into several sections:
      + Reset (to give you a blank CSS canvas on which to work)
      + Sample colours and embellishments (the first bit you should delete - this
        provides tweaks to make the default templates look nice, and probably
        isn't relevent when you're putting together a fresh design)
      + Layout
      + Basic typography (in ems) with simple table styles
      + Mimetypes (presentation of download / view links for non-image assets)
      
      Following these sections, there are styles for each of the default blueprint
      modules. They are namespaced with the module code (i.e. blg, evt, nws),
      which is is applied to the body in the main default layout.

      We're always keen to hear about things that might make the default templates
      easier to comprehend and to use.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; } 

a img {
  border: none;
}

a, a:link { text-decoration: none; }
a:visited { }
a:hover {text-decoration: underline;  }
a:active { }


/*------------------------------------------------------------------------------
>>>> Sample site colours + layout + nudges + small embellishments 
     Beware: some of this stuff isn't IE-friendly.
     Commenting out this section will give you a vanilla canvas.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html {
  height: 100%;
}

body { 
  color: #07181d; 
  text-shadow: rgba(255, 255, 255, .01) 0px -1px 1px; 
  font-family: Arial, sans-serif;
	font-size: 12px;  
	background-color: #CCD994;
	height: 100%;
}

/* Link and link-like colours */
a, 
#shp p.toggle a.toggleOn,
.textNav a:hover, 
.textNav a:active,
.textNav li.active a,
#slideshow ol li#activeThumb { 
  color: #057740; 
}

/* Neatening subheadings in posts  */

.post h2 { margin-top: 0px;}
.post h2 + h3 {
  margin: -0.7em 0 0.6em 0;
}




/*------------------------------------------------------------------------------
>>>> Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#container {
  width: 900px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position:relative;
  margin: 0 auto -40px;
  padding: 0 20px;
  background: url(/static/images/sidebarline.jpg) repeat;
}

/* A bit of a hack since I am running out of time any other news pages will be wihout a sidebar line if they are added in the future */
#nws #container {
    background: #FFFFFF;
}

#content {
  padding-bottom: 60px;

}

.leftSidebar {
  width: 215px;
  margin-right: 12px;
  float: left;
  /*border-right: 1px solid #73695d;*/
}

.rightSidebar  {
  width: 216px;
  margin-top: 10px;
  float: right;
}

.pullQuote {
  width: 216px;
  height: 180px;
  background-color: #057740;
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: lighter;
}

.pullQuote table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.pullQuote table td {
  vertical-align: middle;
}

.pullQuote table td p {
  margin: 0 20px;
}
.pullQuote table td p span{
  font-size: 0.75em;
  display: block;
  margin-top: 0.5em;
}
p.sidebarCaption {
	background: #057740;
	color: #d5dea5;
	line-height: 140%;
	padding: 0 20px 10px 20px;
	margin: 0;
}
img.sidebarImage {
  width: 100%;
}

.content {
  width: 444px;
  margin-right:12px;
  float: left;
  overflow: hidden;
}

.content img.pageImage {
  width: 100%;
  margin-bottom: 15px;
}
.footer {
  width: 900px;
  margin: 0 auto;
  font-size: 90%;
  position: relative;
  padding: 10px 20px;
  background: #fff;
  height: 50px;

}
.footer a {
  color: #867C71;
}
.byline {
  width: 100%;
  border-top: 1px solid #73695d;
  padding-top: 0.5em;
  font-size: 90%;
  text-align: right;
  background: #fff;
}
.padding {
  background: #fff;
  width: 900px;
  height: 10px;
  margin: auto;
}

/*------------------------------------------------------------------------------
>>>> Masthead, breadcrumbs & tabs
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.masthead {
  width: 100%;  
  height: 100px;
  overflow: hidden;  
  padding: 0;
  position: relative;

  background: #fff;
}

.masthead .search {
  position: absolute;
  left: 20px;
  bottom: 37px;
}

.masthead .title {
  position: absolute;
  background: url(/static//images/logo.jpg) no-repeat;
  right: 0px;
  bottom: 33px;
  width: 213px;
  height: 38px;
  text-indent: -999999px;
  
}
.strap { /* Contains breadcrumbs and shoppping cart */
  height: 2.5em;
  padding-top: 0;
}
.breadcrumbs {
  margin: 0 0 10px 0;
}
.breadcrumbs a {
  color: #5b5c5e;
}
.breadcrumbs em {
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}


/* Plain text-link style nav */

ul.textNav {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #73695d;
  height: 20px;
  width: 898px;
}
ul.textNav li {
  display: block;
  float: left;
  font-size: 1em;
  
  line-height: 1.0em;
  text-transform: uppercase;
  height: 12px;
}

ul.textNav li a {
    padding: 4px 20px;
    display:block;
}
ul.textNav li.active a {
  background-color: #e6e3e1;
  border-left: 1px solid #73695d;
  border-right: 1px solid #73695d;
}
ul.textNav li a:hover {
  background-color: #e6e3e1;
}
ul.textNav li.first a {
    border-left: none;
}
ul.textNav li a:hover {
  text-decoration: none;
}

/* Sidebar subnav */

.subnav h4 {
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
/*   color: #71685b; */
  color: #000000;
  margin: 10px  10px 0px 60px;
  height: 68px;
}
.subnav ul {
  margin: 0  3px 0 30px ;
  list-style: none;
}
.subnav ul li {
  text-transform: uppercase;
  margin: 0 0 4px 0;
  list-style-image: none;
}
.subnav ul li a  {
  display: block;
  color: #5b5c5e;
  padding-left: 13px;
}
.subnav ul li a  span {
    display: block;
  padding-left: 17px;
  padding-top: 1px;
  border: 1px solid #fff;
  border-right: none;
}
.subnav ul li a:hover  {
  text-decoration: none;
}


/*
.subnav ul li a span {
  display: block; 
  width: 100%;
  border: 1px solid #FFFFFF;
}
*/
.subnav ul li a:hover, .subnav ul li a.active {
  color: #057740;
  background: url(/static/images/greenarrow.jpg) no-repeat;
}
.subnav ul li a:hover span, .subnav ul li a.active span {
  border-top: 1px solid #73695d;
  border-bottom: 1px solid #73695d;
  border-left: 1px solid #73695d;
}

/*
.subnav ul li a:hover span, .subnav ul li a.active span {
  border: 1px solid #73695d;
}
*/
.subnav ul ul {
  margin: 7px 0 20px 0;
}
.subnav ul ul li {
    text-transform: none;
}
.subnav ul ul li a span {
    padding-left: 37px;
}
.subnav ul ul ul li a span {
  padding-left: 57px;
}


.pageTitle {
  margin: 10px 0 15px 0;
  border-bottom: 1px solid #73695d;
  min-height: 50px;
}

.pageTitle h1 {
  margin: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  color: #057740;
}

/***********
  HOME PAGE
  *************/

#homeHeader {
  overflow: hidden;
  width: 900px; 
  height: 180px;
  position: relative;
  margin-top: 12px;
}

#homeHeader img {
  position: absolute;
  top: 0; 
  left: 0; 
  height: 181px;
  width: 684px;
}

#homeHeader .left {
  float: left;
  width: 216px;
  height: 180px;
  background: url(/static/images/homeBlack.png) no-repeat;
  color: #FFFFFF;
  position: relative;
}
#homeHeader .left .tidbit {
  position: absolute;
  left: 15px;
  bottom: 40px;
  width: 183px;
}
#homeHeader .left .tidbit h1 {
  font-weight: lighter;
  font-size: 1.2em;
}
#homeHeader .more {
/*  border: 1px solid #057740;*/
	background: #057740;
	color: #fff;
  padding: 2px 4px;
}

#homeHeader .left .pager {
  position: absolute;
  text-align: center;
  color: #fff;
	background: #008751;
  bottom: 0px;
	padding: 3px 0;
  width: inherit;
}

#homeHeader a.pageForward {
  float: right;
  width: 30px;
	background: url(/static/images/pageForward.png) center center no-repeat;
	border-left: 1px solid #fff;
}
#homeHeader .left .pager span {
  float: left;
  margin-left: 45px;
}
#homeHeader a.pageBack {
  float: left;
  width: 30px;
	background: url(/static/images/pageBack.png) center center no-repeat;
	border-right: 1px solid #fff;
}


#homeHeader .pullQuote {
  float: right;
}

.infoBox {
  width: 214px;
  height: 194px;
  border: 1px solid #71685b;
  background: #e6e3e1;
  margin-right: 12px;
  margin-top: 5px;
  float: left;
  overflow: hidden;
}
.infoBox img {
  width: 214px;
  height: 87px;
}
.infoBox h1 {
  margin: 4px 7px 0 7px;
  padding: 0;
  color: #71685b;
  font-weight: normal;

}
.infoBox h2 {
  margin: 0px 7px 4px 7px;
  padding: 0;
  color: #000000;
  font-weight: normal;
}
.infoBox p, .infoBox a {
  margin: 7px 7px 3px 7px;
}


/***
  Page specific HTML
***/
.insert {
  width: 140px;
  height: 113px;
  margin-left: 9px;
  margin-top: 10px;
  border: 1px solid #73695d;
  float: left;
}

.insert .title {
  background: #e6e3e1;
  height: 32px;
  padding-left: 5px;
  padding-top: 3px;
}

.insert .title h1 {
  color: #71685b;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
.insert .title h2 {
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}
.insert .text {
  padding-left: 5px;
  margin-top: 10px;
}
.insert .text img {
  float: right;
  margin-top: -10px;
}

/*********** 
 Info centre 
************/ 

.infoCentre dt {
  width: 100%;
  height: 20px;
  margin-top: 0;
  margin-bottom: 2px;
  overflow: hidden;
}

.infoCentre dt a {
  display: block;
  height: 17px;
  width: 100%;
  padding-left: 20px;
  font-weight: normal;
  font-size: 0.9em;
  color: #fff;
  text-transform: uppercase;
  padding-top: 3px;
  margin: 0;
}

.infoCentre dt a:hover {
  text-decoration: none;
  background-color: #CCD994;
}

.infoCentre dd {
	margin: 0;
  padding-left: 20px;
  padding-top: 2px;
  height: 50px;
  overflow: hidden;
}

.infoCentre dd p, .infoCentre dd a {
	margin: 0;
}

.infoCentre h1 {
  margin-left: 20px;
}
.infoCentre h2 {
  margin-left: 20px;
}

dt.box1 a {
  background: url(/static/images/infodownarrow.gif) no-repeat;
  background-position: 190px 0; 
  background-color: #71685C;
}
dt.box2 a {
  background: url(/static/images/inforightarrow.gif) no-repeat;
  background-position: 190px 0; 
  background-color: #867d71;
}
dt.box3 a {
  background: url(/static/images/inforightarrow.gif) no-repeat;
  background-position: 190px 0; 
  background-color: #9F958C;
}
dt.box4 a {
  background: url(/static/images/inforightarrow.gif) no-repeat;
  background-position: 190px 0; 
  background-color: #b4ada4;
}
dt.box5 a {
  background: url(/static/images/inforightarrow.gif) no-repeat;
  background-position: 190px 0; 
  background-color: #c7bfb6;
}


/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size:1.0em;
  margin: 0 0 1.0em 0;
  letter-spacing:0.05em;
}
h1.withSubtitle {
  margin: 0;
}
h2 {
  font-size: 0.9em;
  color: #5b5c5e;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.7em;
}
h3 {
  font-size: 1.0em;
  color: #867c71;
/*   line-height: 1.25; */
  margin-top: 1.4em;  
  font-weight: bold;
  margin-bottom: 0;
}
h4 {
  margin-top:2.0em;    
  font-size:1em;
  font-weight:bold;
  margin-bottom:0;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:110%;
  margin-bottom:0.7em;
}
ul, ol {
  padding: 0;
  margin: 0 3.0em 1.0em 1.2em;
  list-style-image: url(/static/images/dotpoint.jpg);
}
ul ul, ol ol {
  margin-left: 1.4em;
  list-style-image: url(/static/images/dash.jpg);
}
ul ul ul, ol ol ol {
  list-style-image: url(/static/images/dotpoint.jpg);
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
  border-left: 1px solid #ccc;
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}

.grey {
  color: #5b5c5e;
}

/*  
  For convenience, the basic unit of all post-able blueprints is 'post'.
  Where there's a standard image associated with the post (products, people), the 
  post is further divided into .image and .body.
*/

#blg div.post,
#dir div.post,
#edn div.post,
#evt div.post,
#mapblg div.post,
#nws div.post,
#psl div.post, 
#prj div.post, 
#shp div.post {
  margin-bottom: 15px;
}

div.post .image {
  float: left;
  margin-right: 10px;
}


 

/*------------------------------------------------------------------------------
>>>> Blog and News (BLG, NWS) pagination + DBY years
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#blg div.pagination, 
#nws div.pagination,
#dby div.pagination,
#mapblg div.pagination {
  margin-top:4.0em;
  text-align:right;
  font-size: 90%;
}
#blg .pagination ul,
#nws .pagination ul,
#dby .pagination ul,
#mapblg .pagination ul {
  margin: 0;
  float: right;
  list-style: none;
}
#blg .pagination ul li, 
#nws .pagination ul li,
#dby .pagination ul li,
#mapblg .pagination ul li {
  border-right: 1px solid #444;
  padding: 0 0.4em;
  margin-top: 0.5em;
  float: left;
}
#blg .pagination ul li.currentPage,
#nws .pagination ul li.currentPage,
#dby .pagination ul li.currentPage,
#mapblg .pagination ul li.currentPage {
  font-weight: bold;
}
#blg .pagination ul li.nextPage,
#nws .pagination ul li.nextPage,
#dby .pagination ul li.all,
#mapblg .pagination ul li.all {
  border-right: 0;
  padding-right: 0;
}


/*  >> Comments <<   */

#blg p.commentInfo,
#tlk p.commentInfo,
#mapblg p.commentInfo { /* Shows if comments are on or off, and how many */
  margin-top: 2.0em;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}
#blg div.cmt,
#tlk div.cmt,
#mapblg div.cmt {
  margin-bottom: 2.4em;
  font-size: 90%;
}
div.preview h4.commenter {
  margin-top: 0;
}
#blg div.preview a.hide,
#tlk div.preview a.hide,
#mapblg div.preview a.hide {
  color: red;
}


/*------------------------------------------------------------------------------
>>>> Personell (PSL)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.person {
        width:100%;
        border-bottom:1px solid #71685b;
        overflow:hidden;
        margin-bottom:17px;
        padding-bottom: 7px;
}
.bio {
        position:relative;
        width: 306px;
        float:right;

/*      border:1px solid red;*/
}

.bio h1 {
        margin-top:0;
        font-weight: normal;
}

.bio h2 {
        font-style:italic;
        font-size:11px;
        color:#141414;
        font-weight:normal;
        margin-bottom:0;
        margin-top:0;
}

.bio h2 a {
        color:#141414;
}

.bio h3 {
        margin-top: 0;
}

.bio p {
  font-size:11px;
  width:98%;
}

.bio ul {
        list-style:none;
        padding-left:2px;
}

.NoImage {
        float:left;
        width:550px;
}

img.personnel {
  float: left;
  margin:0 15px 17px 0;
  width:120px;
}
/*
#psl .insert {
  border: none;
  position: relative;
  margin-top: 0;
  margin-bottom: 12px;
 }
 
 #psl .insert img {
  width: 100%;
  height: 100%;
 }

#psl .insert .name {
  width: 100%;
  background: #ffffff;
  text-transform: uppercase;
  color: #057740;
  position: absolute;
  left: 0px;
  bottom: 10px;
  padding: 2px 3px;
}

#psl h3 {
  margin-top: 0;
}
*/


/*------------------------------------------------------------------------------
>>>> Events (EVT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#evt .event {
  width: 100%; 
  padding: 4px; 
}

#evt .on {
  background: #e6e3e1;
}

#evt .date {
  width: 110px;
  float: left;
  color: #5b5c5e;
}
#evt .title {
  width: 332px;
  float: right;
}
#evt .title a {
  color: #000000;
}
#evt .title a:hover {
  color: #057740;
}


/*------------------------------------------------------------------------------
>>>> Search (SCH)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.searchForm {
  display: inline;
}
.search span {
  vertical-align: middle;
}
.searchForm input[type="submit"] {
  display: none;
}
.searchForm input[type="text"] {
  border-style: solid;
  border-width: 1px;
  border-color: #73695d;
  width: 145px;
  height: 20px;
  margin-left: 3px;
}

 
/*------------------------------------------------------------------------------
>>>> Contact form (CTT)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*------------------------------------------------------------------------------
>>>> Gallery (GLY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#gly div.image img {
  width: 100%;
}
#gly p.caption {
  margin-top: 1.0em;
  font-size: 90%;
}


/*------------------------------------------------------------------------------
>>>> Map Blog (MAPBLG)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#mapblg #map {
  border: 1px solid #ccc;
  height: 400px;
  margin: 2.0em 0;
}

/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: url(/static/images/spinner.gif) center center no-repeat;
}
#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 6.0em; /* You should set a height to stop the scrollbar flicker */
}
#slideshow ol {
  margin: 0;
  padding: 0;
}
#slideshow ol li {
  display: block;
  padding: 0;
  margin:  0 1px 1px 0;  
  float: left;
  cursor: pointer;
  width: 88px;
  height: 50px;
  overflow: hidden;
}

#slideshow ol li#activeThumb { /* The active marker for the slideshow */ }

#slideshow .caption {
  margin-top: 6px;
}

#slideshow .caption em {
  display: block;
}

#slideshow .nav {
  border-bottom: 1px solid #73695d;
  margin: 20px 0 6px 0;
  height: 13px;
  overflow: hidden;
}
#slideshow a.prev {
  float: left;
}
#slideshow a.next {
  float: right;
}



/*-----------------------------------------------------
                     >> Images <<
                     
Sizes
large: 440px
medium: 200px
small: 100px

Adjust accordingly!

-----------------------------------------------------*/

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
  font-size: 0.85em;
  font-style: normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float: left;
  width: 100px;
  margin: 0 18px 10px 0;
}
img.med, .medCaptioned {
  float: left;
  width: 200px;
  margin: 0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float: right;
  width: 200px;
  position: relative;
  margin-right: -210px;  
}
img.large, .largeCaptioned {
  width: 440px;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float: none;
  margin: 0;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}







/*------------------------------------------------------------------------------
>>>> Documents by year (DBY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#dby div.download, #dby img.download {
  float: left;
  margin-bottom: 30px;
  margin-right: 7px;
}

#dby div.download h3 {
  margin-top: 0px;
  margin-bottom: 3px;
  font-weight: normal;
}
#dby div.download h1 {
  margin-bottom: 3px;
}

#dby div.download p {
  margin-bottom: 3px;
  width: 300px;
}

#dby div.download {
  width: 365px;
}

#dby div.download span {
  color: #aaa;
  font-size: 0.9em;
  float:right;
}

#dby div.download a {
  float:left;
}

#dby div.asx span {
  margin-top: -15px;
}

/*------------------------------------------------------------------------------
>>>> Mime-type display - the default behaviour when a file is inserted in text
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#e6e3e1;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#eee;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}


/*------------------------------------------------------------------------------
>>>> Search and Tags
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.tagCloud a {
  margin-right: 2%;
}

.cloud1 { font-size: 100%; }
.cloud2 { font-size: 110%; }
.cloud3 { font-size: 120%; }
.cloud4 { font-size: 130%; }
.cloud5 { font-size: 140%; }
.cloud6 { font-size: 150%; }
.cloud7 { font-size: 160%; }



/*------------------------------------------------------------------------------
>>>> Sitemap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

ul.sitemap  {
  overflow:hidden;
  list-style-type:none; 
  list-style-image:none;
  padding: 0.7em 0;
}
ul.sitemap ul {
  padding:0;
  list-style-type:none;
  list-style-image:none;   
}
ul.sitemap li {
  float:left;
  padding-left:0px;
  padding: 0.5em 0;
  font-weight:bold;
}
ul.sitemap li span {
  display:block;
}
ul.sitemap ul {
  margin:8px 0 18px 0px;
}
ul.sitemap ul li {
  float:none;
  padding:0;
  margin-bottom: 2px;
  width:100%;
  font-weight:normal;
}


/*------------------------------------------------------------------------------
>>>> Generally helpful
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error, .preview {
  border: 1px dashed red;
  padding: 1.0em 1.0em 0 1.0em;
}

.skip { /* For hidden skip-to-content link */
  display: none;
}
.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.go { /* Link to post or extended article */
  text-align: right;
}
.first { /* For the first item in series */
  margin-left: 0 ;
  padding-left: 0;
}
.last { /* For the last item in series */
  margin-right: 0 !important; 
  padding-right: 0;
}
.notFound { /* Where people / products don't have images */
  background: #ddd;
  text-align: center;
  padding: 3.5em 0;
  width: 100%;
}
.rightAlign {
  text-align: right;
}
.leftAlign {
  text-align: left;
}
.clear {
  clear: both;
}




/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* This is the main unit that contains our form elements */
.uniForm {
  margin-top: -6px;
}

.uniForm .ctrlHolder { padding: 0; }
.uniForm .buttonHolder { padding-top: 10px; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label { 
  width: 40%; 
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload { 
  width: 54%; 
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 54%;  }

.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; }

.uniForm .inlineLabels .formHint { 
  margin-top: 0; 
  margin-left: 42%; 
  font-size: .9em; 
  color: #777; 
  position: static; 
}
.uniForm .inlineLabels .multiField { 
  width: 54%; 
  margin: 0 0 .3em 0; 
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
/*  border: 1px solid red;*/
}
.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */
  width: 46%;
}
.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */
  width: 65%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 22%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}
.uniForm .ctrlHolder { 
  padding: 6px 0; 
  border-bottom: none;
}

.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}

.uniForm .buttonHolder {
  text-align: left;
}