/* GLOBAL TEXT STYLING */
body { font-family: Georgia; font-size: 85%; color: #333333; line-height: 1.6; margin: 0; padding: 0; background: url(header-2.jpg) no-repeat }
h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS; line-height: 1.3 }
/* h1 { font-size: 155%; font-weight: normal; color: #fe267d } */
h2 { font-size: 155%; font-weight: normal; color: #fe267d;}
h3 { font-size: 125%; font-weight: normal; color : #b16d5e;}
h4 { font-size: 115%; font-weight: normal; color: #90451e;}
h5, h6 { font-size: 110%; font-weight: normal; }
/* body a { color: #284299; text-decoration: none; border-bottom: 1px solid #9cb3dd;  } */
body a { color: #284299;  }
body a:hover { color: #7898d1 }

/* COLUMN STRUCTURE */
.column-structure { margin: 0 35px 0 35px; clear: both;  }
.column-one { width: 180px; float: left }
.col-two-and-three-container { margin-left: 200px; height: 1% }
.column-two { margin-right: 280px; }
.column-three { float: right; width: 260px;  }
#two-columns .col-two-and-three-container { margin-left: 0 }

/* HEADER */
#header { padding: 0 35px 0 35px; height: 125px; position: relative;  }
#header h1 { float: left; margin: 0; padding: 0 }
#header ul#main-navigation { float: right; margin: 80px 0 0 410px; padding: 0; font-size: 130%; font-family: Trebuchet MS;  } 
#header ul#main-navigation li { background: white; display: inline; margin-left: 0.1em; font-size: 90%; color: #ccc }
#header ul#main-navigation li a { border-bottom: 0; color: #333333; padding: 0 0.1em; font-size: 110%  }
#header ul#main-navigation li a:hover { color: #fe267d }
#header ul#main-navigation acronym { border-bottom : none; }

/* HEADER USER NAV AND WELCOME */
#header #user-nav { position: absolute; right: 35px; top: 1em; font-size: 95%; margin: 0 5px 0 0; padding: 0; color: #ccc; background: white; }
#header #user-nav li {  display: inline; margin-left: 0.3em; color: #ccc}
#header #user-nav #user-welcome {  color: #333 }
#header #user-nav #user-welcome span {  color: #ccc; margin-left: 0.2em }
#header #user-nav li#user-profile { background: url(user-icon.gif) no-repeat; padding-left: 20px; }
#header #user-nav li#user-logout { background: url(logout.gif) no-repeat; padding-left: 20px; }

#header h1 span { background: url(share-logo.jpg) no-repeat; width: 176px; height: 50px; position: absolute; top: 0; left: 0; z-index: 1 }
#header h1 span:hover { background: url(share-logo-hover.jpg) no-repeat; }
#header h1 { width: 176px; position: absolute; top: 21px; left: 35px;  }
#header h1 a { cursor: hand;  }


/* FOOTER */
#footer { clear: both; border-top: 1px solid #ccc; font-size: 90%; margin: 1em 2em 0 2em; padding-bottom : 5px; }
#footer img { float: right; margin-bottom: 1em; border: 0; padding-left : 15px; padding-bottom : 5px;}

/* BREADCRUMBS */
.breadcrumbs { font-size: 85%; font-family: Trebuchet MS; margin: 0; padding: 0}

/* STYLING WITHIN COLUMN TWO */
.column-two { line-height: 1.65 }
h2.page-title { margin: 0.2em 0 0.1em 0; padding: 0; font-size: 155%; }
p.blog-date { font-family: Trebuchet MS; margin: 0 0 1em 0; font-size: 95%; color: #666  }
p.blog-date span { color: #ccc }
.blog-image {  height: auto; width: 97%; border: 1px solid #ccc;  }
.column-two blockquote { font-style: italic; padding: 0 1em; margin-left: 0em; margin-right: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: white url(blockquote-back.gif) repeat-x }
#filed-in { margin: 0; padding: 0; font-size: 90% }
#filed-in li { margin: 0; padding: 0; display: inline }
#filed-in li a { margin-left: 0.3em }
/* Add a bit of space to list items */
.plain li {margin-bottom : 15px;}

/* STYLING WITHIN COLUMN ONE */
.fe-intro { background: url(fe-intro-top.gif) no-repeat;  padding-top: 8px}
.fe-intro p {   margin: 0; padding: 0 15px 10px 15px;  font-size: 90%;  background: #cfebf7 url(fe-intro-bottom.gif) no-repeat left bottom; }
.fe-intro strong { font-size: 155%; color: #357994; font-family: Trebuchet MS; font-weight: normal; display: block; margin: 0; padding: 0  }
.recent-blog-posts { font-size: 90%; padding-left: 0.2em }
.recent-blog-posts h2 { font-size: 145%; font-weight: normal; margin: 1em 0 0.5em 0; padding: 0; color: #333 }
.recent-blog-posts ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; font-family: Trebuchet MS; font-size: 90% }
.recent-blog-posts ul li { margin: 0 0 1em 0; padding: 0; list-style-image: none; list-style-type: none; }
.recent-blog-posts ul li a { font-family: Georgia; font-size: 110% }
.recent-blog-posts ul li.blog-archive-link { margin-bottom: 0; }

/* STYLING WITHIN COLUMN THREE */
/* The guide */
.the-guide { background: #cfebf7 url(guide-bottom.jpg) no-repeat left bottom; padding-bottom: 40px; position: relative }
.the-guide h2 { margin: 0; color: #357994; padding: 15px 15px 0 15px; background: url(the-guide-top.gif) no-repeat; font-weight: normal; font-size: 135% }
.the-guide p { padding: 0 15px 0 15px; margin: 5px 0 10px 0; }
.the-guide h3 { margin: 0; color: #357994; padding: 7px 15px 0 15px;  font-weight: normal; font-size: 135%; border-top: 1px solid #e4f3f9 }
.the-guide label { font-family: Trebuchet MS; margin: 0; display: block; color: #357994; padding: 7px 15px 7px 15px;  font-weight: normal; font-size: 135%; }
.the-guide #search-guide {margin-left: 15px; width: 150px }
.the-guide form { margin-bottom: 10px }
.the-guide h3 span { font-size: 70%; color: #333 }
.the-guide ul { line-height: 1.4; padding: 0; margin: 5px 0 10px 16px;  }
.the-guide ul ul { margin: 5px 0 5px 14px; }
.the-guide ul#guide-browse li { background: url(guide-folder.gif) no-repeat 0 5px; list-style-type: none; list-style-image: none; padding-left: 22px }
.the-guide ul#guide-browse ul li { background: none; list-style-type: disc; list-style-image: none; padding-left: 0 }

/* tag cloud */
#homepage-tag-cloud { margin: 10px 15px 0 15px; padding: 10px; font-family: Trebuchet MS; line-height: 1.2; background: #e7f5fb url(tag-cloud-bottom.gif) no-repeat left bottom; }
#homepage-tag-cloud li { display: inline; margin: 0; padding: 0 }
#homepage-tag-cloud a { border: 0; color: #333; text-decoration: none; }
#homepage-tag-cloud a:hover { text-decoration:underline }
#tagspage-tag-cloud { margin: 10px 15px 0 15px; padding: 10px; font-family: Trebuchet MS; line-height: 1.2; border: dashed 1px }
#tagspage-tag-cloud li { display: inline; margin: 0; padding: 4px;}
#tagspage-tag-cloud a { border: 0; color: #333; text-decoration: none; }
#tagspage-tag-cloud a:hover { text-decoration:underline }
#more-tags { position: absolute; bottom: 10px; right: 15px; background: url(more-tags-back.gif) right bottom; padding: 0px 5px; margin: 0; font-weight: bold; font-family: Trebuchet MS; font-size: 95%; border: 0; color: #333  }
#more-tags a { color: #333; background: url(more-tags-arrow.gif) no-repeat right 50%; padding-right: 10px }

/* comments */
#comments-container h4 { font-size: 125%; font-weight: normal; margin: 0.75em 0 1em 0 }
.comment { padding: 10px; margin: 0 0 1em 0; background-color: #eee; position: relative }
.comment span.comment-number { font-size: 180%; font-family: Georgia; font-style: italic; color: #357994; padding: 0 5px 0 0; margin: 0; line-height: 1; border-right: 1px solid #ccc;  }
.comment p.comment-author { font-family: Trebuchet MS;  padding: 0 0 0.5em 0; margin: -0.3em 0.75em 0 2.7em; line-height: 1; font-size: 95%;  }

/* related content */
#related-content { background: #cfebf7; padding: 1em; margin: 1em 0; clear: left  }
#related-content h4 { padding: 0; margin: 0  }
#related-content ul { margin: 0.5em 0 0 0; padding: 0 }
#related-content ul li { margin-left: 18px }

/* styling of images within Guide */
.image-right { float: right; margin: 1em 0 1em 1em; border: 1px solid #ccc; padding: 3px }

/* extra styling of text within the Guide */
.intro-paragraph { font-size: 115%;  font-weight: bold; line-height: 1.5 }

.cloudItem { display: inline; }

.tagRank_0 { font-size: 90% }
.tagRank_1 { font-size: x-small }
.tagRank_2 { font-size: small }
.tagRank_3 { font-size: medium }
.tagRank_4 { font-size: large }
.tagRank_5 { font-size: x-large }
.tagRank_6 { font-size: 120% }
.tagRank_7 { font-size: 125% }
.tagRank_8 { font-size: 130% }
.tagRank_9 { font-size: 135% }
.tagRank_10 { font-size: 150% }

/* CSS updates for comments and boxes */
.comment { padding: 1em;  }
.comment h3 { padding: 0; margin: 0 0 0 0;  font-size: 130%; color: #357994  }
.documentByLine p { padding: 0 0 0.2em 0; margin: 0; font-family: Trebuchet MS; font-size: 95%; color: #333; border-bottom: 1px solid #ccc;}
.comment h3 a { border: 0; color: #357994; }
.commentBody { margin: 0.5em 0 }
.standalone { border-width: 1px; border-style: solid; border-color: #ddb14b #c49323 #c49323 #ddb14b; font-family: Trebuchet MS; background-color: #fbcf68 }
.comment .standalone { background-color: white; border-color: #ccc #999 #999 #ccc; }
#footer { padding-top: 0.5em }
#footer img { float: right; margin-bottom: 1em; border: 0   }
.buttonstyle { border-width: 1px; border-style: solid; border-color: #ddb14b #c49323 #c49323 #ddb14b; font-family: Trebuchet MS; background-color: #fbcf68 }
.context { border-width: 1px; border-style: solid; border-color: #ddb14b #c49323 #c49323 #ddb14b; font-family: Trebuchet MS; background-color: #fbcf68 }
.image-right {  border: 1px solid #ccc; padding: 2px; }
.image-left { padding: 2px; border: 1px solid #ccc; font-size: 90%; float: left; margin-right: 1em}
div.textbox-right, div.textbox-left, div.textbox-wide { background: #cfebf7; padding: 1em 1em 1em 1em }
div.textbox-right { float: right; margin-left: 1em; width: 30%;   }
div.textbox-left { float: left; margin-right: 1em; width: 30%;  }

#comments-container h4 { border-top: 1px solid #ccc; padding-top: 0.5em }
.textbox-right p, .textbox-left p, .textbox-wide p { padding: 0 0 0 0; margin: 0}
.textbox-right p+p, .textbox-left p+p, .textbox-wide p+p { padding: 0.7em 0 0 0; margin: 0}
.textbox-right ul, .textbox-left ul, .textbox-wide ul, .textbox-right ol, .textbox-left ol, .textbox-wide ol { padding: 0 0 0 0; margin: 0 0 0 1em }
#comments-container { clear: left /* not right or it will clear right hand nav */ }

/* Sentence highlight */
.firstsentence {color : #b16d5e;}

/* login pages */
.field label { font-weight: bold; }
fieldset legend { font-weight: bold; }

.error { color: red; }
.error label { color: #000; }
.error .formHelp { color: #000; }

/* Fix nested lists */
.column-two ol ol, 
.column-two ol ul {
    margin-top : 10px;
}

#homepageimages ul { padding: 0px; margin: 0px; float: left }
#homepageimages ul li { float: left; list-style-type: none; margin: 0px 25px 10px 0px; padding: 0px; width: 200px; }
#homepageimages p { margin: 0px 10px 10px 0px; text-align: center; }
#homepageimages img { border: 1px #ccc solid; }