/*
Theme Name: Telcare WordPress Theme
Theme URI: http://www.telcare.co.uk/
Description: The 2010 Telcare WordPress theme
Version: 1.0.0
Author: <a href="http://www.speedieconsulting.co.uk/">Speedie Consulting</a> / <a href="http://netinspired.com/">NetInspired</a>

	Based on the WP theme 960bc v1.6 by Troy Dean
	http://www.guardianwebdesign.com.au/960bc

	It's used as as a starting point for WordPress 
	developers who like the 960 grid system.
	http://www.960.gs
*/

/* for ease of updating into the future we use separate style sheets for colours and typography */

@import url(colours.css);
@import url(typography.css);

/* Begin Structure */

body {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		}

#page {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		}

#header {
		height: 170px;
		width: 100%;
		}

#nav {
	margin-top:37px; }
	
#nav-items {
	margin:0; padding:0; }
	
	#nav-items li {
		float:left;
		margin:0;padding:0; }
		
		#nav-items a {
			display:block;
			height:35px; }
			
			#nav-items span {
				display:none; }
			
			#link-home a {
				background:url('images/sprite_nav.png') 0 5px no-repeat;
				width:110px; }
				
				#link-home a:active, #link-home a:hover, #link-home a:focus, #link-home.selected a {
					background:url('images/sprite_nav.png') 0 -45px no-repeat; }
			
			#link-about a {
				background:url('images/sprite_nav.png') -120px 5px no-repeat;
				width:110px; }
				
				#link-about a:active, #link-about a:hover, #link-about a:focus, #link-about.selected a {
					background:url('images/sprite_nav.png') -120px -45px no-repeat; }
			
			#link-how a {
				background:url('images/sprite_nav.png') -240px 5px no-repeat;
				width:187px; }
				
				#link-how a:active, #link-how a:hover, #link-how a:focus, #link-how.selected a {
					background:url('images/sprite_nav.png') -240px -45px no-repeat; }
			
			#link-maintenance a {
				background:url('images/sprite_nav.png') -440px 5px no-repeat;
				width:149px; }
				
				#link-maintenance a:active, #link-maintenance a:hover, #link-maintenance a:focus, #link-maintenance.selected a {
					background:url('images/sprite_nav.png') -440px -45px no-repeat; }
			
			#link-cases a {
				background:url('images/sprite_nav.png') -600px 5px no-repeat;
				width:150px; }
				
				#link-cases a:active, #link-cases a:hover, #link-cases a:focus, #link-cases.selected a {
					background:url('images/sprite_nav.png') -600px -45px no-repeat; }
			
			#link-contact a {
				background:url('images/sprite_nav.png') -760px 5px no-repeat;
				width:110px; }
				
				#link-contact a:active, #link-contact a:hover, #link-contact a:focus, #link-contact.selected a {
					background:url('images/sprite_nav.png') -760px -45px no-repeat; }

		
/* This hides the 'skip to' links and maintains accessibility */	
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#wrapper {	
	background:#fff url('images/bg_wrapper.gif') left top repeat-x;
	border:1px solid #cecece;
	border-top-color:#eee;
	border-bottom-color:#cdcdcd;
	margin-top:50px;
	margin-bottom:30px;
	padding-bottom:30px; }

#content {
	
		}

#sidebar
{
		text-align: left;
		}

#footer {
		margin:0;
		padding:0 0 40px 0;
		}
		

.post {
		margin: 0 0 40px;
		}

		
	.postmetadata {
		background:#f8f8f8;
		border:1px solid #ccc;
		border-top:1px solid #ddd;
		margin:10px 0 0 0;
		padding:5px 10px; }
		

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}

/* End Structure */

/* Begin Images */
p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left
		}
/* End Images */

/* Begin Lists */

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry li {
		font-size:1.4em;
		list-style-type:disc;
		margin:0 0 0.7em 1.5em;
		padding:0 0 0 0.4em; }

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */
#search {
	background:#fafafa !important;
	background-image: none !important;
	border:1px solid #cacaca;
	margin: 10px auto;
	text-align: left;
	}

#sidebar #searchform {
	margin-bottom:5px; }

#searchform label {
	display:block;
	margin-top:12px;
	margin-bottom:5px; }
	
#sidebar #searchform #s {
		width: 150px;
		padding: 2px;
		}

#sidebar #searchsubmit {
		padding: 1px;
		}
		
#content #searchform {
	background:#ededed;
	border:1px solid #afafaf;
	margin:50px 0 0 30px;
	padding:0 20px 20px 20px; }		
	
	
#content #searchform #s {
		width: 300px;
		margin-right:10px;
		padding: 2px;
		}


.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 5px 5px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 5px 0 10px;
		padding: 15px 10px 5px 15px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}
/* End captions */



/* Custom Telcare Styles */
#headerimg h1 {
	margin:0; padding:0; }

#headerimg a {
	background:url('images/telcare-logo.png') left top no-repeat;
	display:block;
	height:98px;
	width:102px; }
	
	#headerimg a span {
		display:none; }
		
		
#infobox div {
	background:transparent url('images/bg_infobox.png') left top no-repeat;
	height:63px;
	margin-top:18px;
	padding:12px 0 0 16px;
	width:414px; }
	
	#infobox h3 {
		line-height: 1em;
		margin:0 0 5px 0; padding:0; }
		
	#infobox p {
		line-height: 1em;
		margin:0 0 0 5px; padding:0; }
		
		#moreinfo {
			margin-left:20px; }
			
#offer { }
	
	#offer img {
		margin-top:-46px; }
		
#content>div {
	margin-top:30px;
	padding-left:30px; }
	
	#content.homepage>div {
		margin-top:10px;
	}

.home #content h1 {
	margin-top:-20px; }
	
	
#side {
	margin-top:25px; }
	
	#blogMenu {
		background:url('images/bg_blog-nav.png') left top no-repeat;
		border-bottom:1px solid #afafaf;
		margin-right:30px;
		padding:0 20px 10px 20px; }

	#sidebar>ul>li {
		background:url('images/bg_blog-nav.png') left top no-repeat;
		border-bottom:1px solid #afafaf;
		margin-right:30px;
		margin-bottom:20px;
		padding:0 20px 10px 20px; }
		
	#sidebar>ul>li#subMenu {
		background:url('images/bg_submenu-nav.png') left top no-repeat;
		border-bottom:1px solid #787878; }
		

		#sidebar label,
		#sidebar input {
			margin-right:5px; }
			
		#sidebar ul {
			margin:0;
			padding-bottom:5px; }
		
		#sidebar li {
			list-style-type: none;
			margin:0;
			padding:0; }
			
		#sidebar a {
			color:#444; }

			#sidebar>ul>li#subMenu h3 a {
				color:#fff;
				text-shadow:-1px -1px 0px #666; }
		
		#blogMenu ul,
		#blogMenu li {
			list-style-type:none;
			margin:0;padding:0;}

	#sidebar #info {
		background:#fafafa !important;
		background-image: none !important;
		border:1px solid #cacaca;
		border-bottom-color:#afafaf;
		}
		
	#sidebar li.offerimage {
		background:none;
		border:none;
		margin:0; padding:0; }

	
h3#comments,
#respond h3 {
	border-bottom:2px solid #ddd;
	font-weight:normal;
	margin:0 0 10px 0;
	padding-bottom:5px; }
	
h3#comments,
.commentlist {
	margin-left:30px; }		
	
	
#content>p {
	margin-left:30px; }
	

#actionboxes ul {
	list-style-type:none;
	margin:10px 0 0 30px;
	padding:0; }

#actionboxes li {
	background:url('images/bg_action-box.png') right top no-repeat;
	float:left;
	list-style-type:none;
	height:103px;
	margin:0 12px 12px 0;
	padding:12px 15px 15px 15px;
	width:190px;
}



.button.moreinfo a:link,
.button.moreinfo a:visited {
	background:url('images/sprite_buttons.png') 0 0 no-repeat;	
	display:block;
	height:26px;
	width:117px; }
	

.button.moreinfo a:active,
.button.moreinfo a:hover,
.button.moreinfo a:focus {
	background:url('images/sprite_buttons.png') 0 -40px no-repeat; }
	

/* CForms Plugin CSS */
	
.cform {
	background:#f3f3f3;
	border:1px solid #CACACA;
	border-bottom-color:#bababa;
	margin:50px 0 0 30px;
	padding:0 20px 10px 20px; }

.entry .cform {
  margin-left: 0; }	
	
.cform label {
	display:block;
	margin:15px 0 3px 3px; }

.cform fieldset {
	margin: 40px 0 0 0; }

	.cform fieldset:first-child {
		margin-top:20px; }
	
.cform legend {
	padding-bottom:10px; }
	
.cform input.single {
		width: 300px;
		margin-right:10px;
		padding: 2px;
		}
		

.cform textarea {
		width:490px;
		padding: 5px 5px;
		}
		
.cform fieldset.cf_hidden {
	height:0;
	line-height:0;
	margin:0;
	padding:0;}
	
.cform p.cf-sb {
	margin-right:20px;
	text-align:right;}

.cform .cf-ol {
 padding:0;
 margin:0; }

.cform .cf-ol li {
 list-style-type:none;
 padding:0;
 margin:0; }

.cform .cf-ol {
  text-align:left; }


	
.linklove {
	display:none; }
	
	
	
/* Drpdown menu */
ul.topnav li {
	position:relative; }
	
	ul.topnav li ul.subnav {
		display:none;
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 35px;
		float: left;
		z-index:100; }
		
ul.topnav li ul.subnav li{
	background: #666;
	margin: 0;
	clear: both;
 	padding: 0;
	text-align:left;
}
html ul.topnav li ul.subnav li a {
	background:#666 url('images/bg_subnav.png') left top repeat-x !important;
	border-top:1px solid #bbb;
	border-bottom:1px solid #555;
	float: left;
	font-size:0.8em;
	height:28px !important;
	line-height:28px;
	padding:0 15px; }

	html ul.topnav li ul.subnav li a:link,
	html ul.topnav li ul.subnav li a:visited,
	html ul.topnav li ul.subnav li a:active,
	html ul.topnav li ul.subnav li a:hover,
	html ul.topnav li ul.subnav li a:focus {
		color:#fff;
		text-decoration:none; }
		
	html ul.topnav li ul.subnav li a:hover,
	html ul.topnav li ul.subnav li a:focus {
		background-image:none !important;
		background-color:#555 !important; }
		

.ppc-form form {
	position:relative;
	top:-40px;
	width:320px; }		
	
.ppc-form input.single,
.ppc-form textarea {
	width:300px !important; }

.twitter-message {
        font-size:0.8em;
}


