/*
Theme Name: hitsfaethedam
Theme URI: http://www.hitsfaethedam.nl
Description: Hits fae the 'dam
Author: Chris Meighan
Author URI: http://www.hitsfaethedam.nl
Version: 1.0

*/


/* GENERAL STYLING - START */
body, html {
  margin: 0;
	padding: 0;
  width: 100%;
	height: 100%;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
}

#topLeftImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 130px;
	height: 287px;
	background: url(images/tram.jpg);
}

#mainLayoutOuter {
  width: 100%;
	position: absolute;
	text-align: center;
	min-height: 100%;
}

#mainLayoutInner {
width: 711px;
background: url(images/heading.jpg) top left no-repeat;
margin-left: auto;
margin-right: auto;
min-height: 100%;
border-right: 1px #aaa solid;
}

#content {
  float: left;
  width: 500px;
  text-align: justify;
}

#contentTopspacer {
  width: 500px;
  height: 300px;
}

.entry {
  font-family: Georgia, Times New Roman, Times;
  font-size: 11pt;
}

#strapline {
  position:absolute;
  left: 0px;
  top: 212px;
  width: 500px;
  text-align: center;
}

#strapline h1 {
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: #246427;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
}

#strapline h2 {
  font-size: 7pt;
  font-weight: normal;
  font-style: italic;
  color: #2B782E;
  padding: 3px 0 0 0;
  margin: 0 0 0 0;
}

#chrismeighandotcomlink {
  position:absolute;
  left: 200px;
  width: 300px;
  text-align:right;
  top: 20px;
  font-size: 7pt;
}

#sidebar {
  float: right;
  width: 180px;
  text-align: right;
  padding-right: 5px;
}

#sidebarTopspacer {
  position: relative;
  width: 180px;
	height: 400px;
}

#bottom {
  width: 711px;
	height: 183px;
	background: url(images/sign.jpg) bottom right no-repeat;
	clear: both;
}

#HFTDcopyright {
	position: relative;
	font-size: 6pt;
	top: 165px;
	left: 80px;
}

textarea {
	width: 300px;
}

img {
	border: 0px;
}

input#s {
	text-align: right;
	border: 1px solid #888;
	padding: 2px;
	font-size: 8pt;
	margin-bottom: 2px;
}

input#searchsubmit, input.commentSubmit {
	border: 0;
	background-color: #888;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	padding: 1px;
}

a {
	text-decoration: none;
}

.category, .category a {
	font-size: 9pt;
	color: #555;
}

.feedback, .feedback a {
	font-size: 9pt;
	font-weight: bold;
	color: #555;
	margin-top: 8px;
}

#previousPosts, #nextPosts, #previousPosts a, #nextPosts a {
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	margin-top: 10px;
	color: #888;
}

#previousPosts {
	float: left;
}

#nextPosts {
	float: right;
}

img#headerLinkArea {
	position: relative;
	left: 20px;
	top: 90px;
	width: 490px;
	height: 150px;
}

div.date {
	color: #246427;
	padding-top: 25px;
  padding-bottom: 5px;
  font-size: 15pt;
  font-weight: bold;
}

h2, h2 a, h3, h3 a, h4, h4 a {
	color: #555;
}

h2 {
  font-size: 12pt;
  padding-top: 0px;
  padding-bottom: 5px;
}

#dayCount, #dayCountLabel {
  color: #286d2c;
}

#dayCount {
	font-size: 24pt;
}

#dayCountLabel {
	font-size: 8pt;
}

div.twoImagesContainer {
  text-align: center;
}

div.twoImagesContainer div {
  margin-left: auto;
  margin-right: auto;
  width:408px;
}

p.captionedImage {
	font-size: 7pt;
	float: left;
	text-align: left;
}

img.postimage {
  margin: 2px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.navigation div a, .postmetadata a {
color: #2e7033;
}

.sidebarArchiveName {
  font-size: 8pt;
}
/* GENERAL STYLING - END */

/* LEFT MENU - START */
div#leftMenu ul li a {
display: block;
text-decoration: none;
margin-bottom: 5px;
padding: 2px;
font-size: 8pt;
color: white;
}

div#leftMenu ul {
list-style-type: none;
margin: 10px 20px 0 0;
padding: 0;
}

div#leftMenu ul li {
margin: 0;
padding: 0;
width: 120px;
}

div#leftMenu ul li a {
border: 1px solid #008000;
border-left: none;
color: #008000;
}

/*
a#leftMenuHFTD {
background-color: #008000;
}

a#leftMenuCycleTrip {
background-color:#006000;
}

a#leftMenuArt {
background-color:#ff5555;
}

a#leftMenuProjects {
background-color: #ff6d0b;
}
*/

div#leftMenuHoverInfo {
margin: 10px 0 0 10px;
font-size: 7pt;
color: black;
width: 110px;
}
/* LEFT MENU - END */

/* SIDEBAR MENU - START */
ul.rightNav {
  margin: 0;
  padding: 0;
}

ul.rightNav li ul {
  margin: 0;
  padding: 0;
}

ul.rightNav li ul li ul {
  margin: 0;
  padding: 5px 5px 0 0;
  border-right: 1px dotted #888;
}

ul.rightNav, ul.rightNav li ul, ul.rightNav li ul li ul {
	list-style-type: none;
}

ul.rightNav li h2 {
  padding-top: 10px;
  font-size: 10pt;
}

ul.rightNav li ul li, ul.rightNav li ul li a {
	font-size: 8pt;
	color: #555;
	font-weight: bold;
  margin-bottom: 6px;
}

ul.rightNav li ul li ul li, ul.rightNav li ul li ul li a {
	color: #888;
	font-weight: normal;
}

ul#metaLinks {
  margin-top: 15px;
}
/* SIDEBAR MENU - END */

/* INLINE AJAX COMMENTS - START */
.commentbar {
  color: #111;
}

div.add_comments {
  background:url(images/commentBg.jpg) repeat-y;
  padding: 10px;
  clear:both;
}

div.add_comments p {
  padding: 2px;
  margin: 0;
}

div.post_comments {
  clear: both;
  background:url(images/commentBg.jpg) repeat-y;
  padding: 20px 10px 10px 10px;
  text-align: right;
}

div.post_comments div div {
  color: #555;
  font-size: 8pt;
  padding: 5px;
  border-bottom: 1px dotted #ddd;
}

span.post_comments_link, a.post_comments_link, a.post_comments_link_hide, a.post_addcomment_link {
  display: block;
  float: right;
  font-size: 7pt;
  color: black;
  height: 16px;
  line-height: 16px;
}

a.post_comments_link, a.post_comments_link_hide, a.post_addcomment_link {
  font-weight: bold;
}

div.post {
  clear: both;
}

img.commentIcon {
  float: right;
}
/* INLINE AJAX COMMENTS - END */

/* CSS ROLLOVER FOR ABOUT BUTTON - START */
#aboutRolloverWrapper {
  position: absolute;
  left: 102px;
  top: 328px;
}

#aboutRollover, #aboutRollover a, #aboutRollover img {
  width: 77px;
  height: 47px;
}

#aboutRollover {
  background: url(images/aboutDown.gif);
}
/* CSS ROLLOVER FOR ABOUT BUTTON - END */

/* GENERIC ROLLOVER CODE - START */
.rollover
{
position: relative;
background: no-repeat;
display: block;
margin: 0;
padding: 0;
}

.rollover a
{
display: block;
float: left;
}

.rollover img
{
border: 0;
}

/* Next rule needed for IE6 */
* html a:hover
{
visibility:visible;
}

.rollover a:hover img
{
visibility:hidden;
}

.rollover span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/* GENERIC ROLLOVER CODE - END

/* LEFT SIGN STYLING - START */
div#leftsignBox {
  position: absolute;
  left: 100px;
  top: 185px;
  z-index: 20;
}

div#leftsign {
  position: absolute;
  left: 0px;
  top: 300px;
}

div#leftsignHoverArea {
	position: absolute;
	width: 150px;
	height: 180px;
}

div#leftsignScrollContainer {
  position: absolute;
  /* background-color: white; */
  left: 44px;
  top: 1px;
  width: 660px;
  height: 383px;
}

div#leftsignScrollContent {
  font-size: 8pt;
}

#leftsignScrollBarBorderOuter {
	position: absolute;
	top: 4px;
	left: 707px;
	border: 2px solid gray;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  visibility: hidden;
}

#leftsignScrollBarBorderInner {
	height: 376px;
  width: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#leftsignScrollBar {
	background-color: gray;
	border: 0px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	width: 10px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* LEFT SIGN STYLING - END */

/* CONTACT LINK - START */
div#contactLink {
  padding: 15px 0 5px 0;
}

div#contactLink a {
  font-size: 10pt;
  color: #2e7033;
  font-weight: bold;
}

div#contactLink a img {
  vertical-align: middle;
  margin: 2px;
}
/* CONTACT LINK - END */

/* JSCROLLPANE - START */
a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
/* JSCROLLPANE - END */

/* SECOND-HAND AMSTERDAM - START */
.shaEntryHover {
	background-color: #eee;
	cursor: pointer;
}

.shaEntrySelected {
	background-color: #ddd;
}

a#shaResetLink {
	color:black;
	font-size: 9pt;
	font-weight:bold;
}
/* SECOND-HAND AMSTERDAM - START */

/* WORDTUBE - START */
div.wordtube {
	text-align:center;
}
/* WORDTUBE - END */

/* INLINE AJAX - START */
div.add_comments {
	text-align:right;
}
/* INLINE AJAX - END */

/* POSTIE - START */
div.postie-attachments-div {
	text-align:center;
}

div.postie-attachments-div img {
  margin: 2px;
}
/* POSTIE - END */

/* PROGRESS MAP - START */
div#progressMapContainer {
	position: relative;
}

div#progressMapLabel {
	font-size: 12pt;
	color: #777;
	padding-bottom: 5px;
}

div#progressMap {
	width: 705px;
	height: 300px;
	position: absolute;
	right: 0px;
	background-color: white;
	border: 1px solid black;
}

div#progressMapDragMessage {
	font-size:8pt;
	color:black;
	background-color: white;
	position: absolute;
	left: 16px;
	bottom: -18px;
	line-height: 16px;
	height: 16px;
	border: 1px solid black;
	padding: 0 2px 0 2px;
}

div#progressMapDragHandle {
	width:16px;
	height:16px;
	background-color:black;
	color: white;
	position: absolute;
	left: -1px;
	bottom: -18px;
	cursor: pointer;
	padding: 0;
	border: 1px solid black;
	margin: 0;
	text-align: center;
	line-height: 16px;
	font-size: 8pt;
}

div#progressMapOSMap {
	width: 705px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#progressMapGMaps {
	width: 705px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#progressMapSidebarSpacer {
	width: 180px;
	height: 216px;
}

div#progressMapSidebarSpacer2 {
	width: 180px;
	height: 100px;
}

div#progressMapAttribution {
	width: 180px;
	text-align: right;
	font-size: 7pt;
	color: black;
	padding-top: 5px;
}

div.progressMapPopupTitle, div.progressMapPopupTitle a {
	font-size: 8pt;
	font-weight: bold;
	color: #555;
}

div.progressMapPopupSummary {
	font-size: 7pt;
	color: black;
}

div#progressMapContentSpacer {
	width:400px;
	height:460px;
}

.ui-resizable-helper { border: 1px dotted gray; }
/* PROGRESS MAP - END */