/*  
Theme Name: SpineInfo.co.uk
Version: 1.0
Description: Designed by <a href="http://www.europastudio.co.uk/">Europa Studio</a>.
Author: Europa Studio
Author URI: http://www.europastudio.co.uk
*/


/* General rules
-------------------------------------------------------------------------------------------------- */

	body {
		margin:0;
		padding:0;
		font:normal 62.5% arial;
		background:#999999;
	}

	div#container {
		width:880px;
		margin:0 auto;
	}

/* Preferences div
-------------------------------------------------------------------------------------------------- */
	div#preferences {
		text-align:right;
	}

	div#preferences p {
		margin:0;
		padding:19px 0 0 0;
		font:normal 1.4em arial;
		color:#fff;
		float:left;
		text-align:right;
		width:752px;
	}

	div#preferences a {
		display:block;
		width:34px;
		height:25px;
		text-align:center;
		text-decoration:none;
		color:#993300;
		float:right;
		background:url(images/preferences-link-bg.gif) no-repeat top left;
		text-transform:uppercase;
		position:relative;
		top:2px;
		z-index:1;
	}

	div#preferences a#decrease-text {
		font:normal 1.3em georgia;
		line-height:25px;
		margin:13px 3px 0 0;
	}

	div#preferences a#decrease-text:hover {
		background:url(images/preferences-hover-bg.gif) no-repeat top left;
	}

	div#preferences a#increase-text {
		font:normal 1.6em georgia;
		line-height:25px;
		margin:13px 47px 0 0;
		display:inline;
	}

	div#preferences a#increase-text:hover {
		background:url(images/preferences-hover-bg.gif) no-repeat top left;
	}

/* Layout: Header div
-------------------------------------------------------------------------------------------------- */
	div#header {
		background:#eeeeee url(images/header-bg.gif) no-repeat top left;
		float:left;
		width:880px;
		padding:0 0 17px 0;
	}

	div#header h1 {
		float:left;
		padding:31px 0 17px 32px;
		margin:0;
		line-height:0;
	}

	div#header h1 img {
		border:none;
	}

	div#header form {
		margin:30px 37px 0 0;
		padding:6px 0 0 0;
		width:243px;
		float:right;
		background:url(images/search-form-top-bg.gif) no-repeat top left;
		display:inline;
	}

	div#header form fieldset {
		margin:0;
		padding:0 0 5px 13px;
		width:230px;
		border:none;
		background:#e8e8e8 url(images/search-form-bottom-bg.gif) no-repeat bottom left;
	}

	div#header form fieldset label {
		display:block;
		float:left;
		width:50px;
		height:12px;
		overflow:hidden;
		position:relative;
		margin:9px 11px 0 0;
	}

	div#header form fieldset label span {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background:url(images/search-label-bg.gif) no-repeat top left;
	}

	div#header form fieldset input#s {
		margin:0;
		padding:7px 5px 0 8px;
		border:none;
		width:121px;
		height:24px;
		background:#fff url(images/search-txt-bg.gif) no-repeat top right;
		display:block;
		float:left;
		font:normal 12px arial;
		color:#999999;
	}

	div#header form fieldset input#search-submit {
		float:left;
	}


/* Layout: Content div, holds main-column div and secondary-column div
-------------------------------------------------------------------------------------------------- */
	div#content {
		clear:both;
		background:#eeeeee url(images/content-top-bg.gif) no-repeat top left;
		padding:38px 0 0 0;
		float:left;
		width:878px;
		border-left:1px solid #919191;
		border-right:1px solid #919191;
	}


/* Layout: Main-column div
-------------------------------------------------------------------------------------------------- */
	div#content div#main-column {
		float:right;
		width:606px;
		position:relative;
		top:-55px;
	}
	
	div#content div#main-column div#main-gallery {
	width:577px;
	height:200px;
	overflow:hidden;
	z-index:1;
	}
	
	div#content div#main-column div#main-gallery ul#gallery {
	margin:0;
	padding:0;
	}

	div#main-column h2#intro {
		margin:23px 0 7px 13px;
		padding:0;
		width:159px;
		height:22px;
		overflow:hidden;
		position:relative;
	}

	div#main-column h2#intro span {
		position:absolute;
		top:0;
		left:0;
		background:url(images/intro-h2-bg.jpg) no-repeat top left;
		width:100%;
		height:100%;
	}

	div#main-column p#user-path {
		font:normal 1.2em arial;
		color:#747577;
                text-shadow: 1px 1px 1px #fff;
	}

	div#main-column p#user-path strong {
		color:#4c4d4f;
	}
	
	div#main-column p#user-path a {
		color:#993300;
	}	

	div#main-column p {
		margin:0;
		padding:0 0 20px 15px;
		font:normal 1.4em arial;
		line-height: 1.6em;
		color:#4c4d4f;
		clear:both;
		width:560px;
	}
	div#main-column p a {
		color: #993300;
		text-decoration:underline;
	}
	div#main-column p a:hover {
		text-decoration:none;
	}
		
	div#main-column h1 {
		margin:23px 25px 2px 15px;
		padding:0;
		font:normal 2.6em arial;
		font-weight:bold;
		color:#993300;
                text-shadow: 1px 1px 1px #fff;
	}
	div#main-column h2 {
		margin:0 25px 8px 15px;
		padding:0;
		font:normal 2.2em arial;
		font-weight:bold;
		color:#01539F;
	}
	div#main-column h3 {
		margin:0 25px 8px 15px;
		padding:0;
		font:normal 2.0em arial;
		font-weight:bold;
		color:#993300;
	}
	div#main-column h4 {
		margin:0 25px 8px 15px;
		padding:0;
		font:normal 1.6em arial;
		font-weight:bold;
		color:#999999;
	}

/* Layout: Secondary-column div
-------------------------------------------------------------------------------------------------- */
	div#content div#secondary-column {
		float:left;
		width:272px;
	}

	div#secondary-column ul#navigation {
		margin:14px 0 0 27px;
		padding:0;
		list-style:none;
		width:224px;
	}

	div#secondary-column ul#navigation li {
		border-bottom:1px solid #cccccc;
		padding:3px 0;
	}
	div#secondary-column ul#navigation li a:hover {
		color:#993300;
	}


					/* - start of drop down menus rules - */


	div#secondary-column ul#navigation li.dropdown {
		background:url(images/drop-down-li-bg.jpg) no-repeat 208px 9px;
		position:relative;
		z-index:999;
	}

	div#secondary-column ul#navigation li.dropdown ul {
		display:none;
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		top:-1px;
		left:224px;
		border-left:3px solid #e1e1e1;
		width:220px;
	}

	div#secondary-column ul#navigation li.dropdown ul li {
		background:#efedee url(images/dropdown-li-bg.jpg) repeat-x bottom left;
		padding:5px 0 4px 7px;
		width:213px;
	}

	div#secondary-column ul#navigation li.dropdown ul a:link, div#secondary-column ul#navigation li.dropdown ul a:visited {
		font:normal 1.4em arial;
		font-weight:bold;
		color:#00529e;
		width:220px;
	}
	
	div#secondary-column ul#navigation li.dropdown ul li a:hover {
		color:#993300;
	}


					/* - end of drop down menus rules - */


	div#secondary-column ul#navigation a:link, div#secondary-column ul#navigation a:visited {
		display:block;
		font:bold 1.6em arial;
		text-decoration:none;
		color:#01539F;
		padding:0 0 0 3px;
		width:221px;
	}


/* Layout: Footer div
-------------------------------------------------------------------------------------------------- */
	div#footer {
		clear:both;
		background:#eeeeee;
		width:878px;
		margin:0 auto;
	}

	div#footer ul#footer-nav {
		width:827px;
		margin:0 auto;
		padding:15px 0 0 0;
		list-style:none;
		border-top:1px solid #cccccc;
	}

	div#footer ul#footer-nav li {
		float:left;
		background:url(images/footer-nav-separator.jpg) no-repeat center left;
		padding:0 5px 0 5px;
	}

	div#footer ul#footer-nav a:link, div#footer ul#footer-nav a:visited {
		font:normal 1.1em arial;
		color:#4C4D4F;
		text-decoration:none;
	}

	div#footer ul#footer-nav li.homepage {
		background:none;
	}

	div#footer ul#footer-nav li.current_page_item a:link, div#footer ul#footer-nav li.current_page_item a:visited {
		text-decoration:underline;
	}

	div#footer p.last {
		clear:both;
		margin:0;
		padding:40px 0 100px 35px;
		background:#999999 url(images/footer-last-p-bg.gif) no-repeat top center;
		font:normal 1.1em arial;
		color:#4C4D4F;
	}

	div#footer p.last a:link, div#footer p.last a:visited {
		color:#4C4D4F;
	}

	div#footer p.last span {
		float:right;
		border:none;
		margin:-15px 27px 0 0;

	}

	div#footer p.last span img {
		border:none;
		position:relative;
		top:9px;
	}
	
	
		
/* Layout: Images
-------------------------------------------------------------------------------------------------- */
		
	div#content div#main-column .entry img {
		max-width:500px;
		width: expression(this.width > 500 ? 500: true);	
		border:0px;
		padding:5px;
		background:#DFDFDF;
		border:1px solid #fff;
	}

	img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
	img.alignright {
	margin: 0 0 15px 15px;
	display: inline;
	}
	
	img.alignleft {
	margin: 0 15px 15px 0;
	display: inline;
	}
	
	.alignright {
	float: right;
	}
	
	.alignleft {
	float: left;
	}

	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #eeeee9;
		padding-top: 4px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	
/* Layout: Content Lists (Unordered and Ordered)
-------------------------------------------------------------------------------------------------- */
	
div#content div#main-column .entry ol, div#content div#main-column .entry ul { line-height: 18px; font:normal 1.4em arial; color:#4c4d4f; margin-top:0; padding-top:0;}
div#content div#main-column .entry ul li { list-style:circle; padding: 3px 0; margin-top:0;}
div#content div#main-column .entry ul li a, div#content div#main-column .entry ol a { color:#993300; }
div#content div#main-column .entry ol { padding: 0 47px; margin-top:0; }
div#content div#main-column .entry ol li { list-style: decimal; padding: 3px 0; line-height: 1.6em; }
div#content div#main-column .entry blockquote {
	background:url(images/blockquote.png) #EEEEE9 10px 10px no-repeat;
	border-left:3px solid #C9C6AB;
	font: 14px georgia;
	color: #666;
	line-height:1.4em;
	font-style:italic;
	margin:10px 0 10px 20px;
	padding:5px 15px;
}

div#content div#main-column blockquote p:first-letter {
padding-left: 40px;
font-size:  2.2em;
line-height:1.0em;
}

/* Document Links (PDFs etc)
-------------------------------------------------------------------------------------------------- */

a.pdf {
	background: url(images/file-red.gif) no-repeat;
	padding-left: 16px;
}
a.zip {
	background: url(images/file-orange.gif) no-repeat;
	padding-left: 16px;
}
a.psd {
	background: url(images/file-blue.gif) no-repeat;
	padding-left: 16px;
}
a.doc {
	background: url(images/file-blue.gif) no-repeat;
	padding-left: 16px;
}


/* IE6 Info Bar
-------------------------------------------------------------------------------------------------- */

#infobar {
	position: relative;
         left:0;
         text-align:center;
	top: 0px;
	height: 20px;
	width: 100%;
	background-color:#FFC;
	z-index: 35;
	font-size: 12px;
	border-bottom: 1px solid #898649;
	padding: 5px;
}

#infobar a {
	text-decoration:underline;
	color: #000;
}

/* Wordpress Edit Button
-------------------------------------------------------------------------------------------------- */

.buttons {float: left; display: block; list-style: none; margin: 0 0 20px 0; padding:0 0 0 15px;}
*:first-child+html .buttons {float: none;}
.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}
.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}
.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold; color:#01539F;}
.buttons a:hover {background-position: bottom right;}

/* Homepage Sidebar
-------------------------------------------------------------------------------------------------- */

div#main-column div#entryhome {float:left;}
div#main-column div#entryhome p{width:365px;}
div#main-column div#entryhome h1{width:365px;}
div#main-column div#rightsidebar {float:right; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:15px 15px 5px 15px; margin:20px 28px 10px 0; background:#dddddd;}
div#main-column div#rightsidebar p{margin:0;padding:0; width:140px; font:normal 11px arial; line-height:1.4em;}
div#main-column div#rightsidebar div#image img{width:140px; border:none; margin:10px 0 16px 0;border:1px solid #fff;}
div#main-column div#rightsidebar h4 {font:bold 18px arial; margin:0 0 2px 0;text-shadow: 1px 1px 1px #fff;}
div#main-column div#rightsidebar h4 a{text-decoration:none; color:#01539F; display:block; background:url(images/sidebar_arrow.gif) no-repeat right 50%;}
div#main-column div#rightsidebar h4 a:hover{background:url(images/sidebar_arrow_hover.gif) no-repeat right 50%;}

/* Contact Form
-------------------------------------------------------------------------------------------------- */

.entry input, .entry textarea {
padding: 5px;
width: 360px;
font-family: Helvetica, sans-serif;
font-size: 1.0em;
margin: 0;
border: 2px solid #ccc;
}

.entry textarea {
height: 90px;
}

.entry div.wpcf7-response-output {
margin-left: 13px;
font-size: 1.2em;
background:#fff;
padding: 15px;
width: 344px;
text-align:center;
}

.entry div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}

.entry div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}

.entry div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}

.entry div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}

.entry span.wpcf7-form-control-wrap {
position: relative;
}

.entry span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
background: #fff;
border: 1px solid #ff0000;
font-size: 10pt;
width: 280px;
padding: 2px;
}

.entry span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}

.entry span.wpcf7-list-item {
margin-left: 0.5em;
}

.entry .wpcf7-display-none {
display: none;
}

.entry img.ajax-loader {
border: none;
vertical-align: middle;
}