* {
	font-size: 97% ;
	margin: 0pt ;
}
/**
# green 00d400
# blue 356AA0
**/
body {
	background-color: #356AA0 ;
	font-family: Verdana,Sans-serif ;
	line-height: 1.3em ;
}

#top {
	background-color: white ;
	overflow: hidden ;
	padding-top: 25px ;
	padding-bottom: 5px ;
}

#top #logo {
	float: left ;
}

#top #tagline {
	color: #0C75B6 ;
	float: left ;
	font-size: 110% ;
	height: 25px ;
	margin: 55px 0pt 0pt 15px ;
	vertical-align: bottom ;
}

#top #main_menu {
	float: right ;
	font-size: 75% ;
	height: 30px ;
}

#top #main_menu p {
	font-size: 75% ;
}

#top .centered {
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
	padding-bottom: 5px;
}

#middle {
	background: white ;
}

#middle .storybox {
	text-align: left ;
  min-height:150px;
}

#bottom {
	font-size: 70% ;
	color: white ;
}

#bottom a {
	color: white ;
	text-decoration: none ;
	font-weight: bold ;
}

#top , #middle, #bottom {
	text-align: center ;
}

div.centered {
	margin: 0pt auto ;
	text-align: left ;
	width: 750px ;
}


a:hover {
	text-decoration: underline ;
}
a {
	color: #5577BB ;
	text-decoration: none ;
  font-size: 100% ;
}

img {
	border: 0px ;
}

.blogTitle {
	font-size: 130% ;
	color: #356AA0 ;
	font-weight: bold ;
}

.blogTitle a {
	text-decoration: none ;
}

.blogDate {
	color: #808285 ;
	font-size: 50% ;
  font-weight: normal ;
}

.blogTags {
	font-size: 70% ;
  padding: 2px ;
  hover: red ;
}

.blogLinks {
	border-bottom: 1px solid #DCDCDC ;
	font-size: 70% ;
	padding: 2px ;
  display: inline ;
}

.alignLeft {
	float:left; 
	margin-right: 1em; 
  padding-top: 0.5em ;
}

.alignRight {
	float: right; 
	margin-left: 1em; 
}

.navLinks {
	float: light; 
	margin-right: 1em; 
  font-size: 70% ;
}


h1 {
	font-size: 130% ;
	color: #356AA0 
}

h3 {
	font-size: 100% ;
	color: #808285 ;
	font-weight: normal ;
}

input {
 font-family: sans-serif ;
 padding: 1px ;
 border: 1px solid ;
 border-color: #36393D ;
 color: #808285 ;
 background: #F5F5F4;
}

#adminMenu {
	font-size: 75% ;
	text-align: left ;
	margin: 0pt auto ;
	text-align: left ;
	width: 750px ;
}

label {
 text-align: left ;
 margin-right: 0.5em ;
 font-size: 100%;
}

textarea {
  font-family: sans-serif ;
  border: 1px solid #434;
  background: #F5F5F4;
  color: #808285 ;
  outline: none;
}

select {
 font-family: sans-serif ;
 border: 1px solid ;
 border-color: #36393D ;
 color: #808285 ;
 background: #F5F5F4;
 font-size: 80% ;
 padding: 1px ;
}

.commentsBox {
 padding-top: 2px ;
 border-bottom: 1px solid ;
 margin-top: 55px ;
}

.commentTitle {
  border-bottom: 1px solid ;
  display: block ;
	background-color: #F9F7ED ;
}

.singleComment {
	border-left: 1px solid ;
	border-right: 1px solid ;
  padding: 2px ;
}

.commentAttr {
  border-top: 1px solid ;
	font-size: 70% ;
}

.commentStyleA {
  padding: 2px ;
}

.commentStyleB {
	border-left: 1px solid ;
	border-right: 1px solid ;
  padding: 2px ;
	background: #F5F5F4 ;

}
/**
pre {
	background-color: #F5F5F4 ; 
	border-left: 2px solid ;
}
**/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

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

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

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

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

acronym, abbr, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

#paginate {
 font-size: 80% ;
 display: inline ;
}

.media {
	border-left: 5px solid ;
	border-color: #DCDCDC ;
	padding-left: 20px ;
}

.songLink {
  color: red ;
  display: inline ;
  padding-bottom: 2px ;
  font-size: 95% ;
}


#blindField {
  float: right ;

}

#blindField a {
  text-decoration: none ;
}

#blindBox {
  font-size: 75% ;
  padding: 1px ;
}

#searchBox {
  padding: 1px ;
  border: 1px solid ;
  border-color: #36393D ;
  padding: 2px ;
  color: #36393D ;
  font-size: 100% ;
}

#ksresults {
  font-size: 100% ;

}

.postform {
  width: 100% ;
  padding: 10px ;
  background-color: #D7E5F2;
  border: 1px solid #284279;
  margin-right: 0px; 
}

.search {
 font-family: sans-serif ;
 padding: 1px ;
 border: 1px solid ;
 border-color: #D8D8D8 ;
 color: #E6E6E6 ;
 background: white ;
}



input, textarea, select {
  border:1px solid #BBBBBB;
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:1.1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  padding:2px;
}

.footField {
  padding: 5px ;

}

.footField div{
  margin: 0% 5% 0% 0% ;
  width: 50% ;
}

.left {
}

.right {
  float: right ;
}


.footField h2 {
  font-weight: bold ;
  color: #808285 ;
  padding-bottom: 5px ;
}

.footField p {
  color: #808285 ;
}

.footField ul {
  list-style-type: square ;
  color: #808285 ;
}

ul {
  list-style-type: square ;
  color: #808285 ;
  text-color: black ;
}


# pagination
.pagination {
  font-size: 60% ;
  padding: 3px;
  margin: 3px;
}

.pagination a {
  font-size: 60% ;
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #356AA0;
}

.pagination a:hover, .pagination a:active {
  font-size: 60% ;
  border: 1px solid #356AA0;
  color: #356AA0;
}

.pagination span.current {
  font-size: 70% ;
  padding: 4px 7px 4px 7px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #356AA0 ;
  color: #FFF;
}

.pagination span.disabled {
  font-size: 60% ;
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

# pagination info
.info {
  border-top: 1px soild ;
  padding-top: 3px ;
  font-size: 40% ;
  color: #808285 ;
}