/*
Theme Name: MikeWayne.co.uk
Theme URI: http://www.boltonwebdesign.co.uk
Description: Conversion of existing site to 'web standards' layout + design improvements
Version: 1.0
Author: Shaun Barnes
*/

/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}

/* SET GENERAL STYLES */

body {
	font-family: Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size: 13px;
	color: #333;	
 				background: url(images/main_bg.jpg) top left 

 	}
  


/* LAYOUT */

div#container { 
	width: 788px; 
	background: #FFFFCC;
	margin: 0 auto; /* this centres the page */ }
div#header h1 { 
	text-indent: -9999px; /* this moves the h1 text off the page */
	background: url(images/background_4.jpg); /* and this replaces it with the header image */
	height: 158px; 
	width: 788px;
	margin-bottom: 0;}
#content {
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;}

/*  Main column */

div#main { 
	float: left;
	width: 570px;} 
div#intro {
	background-color: #E3E3B5;
	float: left;
	width: 350px;
	padding: 8px;
	margin-top: 35px;
	font:bold italic 16px Georgia,"Times New Roman",serif;}
	
div.info { float: left; width: 310px; margin-top: 10px;}

div.button-box { 
	background: #E3E3B5; 
	width: 250px; 
	float: left;
	margin: 20px 0 25px 25px;
	}
div.button-box h4 { margin: 10px 0 5px 20px;}
div.button-box p { padding-bottom: 5px;}

/* Sidebar */

div#side {
	background: #D0CCFF;
	float: left;
	width: 218px;
	margin-bottom:-2755px;
	padding:25px 0 3000px;
	text-align: center;
	background-image:url(images/l_plates_binned.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	}
#imgSidebar{
	position:absolute;
	right:45px;
	bottom:15px;}
.side-box {
	width: 153px;
	border: 2px solid #000;
	margin: 20px 31px 0 31px;
	background-color: #FFFFCC;
	line-height: 17px;
	font-size: 13px; }
.side-box img {
	margin:5px 0;}
.side-box p {
	margin: 5px 3px;}

/* HORIZONTAL NAVIGATION */

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font-size: 13px; border:1px solid #0A00B3; background:#0A00B3; position:relative; z-index:200;}
#nav {height:25px; padding:0; }

li#first { margin-left: 3px;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 14px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;border-bottom:none;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; color:#0A00B3; border-bottom: none;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a { color:#0A00B3;}

/* Dropdown sytling for IE5.x and IE6 */
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* FOOTER */

#footer {
	clear: both;
	color: #fff;
	padding: 7px;
	border:1px solid #0A00B3; 
	background:#0A00B3;}
p#footerright {
	text-align:right;
	float:right;
	margin-right: 5px;}
p#footerleft {
	text-align: left;
	padding-left: 5px; }	

/* TYPOGRAPHY */


h1,h2,h3,h4,h5,h6 { 
	color: #0A00B3; 
	margin-bottom: 0.25em;
	font: bold 1em Georgia,"Times New Roman",serif;}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }
h6 { font-size: 10px; }

h3#intro-bottom { clear:both; padding-top: 20px; padding-bottom: 5px;}

div#main h2, div#main h3,div#main h4 { margin:20px 0 10px 20px;}
div#main p { margin: 0 20px 10px 20px;}
div#intro p { margin-right: 5px;}
div.side-box h4 { line-height: 20px;}

h3#more { text-align: center; padding-bottom:40px;}

.important { color: red; text-decoration: underline; font-weight: bold;}

p.important { font-size: 20px;}

p { padding-bottom: 5px;}

div#contact-info {
	background-color: #E3E3B5;
	font:bold italic 16px Georgia,"Times New Roman",serif;
	width: 395px;
	margin: 0 0 10px 20px;
	padding: 15px;
	font-size: 20px;
}
div#contact-info ul li { margin-bottom: 5px;}

/* IMAGES */

#main img { 
	border: 2px solid #000; 
	margin: 10px 0 0 20px;}
	
#main img.alignleft {
	float: left;
	margin: 0 20px 10px 20px; }
#main img.alignright {
	float: right;
	margin: 0 20px 10px 20px; }
#main img.aligncentre {
	display: block;
	margin: 0 auto;}

/* Home Page Imgaes */

img#micra,#main img.divide{ border:none;}

#main img.noborder { border:none;}

img#mike { margin: 15px 20px 0 20px; float: left; }
img#passed { margin-left: 10px; }
img#micra { margin-top: 30px;}
img.divide { padding-top: 15px;}
img#l-plates,img#micra { float: left; }
img#l-plates { margin-right: 15px; margin-left: 35px;}

/* LINKS */

#footerright a:link,a:visited { color: #fff; border-bottom: none;}
#footerright a:hover,a:active { border-bottom: 1px solid red;}

a:link,a:visited { color: #0A00B3; border-bottom: 1px dotted #0A00B3;} 
a:hover,a:active { border-bottom: 1px solid red;}

a.imglnk { border-bottom: none;}

h3#more a { color: #0A00B3; border-bottom: 1px dotted #0A00B3; }
h3#more a:hover,h3#more a:active {border-bottom: 1px solid red; }

a:link.lightbox,a:visited.lightbox { border-bottom: none;}

/* LISTS */

ul.content,#main ol,ul.link-list { margin-left: 20px;}
ul.content li { list-style-position: inside; list-style-type:disc;margin-bottom: 5px;}
#main ol li { list-style:decimal inside;margin-bottom: 5px;}
ul.link-list { margin-top: 10px;}
ul.link-list li { margin-bottom: 5px;}

/* GUESTBOOK */

div#main img.css_post_url_image,div#main img.css_post_email_image {  border: none; margin:0;}

div.css_post_embedded a { border-bottom:none;}

a:link.css_navigation_select,a:visited.css_navigation_select, 
a:link.css_navigation_notselect,a:visited.css_navigation_notselect, 
a:link.css_navigation_char,a:visited.css_navigation_char { color: #111!important;}

a:active.css_navigation_select,a:hover.css_navigation_select, 
a:active.css_navigation_notselect,a:hover.css_navigation_notselect, 
a:active.css_navigation_char,a:hover.css_navigation_char { color: red!important;}

/* GALLERY */
	
div.gallery { margin-bottom: 35px;}
	
div.gallery img {
	display: inline;
	margin:10px 15px 30px 0; padding:0; }
#main div.gallery img:hover { border: 2px solid red;}

div#stimuli_lightbox a:link { border-bottom: none;}


div#links { margin-bottom: 20px;}

div#links a { border-bottom: none; }