/* main navigation */

.index {font-family: 'Lucida Grande', Verdana, sans-serif;}

.issue-details {
  color: #666;
  font-family: Georgia, serif;
  font-size: 1.8em;
  margin: 0px 0px 5px 7px;
  padding-bottom: 1em;
}

.last-updated {
  color: black;
}

/* see global for main styles for index h4 */

.main-nav h4 {
  background-position: 7px -40px;
  border-bottom: 1px solid #ccc;
  margin: 0px;
  padding-bottom: 10px;
}

.features {
  clear: both;
  margin-bottom: 20px;
}

.features h4 {
  background-position: 7px -0px;
}

.google-ads {
  margin-left: 10px;
}

.main-nav ul {
  float: left; 
  font-family: 'Lucida Grande', Verdana, sans-serif; 
  font-size: 2.1em;
  margin: 0em 0px 2em 0px;
  padding: 0px;
  width: 100%; 
}

.main-nav ul li {
  list-style-type: none;
  margin: 0px;
  position: relative;
}

.main-nav ul li a {
  color: black; 
  display: block; 
  padding: 3px 10px 3px 10px; 
  text-decoration: none;
  width: 180px;
}

.main-nav ul ul.subnav {
  display: none;
}

.main-nav ul li:hover ul.subnav {
  background: #e78bbb;
  border: 3px solid white;
  display: block;
  font-size: 0.8em;
  left: 200px;
  position: absolute;
  top: -20px;
  z-index: 100000;
}

.main-nav ul li ul.subnav li a:hover {
  background-image: url('library/images/main/arrow-link-white.gif');
  background-repeat: no-repeat;
  background-position: 175px center;
  color: white;
}

.main-nav ul li a:hover,
.news .main-nav ul li.nav-news a,
.dear-readers .main-nav ul li.nav-readers a,
.diarydates .main-nav ul li.nav-diary a,
.tradingpost .main-nav ul li.nav-tradingpost a,
.letters .main-nav ul li.nav-letters a,
.directory .main-nav ul li.nav-directory a,
.contact .main-nav ul li.nav-contact a,
.helpline .main-nav ul li.nav-helpline a,
.contribute .main-nav ul li.nav-contribute a  {
  background-image: url('library/images/main/arrow-link-pink.png');
  background-repeat: no-repeat;
  background-position: 175px center;
}

.mk-live-feature {
  background: #fff url('library/images/main/postit-mk-live.jpg') no-repeat bottom left;
  clear: both;
  font-size: 0.8em;
  height: 137px;
  margin-bottom: 20px;
  padding: 0px 20px 0px 10px;
  width: 182px;
}

.mk-live-feature h6 {
  display: block;
  height: 30px;
  margin: 0px;
  text-indent: -5000em;
}

/* search (see global for .btn styles) */

.search {
  background: #fff url('library/images/main/magnifying-glass.jpg') no-repeat bottom right;
  clear: both;
  float: left;
  font-size: 0.7em;
  margin-bottom: em;
  padding: 0px 0px 48px 10px;
  width: 190px;
}

.search h5 {
  background: transparent url('library/images/main/txt-h4.png') no-repeat 0px -209px;
  display: block;
  height: 17px;
  margin-top: 5px;
  text-indent: -5000em;
  width: 120px;
}

.search-input {
  float: left;
  height: 15px;
  width: 124px;
}

/* see also CSS-global for color and border properties */

.btn-search {
  background-position: 0px -200px; 
  display: inline;
  height: 19px;
  float: none;
  margin: 0px 0px 0px 2px;
  width: 28px;
}

.btn-search:hover {background-position: -200px -200px;}

.search .form-row {
  float: none;
  margin-bottom: 10px;
}

.search p {margin: 0px 0px 10px 0px;}

.search a {
  background: transparent url('library/images/main/arrow-link-pink.png') no-repeat 98% 90%;
  display: block;
  font-weight: bold;
  padding-right: 5px;
  text-decoration: none;
  width: 115px;
}

.search a:hover {
  background-position: 100% 90%;
}

/* features */

.module-box {
  background-image: url('library/images/main/module-back.gif');
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-top: 2em;
  padding-bottom: 1em;
  width: 199px;
}

.module-head {
  background: transparent url('library/images/main/module-head.gif') no-repeat top left;
  display: block;
  height: 11px;
  margin-bottom: -2px;
}

.module-box img,
.module-box h5,
.module-box p,
.module-box ul {
  margin-left: 9px;
}

.module-box h5 {
  width: 167px;
}

.module-box p {
  font-size: 1.8em;
  margin: 0.4em 20px 10px 20px;
}

.module-box ul {
  font-size: 1.6em;
  margin: 7px 0px 10px 9px;
  padding: 4px 10px 4px 10px;
}

.module-box ul {
  list-style-type: none;
}

/*  callout */

.callout {
  background: transparent url('library/images/main/circle-pink.png') no-repeat top left;
  color: white;
  height: 211px;
  left: -7px;
  margin-top: 2em;
  padding: 20px 15px 0px 15px;
  position: relative;
  text-align: center;
  width: 175px;
}

.callout h6 {
  display: block;
  height: 40px;
  margin: 20px 0px 10px 0px;
  text-align: left;
  text-indent: -5000em;
  visibility: hidden;
}

.callout p {
  font-size: 2em;
  margin-top: 0px;
}

/* callout link has similar style to add-entry call to action so see CSS-global */