/* Start of CMSMS style sheet 'womba-style' */
* {padding:0;margin:0;}
img {border:none;}
a, :hover, :active {outline: none;}
address {margin-bottom:0.5em;}
a {color:#8dbea9;text-decoration: none;font-style:italic;padding-right:1px;color:#9d9;color:#bfb;}
a:hover {color:#016484;text-decoration: underline;}
a.external {
  padding-right: 15px;
  background: url(/images/cms/external.gif) no-repeat scroll 100% -95px;
}

a.external:hover {background-position: right 5px;}

body {
  margin-top: 8px;
  font: medium/1.3em serif;
  background: #0990bf url(/uploads/womba/bkgd-gradient-2.png) fixed repeat-x left top;
}

div#page-wrapper {
  position:relative;
  width: 720px;
  width: 800px;
  margin: 0 auto;
}

/*
================================================================
	HEADER
================================================================
*/
div#header {
  height: 116px;
  background: url(/uploads/womba/header-800.jpg) no-repeat center top;
  color: #131919;
}

/* Seamus Leahy and Stuart Langridge image replacement technique */
div#header h1, div#header h2 {
  width: 0;
  height: 0;
  overflow: hidden;
}

/*
================================================================
	MAIN LAYOUT OF PAGE COLUMNS
================================================================
*/
div#main {
  overflow: auto;
  width: 800px;
  color: #c0f2f9;color:#cffaff;
  background: #0990bf;
}

div#content {
  float: right;
  width: 565px;
  padding: 0px 20px 20px 0px;
  font: 120%/100% comic sans ms, sans-serif;
}

div#sidebar {
  float: left;
  width: 160px;
  padding: 66px 35px 20px 20px;
  font: 90%/100% comic sans ms, sans-serif;
}

/*
================================================================
	REAL CONTENT
================================================================
*/
div#content p {font: 85%/115% comic sans ms, sans-serif;margin-bottom: 1em;}
  
div#content h2 {
  font: bold 210%/220% comic sans ms, sans-serif;
  border-bottom: 3px solid #c8c8c0; 
  margin: 0 0 0.6em 0;
  color: #294B5F;
  letter-spacing:-1px;
  text-shadow: #6caabf 3px 3px 1px;
  text-shadow: 0 0 36px #cec, 0 0 4px #c00, 1px 1px 2px #fff;
}

div#content h3 {
  font: bold 130%/160% comic sans ms, sans-serif;
  border-bottom: 1px solid #c8c8c0; 
  margin: 1.5em 0 0.3em 0;
  color: #294B5F;
  text-shadow: #6caabf 2px 2px 1px;
}

div#content div.gallery h3 {margin-top:0.5em;}

div#content h4 {
  margin-bottom: 0.25em;
  color: #294B5F;
  font: bold 120%/110% comic sans ms, sans-serif;
}

div#content h5 {
  font: bold 110%/100% comic sans ms, sans-serif;
  margin-bottom: 0.25em;
  color: #294B5F; 
}

h6 {
  font: bold 100%/130% comic sans ms, sans-serif;
  margin-top: 1.3em;
  color: #294B5F; 
}

div#content p#no-didge {
  font: 120%/100% comic sans ms, sans-serif;
  padding: 8px 10px;
  border: 1px solid #373;
  margin: 20px 40px 20px 30px;
  text-align:center;
  color: #0d0;
  color: #18507C;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: url(/uploads/womba/bkgd-transp.png);
}

div#content p#no-didge span {
  font: 75%/100% comic sans ms, sans-serif;
}

div.self-links {
  margin-top: 90px;
  color: #ebfcff;
}

div.self-links span {
  display:block;
  font: 70%/100% comic sans ms, sans-serif;
  margin: 0 0 2px 0;
  padding: 0 0 5px 2px;
  background: url(/uploads/womba/bkgd-gradient-2.png) repeat-x left -400px;
}

div.self-links span a {zcolor:#526F62;}
div.self-links span a:hover {color:#015570;}


/* LISTS */
div#content ul,
div#content ol,
div#content dl {
  list-style-type:circle;
  margin: 0.5em 0 0.5em 0;
}

div#content ul li,
div#content ol li {
  margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#content dl dt {
  font-weight: bold;
  margin: 0 0 0 1em;
}

div#content dl dd {
  margin: 0 0 1em 1em;
}

div#content dl {
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 2em;
}

/*
================================================================
	SIDEBAR
================================================================
*/
div#sidebar h4#pierian-header {
  font: 95%/1.4em comic sans ms, sans-serif;
  text-align:center;
  color: #fff;
}

div#sidebar img#bristol-didge-logo {
  display:block;
  margin: 0px auto 10px;
}

div#sidebar p a {
  display:block;
  width:126px;
  height: 38px;
  margin: 0 auto;
}

div#sidebar img#pierian-logo {
  padding: 2px;
  border: 1px solid #022;
  vertical-align:bottom;
}

/*
================================================================
	FOOTER
================================================================
*/
div#footer {
  overflow:auto;
  zpadding: 15px 0 15px 0px;
  font: 65%/175% serif;
  color: #fff;
  background: url(/uploads/womba/bkgd-gradient-2.png) repeat-x left -400px;
}

div#footer div#inner {
  position: relative; /* anchor for elements positioned absolutely in this area */
  width: 780px;
  margin: 0 auto;
  margin: 15px auto;
  }

div#footer ul {
  float: left;
/*  margin-left: 30px;*/
  padding-left: 30px; /* use padding not margin just to appease crap IE  */
  }

div#footer a {color: #aea;}

div#footer-right-block {
  float: right;
  text-align:right;
}

p#web-design {margin-bottom: 30px;}
p#web-design span {color: #aea;}

div#footer-pierian {
  position: absolute;
  left: 205px;
  top: 0;
} 

/*
================================================================
	EXTRA IMAGERY
================================================================
*/
div#extraDiv1 {
  position: absolute;
  left: 0;
  top: 118px;
  z-index: -1;
  width: 100%;
  height: 1px;
  border-bottom: 7px solid #132929;
}

#tshirt {
  width: 120px;
  float: left;
}
/* End of 'womba-style' */