/*
Theme Name: Dianthus2009
Theme URI: http://www.dianthus.co.uk
Description: Custom theme by Satellite7 web design.
Version: 1
Author: Jon Packman
Author URI: http://satellite7.com
Tags: 
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, input { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
* a { position:relative; outline:none; text-decoration: none; color: #414141 ;}
html {font:  100% Cambria, Georgia, Times, 'Times New Roman', serif ; height: 100%}
body { background: #605563 url("images/footer_cells.jpg") fixed no-repeat center bottom; font:  62.5% Cambria, Georgia, Times, 'Times New Roman', serif; width: 100%; height: 100%; min-height: 100%}
div { position:relative }
br.clearMe{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
address {font-size: 1.4em; line-height: 1.7; margin: 0 0 15px}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin: 7px 0 15px 15px }
p {font: 1.4em Cambria, Georgia, Times, 'Times New Roman', serif ;  line-height: 1.5; }
h1, h2 	{font: 21px Cambria, Georgia, Times, 'Times New Roman', serif  }
h3, h4 	{font: 18px Cambria, Georgia, Times, 'Times New Roman', serif   }
h5, h6 	{font: 14px Cambria, Georgia, Times, 'Times New Roman', serif  }
a {cursor: pointer}
a.skip {position: absolute; left: -9999px; top: -9999px}

/* LAYOUT */
#head_grad {position: absolute; top: 0; left: 0; height: 100%; z-index: -1; width: 100%; background: url("images/head_grad.png") fixed repeat-x 0 0; }
#flowers_left {position: absolute; left: -60px; top: 90px; background: url("images/flowers_left2.png") no-repeat 0 0; width: 60px; height: 160px  }
#flowers_right {position: absolute; right: -80px; top: 68px; background: url("images/flowers_right2.png") no-repeat 0 0; width: 80px; height: 271px  }
#wrapper {width: 100%; height: auto; min-height: 100%; background: url("images/grid_pat.png") fixed repeat 0 0; z-index: 0; }
#container {width: 900px; margin: 0 auto 0px auto; background: url("images/green_bg2.png") repeat-y right 0;  }
#header {height: 343px; width: 900px; background: url("images/header_bg7.jpg") no-repeat 0 bottom;  z-index: 999; color: #fff; }
#content_wrap {width: 100%; background: url("images/aside_bg2.jpg") no-repeat 0 bottom; }
#main_content {float: right; width: 600px;  height: 100%;  padding-bottom: 15px; background: url("images/main_content_bottom3.png") no-repeat 0 bottom}
#aside {float: left; width: 300px;  z-index: 999;}
#asideAB {position: absolute; bottom: 41px; left: 0; z-index: -1; width: 300px; height: 9999px; background: url("images/aside_grad.png") repeat-y 0 0;}
div.stickyFix{ clear:both; display:block; height: 140px; width: 900px; margin: 0 auto; background: url("images/container_bottom.png") no-repeat 0 0;  }
#footer {margin: -45px 0 0; height: 45px; clear: both; width: 100%; background: url("images/footer_bg.png") repeat 0 0;  }


/* MAIN MENU */
#nav {width: 900px; height: 50px}
ul#navigation {position: relative; width: 900px; height: auto}
ul#navigation li {float: left; position: relative; text-transform: uppercase; margin: 0 15px 0 0;}
ul#navigation li.page-item-595 {width: 80px; z-index: 2}
ul#navigation li.page-item-5, ul#navigation li.page-item-5 ul li{width: 106px; z-index: 2}
ul#navigation li.page-item-15, ul#navigation li.page-item-15 ul li{width: 134px; z-index: 3}
ul#navigation li.page-item-110, ul#navigation li.page-item-110 ul li{width: 184px; z-index: 2}
ul#navigation li.page-item-112, ul#navigation li.page-item-112 ul li{width: 112px; z-index: 2}
ul#navigation li.page-item-134 {width: 74px;  z-index: 2}
ul#navigation li.page-item-97, ul#navigation li.page-item-97 ul li {width: 120px; margin: 0;  z-index: 2}
/* style the links for the top level */
ul#navigation a {display:block; font-size:16px; text-decoration:none; color:#fff; background: #715273; text-align: center; height: 25px; padding-top: 15px; border: 1px solid #d5a7d8; border-width: 0px 1px 1px 1px;  }
/* sprite for 'page on' states */
body#about-dianthus-medical ul#navigation li.page-item-5 a, body#home ul#navigation li.page-item-595 a, body#our-services ul#navigation li.page-item-15 a, body#why-use-dianthus ul#navigation li.page-item-110 a, body#our-staff ul#navigation li.page-item-112 a, body#blog ul#navigation li.page-item-134 a, body#contact-us ul#navigation li.page-item-97 a {height: 100px;  border-width: 0px 1px 0px 1px; background: #715273 url("images/flower_sprite.jpg") no-repeat 0 bottom ; }
body#home ul#navigation li.page-item-595 a {background-position: -1px bottom}
body#about-dianthus-medical ul#navigation li.page-item-5 a {background-position: -96px bottom}
body#our-services ul#navigation li.page-item-15 a {background-position: -217px bottom}
body#why-use-dianthus ul#navigation li.page-item-110 a {background-position: -366px bottom}
body#our-staff ul#navigation li.page-item-112 a {background-position: -565px bottom}
body#blog ul#navigation li.page-item-134 a {background-position: -692px bottom}
body#contact-us ul#navigation li.page-item-97 a {background-position: -781px bottom}

/*so IE7 doesn't flip out with z-index */
body#about-dianthus-medical ul#navigation li.page-item-5, body#home ul#navigation li.page-item-595, body#our-services ul#navigation li.page-item-15, body#why-use-dianthus ul#navigation li.page-item-110, body#our-staff ul#navigation li.page-item-112, body#blog ul#navigation li.page-item-134, body#contact-us ul#navigation li.page-item-97 {z-index: 1}

/* style the top level hover */
ul#navigation a:hover { color:#fff; background:#855b88; }
ul#navigation :hover > a {color:#fff; background:#855b88; height: 42px}
/* style the second level background */
ul#navigation ul a {background:#4c2d4e !important; height: auto !important; font: 9px arial, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, sans-serif !important;  border-width: 1px 1px 0px 1px  !important; opacity: 0.9; }
ul#navigation ul li:last-child a{border-width:  1px  !important;  }
ul#navigation li:last-child  ul ul a{border-width: 1px 1px 0px 1px  !important;  }
ul#navigation li:last-child ul ul  li:last-child a{border-width:  1px  !important;  }
/* style the second level hover */
ul#navigation ul a:hover {background:#855b88 !important;  opacity: 1 ; z-index: 9999 ; }
ul#navigation ul :hover > a {background:#855b88 !important; opacity: 1; padding: 8px 7%; }
/* style the third level background */
ul#navigation ul ul a{background:#b49ace; }
/* style the third level hover */
ul#navigation ul ul a:hover {background:#9170b2;}
ul#navigation ul ul :hover > a {background:#9170b2;}
/* style the forth level hover */
ul#navigation ul ul ul a:hover {background:#744f99; }
ul#navigation ul ul ul :hover > a {background:#744f99;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
ul#navigation ul {visibility:hidden; position:absolute; height: 0; top: 57px; left: -22%; width: 100%; z-index: 9999 ; opacity: 1}
/* position the third level flyout menu */
ul#navigation ul ul{ margin-left: 144.5%; top:0; left: 0; width: 100% }
ul#navigation li.page-item-97 ul ul{left: -100% }
/* position the forth level flyout menu */
ul#navigation ul ul ul{  margin-left: 144.7%; top:0; left: 0; width: 100%}
/* style the table so that it takes no part in the layout - required for IE to work */
ul#navigation  table {position:absolute; top:0; left:0;}
/* style the second level links */
ul#navigation ul a{background:#c6becf; font-size: 10px; color:#fff; padding: 8px 7%; height: auto; display: block; text-align: center; width: 130%; }
/* style the third level links */
ul#navigation ul ul a {background:#b49ace;}
ul#navigation li.page-item-97 ul  {left: -45%}
ul#navigation li.page-item-97 ul ul {margin-left: -44%}
/* style the forth level links */
ul#navigation ul ul ul a {background:#9170b2;  }
/* make the second level visible when hover on first level list OR link */
ul#navigation li:hover ul, ul#navigation a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
ul#navigation :hover ul ul{ visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
ul#navigation :hover ul :hover ul ul{ visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
ul#navigation :hover ul :hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
ul#navigation :hover ul :hover ul :hover ul { visibility:visible;}
/**** PHEW, GLAD THAT'S DONE *****/

/* HEADER */
#header h1{position: absolute; left: 56px; top: 174px;  font-size: 12px; width: 167px; height: 77px; overflow: hidden; color: #cdc2a8; }
#header h1 a.logo {width: 272px; height: 92px; font-size: 12px; position: absolute; left: 0; top: 0}
img#tel_number {width: 217px; height: 21px; position: absolute; left: 35px; top: 307px;  }
p#strap {position: absolute; top: 190px; margin: 0 0 0 298px; width: 439px; height: 67px;  background: url("images/strapline2.png") no-repeat 0 0; }
p#strap a {position: absolute; display: block; z-index: 1; color: #168713 }
p#strap a span{background: url("images/strapline2.png") no-repeat 0 0; z-index: 999; display: block; position: absolute;  height: 34px; }
p#strap a span:hover {background: url("images/strapline2_hover.png") no-repeat 0 0; cursor: pointer}
p#strap a#med_wr {top: 0; left: 95px; width: 200px; }
p#strap a#data_man {bottom: 0; left: 0px; width: 207px;}
p#strap a#stat_serv {bottom: 0; right: 0px; width: 200px;}
p#strap a#med_wr span{background-position: -95px 0; width: 200px;  top: 0; }
p#strap a#data_man span{background-position: 0 -33px; width: 207px; bottom: 0;}
p#strap a#stat_serv span{background-position: -239px -33px; width: 200px; bottom: 0;}
p#crumbs {position: absolute; min-width: auto; top: 57px; height: 19px;  background: #715273 ; padding: 3px 10px 0 10px; border: 1px solid #d5a7d8; border-left: none; font: 12px 'courier new'; z-index: 9998; color: #d5a7d8; overflow: hidden; }
p#crumbs a{color: #fff  }
p#crumbs a:hover{color: #f779ff  }
body#home p#crumbs, body#blog p#crumbs, body#other p#crumbs {left: -9999px}
body#about-dianthus-medical p#crumbs {left: 200px}
body#our-services p#crumbs {left: 349px}
body#why-use-dianthus p#crumbs {right: 534px; border: 1px solid #d5a7d8; border-left:  1px solid #d5a7d8; border-right: none; }
body#our-staff p#crumbs {right: 335px;  border: 1px solid #d5a7d8; border-left:  1px solid #d5a7d8; border-right: none;}
body#contact-us p#crumbs {right: 119px; border: 1px solid #d5a7d8; border-left:  1px solid #d5a7d8; border-right: none;}

/* ASIDE */
form#searchform {padding: 30px 0 0; height: 60px; width: 300px; background: url("images/aside_top_bg2.png") no-repeat 0 0; position: relative;  font: 1.2em 'lucida sans unicode', 'lucida grande', 'arial', 'verdana', sans serif; color: #cdc2a8; }
form#searchform input#s {background: #156b0f url("images/search_input_bg.png") no-repeat 0 0; padding: 5px 10px; height: 17px; width: 192px; position: absolute; left: 26px; }
form#searchform input#searchsubmit  { position: absolute; right: 20px; top: 28px; background: transparent url("images/search_mag.png") no-repeat right 0; height: 81px; width: 105px; font: bold 12px Georgia, Times, 'Times New Roman', serif;  color: #fff74f; text-transform: uppercase; text-shadow: 1px 2px 3px #024d06; text-align: left; }
label.hidden, input.hidden {position: absolute; left: -9999px; top: -9999px;  }
form#searchform input#searchsubmit:hover, form#searchform input#searchsubmit:focus, form#searchform input#searchsubmit:active {cursor: pointer; }
#aside li#twit {margin: 0 0 30px}
#aside li.snippet {margin: 0 0 30px 26px; width: 249px;  position: relative; padding: 30px 0 0; background: url("images/snippet_grad.png") repeat-y right 0; }
#aside li.snippet img {margin-bottom: 10px}
#aside li.snippet h3 {position: absolute; z-index: 998; top: -27px; left: -60px; width: 200px; padding: 32px 0 0 95px; background: url("images/snippet_flower.png") no-repeat 0 0; height: 68px; color: #fff;  text-shadow: 1px 2px 3px #494949; }
#aside li.snippet h3 a{color: #fff; }
#aside li.snippet h4 {font-size: 14px; color: #363636; padding: 18px 20px 10px 20px;  z-index: 999; position: relative}
#aside li.snippet p {font: 1.05em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;  color: #363636; margin: 0 20px; overflow: hidden; line-height: 1.5}
#aside li.snippet a.readmore_link, #aside li.snippet ul li a{background: #5d77a7; border-top: 1px solid #fff; line-height: 2; display: block; padding: 0 20px; margin: 15px 0 0; color: #fff; text-transform: uppercase}
#aside li.snippet a.readmore_link {font-size: 12px}
#aside .snippet_wrap, #aside li.snippet ul  {border: 1px solid #fff; background: url("images/light_trans.png") repeat 0 0;}
#aside li.snippet ul  {border: 1px solid #fff; background: url("images/light_trans.png") repeat 0 0; padding: 10px 20px 20px 20px}
#aside li.snippet ul li {margin: 10px 0 0; color: #fff; text-shadow: none; line-height: 1.5; text-transform: none;  padding: 0}
#aside li.snippet ul li a {color: #fff; display: block;  z-index: 999;  padding: 3px 5px 4px 5px; margin: 0; border: 1px solid #fff;  text-transform: none ; line-height: 1.5; font: 1.05em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;  }
#aside li.snippet ul li a:hover, li#get-recent-comments ul li a:hover {color: #505050; border: 1px solid #8c8c8c; background: #fff  }
#aside li.snippet a.readmore_link:hover {color: #505050;  background: #fff  }
li#get-recent-comments ul li  {line-height: 1.5; padding: 0 !important}
li#get-recent-comments ul li p {font-size: 1.1em; color: #363636; padding: 0; margin: 0 0 5px !important; }
li#get-recent-comments ul li p em {font: 13px Cambria, Georgia, Times, 'Times New Roman', serif }
li#get-recent-comments ul li q a {color: #fff; display: block;  line-height: 1.5;;}


/* MAIN CONTENT */
.post {padding: 0 25px; background: #aa9c87 url("images/main_content_grad2.png") repeat-y right 0; border-left: 1px solid #697769; color: #505050 }
.post_inner {padding: 20px 25px 10px 25px;  clear: both; background: #fff; border: 1px solid #a29580; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-width: 2px ; }
body#blog .post_inner, .inner-borderFix  { border-width: 1px 2px}
.borderFix{ -moz-border-radius: 0px 0px 15px 15px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;}
.post:first-child {padding: 40px 25px 0 25px; }
.post p {padding: 0 0 0.8em;  line-height: 1.7; clear: left; }
.post h3 {padding: 0 0 0.5em 0 ; }
.post h2.main_post_title {position: relative; margin: -45px 10px 0px -52px; padding: 0 0 10px 77px;  color: #fff; font-weight: bold;  text-shadow: 1px 1px 3px #494949; }
.marginFix {margin: -45px 0 0px -52px }
.post h2.main_post_title span{position: absolute; z-index: 9999 !important; left: 0px; top: -49px; background: url("images/title_flower5.png") no-repeat 0 0;  height: 70px; width: 70px}
.post h2.arc {color: #fff; margin: -45px 0 0 -52px; }
.post_inner a {color: #665c45; text-decoration: none; border-bottom: 1px dotted #7d6f50; }
.post_inner  a:hover{text-decoration: none; color: #7a7a7a; border-bottom: 1px dotted #949494;}
.post_inner  a:visited {color: #797979; border-bottom: 1px dotted #949494;}
.post h2 a {border-bottom: none !important; color: #7f92bd; }
.post h2 a:hover {border-bottom: none !important; color: #6a6a6a; }
h3.post_title_link {padding: 0}
h3.post_title_link a{color: #80786c; display: block;  padding: 7px 25px;  font-size: 18px; background: #d6cab8; margin: 0; font-weight: bold; border: 1px solid #a29580; -moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px ; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom: 0; border-width: 1px 2px 0 2px}
h3.post_title_link a:hover {color: #6a6a6a; background: #e5d8c5 }
.post ul, .post dl {font-size: 1.4em; margin-bottom: 15px; }
body#site-map .post ul {font-size: 21px;}
body#site-map .post ul ul {font-size: 85%; line-height: normal; margin: 10px 0 0}
.post ul li, .post dl dt{background: url("images/list_flower.png") no-repeat 0 4px; margin: 0 0 5px; padding: 2px 0 4px 25px;  line-height: 1.7; }
.post dl dt {margin: 0; font-size: 16px }
.post dl dd {margin-bottom: 15px; line-height: 1.7; }
.post ul.inline-list li {float: left; margin: 0 15px 10px 0;  }
.post .clear {clear: both; display: block}
.post ul#services_icons {margin: 0 -30px 0px 0; }
.post ul#services_icons li {float: left; width: 110px; margin-right: 15px; border: 1px solid #a6a6a6; padding: 0px }
.post ul#services_icons li a{display: block; padding: 113px 7px 7px 7px; background: #f2f2f2; text-align: center; border: none; text-transform: uppercase; font-size: 12px; line-height: 1.2}
.post ul#services_icons li.med_wr_link a{background: #e3e3e3 url("images/med_wr_icon2.jpg") no-repeat center 5px;}
.post ul#services_icons li.data_man_link a{background: #e3e3e3 url("images/data_man_icon.jpg") no-repeat center 5px;}
.post ul#services_icons li.stat_con_link a{background: #e3e3e3 url("images/stat_con_icon.jpg") no-repeat center 5px;}
.post ul#services_icons li.med_tr_link a{background: #e3e3e3 url("images/training_icon.jpg") no-repeat center 5px;}
.post ul#services_icons li a:hover { background-color: #fff }
p.fl {float: left; width: 300px}
.post img.alignright {margin: 0 0 15px 15px; border:1px solid #666; background:#ccc; padding:10px; }
.post img.alignleft {margin: 0 15px 15px 0px; border:1px solid #666; background:#ccc; padding:10px; }
body#home .post img.alignright {margin: 0 -25px 15px 5px; border: none; background:none; padding:0px; }
img.flush-r {margin: 0 -25px 15px 15px; float: right}
img.line-heightFix {margin-top: 7px !important}
img.staff-photo, img.aligncenter, div.map_wrap { border:1px solid #666; background:#ccc; padding:10px; margin: 0 0 15px 0px; display: block }
img.aligncenter { margin: 0 auto; }
.post .wp-caption p {padding: 5px 0 0 }

/* BLOG */
.postdate {position: absolute; right: 13px; top: -11px; background: #cbf1c3; color: #80786c; padding: 5px; z-index: 999; border: 1px solid #a29580}
.sngl {right: -13px; top: -12px}
.postdate p { text-align: center; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0; line-height: normal}
.postdate span {background: #fff; font-size: 13px; padding: 2px; margin: 2px 0; display: inline-block; border: 1px solid #baaf9e; color: #958b7b;}
.post_inner a.readmore_link  {background: #718cbe; border: 1px solid #6a85b5; padding: 2px 10px; margin: 15px 0 0; color: #fff;  font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: bold}
.post_inner a.readmore_link:hover  {color: #fff; background: #949494; border: 1px solid #767779; }
.post p.meta {padding: 1em 0 ; color: #81714f; font: 1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif; line-height: 2}
.post p.meta a {background: #fff;  padding: 3px 4px; border: 1px solid #949494;  text-transform: uppercase; text-decoration: none; color: #4f4f4f; margin-left: 0px; font: 12px Cambria, Georgia, Times, 'Times New Roman', serif; line-height: 2 }
.post p.meta a:hover {border: 1px solid #767779;  color: #fff; background: #949494; }
a.post-edit-link {background: none !important;  padding: 0 !important; border: none !important; text-decoration: underline !important}
a.post-edit-link:hover {border: 1px solid #838383; color: #4f4f4f !important}
ul.older-newer {padding: 0px 25px; min-height: 3em;  background: #aa9c87 url("images/main_content_grad2.png") repeat-y right 0; border-left: 1px solid #697769; color: #505050 }
ul.older-newer li a {background: #fff;  padding: 3px 10px; border: 1px solid #949494;  text-transform: uppercase; text-decoration: none; color: #4f4f4f; margin-right: 6px; font: 12px Cambria, Georgia, Times, 'Times New Roman', serif ; float: left}
ul.older-newer li a:hover {border: 1px solid #fff; color: #fff; background: #949494; }
form#commentform {position: relative; font-size: 1.2em}
form#commentform input#author, form#commentform input#email, form#commentform input#url, form#commentform input#submit, form#commentform input#captcha_code{width: 244px; margin: 0 0 12px 0; padding: 7px;  background: #baedb0; border: 1px solid #c6c2bd; color: #505050 ; font: 1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;  line-height: 1.5;}
textarea#comment {width: 473px; padding: 10px;  background: #baedb0; border: 1px solid #c6c2bd; color: #505050 ; font: 1.1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;  line-height: 1.5; margin: 0 0 20px }
form#commentform input#author:focus, form#commentform input#email:focus, form#commentform input#url:focus, textarea#comment:focus, form#commentform input#captcha_code:focus{ border: 1px solid #aeaeae; background: #ddf0d9}
form#commentform input#author:hover, form#commentform input#email:hover, form#commentform input#url:hover, textarea#comment:hover, form#commentform input#captcha_code:hover{ border: 1px solid #bababa; background: #ddf0d9}
form#commentform label {margin: 0 0 3px 0; color: #7f867f; display: block; line-height: normal; font: 16px Cambria, Georgia, Times, 'Times New Roman', serif}
form#commentform label span{font: 70% 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif; color: #838383;}
form#commentform input#submit {width: 11em; background: #9aaed4; text-align: center; text-transform: uppercase; font: 16px Cambria, Georgia, Times, 'Times New Roman', serif;  border: 1px solid #859ecc; color: #fff; margin: 20px 0; padding: 0.4em 0; font-weight: bold}
form#commentform input#submit:hover {background: #949494; border: 1px solid #767779; cursor: pointer }
form#commentform input#submit:active {background: #949494; border: 1px solid #767779; outline: none }
form#commentform #captchaInputDiv input{width: 8em; margin-top: 5px }
form#commentform #captchaInputDiv label{line-height: 1.5 }
ol#comments_list {font: 1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;}
ol#comments_list li{padding: 10px 20px; clear: both; background: #fff; border: 6px solid #ddd7ce; border-right: 6px solid #e2d9c8;  margin: 0 0 20px; position: relative }
ol#comments_list li p {font-size: 1.3em;}
ol#comments_list li p.meta {font-size: 1em; margin: 0; padding: 5px 0}
ol#comments_list li p.author {font-size: 13px; padding: 0px 0px; margin: 5px 0 10px 0;   background: #eaefea url("images/main_content_grad2.png") repeat-y right 0; border: 1px solid #95887e; text-transform: uppercase}
ol#comments_list li p.author cite{ padding: 3px 4px; margin: 0; display: block; line-height: normal; color: #fff}
ol#comments_list li p.author cite a.url{color: #fff; border: none; }
ol#comments_list li p.author cite a.url:hover {}
.comms {padding: 25px 25px 10px 25px; }
h3#respond, h3#comments { padding: 20px 0 10px  25px; color: #fff; font-weight: bold; margin: 0;   text-shadow: 1px 1px 3px #494949;}
small.big_small {font-size: 13px; display: block; float: left; margin-bottom: 10px; }
ol#comments_list .postdate {position: absolute; right: -6px; top: -6px; background: #e2d9c8; color: #877b62; padding: 4px; z-index: 999; border: none}
ol#comments_list .postdate p {font-weight: normal;}
ol#comments_list .postdate span{ border: 1px solid #d8cebc ; padding: 3px 4px; margin: 0; background: #e7e5e2}


/* FORM */
#gb_form_div { width: 250px; float: right; margin: 0 0 0 30px}
#gb_form {font-family: Cambria, Georgia, Times, 'Times New Roman', serif}
#gb_form fieldset {border: none; margin: 0; width: 100%; padding: 0;  }
#gb_form fieldset fieldset{ margin:  0; }
.main_formhead {font-size: 1.5em; line-height: 1.5; }
.main_formhead a{color: #302c22; text-decoration: underline}
/* form leagend and result dt */
#gb_form legend {text-indent: -9999px; position: absolute; font-size: 0; height: 0}
/* privacy link, reset link, etc */
#gb_form legend#mainlegend, #gb_form legend#mainlegend span {text-indent: 0; position: relative; color: #7f867f; font-size: 18px; height: 40px; display:block;  }
#gb_form legend#mainlegend, #gb_form legend#mainlegend span {text-indent: 0; position: relative; color: #7f867f; font-size: 18px; height: 40px; display:block;  }
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }
#gb_form label { margin: 0 0 4px 0; color: #7f867f; display: block; line-height: normal; font-size: 14px; }
#gb_form label.question { margin-top: 5px}
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { width: 234px; margin: 0 0 7px 0; padding: 5px 7px; background: #baedb0; border: 1px solid #c6c2bd; color: #505050 ; font: 1.1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif;  line-height: 1.5;}
#gb_form input.short {width: 95px; display: inline; float: left }
#gb_form textarea.textbox {height: 22em; padding: 5px; width: 238px}
/* the make button stable in IE6 it must be defined */
* html input.button { }
/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:focus, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { border: 1px solid #ccc; background: #fff}
/* redefine for short input only, if wanted */
#gb_form input.button { width: 10em; background: #9aaed4; text-align: center; float: right; text-transform: uppercase; font: 16px Cambria, Georgia, Times, 'Times New Roman', serif;  border: 1px solid #859ecc;  color: #fff; margin: 20px 0; padding: 0.4em 0; font-weight: bold}
#gb_form input.button:hover{background: #949494; border: 1px solid #767779; cursor: pointer }
/* success span, error span, form div dt (redefine) */
span.error, span.success{color: #c7512d; margin: 10px 0 }
span.success {color: #22a32a; }
/* form div dt (redefine more), plus dl */ 
#gb_form_div dt, #gb_form_div dl { margin-top: 10px; font: 1.2em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif; }
#gb_form_div dt  { margin: 10px 0; font: 1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', lucida, arial, sans-serif; padding-top: 5px;}
#gb_form_div dd  { margin: 0 0 7px;  color: #5a8ad2;}
/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt { } 
small.whythis { float: left;  margin: 10px 0 0 5px; font-size: 11px; color: #866c8b !important; }
/* the answer */
#gb_form small.whythis a {color: #866c8b; text-decoration: none  }
/* cc copy*/
#gb_form label#cc_copy {float: left; width: auto; font-size: 12px; margin: 8px 0 0 0   }
#gb_form input#gbcc {float: left; width: auto; margin: 8px 5px 0 0 }
/* results blackquote */
dl#result_dl_blockq blockquote {font-size: 0.8em }
dl#result_dl_blockq blockquote p { }
dl#result_dl_blockq blockquote p cite {color: #505050; border: 1px solid #ccc; padding: 10px; }
/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }
/* error message links */
#gb_form_div p a { }
/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }


#footer p {text-align: center; padding-top: 15px; color: #ccc;  font-size: 13px}
#footer p a {color: #c78fd1;   }
#footer p span{margin-left: 20px }