/*   
Theme Name: John Biddle Opticians
Theme URI: http://www.johnbiddleopticians.co.uk/
Description: Design and Programming - David Page
Author: David Page
Author URI: http://pagecommunication.co.uk/
Version: 0.5

Inspired by Kubrick v1.5 and Amsterdam Nights v1.5
*/

/* Begin Typography & Colors */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-size: 68.75%; /* Resets 1em to 10px */
  font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height:1.3;
  background-color: #141C29;
  color: #333;
}

#wrapper {
  font-size: 1.2em;
}
a, a:visited, a:link {
  color: #393;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
  color: #173262;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#393;
  margin:0 0 .7em;
  padding:0;
}

h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin:0 0 .5em;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin:0 0 .5em;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
  text-decoration: none;
}
p, address {
  margin:0 0 1em;
}
input, textarea, select {
  background-color: #FFF7D1;
}
select:active, select:focus,
input[type=text]:active, input[type=text]:focus,
textarea:active, textarea:focus {
  background-color:#B5DAB5 !important;
}

/* Begin Structure */
html, body {
  margin:0;
  padding:0;
}
#wrapper {
  background: #393 url(images/bg_main.png) repeat-y top right;
  margin: 5px auto;
  width: 850px;
}

/* Header */

#head {
  background-image: url(images/bg_head.jpg);
  background-position:center center;
}
#header {
  width: 100%;
  height: 290px; /*273px;*/
  background-image: url(images/bg_head.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
  text-transform:uppercase;
  color: #008000;
  text-align:center;
}

#head h1 {
  margin:0;
  padding:3px 0 0;
  font:bold 2.1em "Times New Roman", Times, Georgia, serif;
  line-height:1em;
  /*  
  letter-spacing:-0.033em;
  word-spacing:.05em;
*/
  word-spacing:.075em;
}
#head a {
  padding:10px;
  color: #008000;
  text-decoration: underline;
}

#head a:hover, #head a:focus, #head a:hover {
  text-decoration: underline;
  background-color: transparent;
}
#head p.description {
  margin-top:5px;
  font:normal 1.4em "Times New Roman", Times, Georgia, serif;
  letter-spacing:-0.033em;
  word-spacing:.075em;
}

/* Main Content */

#main {
  width: 615px;
  float: right;
  padding:0 15px;
}
#main .post, #main #searchform {
  margin:0 2em 2em 0;
}
#main h1 {
/*  margin:-.5em .5em 1em; */
  margin:0 0 .5em;
}
#main span.date {
  font-size: .7em;
  margin-bottom: 0;
}

#main div.navigation {
  clear: both;
}
#main #searchform {
  margin:.5em auto;
  width:80%;
}
.left {
  text-align: left;
}

.right {
  text-align: right;
}

#main div.post_info {
  border-top: 1px dotted #141C29;
}

ul.links {
  list-style:none;
  margin:1em 0;
  padding:0;
}
ul.links h3 {
  margin:0 0 .5em;
}
ul.links ul {
  list-style:disc;
  margin:0 0 1em 1em;
  padding-left:1em;
}
ul.links ul li {
  margin-bottom:.5em;
}
/* Sidebar */
#sidebar {
  float: right;
  width: 200px;
  margin: 0 2px 0 0;
  padding: 0;
  list-style: none;
  background-image: url(images/bg_sidebar_main.png);
  background-repeat: repeat-y;
}
#sidebar li {
  margin:0;
  padding:0 1em 0 20px;
}
#sidebar ul li {
  background: transparent !important;
}
#sidebar #nav {
  background: transparent url(images/bg_sidebar_head.png) no-repeat top left;
  padding-top:30px;
  height:100%; /* For IE, doh! */
}
#sidebar #archives {
  background: transparent url(images/bg_sidebar_footer.png) no-repeat bottom left;
  padding-bottom:20px;
  height:100%; /* For IE, doh! */
}
* html #sidebar #archives {
  margin-bottom:-4px; /* For IE, doh! */
}
#sidebar h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding-left:.24em;
}
#sidebar ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
  background-color:transparent;
  background-image:none;
}
#sidebar ul li {
  background-color:transparent;
  background-image:none;
  padding: 0 0 .25em 1em;
}
#sidebar #nav li {
  font-weight:bold;
  padding:0;
  margin:0 0 .33em 0;
}
#sidebar #nav li ul {
  margin:0 0 .75em 0;
}
#sidebar #nav li li a{
  padding-left: 2.5em;
  font-size:.9em;
}
#sidebar #nav li a {
  display:block;
  margin-left:-1em;
  padding:.125em 0 .125em 1.3em;
  text-decoration:none;
  width:95%;  /* For IE to display as block, doh! */
  background:transparent url(images/bg_navlink.png) no-repeat 400px 50%;
}
#sidebar #nav li li a {
  width:85%;  /* For IE to display as block, doh! */
}
#sidebar li a {
  text-decoration:none;
}
#sidebar li a:hover, #sidebar li a:active, #sidebar li a:focus {
  text-decoration:underline;
}
#sidebar #nav li a:hover, #sidebar #nav li a:active, #sidebar #nav li a:focus {
  background-position:3px 50%;
}
#sidebar #nav li li a:hover, #sidebar #nav li li a:active, #sidebar #nav li li a:focus {
  background-position:2px 50%;
}

/* Footer */
#footer {
  width: 100%;
  background: #393 url(images/bg_footer.png) no-repeat;
  clear: both;
  padding: 50px 0 15px;
/*  color: #FCFFF7;*/
}

#footer p {
  margin: 0 2em;
  font-size: .8em;
  line-height: 1.5em;
}
#footer em {
  font-style:normal;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
/*  color: #FCFFF7;*/
  background: transparent;
}

/* Begin Various Tags & Classes */
address {
  font-style:normal;
}
acronym, abbr, span.caps
{
  font-size: .9em;
  letter-spacing: .07em;
}
acronym, abbr, span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: .9em;
  line-height: 1.5em;
  }
blockquote {
  margin: 1em 1em 0 .5em;
  padding-left: 1em;
  border-left: 5px solid #ddd;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

.center {
  text-align: center;
}
a img {
  border: none;
  }
hr {
  display: none;
}
#content hr {
  width:80%;
  margin:1em auto;
  display:block;
  clear:left;
}
#content div.entrytext>hr {
  border:1px dashed #999;
  border-width:1px 0 0;
}
#searchform input[type=submit] {
  margin-top: 2px;
}
img.alignleft {
  margin: 0 .5em .25em;
  display: inline;
  float: left;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float:none;
}

img.alignright {
  margin: 0 .5em .25em;
  display: inline;
  float: right;
}


/* End Various Tags & Classes*/