/*
Theme Name: Touch User Guide
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

@charset "utf-8";
/* CSS Document */
img{
border:none;
}


.widgettitle a
{
	color: #fffeff;
}

.clear{
clear:both;
}
html,body{
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family:Helvetica, sans-serif;
}
a{
text-decoration:none;
font-weight:bold;
color:#686e73;
}
.topbar{
background:url(images/nav-top.png) repeat-x;
height:48px;
position:fixed;
top:0px;
width:100%;
}
.tb-cntr{
margin:0px auto;
width:770px;
height:45px;
}
.tbc-left{
display:inline;
padding:7px 10px 0px 10px;
float:left;
}
.tbc-left .left{
background:url(images/tl-left.png) no-repeat;
}
.tbc-left .right{
background:url(images/tl-RIGHT.png) top right no-repeat;
padding:0px 8px 0px 10px;
}
.tbc-left .tl-cnt{
background:url(images/tl-REP.png) repeat-x;
}
.tbc-left .tl-cnt ul{
margin:0px;
padding:4px 0px 2px;
}
.tbc-left .tl-cnt ul li{
list-style:none;
padding:2px 25px 5px;
float:left;
border-right:1px solid #c8cdd0;
border-left:1px solid #f9f9f9;
}
.tbc-left .tl-cnt ul li.twitter a{
background:url(images/tl-twitter-ico.png) no-repeat;
padding-left:25px;
}
.tbc-left ul li.rss{
border-right:none;
}
.tbc-left ul li.rss a{
background:url(images/tl-rss-ico.png) no-repeat;
padding-left:25px;
}
.tbc-left .tl-cnt ul li:first-child{
border-left:none;
}
.tbc-left .tl-cnt ul li.clear{
float:none;
clear:both;
padding:0px;
}
.tbc-left .tl-cnt ul li a{
color:#686e73;
font-size:12px;
}
.tbc-left .tl-cnt ul li.clear{
clear:both;
float:none;
}
.tbc-right {
width:200px;
float:right;
padding:7px 0px 0px 10px;
}
.tbc-right .inp-srch{
background:url(images/inp-srch.png) no-repeat;
width:150px;
height:18px;
border:none;
font-size:13px;
font-weight:bold;
color:#c2c4c5;
padding:8px 10px 6px 30px;
}
.footer{
background:url(images/footer-bg.png) repeat-x;
height:65px;
position:fixed;
bottom:0px;
width:100%;
}
.pg-body{
padding-top:46px;
}
.header{
background:url(images/hdr-bg.png) repeat-x;
height:100px;
}
.hdr-cnt{
width:770px;
margin:0px auto;
}
.hc-left{
padding:25px 30px 0px 30px;
float:left;
}
.hc-right{
padding:25px 0px 0px 15px;
float:left;
}
.navbar{
background:url(images/navbar.png) repeat-x;
height:53px;
}
.nav-cntr{
width:770px;
margin:0px auto;
}
.navbar ul{
margin:0px;
padding:0px;
list-style:none;
padding-top:23px;
}
.navbar ul li{
float:left;
font-size:12px;
padding:0px 16px;
}
.navbar ul li a{
}
.content{
background:#F5F5F5;
}
.cnt-cntr{
margin:0px auto;
width:770px;
padding-bottom:63px;
}
.cnt-right{
float:right;
width:300px;
}
.pop-news ul{
margin:0px;
padding:0px;
list-style:none;
}
.pop-news ul li{
color:#4e4e4e;
font-size:11px;
padding:4px;
border-bottom:1px solid #bababa;
border-top:1px solid #ffffff;
background:#dddddd;
}
.pop-news ul li .img{
float:left;
width:40px;
text-align:center;
}
.pop-news ul li .txt{
float:left;
width:240px;
padding:5px;
display:table;
height:30px;
}
.pop-news ul li p{
display:table-cell;
vertical-align:middle;
margin:0px;
height:30px;
}
.pop-news h3{
color:#ffffff;
font-size:13px;
background:url(images/right-heading-bg.png) repeat-x;
margin:0px;
padding:8px;
}
.cnt-left{
float:left;
padding:30px 15px 0px 15px;
width:440px;
}
.cnt-left .img{
background:url(images/img-bg.png) no-repeat;
width:155px;
height:190px;
float:left;
}
.cnt-left .img img{
padding:5px;
}
.cnt-left .imgs .img.no-pad{
width:130px;
}
.cnt-left h2{
color:#252d2f;
font-size:18px;
margin:0px;
}
.cnt-left h6{
color:#717b83;
font-weight:normal;
margin:0px;
padding:10px 0px ;
}
.cnt-left p{
font-weight:bold;
color:#717b83;
font-size:13px;
margin:0px;
padding:10px 0px 20px 0px;
}
.cnt-left h4{
margin:0px;
color:#252d2f;
}
.cnt-left ul{
margin:0px;
padding:0px;
padding-top:10px;
}
.cnt-left ul li{
border-bottom:1px solid #dbddde;
border-top:1px solid #dbddde;
list-style:inside;
color:#717b83;
font-size:12px;
font-weight:bold;
padding:8px 0px 9px;
}
.cnt-left ul li:first-child{
border-top:none;
}
.cnt-left ul li:last-child{
border-bottom:none;
}
.fot-cntr{
width:770px;
margin:0px auto;
}
.fc-left {
padding:8px 0px 0px 20px;
}
.fc-left ul{
margin:0px;
padding:0px;
list-style:none;
}
.fc-left ul li{
float:left;
padding:0px 30px;
text-align:center;
}
.fc-left ul li a span{
display:block;
text-decoration:none;
font-size:12px;
font-weight:normal;
}
.fc-right{
float:right;
width:370px;
padding-top:10px;
}
.fc-right label{
font-size:13px;
float:left;
font-weight:bold;
display:block;
width:90px;
padding:7px 0px;
color:#FFFFFF;
}
.butt-submit{
background:url(images/butt-submit.png) top right no-repeat;
width:105px;
height:31px;
border:none;
margin-left:-25px;
float:left;
}
.inp-txt{
background:url(images/inp-txt.png) no-repeat;
width:160px;
height:20px;
border:none;
float:left;
color:#686e73;
padding:6px 15px;
font-family:Helvetica, sans-serif;
font-weight:bold;
}


/* inner page */
.img-cnt{
padding:20px 0;
}
.img-cnt .img{
float:left;
width:145px;
margin:5px 0px;
}
.img-cnt .cnt{
float:left;
width:290px;
}
.img-cnt .cnt p{
padding:0px 0px 10px;
}
.butt-readmore{
background:url(images/butt-readmore.png) no-repeat;
border:none;
width:105px;
height:28px;
display: block;
}
.navigation a{
font-size: 12px;
display: block;
margin-bottom: 15px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
.commentmetadata {
	font-weight: normal;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.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;
	}