/*
colours:

side: blue-ish : 51a9ba (was red: ff0000)
selected tab & top: dark green: 3fbd57 (was dark gray: 505050)delete att-hier-def
unselected tab: light green: a7e771  (was light gray: cdcdcd)
tag cloud bground: light green: a7e771 (was light gray: d7d7d7)

*/


/*  IICPH
-----------------------------------------------*/

html {
 text-align: center;
 background : #51a9ba;
}

body {
 width : 50em;
 padding : 10px;
 text-align: left;
 margin: 0 auto;
 font-size : 90%;
 font-family : Verdana, arial, helvetica, geneva, sans-serif;
 letter-spacing : 0.25px;
 line-height : 140%;
 color : #000;
 background : #fff;
}
#topOfPage {
 display : none;
}

#logo h1 {
 margin-bottom: 5px;
}
#logo H1, #logo H1 A {
 font-family : "Lucida Console", "Lucida Grande", "Lucida Sans Unicode", 
    arial, helvetica, geneva, verdana, sans-serif;
 font-weight : bold;
 letter-spacing : 0.3em;
 text-decoration : none;
 color: #666;
}
#logo h1 a:visited {
 text-decoration : none;
 color: #666;
}
#search {
 float : right;
 padding-top : 8px;
 text-align : right;
 width : 225px;
}
#bar {
 clear : both;
 background : #a7e771;
 height : 28px;
}

.top {
 height : 200px;
 clear : both;
 margin: 0 -10px;
}
#top-1 {
 background: #3fbd57 url("http://www.iicph.org/images/5.jpg") no-repeat 100% 0;
}
#top-2 {
 background: #3fbd57 url("http://www.iicph.org/images/2t.jpg") no-repeat 100% 0;
}
#top-3 {
 background: #3fbd57 url("http://www.iicph.org/images/3t.png") no-repeat 100% 0;
}
#top-4 {
 background: #3fbd57 url("http://www.iicph.org/images/4t.jpg") no-repeat bottom right;
}
#top-5 {
 background: #3fbd57 url("http://www.iicph.org/images/22.jpg") no-repeat bottom right;
}

#body {
 clear : both;
 margin-bottom : 15px;
 min-height : 400px;
}
#body P A, #body LI A {
 text-decoration : underline;
}
p.pageturn {
 text-align : center;
}
p.breadcrumb {
 background-color : #ddd;
}
#footer {
 width : 100%;
 clear : both;
 padding-top : 5px;
 margin-left : auto;
 margin-right : auto;
}
h1, h2,
.h1, .h2 {
 margin : 0;
 margin-bottom : 10px;
 padding : 0;
 font-weight : normal;
 font-size : 1.5em;
}
h1, .h1 {
 line-height : 1.25em;
}
h2, .h2 {
 font-size : 1.2em;
 margin-bottom : 5px;
 color : #333;
 font-weight : bold;
}
h3, .h3 {
 font-size : 1.1em;
 margin-bottom : 5px;
 color : #474747;
}
h4, .h4 {
 font-size : 1.2em;
 margin: 5px 0;
 color : #474747;
 font-weight : normal;
}

h2.list {
 font-size : 1.1em;
 margin-left : -1em;
}
h2.list A {
 font-weight : bold;
 color : #474747;
 text-decoration : none;
}
h1 .small {
 font-size : 0.65em;
 font-weight : 200;
}
.top h1 {
 font-family : "Lucida Grande", "Lucida Sans Unicode";
 color : #fff;
 padding-left : 10px; /* line up w/ body padding */
 font-size : 2em;
 letter-spacing : 0.1em;
 line-height : 110%;
}
.top h2 {
 font-family : "Lucida Grande", "Lucida Sans Unicode";
 color : #fff;
 padding-left : 10px; /* line up w/ body padding */
 font-size : 1.4em;
 font-weight : 200;
 letter-spacing : 0.1em;
 line-height : 110%;
}

.article-cloud {
 width : 90px;
 font-size: 90%;
 float : right;
 padding : 4px;
 margin-left : 10px;
 background: url("/images/light-green-gradient.png") repeat-y;
 color : #202020;
}

.article-cloud h4 {
 color : #474747;
 margin-top : 0;
 background: url("/images/down.gif") no-repeat right center;
}

.article-cloud div {
 display: none;
}

.article-cloud:hover div {
 display: block;
}

DIV.cloud {
 width : 400px;
 overflow : auto;
 padding-left : 15px;
 color : #202020;
}
.hidecloud > li { 
 background: url("/images/down.gif") no-repeat right center;
}
.hidecloud div {
 display: none;
}
.hidecloud:hover div {
 display: block;
}

DIV.cloud p, DIV.cloud-float {
 line-height : 1.1em;
 color : #202020;
}
DIV.cloud a, DIV.cloud-float a {
 color : #202020;
 text-decoration : none;
}
.tag-cloud-active {
 border: 1px solid red;
 padding: 1px;
}
.tagSizeSmallest {
 font-size : 0.75em;
}
.tagSizeMedium {
 font-size : 1em;
}
.tagSizeLargest {
 font-size : 1.2em;
}

.entry-title {
 font-weight: normal;
 color: #000;
}

.entry-title a {
 color: inherit;
}

#body .linklist a,
.linklist a {
 color: blue;
 text-decoration: underline;
}

h1.entry-title a:hover,
h4.entry-title a:hover {
 text-decoration: underline;
}

.weighty {
 background: url("/images/light-green-gradient.png") repeat-y -5%;
 margin-left: -10px;
 padding-left: 10px;
}

.published {
 font-size: 0.9em;
 font-weight: normal;
}

sup {
 vertical-align : 0.2em;
}
p {
 margin: 0.6em 0;
}
p.linklist, p.linklist a {
 font-weight : bold;
 text-decoration : none;
 border-bottom: none;
 margin-bottom: 4px; 
}
ul.linklist {
 list-style-type : none;
 margin-top: 0px;
}
ol.alpha {
 list-style-type: lower-alpha;
}
p.right {
 text-align : right;
}
p.footnote {
 font-size : 0.85em;
 line-height : 1.3em;
}
p.footnote sup {
 font-size : 1em;
 color : #333;
 vertical-align : 0;
}
table { 
 background-color: #a7e771;
}
td, th {
 background-color: #ffffff; 
 padding: 4px;
}
#footer p.colophon {
 border-top : 1px solid #aaa;
 clear : both;
}
#footer p, #footer li {
 color : #555;
 font-size : 0.9em;
 text-align : center;
}
form {
 margin : 0;
}
fieldset {
 padding : 0;
 border : 0;
}
legend {
 display : none;
}
/*
input {
border : 1px solid #c0c0c0;
color : #454545;
font-size : 0.9em;
letter-spacing : 1px;
}
*/
input.searchText {
 width : 150px;
 height : 13px;
}
input.searchSubmit {
 color : #0080c0;
 background : #fff;
 letter-spacing : 1px;
 border : 1px solid #fff;
 font-size : 1em;
 width : 45px;
 height : 19px;
 margin : 0;
 padding : 0;
}
#bar ul {
 margin : 0;
 padding : 0;
 list-style : none;
}
#bar li {
 margin : 0;
 padding : 0;
 padding-top : 3px;
 padding-bottom : 4px;
 padding-left : 10px;
 padding-right : 10px;
 border-right : 1px solid #fff;
 float : left;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 0.9em;
 background : #a7e771;
}
#bar li.active {
 background : #3fbd57;
 color : #fff;
 padding-bottom : 4px;
}
#bar li.active a {
 color : #fff;
}

#footer li {
 float : left;
 padding : 0;
 height : 15px;
 vertical-align : middle;
 padding-right : 25px;
 font-size : 0.9em;
}
a:link, a:active, a:visited {
 text-decoration : none;
}
#bar a:link, #bar a:visited {
 color : #171717;
}
#bar a:active {
 color : #fff;
}
img {
 margin-left : 6px;
}
img.float {
 margin-top : -6em;
 border : 1px solid #999;
}
a img {
 border : 0;
}
a img:active {
 border : 0;
}
span.highlight {
 color : #abd6f1;
}
span.hide {
 display : none;
}
span.underline {
 text-decoration : underline;
}
.small,
.h3.small,
.h4.small {
 font-size : 0.9em;
}

.preamble {
 margin-left: -10px;
 padding-left: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 /*  border-left: 1px solid #3fbd57;  */
 background: url("/images/green-gradient.png") repeat-y;
 font-size: 90%;
 line-height: 120%;
}

/*  main menu
-----------------------------*/
#main-menu {
 float: right;
 width : 180px;
 padding : 4px;
 margin: 0 0 0 10px;
 background: url("/images/light-green-gradient-long.png") repeat-y;
 color : #202020;
 list-style: none;
}

#main-menu li {
 font-size: 1.1em;
 color : #008;  /* dark blue */
}

#main-menu ul {
 list-style: none;
 padding-left: 12px;
}

#main-menu li li,
#main-menu li.sub-item {
 font-size: 0.9em;
}

#main-menu form {
  margin-top: 10px;
}
#main-menu input {
 width: 170px;
}
#main-menu .note {
 font-style: italic;
 font-size: 0.8em;
 text-align: right; 
}
#main-menu li h4 {
 border-top: solid 1px #3fbd57;
 font-size: 1.2em;
 color: #474747;
 margin-top: 8px;
 padding-top: 4px;
}

#main-menu li a {
 color : #008;  /* dark blue */
 text-decoration : none;
 display: block;
 padding: 2px;
 border: 1px solid transparent;
}

#main-menu li.calendar a {
 display: inline-block;
}

#main-menu li.cloud a {
 display: inline;
}
#main-menu li a:hover {
 color : #008;
 border: 1px solid #008;
}

#main-menu li a.bkmrk, #main-menu li a.bkmrk:hover {
 padding:0px;
 margin:0px;
 height:0px;
 border:none;
}

#main-menu .section {
 padding-bottom: 2px;
 border-bottom: 1px dotted #666;
}

.excerpt {
 padding-left: 16px;
 background: transparent url('/images/quotation.png') no-repeat ;
 color: #333;
}

.excerpt h1,
.excerpt h2,
.excerpt h3,
.excerpt h4 {
 font-size: 1em;
 font-weight: normal;
}

.calendar .published {
 font-size: 0.8em;
 color: #444;
 font-weight: bold;
}
.calendar .entry-title {
 font-size: 0.8em;
}

.link-list {
 padding-left: 0;
 list-style: none;
}

#body .link-list a {
 text-decoration: none;
}
.link-list dt {
 font-weight: bold;
}

ul.link-list {
  padding: 0;
  margin: 0;
}
ul.link-list:after {
 content: '.';
 display: inline;
}

.link-list li {
 display: inline;
 padding: 0;
 margin: 0;
}

.link-list li:before {
 content: ', ';
 display: inline;
}

.link-list li:first-child:before  {
 content: '';
}

a.strong {
 text-decoration: underline;
}

a  {
 color: blue;
}

.blog-image {
 float: right;
}