/*
Theme Name: Jonathan Harris V3
Theme URI: .uk
Description: This site was designed specially for this site.
Version: 3.0
Author: Jonathan Harris
Author URI: http://jonathandavidharris.co.uk
Tags: blue, custom header, fixed width, two columns, widgets


*/

/* Begin Typography & Colors */
html{
		font-size: 15px;
		background: #444 url('images/header-center.jpg') repeat center top;
}

@font-face {
	font-family: 'Steinem Roman';
	src: url('STEINEM.eot');
	src: local('Steinem Roman'), 
		 local('Steinem'), 
		 url('STEINEM.woff') format('woff'), 
		 url('STEINEM.ttf') format('truetype'), 
		 url('STEINEM.svg#Steinem') format('svg');
}


h1{
	font-size: 2em;
}
h1 a {  	
	color:#000000 !important;
}
h1 a,.linkspanel h5{
	font-family:"Steinem Roman",Palatino,Baskerville,"Gill Sans MT","Franklin Gothic",Georgia,sans-serif;
}

body{
	font-family: "Trebuchet MS",helvetica,sans-serif;
	margin: 0px;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
}
.dis1 strong,.main a[rel~="extrenal"]:hover{text-shadow:2px 2px #ddd;}

#wrapper{
	width: 960px;
	margin: 10px auto;
	background: #666666 url(images/lo.jpg) repeat-x;
	-moz-border-radius:1em;
	-opera-border-radius: 1em;
	border-radius: 1em;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 2em 0 #000000;
	-webkit-box-shadow: 5px 5px 10px #000000;
	box-shadow: 0 0 2em 0 #000000;
}
a, a.link, a:link, a:visited {
	color:#498929;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#FF0000;
	text-decoration:none;
}
::selection{ 
	background: #498929; 
	color: #ffffff; /* Safari */ 
}
::-moz-selection{ 
	background: #498929; 
	color: #ffffff; /* Firefox */ 
}
.main a[rel~="extrenal"],.outlink { 
	padding-right: 12px; 
	background-image: url(/img/style/extlink.png);
	background-position: right center;
	background-repeat: no-repeat;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;	
}
a img{
	border: 0px solid;	
}

.header * {
margin:0;
padding:0;
}
#navigation {
	margin:0px;
	background: #eee;
	border: 1px solid #ccc;
	height:31px;
}
#menus li {
	display:inline;
	list-style:none;
	font-family:lucida Grande,"Lucida Fax",Verdana,Helvetica;
}
#menus li a {
	background:transparent url('images/menu.gif') no-repeat 0px -62px;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:0.7em;
	float:left;
	z-index:1;
}
#menus li a:hover,#menus li.current_page_item a:hover, #menus li.current-cat a:hover{
	background-position:0 -31px;
}
#menus li.current_page_item a, 
#menus li.current-cat a {
	background-position:0 0px;
}
#menus li a.home {
	background-position:0 -155px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover,#menus li.current_page_item a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -93px;
}
#menus li a.lastmenu:hover {
	background-position:0 0;
}
#menus .lastmenu img{
	padding: 8px 0px;	
}
#searchbox {
	float:right;
position:relative;
right:-14px; padding-right:15px; padding-top: 2px;
top:-8px;
width:180px;
}
.textfield {
	line-height:16px;
	width:150px;
	height: 18px;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-topleft:0.3em;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}

/* header END */

/* submenu START */
#menus li ul {
	display:none;
	background:#F4F5F7;
	border:1px solid #CCC;
	border-top-color:#A6A6A6;
	padding:0 5px;
}
#menus li li {
	float:none;
	margin:0 !important;
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
#menus li li a {
	float:none;
	display:block;
	padding:5px;
	text-decoration:none;
	width:150px;
	font-size:12px;
	border-style:solid;
	border-color:#DDD;
	border-width:1px 0 0;
	margin:0;
	background-image:none;
	height:20px;
	line-height:20px;
}
#menus li li.first a {
	border-top:none;
}
#menus li li a:hover {
	font-weight:bolder;
}

.clear{
	clear:both;
}	
#caption{
	padding: 25px;
	font-family:"STEINEMU",Palatino,Baskerville,Georgia,"Times New Roman",sans-serif;
}
.sumbitsearch{
	background-color:transparent;
	border:medium none;
	height:24px;
	position:relative;
	right:5px;
	top:5px;
	width:26px;
}	
.green,input[type="submit"],input[type="reset"],div.next a,.navlinks a{
	color: #FFFFFF;
	background: #2FAD26 url(/img/style/button.gif) repeat-x;
}
.green,input[type="submit"],input[type="reset"]{	
	padding: 2px;
	margin: 0px;
	font-weight:bold;
	text-transform:uppercase;
	border: 1px solid #53B256;
	cursor: pointer;
}
.green:hover,input[type="submit"]:hover,input[type="reset"]:hover,div.next a:hover,.navlinks a:hover{
	background: #666;
	border: 1px solid #333;
}
/*SEARCH*/
#navigation #search{
	position:relative;
	float:right;
	width:265px;
	top:3px;
	right:-14px;
}

#navigation #search input{
	height:18px;
	width:105px;
	text-align:left;
	padding-right:5px;
	padding-top:4px;
	padding-left: 5px;
	color:#999;
	
}

#navigation #search input:focus{
	color:#000;
	
}	

#navigation #search #searchSubmit{
	width:26px;
	height:24px;
	position:absolute;
	right:32px;
	top:-4px;
	*top: -3px;
	border:none;
	background-color:transparent;
}

#navigation #search #searchSubmit:hover{
	opacity: 0.85;
}
.longsdi{
	display: none;
}

#s,.fontResizer a {
	border: 1px solid #ccc;	
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.nojava{
	background: #fff;
	padding: 20px 30px 0px;	
	font-weight: bold;
}
.main{
	padding: 20px;
	min-height: 100px;
	font-family:Corbel,Verdana,Arial,sans-serif;
	background-color: #fff;
	word-wrap: break-word;
}
.cols{
	background: #fff url(images/monkey3.png) repeat-y right top;
}
.page3{
	padding: 5px 175px 5px 30px;
	background: #ffffff url(/img/style/network.jpg) no-repeat 760px 20px; 
	font-size: 1.25em;
}
.page3 a{
	background:#a0b297;
	color: #fff;
	padding: 0px 5px;
	-moz-border-radius: 0.3em;
	-webkit-border-radius:7px;
	border-radius: 7px;
}
.page3 a:hover{
	background: #ccc;
}
.cols #content{
	width: 600px;
	float: left;	
}
.pannels{
	float: left;
	padding: 8px;	
}
.pannel1{
	width: 13%;	
}
.pannel3{
	width: 23%;	
}
.pannel2{
	width: 58%;	
}
.linkspanel{ background: #000; color: #fff; font-size: 1em; padding: 6px 45px; font-family:"Trebuchet MS",helvetica,sans-serif; font-size: 0.9em; }
.linkspanel h5{
	font-size: 1.2em;
	margin: 3px 0px 5px 2px;	
}
.linkspanel	.projects a img{
	border: 1px solid grey;
}
.linkspanel .projects a img{
	width: 115px;
	margin: 1px 3px;
	height: 85px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.496094))) 0 0 0 0 stretch stretch;	
}
.slide{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
}
.slide:hover{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	z-index: 2;
}

.projects{margin: 0px}
.linkspanel li{ margin: 0px;}
ol{margin: 0px; padding: 0;}
.footerlinks1 li{
	list-style:none; margin: 0px;
	color:#BCBCBC;
	font-size:0.85em;
	font-weight:bold;
	padding:2px 18px;
	text-transform:capitalize;
}
ol li,.copyright{
line-height: 20px;
}
ol li{
	list-style:none; 
	margin: 0px;
	color:#BCBCBC;
	font-size:0.85em;
	font-weight:bold;
	padding:4px 0px;
	text-transform:capitalize; 

}
ol .page_item a{
	padding:1px 0 1px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
ol .page-item-129 a{
	background-image:url(http://www.spacedmonkey.co.uk/style/site_map.gif);
}
ol .page-item-126 a{
	background-image:url(http://www.spacedmonkey.co.uk/style/help16.gif);
}
.wordpressps a{
	background-image:url(http://www.spacedmonkey.co.uk/style/wp.png);
}
.footerlinks1 li{
	float:left;
	border-left:1px solid grey;
}
.first{
	border: 0 none !important;
}
.list{
	margin: 0px; 
	padding: 5px 15px;
}
.listpage{
	margin: 0px;
	padding:1px;	
}
.listpage li{
	list-style: square inside url(images/icon_sidenote.gif);
	padding-left: 5px;	
}
.singles .lightbox{
	width: 310px;	
}
.applelogo{
display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.applelogo{display: inline;}
.applelogo a{ height: 20px; width: 16px; background: url('images/apple.png') no-repeat center center; display: block;}

}

.feedicon{
	display:inline;
	float:left;
	left:20px;
	position:relative;
	top:-27px;	
}
.projects{
	margin: 0px;
	padding: 0;	
}
.projects li{
	display:block;
	float:left;
	list-style:none;
	margin: 0px;
}
.footer{
	padding: 10px 20px;	
	font-family:"Gill Sans MT","Franklin Gothic",Helvetica,Arial,sans-serif;
	font-size: 0.85em;
}
.footer a{
	color: #ffffff;
}
.footer a:hover{
	color: #bbb;
}
.copyright{
	float: left;	
}
.footerlinks{
	float: right;	
}
.footerlinks a{
	color: #ffffff;	
}
.linkbox img {
height:36px;
width:36px;
}

.col{ float: left; width: 600px;}
#sidebar{float: right; width: 260px; padding: 0px 10px; font-size: 0.9em;}
.profilepic{border: 4px double #666; float: right;  margin: 4px 12px 4px 2px;}
.profile3{	float: left;}

h2,h2 a {color: #000000;}
.dis {
 margin-left: 320px;
 color: #000000;
 text-align:left;
 vertical-align:text-top;
 font-size: 1.1em;
}
.dis1 {
 margin-left: 320px;
 color: #000000;
 text-align:left;
 vertical-align:text-top;
 font-size: 1.1em;
 padding-left: 15px;

}
.disdes p,.dis2 p{ margin: 5px 0px 15px 0px; padding: 0;}
.site {
 border-bottom: 1px solid #000;
 padding-bottom: 15px;
 margin: 15px 0px;
 clear: both;
 float: left;
 width: 100%;
}
.site1{
	clear: both;
	display: block; margin-top:10px;}
.btext {
 font-weight: bold;
 color: #00FFFF;
 font-size:110%;
}
.clear{
	clear: both;
}
.sitelist{ padding: 3px 15px;}
.changer .Portfolio img,.changer .Grid img{background-color:#E2EAFD;}
.stuff fieldset { border:0;margin:0;padding:0; }
.stuff label { display:block; }
.enlarge,.add,.more-link{ padding-left: 18px;}
.enlarge{background: url(/img/style/enlarge.gif) center left no-repeat;}
.backlink{background: url(/img/style/back.gif) center left no-repeat; display:block; margin-bottom: 5px; padding: 2px 20px;}
.add,.add:focus,.add:hover,.add:active,.more-link{ background: url(/img/style/add.gif) center left no-repeat; color:#498929;}
.min{ background: url(/img/style/remove.gif) center left no-repeat !important;}
.iconpad{ padding: 2px 23px; background: no-repeat left center;}
.iconpad:first-letter{	text-transform:uppercase;}
.iconsm{padding-left: 17px;}
.copy img{ height:1em; margin: 0px; padding: 0;text-decoration: none; border: 0px; }
.myphoto{margin: 4px; border: 1px solid #ccc; padding: 4px; height: 9em;}
.host strong{ display: none;}
.mac{	float: right; padding: 0; margin: 5px 0px;}
#emailme,#content .vcard .email{ background-image: url(/img/style/emaili.gif);}
#facebookme{ background-image: url(/img/style/face1.gif);}
#skypeme{ background-image: url(/img/style/skype.gif);}
#msnme{ background-image: url(/img/style/msn1.jpg); }
#myspaceme{ background-image: url(/img/style/myspace.gif);}
#myvcard{ background-image: url(/img/style/vcard.gif); padding-left: 25px;}
.headerul{
	display: none;
}
.site2{width:760px;}
.site2 a img{width: 240px; height: 160px;   z-index: 1;}
.thumb,.thumbnail{float:left;

margin:4px;
padding:0px;
position:relative; text-align: center; 
}
.thumb img{
	border: 1px solid #000; 	
}
.grids img{
	border: 1px solid #000000;
	width: 300px;
	height: 200px;
	margin: 1px;
}
.foot2 img{ width: 95px; height: 75px;}
.gallery br,.gallery br[style]{
	display: none;
	clear: none !important;
	white-space:nowrap;
	visibility:hidden;	
}
.testings .gallery .gallery-item:first-child{
	display: none;
	visibility:hidden;
}
.gallery img{border: 1px solid #000 !important;}
.result { display: block; margin-top: 15px; }
.leftlink{ float: left; text-align: left;}
.rightlink {float: right; text-align: right;}
.next{margin: 10px;height: 25px; clear: both;}
.dddd{
	background-color:#498929;
	
}
div.next a,.navlinks a
{
	border:1px solid #000000;
	padding:0.2em 1em;
}

div.next a:hover,div.next a:active,div.next a:focus{background:#808080;}
.navlinks a:first-child,.navlinks a:only-child{
	float:left;
}
.navlinks a:last-child{
	float: right;
}
.thumb span.cap {
  display: none;
}
.thumb:hover span.cap {
  display: block;
  position: absolute;
  border: 2px solid #222;
  right: 0;
  top: 0;
  z-index: 2;
  text-align: left;
  opacity: 0.9;
  padding: 4px 6px;
  background:  black;
  color: #ffffff;
  height: 77px;
  width: 102px;
  font-weight: bold;
  font-size: 8px !important;
  margin: 1px 3px;
}
.cap span{
	margin: 0px 0px 3px 0px;
	display: block;
}
.cap strong{
	color:#F54997;
	font-size: 1.2em;
	padding-bottom: 0.1em;
}
.top {
		background:transparent url('images/arrow_up.gif') no-repeat scroll left center;
		padding-left:14px;
	} 
	label{
		width: 180px;
		float: left;	
	}
	.main input[type="text"],#wpcf_your_name,#wpcf_email,#wpcf_website,#wpcf_msg,#wpcf_not_spam{
		border: 1px solid #888;	
		padding: 5px 4px;
		-moz-border-radius: 0.4em;
		-webkit-border-radius:4px;
		border-radius: 4px;
		background: #fff url(bgs.png) repeat-x scroll 0 0;
	   -moz-box-shadow: 2px 2px 5px #c9c9c0;
    	-webkit-box-shadow: 2px 2px 5px #c9c9c0;
	    box-shadow: 2px 2px 5px #c9c9c0;

	}
	#wpcf_not_spam{
		margin: 0px;	
	}
	.line{
		margin: 8px 0px;	
	}
.testcol{ width: 30%; float: left;}
.tagcloud{width: 40%; float: left;}
.novis{
	visibility: hidden;
}
.gallery-caption,.nodisplay{
	display: none;
	visibility: hidden;
	height: 0px;
}
.speaker{
	background: transparent url(arr2.gif) scroll 0 0 no-repeat;
	float:left;
	height:22px;
	margin-left:-20px;
	margin-top:35px;
	width:22px;
}
.thumb a img,.taggedlink img{
	opacity: 1;
  -webkit-transition: opacity 1s linear;
}
.works1:hover,.thumb a img:hover,.linkbox img:hover{
	opacity: 0.6;
}
dt{
	float: left; 
	width: 130px
}
#flickr img{
       width: 80px; 
       height: 60px;
       border: 1px solid #000000;
}
#flickr a{
 margin-right: 10px;
}
/* End captions */

dl{
	margin: 9px 0px;
}
.ziplink a{
	padding-left: 22px;
	background: url('images/compress.png') no-repeat left center;	
}
#tweet{
	margin: 0px; 
	border: 1px solid #aaa; 
	padding: 5px	
}
.fontResizer { display: block; position: relative; top: 0; right: 0; }
.fontResizer a { display: block; float: left; width: 22px; height: 22px; text-align: center; line-height: 22px; color: #666; text-decoration: none; margin-right: 5px; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #DDD; }


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */