/* CSS Document */

/* Default Styles */

#wpadminbar{
height:0px;
}
html { margin-top: 0px; }
* html body { margin-top: 0px; }
body {
margin: 0px auto;
background:#fff url(bg.gif) top center no-repeat;
color: #696969;
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align:-moz-center;
#text-align:center;
line-height: 16px;
}
a:link{
font-weight:bold;
color: #7F080E;
text-decoration: none;
cursor:pointer;
}
a:visited{
font-weight:bold;
color:#232323;
text-decoration: none;
}
a:hover{
color: #111;
text-decoration: underline;
cursor:pointer;
}
h1, h2{
display:none;
text-indent:-9999px;
}
p{
margin:0;
padding:0;
padding-bottom:10px;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.inline-block{
display:inline-block;
vertical-align:top;
}
.inline{
display:inline;
vertical-align:top;
}
.hide{
display:none;
}
.no-border{
border:none;
}
.no-padding{
padding:0;
}
.no-margin{
margin:0;
}
.italic{
font-style:italic;
color:#444;
}
.uppercase{
text-transform:uppercase;
font-size:1.5em;
}

/* Nav */

#nav-home{
background:url(nav.gif) top right no-repeat;
width:830px;
height:28px;
text-align:right;
}
#nav-sub{
background:url(top-sub.gif) top right no-repeat;
width:580px;
height:28px;
text-align:right;
}
#nav-single-centre{
width:580px;
margin: 0px auto;
text-align:center;
}
.link-home{
width:45px;
height:28px;
}
.link-about{
width:50px;
height:28px;
}
.link-contact{
width:65px;
height:28px;
}

/* Main Page */

#wrapper{
background:url(top-home.gif) top center no-repeat; 
width: 830px;
margin: 0px auto;
text-align:left;
margin-bottom:15px;
}
#wrapper-v2{
background:url(title.gif) top center no-repeat;
width: 830px;
margin: 0px auto;
text-align:left;
margin-bottom:15px;
}
#title{
width:830px;
height:80px;
}
#twitter{
width:415px;
height:70px;
margin-top:5px;
overflow:hidden;
}
#twitter-new{
width:400px;
height:115px;
margin-top:30px;
overflow:hidden;
}
#twitter-newest{
width:400px;
overflow:hidden;
margin-top:0px;
height:140px;
}
.twtr-hd{
display:none;
}
.twtr-ft{
display:none;
}
.twtr-tweet-text{
height:40px;
color: #696969;
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.twtr-user{
display:none;
}
#freelance-alliance{
width:45px;
height:40px;
margin:18px 10px 0 0;
}
#linkedin{
width:39px;
height:40px;
margin:18px 8px 0 0;
}
#pph{
width:40px;
height:40px;
margin:18px 8px 0 0;
}
#lastfm{
width:40px;
height:40px;
margin:18px 8px 0 0;
}
#lastfm-song{
width:730px; 
height:35px; 
background:url(header-home-lastfm.png); 
background:url(header-home-lastfm.png) no-repeat;
_background:url(header-home-lastfm.gif) no-repeat;
border:0; 
margin-bottom:15px; 
text-align:left; 
float:left; 
padding-left:100px;
}
#lastfm-new{
border:0; 
margin-bottom:15px 0 15px; 
text-align:left; 
float:left; 
padding:0 8px 0 8px;
*width:390px;
height:110px;
overflow:hidden;
}
#lastfm-new ul li, #lastfm-new ul, #lastfm-new li, #lastfm-new ul.li{
border:0; 
margin:0;
padding:0;
padding-bottom:2px;
}
#lastfm-song a{
color:#fff;
}
#lastfm-song a:hover{
color:#ccc;
}
#lastfm-new a{
color:#fff;
}
#lastfm-new a:hover{
color:#ccc;
}
#lastfm-link{
width:100px; 
height:35px; 
border:0;
float:right;
}
.sub-padding #clients{
margin:0px;
padding:0px;
border:none;
}
.sub-padding #clients img{
margin:0px;
padding:0px;
border:none;
}
#recent{
width:826px;
/*height:160px;*/
background:#efefef;
border:1px dashed #999;
margin-bottom:15px;
text-align:left;
float:left;
padding-left:4px;
}
#recent img{
margin:8px 1px 8px 5px;
border:1px solid #999;
}
#recent-design{
width:416px;
min-height:335px;
background:#efefef;
border:1px dashed #999;
margin-bottom:15px;
text-align:left;
float:left;
padding-left:4px;
}
#recent-design img{
margin:8px 1px 8px 5px;
border:1px solid #999;
}
#header-home-recent{
background:url(header-home-recent.png) no-repeat;
_background:url(header-home-recent.gif) no-repeat;
width:830px;
height:25px;
padding-bottom:10px;
}
#header-home-work-archives{
background:url(header-home-work-archives.png) no-repeat;
_background:url(header-home-work-archives.gif) no-repeat;
width:830px;
height:25px;
padding-bottom:10px;
}
#header-home-other-nonsense{
background:url(header-home-other-nonsense.png) no-repeat;
_background:url(header-home-other-nonsense.gif) no-repeat;
width:830px;
height:25px;
padding-bottom:10px;
}
#header-home-recent-design{
background:url(header-home-recent-design.png) no-repeat;
_background:url(header-home-recent-design.gif) no-repeat;
width:420px;
height:25px;
padding-bottom:10px;
}
#header-home-recent-life{
background:url(header-home-recent-life.png) no-repeat;
_background:url(header-home-recent-life.gif) no-repeat;
width:400px;
height:25px;
padding-bottom:10px;
}
#header-home-recent-music{
background:url(header-home-recent-music.png) no-repeat;
_background:url(header-home-recent-music.gif) no-repeat;
width:420px;
height:140px;
padding-bottom:10px;
}
#header-home-recent-twitter{
background:url(header-home-recent-twitter.png) no-repeat;
_background:url(header-home-recent-twitter.gif) no-repeat;
width:400px;
height:25px;
padding-bottom:10px;
}
#header-home-freelance{
background:url(header-home-freelance.png) no-repeat;
_background:url(header-home-freelance.gif) no-repeat;
width:410px;
height:25px;
padding-bottom:10px;
}
#header-home-bauer{
background:url(header-home-bauer.png) no-repeat;
_background:url(header-home-bauer.gif) no-repeat;
width:410px;
height:25px;
padding-bottom:10px;
}
#header-home-misc{
background:url(header-home-misc.png) no-repeat;
_background:url(header-home-misc.gif) no-repeat;
width:200px;
height:25px;
padding-bottom:10px;
}
#header-home-b3ta{
background:url(header-home-b3ta.png) no-repeat;
_background:url(header-home-b3ta.gif) no-repeat;
width:200px;
height:25px;
padding-bottom:10px;
}
#header-home-drillboy{
background:url(header-home-drillboy.png) no-repeat;
_background:url(header-home-drillboy.gif) no-repeat;
width:200px;
height:25px;
padding-bottom:10px;
}
#header-home-tincity{
background:url(header-home-tincity.png) no-repeat;
_background:url(header-home-tincity.gif) no-repeat;
width:200px;
height:25px;
padding-bottom:10px;
}
#header-home-twitter{
background:url(header-home-twitter-400.png) no-repeat;
_background:url(header-home-twitter-400.gif) no-repeat;
width:415px;
height:25px;
margin-top:40px;
}
.social-media{
background:url(social-media.png) no-repeat;
_background:url(social-media.gif) no-repeat;
width:179px;
height:25px;
margin-top:10px;
}
.social-media-sub{
margin:-22px 0 0 225px;
}
.pods{
width:200px;
background:#efefef;
border:1px dashed #999;
margin-bottom:15px;
text-align:left;
float:left;
}
.pods img{
margin:0 3px 8px 7px;
border:1px solid #999;
}
.podtitle{
margin:10px 0 0 8px;
}
.podlink img{
padding:0 10px 0 0;
border:none;
margin-bottom:-3px;
*margin-bottom:0;
_margin-bottom:0;
}

/* Shift Pods */

.leftmargin6{
margin-left:6px;
}
.leftmargin9{
margin-left:9px;
}
.toppadding9{
padding-top:9px;
}

/* Recent Life */

#recent-life{
width:390px;
min-height:327px;
_height:327px;
background:#efefef;
border:1px dashed #999;
margin-bottom:15px;
text-align:left;
float:right;
padding:8px 0 0 8px;
position: relative; 
}
#recent-life img{
margin:0 1px 2px 4px;
border:1px solid #999;
}
#recent-life p{
width:380px;
padding:0 0 6px 2px;
}
.recent-life-headline{
font-size:1.4em;
}
.recent-life-content{
line-height:13px;
margin-bottom:5px;
}
#recent-life ul{
border:0; 
margin:0;
padding:0;
padding-left:2px;
font-size:1.1em; 
list-style-type: none;
}
#recent-life ul li{
padding-bottom:1px;
list-style-type: none;
}
#recent-life ul .more{
font-size:0.8em; 
}
#recent-life ul .more-dark{
color:#333; 
}
.recent-life-all{
width:75px;
height:13px;
background:url(all-stories.gif) no-repeat;
text-indent:-9999px;
margin:-4px 15px 0 0;
position: absolute; 
bottom: 0;
right:0;
float:right;
margin-bottom:15px;
}

/* Footer*/

#footerwrapper{
text-align:center;
height:25px;
margin-bottom:10px;
*width:830px;
_width:580px;
}
#footer{
background-color:#333;
color:fff;
text-align:center;
height:20px;
padding-top:5px;
*width:830px;
_width:580px;
}
#footer a:link{
font-weight:bold;
color: #fff;
text-decoration: none;
cursor:pointer;
}
#footer a:visited{
font-weight:bold;
color:#ccc;
text-decoration: none;
}
#footer a:hover{
color:#fff;
text-decoration: underline;
cursor:pointer;
}
#footerleft{
background:url(footer-left.gif) no-repeat;
width:6px;
height:25px;
* display:none;
_display:none;
}
#footerright{
background:url(footer-right.gif) no-repeat;
width:6px;
height:25px;
* display:none;
_display:none;
}
.footer-display{
* display:none;
_display:none;
}
#copyright{
color:#333;
text-align:center;
}

/* CSS for Sub Pages*/

#sub-wrapper{
width: 580px;
margin: 0px auto;
text-align:left;
margin-bottom:10px;
}
/* Sub Title Headers */
.title-sub{
width:580px;
height:60px;
margin:10px 0;
}
#title-about{
background:url(header-about.gif) top center no-repeat;
}
#title-b3ta{
background:url(header-b3ta.gif) top center no-repeat;
}
#title-bauer{
background:url(header-bauer.gif) top center no-repeat;
}
#title-contact{
background:url(header-contact.gif) top center no-repeat;
}
#title-drillboy{
background:url(header-drillboy.gif) top center no-repeat;
}
#title-freelance{
background:url(header-freelance.gif) top center no-repeat;
}
#title-misc{
background:url(header-misc.gif) top center no-repeat;
}
#title-tincity{
background:url(header-tincity.gif) top center no-repeat;
}
#title-send{
background:url(header-send.gif) top center no-repeat;
}
#title-404{
background:url(header-404.gif) top center no-repeat;
}
#title-stories{
background:url(header-stories.gif) top center no-repeat;
}
/* Content*/
#sub-bottom{
width:580px;
background:#efefef;
border:1px dashed #999;
margin:0 0 15px 0;
padding:0 0 35px 0;
text-align:left;
}
#sub-bottom img{
margin:8px 0px 0px 8px;
border:1px solid #999;
}
#sub-bottom .sublink img{
padding-right:20px;
border:none;
vertical-align:top;
float:right;
}
.sub-padding{
padding:15px 15px 0 15px;
}
.sub-padding ul{
margin:0px;
}
/* Contact */

/* Form */

.field {
background-color:#fff; 
color:#777; 
border: 1px solid #ccc; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: bold;
width: 150px;
}
#mailform img, .field img{
border:none;
}
.red{
color:#900;
}
.error{
text-transform:uppercase;
font-size:1.2em;
}

/* Tooltips */

.tooltip {
display:none;
z-index:10;	
background:transparent url(../../tooltip/black_arrow_small_alt.png) no-repeat;
font-size:9px;
line-height:11px;
color:#fff;
height:60px;
width:120px;
padding:32px 15px 0 15px;
text-align:center;
}

/* Hover State */

a:hover img, #recent a:hover img, #sub-bottom a:hover img{
	border: 1px solid #000;
}
a:hover img.no-hover, #sub-bottom a:hover img.no-hover{
	border:none;
}
/* Form */
.power {
	visibility: hidden !important;
}

/* WordPress */
/* wp-head fix */
html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }
/* Form */
#contact-form{
	width:300px;
	min-height:500px;
	margin-top:25px;
}
.form-fix{
	margin-bottom:5px;
}
#text-name, #text-email, #text-postcode, #text-message, #text-captcha, .text-name {
	vertical-align:text-top;
	border:2px solid #333;
	width:200px;
	float:right;
}
.wpcf7-text, .wpcf7-validates-as-required, .captcha {
	vertical-align:top;
	font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#text-captcha {
	border:2px solid #333;
	width:70px;
	float:right;
	margin-top:5px;
	display: block;
}
#captcha {
	margin-right:50px;
	display: block;
}
.wpcf7-submit {
	margin-left:530px;
	width: 110px;
	height: 40px;
	background: url(http://www.telekin.co.uk/images/contact-submit.gif) no-repeat center;
	border:none;
	font-size: 1%; 
	line-height: 0; 
	/* text-align: right; */
	text-indent: -10000px;
	display: block;
	cursor:pointer;
} 
.right {
	text-align:right;
}
.wpcf7-form, wpcf7 {
	margin:10px 0;
	width:420px;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	color:#47C113;
	border: none;
}
div.wpcf7-mail-sent-ng {
	border: none;
}
div.wpcf7-spam-blocked {
	border: none;
}
div.wpcf7-validation-errors {
	border: none;
	margin:0;
	padding:0;
}
.wpcf7-not-valid-tip-no-ajax{
	font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
	text-align: right;
	margin-top:5px;
	color:#7F0822;
}
.wpcf7-validation-errors{
	color:#7F0822;
}
/* Single Page */
#sub-single-wrapper{
min-width:616px;
margin: 0px auto;
text-align:center;
margin-bottom:10px;
}
.single-post-graphic{
background:#efefef;
border:1px dashed #999;
padding:5px;
margin: 0px auto;
margin-bottom:20px;
text-align:center;
display:block;
*padding-top:20px;
_padding-top:20px;
margin-top:10px;
min-width:616px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
.single-post-graphic img{
border:1px solid #999;
}
#single-post-content{
min-width:616px;
margin: 0px auto;
}
#single-post-content h3{
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:15px 0;
}
.single-post-author{
margin:-10px 0 0 10px;
text-align:left;
font-style:italic;
}
#comments-box{
width:600px;
background:#efefef;
border:1px dashed #999;
margin-top:50px;
padding:5px 15px 15px 15px;
margin: 0px auto;
margin-bottom:10px;
text-align:left;
display:block;
}
.reply{
margin-bottom:10px;
}
.comment-body{
text-size:1.2em;
color:#000;
}
.comment-form-comment label{
margin-right:5px;
vertical-align:top;
}
.comment-form-comment textarea{
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
border:2px solid #333;
width:450px;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
font:bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
border:2px solid #333;
width:200px;
}
.single-home-link {
	border:none;
}
/* Comment on image */
.thumb-fix{
	margin:0;
	padding:0;
	width:60px;
	display:inline-block;
	*display: inline;
	_display: inline;
	*float:left;
	_float:left;
	*width:62px;
	_width:62px;
}
.thumb-fix-flash{
	margin:0;
	padding:0;
	width:186px;
	display:inline-block;
	*display: inline;
	_display: inline;
	*float:left;
	_float:left;
	*width:188px;
	_width:188px;
}
.thumb-fix-recent{
	width:134px;
}
.new-thumb{
	margin:8px 0 0 8px;
}
.new-thumb-home{
	margin:0;
	margin:8px 0 0 8px;
}
.comment-link {
	margin:6px 0 3px 0;
	padding:0 0 0 17px;
	width: 48px;
	height: 5px;
	background: url(http://www.telekin.co.uk/images/comment.gif) no-repeat center;
	border:none;
	font-size: 1%; 
	line-height: 0;  
	text-indent: -10000px;
	cursor:pointer;
	display:block;
	text-align:left;
	*zoom: 1;
	_zoom: 1;
} 
.comment-link-home {
	margin:0 0 10px 0;
	padding:0 0 0 17px;
	width: 48px;
	height: 5px;
	background: url(http://www.telekin.co.uk/images/comment.gif) no-repeat center;
	border:none;
	font-size: 1%; 
	line-height: 0;  
	text-indent: -10000px;
	cursor:pointer;
	display:block;
	text-align:left;
	*zoom: 1;
	_zoom: 1;
}
.comment-link-home-recent {
	margin:0;
	margin:0 -8px 10px 0;
	padding:0 0 0 17px;
	width: 48px;
	height: 5px;
	background: url(http://www.telekin.co.uk/images/comment.gif) no-repeat center;
	border:none;
	font-size: 1%; 
	line-height: 0;  
	text-indent: -10000px;
	cursor:pointer;
	display:block;
	text-align:left;
	float:right;
	*zoom: 1;
	_zoom: 1;
}
.comment-link-flash {
	margin:0;
	margin:6px -8px 3px 0;
	padding:0 0 0 17px;
	width: 48px;
	height: 5px;
	background: url(http://www.telekin.co.uk/images/comment.gif) no-repeat center;
	border:none;
	font-size: 1%; 
	line-height: 0;  
	text-indent: -10000px;
	cursor:pointer;
	display:block;
	text-align:left;
	float:right;
	*zoom: 1;
	_zoom: 1;
}
.comment-link-home-recent a:hover {
	display:none;
}

/* Posts */
#single-post-text-content{
width:600px;
text-align:left;
margin:5px 0 10px 10px;
}
#add-this{
margin-top:15px;
text-align:left;
}
.sub-page-gallery{
margin:10px 10px 10px 0;
padding:10px 10px 10px 0;
float:left;
}

blockquote {
padding:5px 10px;
background:#ddd;
}

/* Black Chalk */
#black-chalk{
background:url(header-home-black-chalk.gif) top left no-repeat;
width:830px;
height:170px;
margin-bottom:10px;
}
#black-chalk h2{
display:none;
height:0;
width:0;
}
#black-chalk-left{
width:255px;
height:170px;
}
#black-chalk-left .logo{
width:255px;
height:100px;
padding-bottom:8px;
}
#black-chalk-left .facebook{
width:35px;
height:35px;
margin-left:4px;
}
#black-chalk-left .twitter{
width:35px;
height:35px;
margin-left:22px;
}
#black-chalk-right{
width:565px;
padding:20px 0 0 5px;
overflow:hidden;
}
#black-chalk-right img{
border:1px solid #fff;
margin-right:10px;
}