/* 
Title:     original theme styles for screen media
Author:    steve@divinemass.com
Updated:   June 08 2007
*/

html {
 font-size: 0.7em;
}

body {
 margin: 0;
 padding: 0;
 font-family: Tahoma, Verdana, Helvetica, sans-serif;
 font-size: 1em;
 color: #5b5b5b;
 background-color: #5b5b5b;
}

p {
 font-size: 1em;
}

a, a:link, a:visited {
 text-decoration: underline;
 color: #5b5b5b;
}

a:hover {
 text-decoration: underline;
 color: #5b5b5b;
}

input, select {
	font-size: 1em;
}

/* wrap
---------------------------------------------------------- */

#outerwrap {
 display: block;
 margin: 0 auto;
 background: #5b5b5b url('/data/livingwaters/assets/images/common/bg_runner.gif') repeat-y center top;
}

#wrap {
 display: block;
 width: 728px;
 margin: 0 auto;
 padding: 16px;
 background: #fff url('/data/livingwaters/assets/images/common/watermark.gif') no-repeat top right;
}

/* header
---------------------------------------------------------- */

#header {
 display: block;
 margin: 0;
 padding: 0 0 4px 0;
}

#header-links {
 display: block;
 width: 728px;
 height: 12px;
 margin: 0;
 padding: 0;
}

#tools {
 float: left;
 margin: 0;
 padding: 0;
}

#tools li {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}

#tools .home {
 margin: 0 6px 0 0;
 padding: 0 0 0 16px;
 background: url('/data/livingwaters/assets/images/common/home-icon.gif') no-repeat 0 50%;
}

#tools .contact {
 margin: 0 6px 0 0;
 padding: 0 0 0 16px;
 background: url('/data/livingwaters/assets/images/common/contact-icon.gif') no-repeat 0 50%;
}

#tools .date {
 padding-left: 30px;
 font-size: 0.9em;
 font-weight: bold;
 color: #999;
}

#tools a {
 margin: 0;
 padding: 0 9px 0 0;
}

#tools a:link, #tools a:visited {
 color: #990000;
 text-decoration: none;
}

#tools a:hover, #tools a.selected {
 color: #990000;
 text-decoration: underline;
}

#login {
 float: right;
 margin: 0;
 padding: 0;
 text-align: right;
}

#login li {
 display: inline;
 margin: 0;
 padding: 0;
 color: #5b5b5b;
 list-style: none;
}

#login a {
 color: #003366;
 margin: 0;
 padding: 0;
}

#login a:link, #login a:visited {
 text-decoration: none;
 color: #003366;
}

#login a:hover, #login a.selected {
 text-decoration: underline;
 color: #003366;
}

#logostrip {
	display: block;
	width: 728px;
	height: 170px;
	margin: 12px 0 12px 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

#logostrip h1, #logostrip h2 {
	display: none;
}

#logostrip a, #logostrip a:hover {
	text-decoration: none;
}

#navigation {
 display: block;
 width: 728px;
 margin: 0;
 padding: 0;
}

#navigation li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style-type: none;
	background: url('/data/livingwaters/assets/images/common/page-icon.gif') no-repeat 0 20%;
	position: relative;
	padding-bottom: 4px;
	z-index: 20;
}

#navigation li ul {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	width: 150px;
	left: 0px;
	top: 1.2em;
	padding-top: 0.3em;
	background: #fff;
}

#navigation li ul li {
	display: block;
	float: none;
	padding: 3px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	list-style-type: disc;
	padding: 5px;
}

#navigation li ul li a {
	margin: 0;
	display: block;
	padding: 0 0 0 5px;
	width: 150px;
	color: #660000;
}
#navigation li ul li a:link, #navigation li ul li a:visited {
	color: #660000;
}
#navigation li ul li a:hover {
	color: #660000;
	text-decoration: underline;
}

#navigation li:hover ul {
	display: block;
}

#navigation a {
 margin: 0 0 0 16px;
 padding: 0 16px 0 0;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
 color: #990000;
 text-decoration: none;
}

#navigation a:hover, #navigation li a:hover{
 color: #990000;
 text-decoration: underline;
}

#navigation a.deadlink:hover {
	cursor: default;
	text-decoration: none;
}
#navigation a.deadlink {
	cursor: default;
	text-decoration: none;
}

/* body
---------------------------------------------------------- */

#body-wrap {
 display: block;
 width: 728px;
 margin: 0;
 padding: 0;
 position: relative;
}

/* content
---------------------------------------------------------- */

#content {
 width: 491px;
 margin: 0 0px 0 0;
 padding: 0;
 line-height: 1.3em; 
 float: left;
}

#content h3{
 font-size: 1em;
}


#content .standardTable{
 width: 491px;
}

#content p {
 line-height: 1.3em;
 margin-top: 0;
 margin-bottom: 1.3em;
}

#content .title-bar {
 display: block;
 width: 491px;
 height: 2em;
 margin: 12px 0;
 background: #006699;
}

#content .title-bar p, #content .title-bar-teamarea p{
 margin: 0;
}

#content .title-bar-teamarea {
 display: block;
 width: 491px;
 height: 2em;
 margin: 12px 0;
 background: #b82929;
}

.title-bar-teamarea .title-bar-title, .title-bar .title-bar-title  {
 float: left;
 margin: 0;
 padding: 0 0 0 20px;
 font-size: 1em;
 font-weight: bold;
 color: #fff;
 line-height: 2em;
 background: url('/data/livingwaters/assets/images/common/title-bar-left-edge.gif') no-repeat top left;
}

.title-bar-teamarea .title-bar-title {
 background: url('/data/livingwaters/assets/images/common/title-bar-left-edge-red.gif') no-repeat top left;
}

.title-bar-title a, .title-bar-title a:visited, .title-bar-title a:link{
 color: #fff;
 text-decoration: underline;
}

.title-bar-title a:hover {
 text-decoration: underline;
}

.title-bar-options {
 float: right;
 margin: 0;
 padding: 0 20px 0 0;
 font-size: 1em;
 color: #fff;
 line-height: 2em;
 height: 2em;
 background: url('/data/livingwaters/assets/images/common/title-bar-right-edge.gif') no-repeat top right;
}

.title-bar-teamarea .title-bar-options {
 background: url('/data/livingwaters/assets/images/common/title-bar-right-edge-red.gif') no-repeat top right;
}

.title-bar-options a:link, #content .title-bar-options a:visited {
 color: #fff;
 text-decoration: none;
 line-height: 2em;
}

.title-bar-options a:hover {
 color: #fff;
 text-decoration: underline;
 line-height: 2em;
}


/* comments
---------------------------------------------------------- */

#comments p {
	margin: 0.7em 0 0.7em 0;
}

#comments h4 {
	color: #006699;
	font-size: 1.1em;
}

.comment {
	width: 279px;
	background: url('/data/livingwaters/assets/images/common/comments-divider.gif') no-repeat bottom left;
	padding-bottom: 17px;
	margin-bottom: 5px;
}
.comment dd {
	padding-left: 15px;
}

.commentform {
	width: 279px;
}

.commentform dt{
	color: #006699;
}

.commentform dd {
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}

.commentform dd p{
	padding: 0.5em 0 0.5em 0;
	margin: 0px;
}

.commentform .hiddenlabel {
	display: none;
}
.commentform textarea {
	width: 253px;
	height: 70px;
}
.commentform .submitbutton {
	text-align: right;
	width: 258px;
	padding: 0px;
	margin: 0px;
}
.commentform .error {
	color:red;
}


/* welcome
---------------------------------------------------------- */

#welcome {
 width: 467px;
 margin: 12px 0 1px 0;
 padding: 8px 12px 8px 12px;;
 background: #666 url('/data/livingwaters/assets/images/home/welcome-bg.gif');
 background-repeat: no-repeat;
 background-color: #666;
}

#welcome h1 {
 margin: 0 0 8px 0;
 padding: 0;
 font-size: 1.5em;
 color: #fff;
}

#welcome p {
 margin: 0;
 padding: 0;
 font-size: 1em;
 color: #ccc; 
 font-weight: bold;
}


#flashbanner {
	z-index: 3;
	position: relative;
}
#flashbanner embed {
	z-index: 4;
	position: relative;
}


/* news snippets
---------------------------------------------------------- */

#news-snippets {
 margin: 0 0 16px 0;
}

#news-snippets dl {
 clear: both;
 margin: 0;
 padding: 0;
}

#news-snippets, dt, dd {
 margin: 0;
 padding: 0;
}

#news-snippets .thumbnail {
 float: left;
 width: 105px;
 height: 100px;
}

#news-snippets .title {
 float: right;
 width: 380px;
 margin: 0;
 padding: 0;
 font-weight: bold;
 display: inline;
}
#news-snippets .title a {
 color: #5b5b5b;
}

#news-snippets .snippet {
 margin: 0;
 padding: 0;
 display: inline;
 float: right;
 width: 380px;
 padding-bottom: 1.3em;
 }

#news-snippets .date {
 color: #990000;
 padding-bottom: .5em;
 line-height: 1em;
}

.rsslink {
 clear: both;
 display: block;
 width: 100px;
 margin: 0;
 padding: 0 0 0 20px;
 line-height: 1.7em;
 background: url('/data/livingwaters/assets/images/common/rss-icon.gif') no-repeat 0 50%;
}

/* pulse snippets
---------------------------------------------------------- */

#pulse {
 margin: 0 0 16px 0;
}

#pulse dl {
 clear: both;
 margin: 0;
 padding: 0;
}

#pulse, #pulse dt, #pulse dd {
 margin: 0;
 padding: 0;
}

#pulse .thumbnail {
 float: left;
 width: 90px;
 margin-bottom:10px;
}

#pulse .profileimage {
 width: 80px;
}

#pulse .title {
 float: right;
 width: 395px;
 margin: 0;
 padding: 0 0 10px 0;
 display: inline;
}

#pulse .title div a {
 color: #990000;
 font-size: 1.6em;
 text-decoration: none;
}

#pulse .title a:hover {
 text-decoration: underline;
}

#pulse .snippet {
 margin: 0;
 padding: 0;
 display: inline;
 float: right;
 width: 395px;
 margin-bottom: 1em;
 }

#pulse .posting {
 background-color: #F5F5F5;
 padding: 10px;
 position: relative;
}

#pulse .commentssummary {
 margin-top:2px;
 font-weight:bold;
 color:#999;
 text-align:right;
}

#pulse .deletelink {
 position: absolute;
 right: 8px;
 top: 5px;
}

/* sidebar
---------------------------------------------------------- */

#sidebar {
 float: right;
 width: 220px;
 margin: 0;
 padding: 0;
 font-size: 1em;
 color: #5b5b5b;
 background: url('/data/livingwaters/assets/images/common/sidebar-bg.gif') repeat-y top right;
 position: relative;
 margin-top: 50px;
}

#sidebar li a{
	color: #006699;
	text-decoration: none;
}

#sidebar li a:hover{
	text-decoration: underline;
}

#sidebarTopEdge {
 width: 220px;
 height: 13px;
 margin: 0;
 padding: 0;
 font-size: 1em;
 color: #5b5b5b;
 background: url('/data/livingwaters/assets/images/common/sidebar-top-edge.gif') no-repeat;
 position: relative;
}

#sidebarBottomEdge {
 width: 220px;
 height: 13px;
 margin: 0;
 padding: 0;
 font-size: 1em;
 color: #666;
 background: url('/data/livingwaters/assets/images/common/sidebar-bottom-edge.gif') no-repeat;
 position: relative;
}

#sidebar #childLinks li {
	line-height: 1.5em;
}

#sidebar #childLinks li a{

}

#sidebar .news .date {
	color: #990000;
}

#search {
 padding: 0px;
 margin: 25px 0;
 position: absolute;
 right: 0px;
 top: 0px;
 width: 220px;
 z-index: 210;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#search form input{
	font-size: 1.2em;
}
#search label span {
	display: none;
}

#search dl, #search dt, #search dd {
 float: left;
 margin: 0;
 padding: 0;
}

#search .text {
 width: 145px;
 margin: 0 5px 0 0;
}

#sidebar .feature {
 display: block;
 width: 200px;
 margin: 0;
 padding: 0 10px 0 10px;
}

#sidebar .feature .divider{
 display: block;
 width: 200px;
 margin: 5px 0 5px 0;
 height: 19px;
 background: url('/data/livingwaters/assets/images/common/sidebar-feature-divider.png') no-repeat bottom center;
}

#sidebar h4 {
 margin: 0 0 5px 0;
 padding: 0;
 color: #006699;
 font-size: 1em;
}

#sidebar h4 a {
 margin: 0 0 5px 0;
 padding: 0;
 color: #006699;
 font-size: 1em;
 text-decoration: none;
}

#sidebar h4 a:hover {
 text-decoration: underline;
}

#sidebar p {
 margin: 0 0 5px 0;
 padding: 0;
}

#sidebar dt, dd {
 margin: 0 0 3px 0;
 padding: 0;
}

#sidebar label {
 font-weight: bold;
}

#sidebar .email {
 width: 198px;
 border: 1px solid #999;
}


/* Diary
---------------------------------------------------------- */

#diaryContent {
 width: 728px;
}

#diaryContent #content{
 width: 728px;
 position: relative;
}

#diaryHead {
 margin: 42px 0px 0 0;
 padding: 0;
 font-weight: bold;
}

#diaryHead a, #diaryHead a:link, #diaryHead a:visited {
	color: #006699;
	text-decoration: none;
}

#diaryTable {
 width: 728px;
 margin: 0 0px 0 0;
 padding: 0;
 line-height: 1.3em; 
 float: left;
 border-collapse: collapse;
}

#diaryTable thead td, #diaryTable tfoot td{
	font-weight: bold;
	font-style: italic;
}


#diaryTable td {
	border: 1px solid #999;
	border-collapse: collapse;
}

#diaryTable .diaryCellDays td {
	border: 1px solid #999;
	border-collapse: collapse;
}

#diaryTable .diaryCellDates td {
	border-bottom: none;
}

#diaryTable .dateDay{
	width: 100%;
	background-color: #7eb2dd;
	display: block;
	color: #fff;
	font-style: italic;
	padding: 4px 0 2px 0;
}
#diaryTable .dateDay strong {
	padding-left: 5px;
}

#diaryTable td ul {
	padding: 7px;
	margin: 0px;
	list-style-type: none;
}

#diaryTable td ul li{
	padding-bottom: 7px;
}

#diaryTable .ediary_cell_today {
	background-color: #d6e8f6;
	padding: 0px;
}

#diaryTable .ediary_cell {
	background-color: #FFF;
	padding: 0px;
}

#diaryTable .ediary_celloutside {
	background-color: #CCCCCC;
	padding: 0px;
	color: #7C7C7C;
}
#diaryTable .ediary_celloutside a, .ediary_celloutside a:link,.ediary_celloutside a:visited {
	color: #7C7C7C;
}



#diaryTable .ediary_celloutside strong{
	color: #CCC;
}

#diaryTable .ediary_celloutside ul li strong{
	color: #7C7C7C;
}

#diaryTable .ediary_cell li span, #diaryTable .ediary_celloutside li span {
	display: block;
	z-index: 70;
}

#diaryTable .ediary_cell li span div, #diaryTable .ediary_celloutside li span div {
	display: none;
	width: 200px;
	border: 1px solid #999;
	padding: 3px;
	position: absolute;
	margin-top: 5px;
	margin-left: 15px;
	background-color: #FFF;
	z-index: 90;
}

#diaryTable .ediary_cell li span:hover div {
	display: block;
}
#diaryTable .ediary_celloutside li span:hover div {
	display: block;
}


#diarySidebar {
	position: absolute;
	z-index: 200;
	margin: 0px;
	top: 50px;
	right: 0px;
	width: 220px;
}
#diarySidebar #sidebar{
	margin: 0px;
}

.linkBehaviour:hover {
	text-decoration: underline;
	cursor: pointer;
}

#sidebar .diaryDropDown {
 display: block;
 width: 200px;
 margin: 0;
 padding: 0 10px 0 10px;
}

#sidebar .diaryDropDown h4 {
	text-align: right;
	color: #990000;
}

#sidebar .diaryDropDown h4 a{
	color: #990000;
	margin: 0px;
	padding: 0px;
	padding-right: 12px;
	background-image: url('/data/livingwaters/assets/images/common/diary_arrowdown.gif');
	background-repeat: no-repeat;
	background-position: right 75%;
}

#sidebar .diaryDropDown #childLinks li {
	line-height: 1.5em;
}

#sidebar .diaryDropDown #childLinks li a{
	color: #990000;
	font-size: 1.2em;
}

#sidebar .diaryDropDown #childLinks li ul li{
	font-size: 1em;
}

#sidebar .diaryDropDown #childLinks li ul li a{
	color: #006699;
	font-weight: bold;
	font-size: 1em;
}

#sidebar .diaryDropDown #childLinks {
	list-style-type: none;
	padding: 0px;
	margin: 0 0 5px 0;
}

#sidebar .diaryDropDown #childLinks li ul {
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	list-style-type: circle;
}


#diaryEventSidebar {

}
#diaryEventSidebar #sidebar{

}

#diaryEventSidebar #sidebar #childLinks {
	list-style-type: none;
	padding: 0px;
	margin: 10px 0 5px 0;
}

#diaryEventSidebar #sidebar #childLinks li{
	margin: 0 0 10px 0;
	color: #990000;
	font-weight: bold;
}

#diaryEventSidebar #sidebar #childLinks li ul {
	padding: 0 0 0 20px;
	margin: 3px 0 5px 0;
	list-style-type: circle;
	color: #5b5b5b;
}
#diaryEventSidebar #sidebar #childLinks li ul li{
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 1.3em;
	color: #5b5b5b;
	color: #006699;
}
#diaryEventSidebar #sidebar #childLinks li ul li a{
	color: #5b5b5b;
	color: #006699;
}


/* Shop
---------------------------------------------------------- */

dl.shopProduct {
 clear: both;
 margin: 0;
 padding: 0.3em 0;
}

dl.shopProduct a{
	color: #006699;
}

dl.shopProduct p{
	margin: 0px;
	padding: 0.6em 0;
}

dl.shopProduct dt, dl.shopProduct dd {
 margin: 0;
 padding: 0;
}

dl.shopProduct .thumbnail {
 float: left;
 width: 85px;
 height: 132px;
}

dl.shopProduct .title {
 float: right;
 width: 403px;
 margin: 0;
 padding: 0 0 0.5em 0;
 display: inline;
}
dl.shopProduct .title a {
 color: #000;
}

dl.shopProduct .snippet {
 margin: 0;
 padding: 0;
 display: inline;
 float: right;
 width: 403px;
}

dl.shopProduct input {
	font-size: 1em;
}

dl.shopProduct .price {
	margin-top: 0.5em;
	display: block;
}

a.shopButton, a.shopButton:link, a.shopButton:visited {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
a.shopButton:hover {
	text-decoration: underline;
}

.shopTable { 
	width: 491px;;
}





dl.podcastIndexItem {
 clear: both;
 margin: 0;
 padding: 0;
}

dl.podcastIndexItem dt, dl.podcastIndexItem dd {
 margin: 0;
 padding: 0;
}

dl.podcastIndexItem .thumbnail {
 float: left;
 width: 50px;
 height: 60px;
}

.podcastIndexItem .title {
 float: right;
 width: 438px;
 margin: 0;
 padding: 0;
 display: inline;
}
.podcastIndexItem .title .line1 {
 color: #990000;
}

dl.podcastIndexItem .snippet {
 margin: 0;
 margin-top: 3px;
 padding: 0;
 display: inline;
 float: right;
 width: 438px;
 padding-bottom: 1.3em;
 }

dl.podcastIndexItem .snippet a{
 font-weight: bold;
 }



/* homepage snippets
---------------------------------------------------------- */

#homepage-snippets {
 display: block;
 width: 728px;
}

#homepage-snippets a:link, #homepage-snippets a:visited {
 color: #5b5b5b;
 text-decoration: underline;
}

#homepage-snippets a:hover {
 color: #000;
 text-decoration: underline;
}

#homepage-snippets .snippet {
 float: left;
 width: 236px;
 margin: 0 10px 10px 0;
 padding: 0;
}

#homepage-snippets .title-bar {
 display: block;
 width: 236px;
 height: 25px;
 margin: 12px 0;
 background: #006699;
}

#homepage-snippets .title-bar-options a:link, #homepage-snippets .title-bar-options a:visited {
 color: #fff;
 text-decoration: none;
}

#homepage-snippets .title-bar-options a:hover {
 color: #fff;
 text-decoration: underline;
}

#homepage-snippets ul {
 margin: 0;
 padding: 0;
}

#homepage-snippets li {
 margin: 0 0 3px 0;
 padding: 0;
 list-style: none;
}

#media-snippets ul {
 margin: 0;
 padding: 0;
}

#media-snippets li {
 margin: 0 0 5px 0;
 padding: 0 0 0 25px;
 height: 17px;
 list-style: none;
 line-height: 17px;
 background: url('/data/livingwaters/assets/images/common/media-icon.gif') no-repeat top left;
}

#events-snippets strong, #media-snippets strong {
 color: #990000;
}

#comments-snippets li {
 margin-bottom: 10px;
}

#comments-snippets a.subject:link, #comments-snippets a.subject:visited {
 color: #990000;
 text-decoration: underline;
}

#homepage-snippets a.subject:hover {
 color: red;
 text-decoration: underline;
}

/* partners
---------------------------------------------------------- */

#partners {
 clear: both;
 display: block;
 width: 696px;
 height: 43px;
 margin: 0;
 padding: 6px 16px 6px 16px;
 background: #eee url('/data/livingwaters/assets/images/common/partners-bg.gif') no-repeat 0 0;
 border-top: 12px solid #fff;
}

#partners ul {
 margin: 0;
 padding: 0;
}

#partners li {
 display: inline;
 margin: 0;
 padding: 0 10px 0 0;
}

/* footer
---------------------------------------------------------- */

#footer {
 display: block;
 width: 700px;
 height: 30px;
 margin: 0 auto;
 padding: 0 30px 0 30px;
 background: #000 url('/data/livingwaters/assets/images/common/footer-bg.gif') no-repeat 0 0;
 color: #ccc;
 text-align: center;
}

#footer p { 
 margin: 7px 0 0 0;
 padding: 0;
}

#footer a:link, #footer a:visited {
 color: #ccc;
 text-decoration: underline;
}

#footer a:hover {
 color: #fff;
 text-decoration: underline;
}

#footer .copyright {
 float: left;
}

#footer .credits {
 float: right;
}

#bottomShadow {
	margin: 0 auto 0 auto;
	height: 13px;
	background: #5b5b5b url('/data/livingwaters/assets/images/common/bg_bottom.gif') no-repeat center top;
}
 /* misc
---------------------------------------------------------- */

hr, .hide {
 display: none;
}

a img {
 border: none;
}

form {
 margin: 0;
 padding: 0;
}

.itemLineBreak {
	clear: both;
	display: block;
	height: 19px;
	width: 275px;
	margin: 0 0 5px 0;
	background: url('/data/livingwaters/assets/images/common/linebreak_onwhite.gif') no-repeat 0 0;
}

.eloginForm label {
	width: 120px;
	display: block;
	float: left;
	margin-bottom:10px;
}
.eloginForm div {
	clear: left;
}
.eloginForm fieldset{
	padding: 5px;
}

.eloginForm span {
	padding-left:5px;
}

#eshop_day, #eshop_month {
	width: 50px;
}

#eshop_year {
	width: 60px;
}

#members-directory td {
	border-bottom: 1px solid #999999;
	height: 30px;
}

.members-photo {
	float: right;
}

.member_galleryview_item {
	float: left;
	width: 97px;
	height: 140px;
}

#contactForm label {
	display: block;
	clear: left;
}

#contactForm .label {
	width: 100px;
	display: block;
	float: left;
}
#contactForm label input {
	width: 150px;
}
#contactForm label textarea {
	width: 300px;
	height: 120px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1em;
}

.error {
	color: red;
}


#googlemap {
	padding-bottom: 12px;
}