.gallery {list-style: none;}

#content .post-body pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 letter-spacing: 0px;
 line-height: 1em;
 font-size: 1.1em;
 border: 1px dashed #506084;
 padding: 1em;
}


#content em
{
	font: .8em/1.4em arial,verdana,sans-serif;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0px;
	margin-right: .6em;
	color: #003768;
}

#messages
{
	margin: 0; padding: 0 0 25px
}
#messages li
{
	width: 90%; margin-bottom: 2px 
}
#messages li a
{
	padding: 7px 5px; 
	display: block; border-right: 10px solid #A9B8DC;
	font-weight: bold; border-bottom: 1px solid #CCCCCC
}
#messages li a:link, #messages li a:visited
{
	background-color: #506084;
	color: #8D9BBB; text-decoration: none
}
#messages li a:hover, #messages li a:active
{
	text-decoration: none; color: #CCCC00;
	background-color: #8C94A5;
	border-right: 10px solid #A9B8DC; 
	border-bottom: 1px solid #CCCCCC
}


#The_colorPicker{
  position:absolute;
  width:224px;
  padding-bottom:1px;
  background-color:#FFF;
  border:1px solid #317082;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
 padding-right: 20px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #506084;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #506084;
 border-bottom: none;
 background: #506084;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #506084; }
ul.tabbernav li a:visited { color: #506084; }

ul.tabbernav li a:hover
{
 color: #CCCC00;
 background: #8C94A5;
 border-color: #CCCCCC;
}

ul.tabbernav li.tabberactive a
{
 background-color: #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #CCCC00;
 background: #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #CCCCCC;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.gallery li{
  float:left;
  margin:0 1em 1.5em 0;
  text-align:center;
}

.gallery{
  float:left;
  width:100%;
  padding:0;
  margin:0;
}

body
{
	background-color: #FFFFFF; 
	font: 76% verdana, "bitstream vera sans", arial, sans-serif;
	margin: 0; padding: 0;
}
#topper
{
	padding: 5px 0 10px 50px; margin: 0 0 40px; 
	background-color: #4B5772; 
}
#topper h1, #topper h1 a
{
	color: #FFFFFF; font-size: 1.8em; text-transform: uppercase;
	font-weight: bold; letter-spacing: 4px; margin: 0;
	font-family: "lucida fax", arial, verdana, sans-serif;
}
#topper h1 a:link, #topper h1 a:visited
{
	text-decoration: none
}
#topper h1 a:hover
{
	color: #CCCC00;
	background-color: #506084; 
	text-decoration: none; 
}

#login_info
{
	text-align: right;
	color: #FFFFFF;
	margin: 0 10px 0 0 !important;
}

#login_info a:link, #login_info a:visited
{
  color: #FFFFFF;
  text-decoration: none
}

#login_info a:hover
{
	color: #CCCC00;
	background-color: #506084; 
	text-decoration: none; 
}


#wrap
{
	margin: 0; padding: 0 30px 30px 50px; 
}


/* left column style */
#content
{
	line-height: 1.6em; margin-right: 220px;
	border-right: 1px solid #506084; 
	color: #003768
}

#content p
{
	margin-right: 20px
}
#content a
{
	font-weight: bold; 
}
#content a:link, #content a:visited
{
	text-decoration: none; color: #7890C8;
	border-bottom: 1px solid #7890C8
}
#content a:hover, #content a:active
{
	color: #041578; text-decoration: none;
	border-bottom: 1px solid #FFFFFF
}
.post-title 
{
	font-size: 1.4em; margin: 0 0 10px; 
	font-weight: bold; letter-spacing: 1px;
	font-family: "lucida fax", verdana, "lucida sans", arial, sans-serif;
	color: #001; 
}

/* right column style */
#navigate h2
{
	background-color: #7890C8; padding: 3px 5px;
	margin: 0 0 15px; border: 3px double #FFFFFF;
	color: #ECEDF1; letter-spacing: 2px; 
	font: bold small-caps 1em "lucida fax", verdana, sans-serif;
}
#navigate
{
	padding: 15px 0 30px; border-top: 15px double #7890C8;
	width: 196px; float: right;
}
#navigate img
{
	margin-bottom: 5px
}
#navigate ul, #navigate li
{
	list-style-type: none
}
#main
{
	margin: 0; padding: 0 0 25px
}
#main li
{
	width: 196px; margin-bottom: 2px 
}
#main li a
{
	padding: 7px 5px; 
	display: block; border-right: 10px solid #A9B8DC;
	font-weight: bold; border-bottom: 1px solid #CCCCCC
}
#main li a:link, #main li a:visited
{
	background-color: #506084;
	color: #8D9BBB; text-decoration: none
}
#main li a:hover, #main li a:active
{
	text-decoration: none; color: #CCCC00;
	background-color: #8C94A5;
	border-right: 10px solid #A9B8DC; 
	border-bottom: 1px solid #CCCCCC
}

#user_in_nav
{
	margin-bottom:25px;
	color: #003768; text-decoration: none;
}

#user_in_nav a
{
	font-weight: bold; font-style: normal;
}

#user_in_nav a:link, #user_in_nav a:visited
{
        color: #003768; text-decoration: none;
}

#user_in_nav a:hover, #user_in_nav a:active
{
        color: #041578; text-decoration: none;
        background-color: #FFFFFF;
}

.sidebar_links
{
	margin: 0; padding: 0 0 15px;
}
.sidebar_links li
{
	margin: 0 0 12px; padding: 0 0 5px 3px; 
	border-bottom: 1px solid #506084;
	color: #7890C8;
	font-style: italic; font-size: .9em; line-height: 1.4
}
.sidebar_links li a
{
	font-weight: bold; font-style: normal; 
}
.sidebar_links li a:link, .sidebar_links li a:visited
{
	color: #8D9BBB; text-decoration: none;
}
.sidebar_links li a:hover, .sidebar_links li a:active
{
	color: #CCCC00; text-decoration: none;
	background-color: #FFFFFF; 
}
acronym
{
	cursor: help
}
#footer
{
	border-top: 1px solid #506084; padding: 5px 0;
	margin: 30px 0 0; font-size: .8em; clear: right; 
	line-height: 1.6; background-color: #506084; height: 50px;
	letter-spacing: 2px; position: relative; 
}
#footer h1
{
	font-size: 55px; font-weight: bold;
	font-family: "lucida fax", "lucida sans", arial, sans-serif;
	letter-spacing: 2px; line-height: 1; 
	color: #838383; z-index: 9; margin: 0;
	position: absolute; top: 0%; right: 15%
}
#footer p
{
	color: #838383; width: 80%; margin: 0;
	z-index: 10; position: absolute; left: 50px; top: 5px
}

/* special ids and classes */

.floatimage
{
	float: left; padding: 5px; 
}
.floatimage:link
{
	border-bottom: 0px none
}
#sample
{
	padding: 20px 0
}

#b-navbar
{
	visibility: hidden
}
img
{
	border: 0px none;
	vertical-align: bottom
}

.post
{
	margin: 0px; 
}
.post-body 
{
	padding-right: 20px; color: #003768
}
p.post-footer 
{
	padding: 5px 0; 
}
p.post-footer a
{
	display: inline; letter-spacing: 0px none
	font-size: 1em; font-weight: normal
}
p.post-footer a:link, p.post-footer a:visited
{
	color: #838383 !important; border-bottom: 0px none !important
}
p.post-footer a:hover, p.post-footer a:active
{
	color: #434958 !important;
	background-color: #A9B8DC none;
	border-bottom: 0px none !important
}
.post-footer em
{
	font: .8em/1.4em arial,verdana,sans-serif;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0px;
	margin-right: .6em;
	color: #003768;
}
.comment-link
{
	text-transform: uppercase; background-color: #7890C8;
	font-size: .8em !important; font-weight: normal !important
}
.post img 
{
	padding: 4px; background-color: transparent;
	border: 1px solid #506084;
}
.post blockquote 
{
	margin: 1em 5px;
}
.post blockquote p 
{
	margin: .75em 0;
}

.comment
{
	background-color: #FFFFFF;
	margin: 1em 1em 1em;
	padding: 5px;
	border: 1px solid #506084;
}
#comments-block 
{
	line-height: 1.6em;
}

#comments-block .permalink{display: none; }
#comments-block .comment-poster{border-bottom: 1px solid #506084;}
#comments-block .comment-body {border-bottom: 1px solid #506084;}


#comments a
{
        font-size: 100%
}
#comment a:link, #comments a:visited, #comments a:hover, #comments a:active
{
        border-bottom: 0px none !important
}
#comments h4 
{
        margin: 1em 0;
        font: bold .8em/1.6em arial "trebuchet ms",trebuchet, verdana,sans-serif;
        text-transform: uppercase;
        letter-spacing: .2em;
        color: #003768;
}
#comments h4 strong 
{
        font-size: 110%
}
#comments-block dt 
{
        margin: .5em 0
}
#comments-block dd 
{
        margin: .25em 0 0
}
#comments-block dd.comment-timestamp 
{
        margin: .25em 0 .25em;
        font: 78%/1.4em arial "trebuchet ms",trebuchet, verdana,sans-serif;
        text-transform: uppercase;
        letter-spacing: .1em;
}
#comments-block dd p 
{
	margin: 0 0 .75em;
}


#comment_form
 {
  background-color: #FFFFFF;
  margin: 1em 1em 1em;
  padding: 5px;
  border: 1px solid #506084;
  line-height: 1.6em;
}

input input.file {border: 1px solid ;}


.info {
  text-align: right;
  font-size: 9px;
}
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 90%;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: normal;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #FFFFFF;
  color: #003768;
  font-variant: normal;
}

#errorExplanation p {
  color: #003768;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#infoExplanation {
  width: 400px;
  border: 2px solid green;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}