/***** TEMPLATE STYLES *****/

html {
  background-color: #434343;
}

body {
  margin: 0px;
  background-color: #ffffff;
  font-family: sans-serif;
  font-size: 14px;
}

a {
  color: #668800;
}

a img {
  border: none;
}

acronym {
  font-variant: small-caps;
}

#header {
  height: 50px;
  background: #434343 url(../images/template/header.png) repeat-x center top;
}

#logo {
  width: 205px;
  height: 41px;
  background: url(../images/template/logo.png) no-repeat top left;
  position: absolute;
  top: 10px;
  left: 50px;
}

#logo h1 {
  display: none;
}

#strapline {
  width: 167px;
  height: 21px;
  background: url(../images/template/strapline.png) no-repeat top left;
  position: absolute;
  top: 21px;
  left: 269px;
}

#strapline span {
  display: none;
}

#strip {
  xbackground: #efdd4c url(../images/template/strip-yellow.png) repeat-x top left;
  background: #fff892 url(../images/template/strip-yellow.png) repeat-x top left;
  padding-top: 4px;
}

#strip a {
  color: #3661c8;
  font-weight: bold;
}

#burstout {
  display: block;
  position: absolute;
  top: -80px;
  left: 230px
}

#body {
  width: 750px;
  margin: 5px auto 5px auto;
}

#footer {
  clear: both;
  background: #dfeab5 url(../images/template/footer.png) repeat-x center top;
  padding-top: 12px;
  padding-bottom: 4px;
  font-size: 14px;
  min-height: 60px
}

/*
#copysymbol {
  width: 60px;
  height: 60px;
  float: left;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
}
*/

#copysymbol {
  position: absolute;
  top: -25px;
  left: 0px;
}

#author {
  padding-top: 10px;
  margin-left: 100px;
}

#copyright {
  margin-left: 100px;
  padding-bottom: 10px;
}

.central {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 2px;
}

/***** STANDARD *****/

.left-col {
  width: 240px;
  float: left;
  margin-right: 15px;
}

.wide-left-col {
  width: 495px;
  float: left;
  margin-right: 15px;
}

.center-col {
  width: 240px;
  float: left;
  margin-right: 15px;
}

.right-col {
  width: 240px;
  float: left;
}

.wide-right-col {
  width: 495px;
  float: left;
}

/* used when a wide column is split into two */
.left-embedded-col {
  width: 240px;
  float: left;
  margin-right: 15px;
}

/* used when a wide column is split into two */
.right-embedded-col {
  width: 240px;
  float: left;
}

.inline {
  display: inline;
}

.error {
  color: red;
}

.errors {
  color: red;
}

.errors ul {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
}

.errors li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.box {
  width: 240px;
  background: #fff892 url(../images/template/yellowbox-240px.png) no-repeat bottom center;
  margin: 20px auto 20px auto;
}

.box h2 {
  background: url(../images/template/yellowbox-240px.png) no-repeat top center;
  padding: 4px 10px 6px 10px;
  color: #505050;
  font-size: 20px;
  margin: 0px;
}

.box h3 {
  padding: 2px 10px 6px 10px;
  color: #505050;
  font-size: 16px;
  margin: 0px;
}

.box a {
  color: #3771c8;
}

.widebox {
  width: 495px;
  background: #eeeeee url(../images/template/yellowbox-495px.png) no-repeat bottom center;
  margin: 20px auto 20px auto;
}

.widebox h2 {
  background: url(../images/template/yellowbox-495px.png) no-repeat top center;
  padding: 4px 10px 6px 10px;
  color: #505050;
  font-size: 20px;
  margin: 0px;
}

.widebox a {
  color: #3771c8;
}

.widebox2 {
  width: 495px;
  background: #eeeeee url(../images/template/bluebox-495px.png) no-repeat bottom center;
  margin: 20px auto 20px auto;
}

.widebox2 h2 {
  background: url(../images/template/bluebox-495px.png) no-repeat top center;
  padding: 4px 10px 6px 10px;
  color: #505050;
  font-size: 20px;
  margin: 0px;
}

.widebox2 a {
  color: #3771c8;
}

.default p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.default ul {
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 0px;
}

.default ul li {
  padding-left: 0px;
  margin-top: 5px;
  font-size: 12px;
}

label.fixed {
  float: left;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  margin: 2px 0px 2px 10px;
  width: 130px;
}

.action {
  clear: both;
  text-align: right;
  padding-bottom: 8px;
  padding-top: 8px;
}

.action input {
  margin-right: 10px;
}

/***** HOMEPAGE STYLES *****/

.links li {
  margin-bottom: 5px;
}

.widebox2 .scenic {
  background: url(../images/template/bluebox-495px.png) no-repeat top center;
  padding: 10px 10px 0px 10px;
  margin: 0px;
}

.widebox2 .caption {
  text-align: right;
  padding: 5px 10px 10px 10px;
}

/***** LOGIN STYLES *****/

.auth {
}

.auth label {
  width: 90px;
}

.auth input {
  margin: 2px 10px 2px 0px;
}

.auth input.email {
  width: 120px;
}

.auth input.password {
  width: 120px;
}

.auth input.code {
  width: 80px;
}

.auth .error {
  margin: 2px 10px 2px 10px;
}

/***** REMIND STYLES *****/

.remind {
}

/*
.remind label {
  float: none;
  white-space: nowrap;
  display: inline;
  overflow: hidden;
  margin: 0px;
}
*/

.remind p {
  padding: 5px 20px 20px 20px;
}

.remind .email {
  width: 200px;
  margin-left: 20px;
  margin-right: 20px;
}

.remind input {
}

/***** REGISTER STYLES *****/

.register {
}

.register input.text {
  margin: 0px 10px 8px 0px;
}

.register input.email {
  width: 190px;
}

.register input.password {
  width: 120px;
}

.register input.captcha {
  margin-left: 180px;
  width: 80px;
}

.register .info {
  display: block;
  float: right;
  width: 195px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  color: #666666;
  clear: right;
}

/***** AUTHORIZATION STYLES *****/

.authorize {
}

.authorize .emailAddress {
  display: block;
  width: 220px;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
}

.authorize input.text {
  margin: 0px 10px 8px 0px;
}

.authorize input.authcode {
  width: 80px;
}

.authorize input.captcha {
  width: 80px;
}

.authorize img {
  display: block;
  float: right;
  margin: 0px 16px 8px 0px;
}

/***** SETTINGS STYLES *****/

.changeemail {
}

.changeemail .email {
  width: 130px;
  margin-left: 20px;
  margin-right: 20px;
}

.changeemail p {
  padding: 5px 20px 20px 20px;
}

.changepw {
}

.changepw label {
  width: 90px;
}

.changepw input {
  margin: 2px 10px 2px 0px;
}

.changepw input.password {
  width: 120px;
}

.changeacct {
}

.changeacct input.fullname {
  width: 200px;
}

/***** OPTIONS STYLES *****/

.option p {
  height: 8em;
  overflow: hidden;
  font-size: 12px;
  xborder: 1px solid red;
  margin: 0px;
}

.option .fact {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
.option .link {
  display: block;
  margin: 6px 0px 6px 0px;
  border: 2px solid #9DC2FF;
  padding: 3px;
  text-decoration: none;
  background-color: #B6DCFF;
  color: #3771c8;
  font-weight: bold;
}
*/

.option .link {
  display: block;
  height: 28px;
  margin: 6px 0px 6px 0px;
  padding: 12px 0px 0px 45px;
  text-decoration: none;
  background: url(../images/template/link.png);
  color: #3771c8;
  font-weight: bold;
}



/***** CHAMBER STYLES *****/

.editchamber textarea {
  width: 455px;
  height: 275px;
  font-size: 12px;
  margin: 0px 20px 0px 20px;
  border: 1px solid #cccccc;
}

/***** MEDIA STYLES *****/

.mediathumb {
  width: 64px;
  height: 64px;
}

/***** MEDIA UPLOAD/EDIT STYLES *****/

.mediaedit .title {
  width: 280px;
}

.mediaedit textarea {
  width: 280px;
  height: 60px;
  font-size: 12px;
  margin: 5px 20px 5px 0px;
  border: 1px solid #cccccc;
  padding: 1px;
}


.portals {
  width: 100%;
}

.portals th {
  text-align: left;
}

.portals td.portalid {
  width: 100px;
}

.portals td.portaldate {
  width: 100px;
}

/***** BLOG STYLES *****/

.blogpost h2 {
  margin-bottom: 4px;
}

.blogpost .date {
  color: #668800;
  font-weight: bold;
}

.blogpost .tag {
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
/*  background-color: #668800; */
  background-color: #3771c8;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
}

.blogpost .photo {
  display: block;
  margin: 10px auto 10px auto;
}

ul.bloglist {
  list-style-type: none;
}

ul.bloglist li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bloglist img {
  border: 2px solid #3771c8;
}

.blogextra {
  text-align: right;
  margin-bottom: 15px;
}
