/*
Theme Name: Thames Card Technology
Description: Thames Card Technology Website Design Theme
Version: 1.1
Author: Inmeres
Author URI: http://www.inmeres.com
*/

/* yahoo css reset  -  start*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, label { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul, li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* yahoo css reset  -  end*/



/*type*/

h1, h2, h3, h4, h5, h6 {
	color: #555;
	font-weight:normal;
}
h1 {
	font-size:18pt;
	line-height: 22pt;
}
h2 {
	font-size:16pt;
	line-height: 25pt;
}
h3 {
	font-size:14pt;
	line-height: 18pt;
}
h4 {
	font-size:12pt;
	line-height: 16pt;
}
h5 {
	font-size:10pt;
	line-height: 14pt;
}
h6 {
	font-size:8pt;
	line-height: 12pt;
}

p {
	margin-top:10px;
}
a:link, a:active, a:visited {
	color: #222222;
	text-decoration: none;
}
a:hover {
	color: #999;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
strong em, em strong {
	font-weight:bold;
	font-style:italic;
}
blockquote {
	background-color:#555555;
	color:#CCCCCC;
	font-size:14pt;
	line-height:20pt;
	margin:20px;
	padding:20px;
	text-align:center;
	text-shadow:#000 -1px 1px 0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.entry {
	text-align:justify;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry a:link, .entry a:active, .entry a:visited {
	color:#96BF00;
	text-align:left;
	margin-top: 10px;
}
.entry a:link {
	margin-top:0;
}
#content ul li {
	list-style-position:inside;
	list-style-type:disc;
	list-style-image:none;
	margin-top: 5px;
}
#content ol li {
	list-style-position:inside;
	list-style-type: decimal;
	list-style-image:none;
	margin-top: 5px;
}

#content ol li, #content ul li {
	margin-left:50px;
}
.wp-caption-text {
	font-size:8pt;
	line-height:11pt;
	padding-right: 10px;
}
/*type end*/
/*form start*/
form {
 text-align:left;
}

textarea {
	width:99%;
	padding: 3px;
	font-size:12pt;
	background-color:#ccc;
	color:#333;
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	border: 1px inset;
	height:120px;
	}
	#content textarea {
		margin-top: 10px;
	}
input {
	width:98%;
	padding: 3px;
	font-size:12pt;
	background-color:#ccc;
	color:#333;
	border: 1px inset;
}
#searchsubmit {
	width: 40px;
	height: 40px;
	float:right;
	border: 0 none;
	padding:0;
}
#s2 {
	padding: 3px;
	font-size:12pt;
	margin: 25px 0;
	background-color:#333333;
	color:#FFFFFF;
}
.submit, #submit {
	background:transparent url(images/side_highlight_repeat.png) repeat-y scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:11pt;
	height:30px;
	padding:0 10px 0 0;
	text-align:right;
	width:100%;
}
#searchsubmit2, #submit, #contact0 {
	background-color: #12364D;
	background-image:none;
}
#contact-form .field {
}
label {
	width:100%;
	float:left;
}
#contact-form .error {
	background: #e9b2b7 url(images/error.png) top right no-repeat ;
	border: 4px solid #be1e2d;
	padding: 25px;
	margin: 10px 0;
	color:#BE1E2D;
	font-size:12pt;
}
#simple-contact-form .error {
	color:#BE1E2D;
}
#simple-contact-form .error input, #simple-contact-form .error textarea {
	border:1px solid #BE1E2D; 
	background: #e9b2b7 url(images/error.png) top right no-repeat ;
	color:#333;
}
#simple-contact-form form {
	width:175px;
}
#simple-contact-form textarea, #simple-contact-form input, #simple-contact-form label {
	margin-left: 20px;
}
#simple-contact-form .submit {
	margin:0;
	width:220px;
}
p.thankyou {
	margin:0;
	padding:0 60px 0 20px;
	color:#009900;
	font-size:12pt;
}

/*form end*/


/*table start*/

table {
	border-collapse:collapse;
	width:99%;
	border:0 none;

}

th, td {

}

col {

}

thead {
	border-bottom:1px solid #000;
	font-weight:bold;

}
th {
	text-align:left;

}
.odd {
	background-color:#F6F6F6;

}
tr:hover {
	background-color:#230022;
	color:#FFFFFF;

}
thead tr:hover {
	background-color:transparent;
	color: inherit;

}
dl.table-display
{
width: 100%;
margin: 0;
padding: 0;
clear:both;
}

.table-display dd, .table-display dt
{
float: left;
width: 45%;
margin: 0 0 0 0;
padding: 10px;
border-top: 1px solid #f0f0f0;
}
/*table end*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 20px;
	}

img.alignright {
	margin: 25px 0 20px 50px;
	display: inline;
	}

img.alignleft {
	margin:25px 50px 20px 0;
	display: inline;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* End Images */


body {
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height: 16pt;
	color:#666;
	min-width:1000px;
	background: #333333 url(images/content_repeat.png) center top repeat-y;
}
#body_inner {background: #333333 url(images/content_repeat.png) center top repeat-y; width:100%; height:100%;}
#header_wrap {
	background: #333333 url(images/header_bg.png) top center repeat-x;
	margin: 25px 0 0 0 ;
}
*html #header_wrap {margin:0;}
.header {
	height:148px;
	width:1000px;
	position:relative;
	margin: 0 auto;
	
}
#headerimg {
	height:100px;
	left:0;
	position:absolute;
	top:65px;
	width:226px;
}
#rss {
	float:left;
	background: #F5951C none 0 0 repeat-x;
	display:inline;
}
#rss img {
	margin:0 4px;
}
#phone_number {
	position:absolute;
	top:108px;
	left: 740px;
	height: 40px;
	padding: 0 5px;
	font-size:11pt;
	line-height:30pt;
	padding-left:40px;
	color: #333;
	text-align:left;
}

#banner {
	width:100%;
	background: transparent url(images/banner_repeat.png) top center repeat-y;
	min-height:100px; /*ie 6 min height hack!!*/
	height: auto !important;
	height:100px;
	
}
#banner_border {
	background:transparent url(images/banner_bg2.png) no-repeat scroll center top;
	height:270px;
	margin:0 auto;
	padding:60px 44px;
	width:920px;
}
*html #banner_border {background:none;}
#banner_bottom {
	width:100%;
	height:34px;
	background: transparent url(images/banner_bottom.png) top center repeat-y;
}
#flash_banner {overflow:hidden;}
.intro_text {
	margin: 0 0 50px 0;
	text-align:justify;
}
.page_title {
	color:#FFFFFF;
	display:block;
	margin:0 auto;
	padding-top:55px;
	width:750px;
	font-size: 20pt;
}
#headerimg a {
	position:absolute;
	bottom:45px;
	left:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:24pt;
}

#top_bar {
	width:100%;
	position:fixed;
	top:0;
	background:#333;
	z-index:200;
	height: 25px;
}
#top_bar .header {
	height:auto;
}
.centermenu {
	position:absolute;
	left: 285px;
	
}
.menu li{
	display:inline;
	margin:0 6px;
	float:left;
}
.menu li a, .menu li a:visited {
	color:#CCCCCC;
	font-size: 10pt;
}
.menu li.current_page_parent a, .menu li.current_page_item a, .menu li.current-cat a {
	color:#009DDF;
	border-top: 2px solid #009DDF;
	text-decoration:none;
	float:left;
}
.menu li.current_page_parent a:hover, .menu li.current_page_item a:hover, .menu li.current-cat a:hover, .menu li.cat-item a:hover, .menu li.page-item a:hover {
	color:#009DDF;
	border-top: 2px solid #009DDF;
	text-decoration:none;
	float:left;
}
.clear {
	clear:both;
}
#site {
	width: 1000px;
	margin: 0 auto;
	position:relative;
	}
.navigation {
	width:100%;
	height: 30px;
}
.next {
	float:right;
}
.previous {
	float:left;
}
.next a, .previous a {
	background:#f2f2f2 none repeat scroll 0 0;
	color:#139BDF;
	padding:5px;
	
}
.next a:hover, .previous a:hover {
	background:#139BDF none repeat scroll 0 0;
	color:#FFFFFF;
	padding:5px;
}
#footer {
	height: 75px;
	width: 100%;
	background: #333333 url(images/footer.png) top center no-repeat;
	position:relative;
	z-index:1;
}
#footer_links {
	position:absolute;
	bottom: 0;
	width:100%;
}
#footer_links a {
	color:#999999;
	margin-right:10px;
}
#sidebar {
	width:260px;
	background: transparent url(images/side_repeat.png) 0 0 repeat-y;
	position:absolute;
	top:0;
	right: 0;
	z-index:100;
}
.side_top {
	background: transparent url(images/side_top.png) left top no-repeat;
	padding: 20px 0 0 0;
}
.side_bottom, .side_top span {
	background: transparent url(images/side_bottom.png) left bottom no-repeat;
	height:35px;
	display:block;
}
.side_top .title {
	display:block;
	font-size:13pt;
	height:40px;
	line-height:30pt;
	padding-left:20px;
	text-decoration:none;
	padding-bottom: 14px;
}
.side_top li a, .side_top a {
	display:block;
	font-size:10pt;
	line-height:22pt;
	padding-left:20px;
	padding-right:45px;
	text-decoration:none;
}
.side_top a {
	background: transparent url(images/arrow_r.png) 200px 50% no-repeat;
}
.side_top a.title {
	background: none;
}
.side_top a:hover {
	background: transparent url(images/side_highlight_repeat.png) 0 0 repeat-y;
}
#content {
	background-color:#FFFFFF;
	margin-left:40px;
	margin-right:260px;
	overflow-x:hidden;
	padding:0 75px;
	min-height:850px; /*ie 6 min height hack!!*/
	height: auto !important;
	height:850px;
}
#content li.entry {
	overflow:hidden;
	list-style:none;
	position:relative;
	margin: 0 0 40px 0;
	clear:both;
}
.home_image {
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	margin:20px 40px 0 0;
}
.home_image a img {
	width: 200px;
	margin: 0;
	float:left;
}
li.latest_card_img a {
	height:130px;
}
.latest_card_img img {
	width: 140px;
	margin:20px;
	float:left;
}
.home_txt {
	margin-left: 240px;
}
.alt, .postmetadata {
	color: #999999;
	background-color:#F6FCDB;
	padding: 20px;
	border-left: 10px solid #CFB968;
}
.even {
	background-color:#FFFFFF;
	padding:10px;
}
#comments_div .commentlist li {
	margin-top: 20px;
	list-style: none;
}
#search_wrapper {
	position:absolute;
	right:0;
	top:25px;
	width:300px;
	overflow:hidden;
	z-index:300;
}
#search_toggle {
	cursor:pointer;
	padding:5px;
	z-index: 200;
}
#s {
	background-color:#222222;
	border:1px inset;
	float:right;
	width:235px;
	margin: 5px;
	color: #CCCCCC;
	padding:2px 0;
}
#searchform {
	background-color:#F6921E;
	width: 250px;
	padding: 10px;
	float:right;
	
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-left-radius:20px;
}