/*
Main style sheet for jobarker.co.uk
*/

/* Default font family */
body {
  background-color: #ffffff;
  font-family: Arial, Helvetica, Sans-Serif;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto; 
  width: 50em;
}

/* Green */
h1, h2 {
  color: #6dbd20;
  font-family: Arial, Helvetica, Sans-Serif;
}

/* Default text font */
p, li {
  font-size: small;
  color: #666666;
}
/* Same for blog post body */
/* We have to reset font-family */
.post-body p, .post-body div{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: small;
  color: #666666;
}

/* Grey, bold and medium for post titles */
h3 {
  color: #666666;
  font-size: medium;
  font-weight: bold;
}

/* Italic for post footer, with underlined permalink */
.post-footer {
  font-style: italic;
}

.post-footer a {
  text-decoration: underline;
}

/* Small & grey for permalinks */
.permalink {
  color: #666666;
  font-size: smaller;
}

/* Entries navigation */
.navigation {
  font-size: small;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
  color: #6dbd20;
  text-decoration: none;
}

.navigation a:hover {
  color: White;
  background-color: #04507c; /*Highlight*/
}

/* Turn off focus outline in FF which causes horizontal scrollbar to appear */
.navigation a:focus {
  outline: none;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Banners in blue */
#top_banner {
  background-color: #0087d7;
  background-image: url(images/clouds.jpg);
  padding: 0;
  width: 50em;
}

#top_text {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
}

#top_text h2 {
  color: #ffffff;
  font-size: large;
  margin-top: -0.7em;
}

#top_text h1 {
  color: #ffffff;
}

#contact {
  color: #ffffff;
  font-size: small;
}

#headerMail {
  color: #ffffff;
  font-size: small;
  text-decoration: none;
}

#navigation li {
  color: #6dbd20; /* Party green*/
  list-style-type: none;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
  color: #6dbd20;
  text-decoration: none;
}

#navigation a:hover {
  color: White;
  background-color: #04507c; /*Highlight*/
}

#body_area h2 {
  font-size: large;
}

#body_area li {
  list-style-image: url(images/arrow.jpg); /*Green*/
  list-style-type: circle;
}

#signature {
  text-align: right;
  margin-bottom: 0;
}

#pictures {
  text-align: center;
}

#countdown {
  text-align: right;
}

/* Picture caption default font*/
.caption {
  font-size: x-small;
  padding-left: 30px;
  padding-right: 30px;
}

#bottom_banner {
  background-color: #0087d7; /*blue*/
  width: 50em;
  padding: 0;
}

#bottom_text {
  font-size: large;
  padding-top: 0.15em;
  padding-left: 1em;
}

#footer p {
  font-size: x-small;
  padding-left: 1em;
}

/* Elastic absoute positioning and sizing*/

#body_div {
  position: absolute;
}

#navigation, #body_area, #pictures, #bottom_banner, #footer {
  /*border: 1px solid red;*/
  position: absolute;
}

#top_banner {
  height: 7.5em;
}

#navigation {
  width: 12.5em;
}

#body_area {
  left: 15em;
  width: 35em;
}

#blog {
  height: 22em;
  overflow: auto;
}

/*Rightmost element so fixed width is better for pictures*/
#pictures {
  left: 35em;
  width: 300px;
}

#bottom_banner {
  top: 49em;
  height: 2.5em;
}

#footer {
  top: 51.75em;
}

blockquote p {
  font-style: italic;
}

.quote {
  font-weight: bold;
}

/* Bold and underline for spans */
.bold {
  font-weight: bold;
}

.ul {
  text-decoration: underline;
}