/*
Theme Name: Enviro-Summer theme
Theme URI: http://cyberstruction.co.uk/
Description: This theme is the development part of a series for Enviro-Mentalist.
Version: 1.0
Author: James Whinfrey
Author URI: http://conceptric.co.uk/
*/

/* Importing the stylesheets to hid them from old browsers */

@import url(styles/reset.css);
@import url(styles/layout.css);
@import url(styles/typography.css);

/* Very basic styling for these same old browsers */


/* =BackgroundImages 
----------------------------------------------- */
#background-container {
  background: transparent url(./images/banner-background.jpg) no-repeat center top;  
}

#border-container {
  background: transparent url(./images/vertical-border.jpg) repeat-y center top;
}

#footer {
  background: transparent url(./images/footer-background.jpg) no-repeat center bottom;
}

h1.section-title, #tagline {
  background: transparent url(./images/background-transparency.png) repeat-x center center;
}

/* =Colours
#fff (-4)
#cedaef
#9db4e0
#6c8fd0
#3c6ac1 (base)
#2d5091
#1e3561
#0f1b30
#000 (+4)
----------------------------------------------- */
body, 
a:visited {
  background-color: #fff; /* -4 */
  color: #2d5091; /* +1 */
}

#tagline,
#content-container,
.wp-caption {
  background-color: transparent;
}

.posts {
  background-color: #cedaef; /* -3 */
}

a, a:visited,
.light-background a:hover, .light-background a:focus, .light-background a:active,
a.borderless-link[rel*="lightbox"],
a[href*="http://www.flickr.com/photos/photograclare"] {
  background-color: transparent;
}

a:hover, a:focus, a:active,
a.inverting-link:hover, a.inverting-link:focus, a.inverting-link:active {
  background-color: #3c6ac1; /* base */
}

#tagline,
#content-container {
  color: #0f1b30; /* +3 */
}

a, acronym, abbr,
.undecorated-links a,
.undecorated-links a:visited,
.light-background a,
.light-background a:visited,
a.borderless-link, 
a.borderless-link:visited
{
  color: #0f1b30; /* +3 */
}

#site-search #submit-search {
  color: #fff; /* -4 */
}

a:hover, a:focus, a:active {
  color: #fff; /* -4 */
}

.light-background a:hover, .light-background a:focus, .light-background a:active {
  color: #3c6ac1; /* base */
}

.dark-background a,
.dark-background a:visited {
  color: #cedaef; /* -3 */
}

.posts {
  border-color: #0f1b30; /* +3 */
}

.wp-caption {
	border-color: #cedaef; /* -3 */
}

a, acronym, abbr {
  border-color: #0f1b30; /* +3 */
}

a:hover, a:focus, a:active {
  border-color: #3c6ac1; /* base */
}

a:visited {
  border-color: #9db4e0; /* -2 */
}

/* =Position 
----------------------------------------------- */
.posts {
  border-width: 2px; border-style: solid; 
  opacity: 0.95;
  margin: 36px 0px;
  padding: 34px 38px;
}

.posts, h1.section-title {
  -moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

#main-navigation {
  padding: 36px 18px 36px 38px;
  margin: 0px;
}

/* Activate IE7 hasLayout and then override */
#the-blog-title > a, 
#the-blog-title > a:visited, 
#tagline,
#content-container {
  display: inline-block;
}

#the-blog-title > a, 
#the-blog-title > a:visited,
#the-blog-title > a:hover {
  background-color: transparent;
  display: block;
  text-indent: -9999px;
  width: 500px;
}

#tagline,
#content-container {
  display: block;
}

#site-search #submit-search {
  background: transparent url('./images/search-button.png') no-repeat 50% 0%;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding-top: 80px;
}

#site-search input#s {
  background: transparent url('./images/search-textbox.png') no-repeat 50% 0%;
  border: none;
  line-height: 36px;
  padding-left: 3px;
  padding-top: 9px;
}

a, acronym, abbr,
a:hover, a:focus, a:active, a:visited {
  border-width: 1px; border-bottom-style: solid;
}

acronym, abbr {
	border-bottom-style: dashed;
	cursor:help;
}

#main-navigation a {
  display: block;
}

#favourite-links a,
#favourite-links a:visited,
.undecorated-links a,
.undecorated-links a:visited,
.light-background a,
.light-background a:visited,
a.borderless-link, 
a.borderless-link:visited,
a.borderless-link[rel*="lightbox"],
a[href*="http://www.flickr.com/photos/photograclare"],
.dark-background a,
.dark-background a:visited {
  border-bottom-style: none;
}

#twitter_update_list > li a {
  display: inline;
}

/* =Captions
----------------------------------------------- */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
  border-width: 1px; border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0em 10px;
	padding-top: 3px;
	text-align: center;
}

.the-post-body .wp-caption img {
	border: none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
  text-align: center;
}

/* =Lists
----------------------------------------------- */
.wide-spaced-list li {
	margin: 18px 0px;
}

ul {
	list-style-type: disc;
}

#twitter_update_list > li {
  list-style-type: none;
}

.the-post-body ol, 
#primary-navigation {
	list-style-type: decimal;
}

ol.children, ul.children {
	margin: 0em 0px 0em 10px;
}

.the-post-body dl {
	padding: 0em 10px;
}

.the-post-body dt {
	font-style: italic;
}

.the-post-body dd {
	margin: 0em 0px 1.5em;
}

/* Post meta data lists */
ul.the-post-tags, 
ul.the-post-categories {
  display: inline;
}

ul.the-post-tags > li, 
ul.the-post-categories > li {
  display: inline;
  list-style-type: none;
}

ul.the-post-tags > li:before, 
ul.the-post-categories > li:before {
  content: ", ";
}

ul.the-post-tags > li:first-child:before, 
ul.the-post-categories > li:first-child:before {
  content: "";
}

/* Favourites page lists */
#favourite-links li.posts {
  list-style-type: none;
}

#favourite-links ul.blogroll > li {
	margin: 18px 0px;
}

#favourite-links ul.blogroll > li a {
  display: block;
  line-height: 17px;
}

/* =Lightbox
----------------------------------------------- */
div#stimuli_lightbox a {
  border: none;
  text-decoration: none;
}

div#stimuli_hoverNav a {
  width: 100px;
}

div#stimuli_imageDataContainer {
  font: 10px Helvetica, Verdana, sans-serif;
}