/*  
Theme Name: Mint
Theme URI: http://www.murray-mint.co.uk
Description: Based on Techmania
Version: 1.0
Author: Michael Smith
Author URI: http://www.murray-mint.co.uk
*/



/* Begin Typography & Colors */
* {
  margin:0;
  padding: 0;
}

body {
  background-color: #3a3a3a;
  color: #555555; 
  font: 70%/1.5 Verdana, 'Trebuchet MS', arial, sans-serif;
  text-align: center; 
  margin: 15px 0;
}

a  { 
  color: #175b9a;
  background: inherit;
  text-decoration: none;
}
a:hover { 
  color: #2599ff;
  background: inherit;   
}

h1, h2, h3 {
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 1.5em;  
}

h2 {
  font-size: 1.3em;
  text-transform: uppercase;
  color: #1a69b4;
}

h3 {
  font-size: 1.1em;
  text-transform: uppercase;
  color: #333333;
  letter-spacing: 1px;
}

h1, h2, h3, p { 
  padding: 0;
  margin: 10px 15px; 
}

ul, ol {
  margin: 10px 30px;
  padding: 0 15px;
  color: #1a69b4;
}

ul span, ol span {
  color: #666666;
}

img {
  border: 2px solid #cccccc;
  margin: 5px;
}

img.float-right {
  margin: 5px 0px 10px 10px;  
}

img.float-left {
  margin: 5px 10px 10px 0px;
}

code, .code {
  margin: 5px 15px;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  background: #fafafa;
  border: 1px solid #eaeaea;  
  border-left: 5px solid #1a69b4;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777777;
}

blockquote {
  margin: 15px;
  padding: 0 0 0 32px;   
  background: #fafafa url('images/quote.gif') no-repeat 5px 10px !important; 
  background-position: 8px 10px;
  border: 1px solid #eaeaea; 
  border-left: 5px solid #1a69b4;  
  font-weight: bold; 
}

form {
  margin: 10px 15px; padding: 0;
  border: 1px solid #eaeaea; 
  background-color: #fafafa; 
}

label {
  display: block;
  font-weight: bold;
  margin: 5px 0;
}

input {
  padding: 3px;
  border: 1px solid #eeeeee;
  font: normal 1em Verdana, sans-serif;
  color: #777777;
}

textarea {
  width: 400px;
  padding: 4px;
  font: normal 1em Verdana, sans-serif;
  border: 1px solid #eee;
  height: 100px;
  display: block;
  color: #777777;
}

input.button { 
  margin: 0; 
  font: bolder 12px Arial, Sans-serif; 
  border: 1px solid #eaeaea;
  padding: 2px 3px; 
  background: #cccccc url('images/buttonbg.gif') repeat-x left bottom; 
  color: #333333;
}

#sidebar #search {
  background: #f2f2f2;
  margin: 0 15px;
  padding: 5px 0;  
}

#sidebar #search img {
  vertical-align: bottom;
}

#sidebar #search .textbox {
  background: #ffffff url('images/input.png') no-repeat top left; 
  border: 1px solid #eaeaea;
  font-size: 11px;
  padding: 3px;  
  width: 110px;
}

#sidebar #search input.searchbutton { 
  margin: 0; 
  font: bold 100% Arial, Sans-serif;
  border: 1px solid #cccccc; 
  background: #cccccc url('images/buttonbg.gif') repeat-x left bottom; 
  padding: 1px; 
  height: 25px;
  color: #333333;  
  width: 55px;
}

#wrap {
  margin: 0 auto;
  padding: 0;  
  text-align: left;
  background-color: #ffffff;
  width: 790px;   
}

#content-wrap {
  clear: both;
  margin: 0;
  padding: 0;
  width: 790px;   
}

#header {
  position: relative;
  clear: left;
  width: 790px;
  height: 135px; 
  margin: 0; padding: 0;
  background: #000000 url('images/headerbg.jpg') no-repeat left bottom;    
}

#header h1#logo-text {
  position: absolute;
  margin: 0;
  padding: 0;
  font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  color: #ffffff;
  text-transform: none;
  
  /* change the values of top and right to adjust the position of the logo*/
  top: 36px;
  right: 35px;  
}

#header h2#slogan {
  position: absolute;
  margin: 0;
  padding: 0;
  font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
  text-transform: none;
  letter-spacing: 1px;
  color: #ffffff;
  
  /* change the values of top and right to adjust the position of the slogan*/
  top: 85px;
  right: 35px;   
}

#header #header-tabs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #000000;
  font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;  
} 

#header-tabs ul {   
  margin: 0;
  padding: 2px 0px 0px 7px;
  list-style: none;
}

#header-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

#header-tabs a {
  float: left;
  background: url('images/tableft.gif') no-repeat left top;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}

#header-tabs a span {
  float: left;
  display: block;
  background: url('images/tabright.gif') no-repeat right top;
  padding: 7px 15px 4px 8px;
  color: #cccccc;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-tabs a span {float:none;}
/* End IE5-Mac hack */

#header-tabs a:hover span {
  color: #ffffff;
}

#header-tabs a:hover {
  background-position: 0% -42px;
}

#header-tabs a:hover span {
  background-position: 100% -42px;
}

#header-tabs #current a {
  background-position: 0% -42px;
}

#header-tabs #current a span {
  background-position: 100% -42px;
  color: #ffffff;
}

#main {
  float: left;
  width: 535px;
  margin: 0;
  padding: 0;
  background-color: inherit;
}

#main h1 {
  padding: 8px 0 3px 25px;
  text-transform: none;
  background: url('images/square_arrow.gif') no-repeat 0% .7em;
  border-bottom: 2px solid #f2f2f2;  
  color: #1a69b4;  
}

#main h1 a {
  background-image: none;
}

#sidebar {
  float: right;
  width: 245px;
  margin: 0 0 10px 0;
  padding: 0;
  background-color: inherit;  
}

#sidebar h1 {
  padding: 8px 0px 3px 25px;
  background: url('images/square_arrow.gif') no-repeat 0% .7em;
  text-transform: none;  
  color: #1a69b4;
}

#sidebar ul.sidemenu {
  list-style: none;
  margin: 10px 15px;
  padding: 0;   
}

#sidebar ul.sidemenu li {
  margin-bottom: 1px;
  border: 1px solid #f2f2f2;
}

#sidebar ul.sidemenu a {
  display: block;
  font-weight: bold;
  color: #333333;
  text-decoration: none;  
  padding: 2px 5px 2px 10px;
  background: #f2f2f2;
  border-left: 5px solid #cccccc;  
  min-height: 18px;  
}

* html body #sidebar ul.sidemenu a {
  height: 18px;
}

#sidebar ul.sidemenu a:hover {
  padding: 2px 5px 2px 10px;
  background: #f2f2f2;
  color: #175b9a;
  border-left:5px solid #1a69b4;
}

#footer { 
  clear: both;
  height: 40px;
  color: #cccccc;
  background: #000000;
  margin: 0;  
  font-size: 92%;    
}

#footer a { 
  text-decoration: none; 
  font-weight: bold;  
  color: #ffffff; 
}

#footer #footer-left {
  width: 60%;
  float: left;
  text-align: left;
  margin: 0;
  padding: 10px;
}
#footer #footer-right {
  width: 30%;
  float: right;
  text-align: right;
  margin: 0;
  padding: 10px;
}

.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.clear { clear: both; }
.hide { display: none; }
.gray { color: #cccccc; }

.comments { 
  color: #333333; 
  background: #ffffff;
  text-align: right; 
  border-top: 1px dashed #eff0f1;
  border-bottom: 1px dashed #eff0f1; 
  padding: 5px 0;
  margin-top: 20px;
  position: relative;
}

.comment {
  border-bottom: 1px dashed #eff0f1;
}

.hr {
  border-top: 1px dashed #eff0f1;
  height: 1px;
  margin: 5px 0 5px 0;
  padding: 0;
  overflow: hidden;
}

br.clear {
  clear: both;
}