/*
Theme Name: Wekaleam Studios
Theme URI: http://www.wekaleamstudios.co.uk
Description: The Custom Theme for the Wekaleam Studios website
Author: James Mansson
Author URI: http://www.gm-ram.com
Version: 1.0.4

Change Log
==========

Version		Description
-------		-----------
1.0.1		Add dynamic generation of copyright date range
1.0.2		Added support for widgets
			Added changes in styling for extras, including those for Amazon links
1.0.3		Added a 404 page, with the header code set to 410, to address a known Fasthosts bug.
			(See http://www.logoed.co.uk/2010/03/21/404-issues-fasthostswordpress-bug/)
			Reduced with of comment box.
1.0.4		Modified styling so that #content ol is styled the same as #content ul.

(c) Copyright 2009-11 GM-RAM Limited
*/

*
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

#wrapper
{
  position: relative;
  text-align: left;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

#header
{
  height: 120px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  text-align: center;
  color: white;
}

#headertext
{
  padding-top: 10px;
}

#title
{
  padding-top: 10px;
}

#topnav
{
  font-size: 80%;
}

#description
{
  padding-top: 10px;
  font-size: 100%;
  font-weight: normal;
}

#main
{
  position: relative;
  width: 100%;
  background-image: url(images/main-bg.gif); 
  background-repeat: repeat-y;
}

#sidebar
{
  float: left;
  width: 180px;
  margin-right: 10px;
  color: white;
}

#nav
{
  background-image: url(images/main-bg.gif);
  padding: 10px;
}

#content
{
  float: left;
  width: 580px;
}

#posts
{
  padding: 10px;
}

.entry
{
  padding-top: 10px;
}

#commentform
{
  padding-top: 10px;
}

#comment
{
	width: 560px;
}

#extras
{
  float: right;
  width: 180px;
  font-size: 80%;
}

.item
{
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer
{
  border-top: 2px solid #d7ad7b;
  background-image: url(images/footer-bg.gif); 
  background-repeat: repeat-x;
  font-size: 80%;
  padding: 0.2em 10px 0.2em 0;
  text-align: right;
  color: white;
}

.clear
{
  clear:both;
}

h1
{
  font-size: 150%;
  font-weight: normal;
}

h2
{
  font-size: 125%;
  font-weight: normal;
}

h3
{
  font-size: 100%;
  font-weight: normal;
}

p
{
  font-size: 80%;
  line-height: 1.6em; 
  padding-bottom: 1em;
}

small
{
  font-size: 80%;
  font-weight: normal;
}

#header a:link, #header a:visited
{
  text-decoration: none;
  color: white;
}

#header a:hover
{
  color: black;
}

#topnav ul
{
  padding-right: 20px;
  text-align: right;
}

#topnav li
{
  display: inline;
  padding-left: 4px;
}

#nav ul
{
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

#nav ul ul
{
  padding: 0;
}

#nav li
{
  font-size: 100%;
  width: 180px;
}

#nav li li
{
  font-size: 80%;
  padding-left: 5px;
}

#nav a:link, #nav a:visited
{
  text-decoration: none;
  color: white;
  background-color: transparent;
  display: block;
  padding: 0.3em 10px 0.3em 10px;
}

#nav a:hover
{
  color: black;
}

#content a:link, #content a:visited
{
  text-decoration: none;
  color: orange;
}

#content a:hover
{
  color: blue;
}

#content ul, #content ol
{
  line-height: 1.6em; 
  padding-bottom: 1em;
  padding-left: 20px;
}

#content ul
{
  font-size: 80%;
}

#extras a:link, #extras a:visited
{
  text-decoration: none;
  color: orange;
}

#extras a:hover
{
  color: blue;
}

#extras h2
{
  font-size: 125%;
  font-weight: bold;
  color: orange;
  padding-bottom: 5px;
}

#extras img
{
  border: 0px;
}

#extras p
{
  padding-top: 5px;
  padding-bottom: 0px;
}

#extras .amzshcs-item
{
  padding-bottom: 10px;
}

#extras .read-review, #extras .buy-book
{
  padding: 4px;
  background-color: #ccc;
}

#extras a:link.read-review, #extras a:link.buy-book,
#extras a:visited.read-review, #extras a:visited.buy-book
{
  color: black;
}

#extras a:hover.read-review, #extras a:hover.buy-book
{
  color: blue;
}

#footer a:link, #footer a:visited
{
  text-decoration: none;
  color: white;
}

#footer a:hover
{
  color: black;
}