/*  
Theme Name: Colores
Theme URI: http://www.resobugs.com
Description: Custom WP theme versi Melayu untuk Resobugs.com, 2-column layout. 
Version: 1.0
Author: Anwar Fikri
Author URI: http://www.anwarfikri.com
Tags: light, green, , white, blue, two-columns, fixed-width
*/


/* Body Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {  
 margin:0; 
 padding:0; 
 }
 
 
* {
margin:0;
padding:0;
border:0;
}

body {
	text-align: justify;
	background-color: #eee;
	font-family: "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	background-attachment: fixed;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#0099ff;
}


/* Header */
#header {

	width: 100%;
	height:90px;	
}


.logo {
	float: left;
	line-height: 10px;
	padding: 10px;
}

.mainheader {
	position:relative;
	width: 940px;
	margin: 0 auto;
	z-index: 30;
}

.main {
	bottom: 0px;
	height: auto;
	width: 940px;
}

/* top featured ads */
.text-ads {
	position: absolute;
	top: 0px;
	width: 860px;
	height: 51px;
	right: 0px;
	bottom: 0px;
	z-index: 8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80px;
	left: 0px;
	padding-top: 30px;
	padding-left: 40px;
	line-height: 60px;
}
.companyname  {
	font-size: 38px;
	font-family: Garamond;
	padding-top: 30px;
}

.character-ads{
	position: absolute;
	width: 940;
	height: 694px;
	right: 0px;
	bottom: 0px;
	z-index: 9;
}
.subs{
	position: absolute;
	width: 300px;
	right: 0px;
	bottom: 50px;
	z-index: 9;
}
.watch-video {
	position: absolute;
	left: 660px;
	top: 564px;
	width: 238;
	height: 51px;
	right: 0px;
	bottom: 0px;
	z-index: 11;
	background-image: url(images/video-view-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#internal-ads {
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	height: 694px;
	width: 940px;

}

/* home content*/
.content1 {
	position: relative;
	float:left;
	width: 900px;
	min-height: 100%;
	bottom: 0px;
	z-index: 8;
	margin-top: 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top: 22px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 16px;
	top: 0px;
	right: 0px;
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
	background-position: left top;
	border: thin solid #999999;
}

.content-category {
float:left;
	position: relative;
	width: 900px;
	min-height: 100%;
	bottom: 0px;
	z-index: 8;
	margin-top: 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top: 22px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 10px;
	border: thin solid #999;
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
	background-position: left top;
	top: 0px;
	right: 0px;
	display:inline;
}
.content-category a{
color:#CC0033;}

.content-category a:hover{
color:#000;}
.category-others{
	position: relative;
	width: 900px;
	min-height: 100%;
	bottom: 0px;
	z-index: 8;
	margin-top: 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top: 22px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 10px;	
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
	background-position: left top;
	border: thin solid #999999;
}

.page-others{
	position: relative;
	width: 900px;
	min-height: 100%;
	bottom: 0px;
	z-index: 8;
	margin-top: 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top: 22px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 10px;	
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
	background-position: left top;
	border: thin solid #999999;
}
.page-others .body{
margin-left:40px;
margin-right:40px;
}
.service-title{
	position: absolute;
	width: 399;
	height: 45px;
	right: 0px;
	z-index: 9;
	top: -45px;
}

.tag-title{
	position: absolute;
	width: 940;
	height: 45px;
	right: 0px;
	z-index: 9;
	top: -45px;
}
.content2 {
	position: relative;
	width: 900px;
	min-height: 100%;
	bottom: 0px;
	z-index: 8;
	margin-top: 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-top: 22px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 16px;
	top: 0px;
	right: 0px;
	float: left;
	background-image: url(images/bg-trans.png);
	background-repeat: repeat;
	background-position: left top;
	border: thin solid #999999;
}
.product-title{
	position: absolute;
	width: 399;
	height: 45px;
	right: 0px;
	left:300px;
	z-index: 9;
	top: -45px;
}
.slider-block {
	float:left;
	text-align:left;
	position: relative;
	top: 0px;
	width: 880px;
	*height:400px;
	min-height: 400px;
	right: 0px;
	bottom: 0px;
	z-index: 8;
	background-color: #FFFFFF;
	margin-top: 45px;
	background-image: url(images/bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
	font-weight: normal;
	padding-right: 30px;
	padding-left: 30px;
	border:none;
}

.slide-content {
	float:left;
	text-align:left;
	position: relative;
	top: 0px;
	width: 880px;
	min-height: 100%;
	right: 0px;
	bottom: 0px;
	z-index: 8;
	background-color: #FFFFFF;
	margin-top: 45px;
	background-image: url(images/bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

/* page - category  content*/
.slide-content2 {
	float:left;
	text-align:left;
	position: relative;
	top:0px;
	width: 560px;
	_height:100px;
	min-height: 100px;
        background-color:#fff;
	right: 0px;
	bottom: 0px;
	z-index: 8;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* page - category  content*/
.slide-notepad {
	float:left;
	text-align:left;
	position: relative;
	top:-100px;
	width: 560px;
	_height:100px;
	min-height: 100px;
        background-color:#fff;
	right: 0px;
	bottom: 0px;
	z-index: 8;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

#categorybar{
border-bottom:thin;
border-bottom-color:#666666;
padding-bottom:20px;
padding-top:20px;}

.subhead{
	width:900px;
	_height:100px;
	min-height:100px;
	clear:both;
	background-image: url(images/subhead-bg3.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}

/* Sidebar */
.right-content2{
	float:right;
	text-align:left;
	position: relative;
	top: 0px;
	width: 240px;
	_height:100px;
	min-height:100px;
	right: 0px;
	bottom: 0px;
	z-index: 8;;
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.right-content2 h2{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	color:#FF6633		
}

#sidebar{
margin-left:20px;}
#sidebar ul{
margin-top: 10px;
	margin-bottom:10px;
	padding-left:10px;
	list-style-type: none;}
#sidebar li{
	background-image: url(images/bullet2.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 22px;
	padding-top: 2px;	
}

#sidebar-home{
margin-left:20px;}
#sidebar-home ul{
margin-top: 10px;
	margin-bottom:10px;
	padding-left:10px;
	list-style-type: none;}
#sidebar-home li{
	list-style-type: none;	
}

.subsbar {
width:250px;
	list-style: none;
	text-align:left;
	margin: 0px;
}
.subsbar  li {
padding:5px;
list-style: none;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	min-height: 80px;

}

.subsbar  li:hover {
	background-color: #dddddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.subsbar  li img {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.subsbar  li h4 {
	margin: 0 0 0 60px;
	font-size: 20px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	clear: none;
}

.subsbar  li p {
	margin: 0 0 0 60px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	clear: none;
}

.subsbar  li a.linkblock {
background: none;
	border: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 50;
}

/* writing style*/
.style3 {
	font-size: 18px;
	font-weight: bold;
}

.title h3{
padding-top:20px;
padding-left:20px;}

.link ul{
	margin-top: 10px;
	margin-bottom:10px;
	padding-left:20px;
	list-style-type: none;
}

.link ul li{
	background-image: url(images/bullet2.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 22px;
	padding-top: 2px;
	
}

.main ol{
	margin-top: 10px;
	margin-left: 40px;
}
.main ol li{
	font-size: 14px;
	padding-top: 2px;
}
.main blockquote{
	background-image: url(images/blockquotebg.png);
	background-repeat: no-repeat;
	background-position: left top;
	_height: 100px;
	min-height:100px;
	padding-left: 80px;
	padding-top: 20px;
	text-align: left;
	margin-top: 20px;
	line-height: 20px;
	color: #666666;
	background-color: #f4f4f4;
	padding-right: 40px;
	padding-bottom: 20px;
}
.red {
	color: #333333;
	background-color: #ffcccc;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;	
}

.main h1,.main h2,.main h3,.main h4,.main h5,.main p{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.main p{
padding:10px;
}
.imgborder{
	border: 10px solid #CCCCCC;
	margin: 20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 20px;
}

.service-title-cats{
	position: absolute;
	width: 399;
	height: 45px;
	right: 0px;
	z-index: 9;
	top: -45px;
}
.latest-title{
	position: absolute;
	width: 940;
	height: 45px;
	right: 0px;
	z-index: 9;
	top: -45px;
}

.studycase-title{
	position: absolute;
	width: 399;
	height: 45px;
	right: 0px;
	z-index: 9;
	top: -46px;
}
.clear{
clear:both;}

/* Wrapper*/
#wrapper {
width: 940px;
margin: 0 auto;
}

/* Footer */
#footer {
	width: 100%;
	background-color: #000000;
	margin-top: 30px;
	height:180px;
	_height:180px;
	min-height:180px;
clear:both;
}
#footer a {
color:#FFFFFF;}

#footer a:hover{
color:#3366FF;}
.copyright {
width:400px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:left;
	text-decoration: none;
	color: #FFFFFF;
	padding-left:20px;
	margin-top:10px;
	float: left;
	display:inline;
}
.menufooter {
	float: right;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.menufooter li {
	list-style-type: none;
	margin-left: 10px;
}

.menufooter li a{
	color:#fff;
}
.menufooter li a:hover {
	color: #0099ff;
}
.menufooter ul {
	margin-top: 20px;
	margin-right: 30px;
	padding-left: 10px;
}
.menufooter2 {
	float: right;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.menufooter2 li {
	list-style-type: none;
	margin-left: 10px;
}

.menufooter2 li a{
	color:#fff;
}
.menufooter2 li a:hover {
	color: #0099ff;
}
.menufooter2 ul {
	margin-top: 20px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	padding-right: 20px;
}
.footer-bottom {
	background-image: url(images/footer-bottom-bg.png);
	clear: both;
	height: 32px;
	width: 940px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 50px;
}

/* View details style */
.right {
	float: right;
	font-size: 16px;
	font-weight: bold;
	clear:none;
	display:inline;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}
.right a{
	color:#000;
	padding:10px;
	background-color: #CCCCCC;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

.right a:hover{
	color:#0099ff;
	background-color: #f3f3f3;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

.content-category .right {
	float: right;
	font-size: 16px;
	font-weight: bold;
	clear:none;
	display:inline;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}
.content-category .right a{
	color:#CC0033;
	padding:10px;
	background-color:#f3f3f3;;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

.content-category .right a:hover{
	color:#CC0033;
	background-color:#CCCCCC;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

/* Thumbnail style*/

.thumbposts  {
	width: 270px;
float: left;
background: #fff;
font-size: 11px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(images/bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:10px;
	margin-bottom:20px;
	padding:10px;
	display:inline;
	text-align:left;
	}

.thumbposts:hover {
	background-color: #66ccff;}

.thumbposts  img {
margin:5px;
width:260px;
height:120px;
}

.thumbposts h4 {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.thumbposts p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 0.02em;
	line-height:14px;
}
.galleryitem {
width: 270px;
float: left;
background: #fff;
font-size: 11px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(images/bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:10px;
	margin-bottom:20px;
	padding:10px;
	display:inline;
}

.galleryitem h4 {
	font-size: 20px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.galleryitem img {
margin:5px;
width:260px;
height:200px;
}
.galleryitem p {
font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.commentsnumber {
background: url(images/comments-dark.jpg) top left no-repeat;
width: 25px;
height: 20px;
margin: 47px 5px 5px 0;
text-align: center;
clear:both;
float: right;
}

.commentsnumber a:link, .commentsnumber a:visited {
color: #101010;
}

.commentsnumber a:hover {
color: #757575;
}

/* Subscribe button*/
#subscribe {
	width:300px;
	list-style: none;
	text-align:left;
	margin: 0px;
	padding: 5px;
}
#subscribe li {
	padding: 10px;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	_height: 64px;
	min-height: 64px;

}

#subscribe li:hover {
	background-color: #dddddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#subscribe li img {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

#subscribe li h4 {
	margin: 0 0 5px 45px;
	font-size: 24px;
	line-height: 26px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	clear: none;
}

#subscribe li p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	letter-spacing: -0.02em;
	clear: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 45px;
}

#subscribe li a.linkblock {
background: none;
	border: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 50;
}

/* Download profile style*/
.download {
	list-style: none;
	margin-top: 10px;
	float: left;
	display:inline;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.download li {
	list-style: none;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	height: 60px;
}
.download li a.linkblock2:hover {
	background-image:url(images/download-hover.gif);
	border: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 365px;
	height: 60px;
	position: absolute;
	z-index: 51;
	background-repeat: no-repeat;
	background-position: left center;
}
.download li a.linkblock2 {
	background-image:url(images/download-resobugs-profile.gif);
	border: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 365px;
	height: 60px;
	position: absolute;
	z-index: 50;
	background-repeat: no-repeat;
	background-position: left center;
	}

/* if available WP Navi Style */
.wp-navistyle {
	clear: both;
	margin-left: 10px;
}


/* ////////////////////// Paging ////////////////////// */
.paging
{
	clear:both;
	float:left;
	width:100%;
}

.paging .prev
{
	float:left;
	width:50%;
}

.paging .next
{
	float:right;
	text-align:right;
	width:50%;
}

.paging div a
{
	float:left;
	font-weight:bold;
	padding:7px 10px;
	margin-bottom:30px;
	color:#fff;
	background-color:#D14640;
}

.paging div a:hover
{
	text-decoration:underline;
}

.paging .prev a
{
	float:left;
}

.paging .next a
{
	float:right;
}

/*
.paging
{
	clear:both;
	float:left;
	width:600px;
	background:#F5F8E6;
	margin:0 -30px;
}

.paging .prev
{
	float:left;
	width:50%;
}

.paging .next
{
	float:right;
	text-align:right;
	width:50%;
}

.paging div a
{
	float:left;
	font-weight:bold;
	padding:5px;
	margin:10px 10px;
}

.paging .prev a
{
	float:left;
}

.paging .next a
{
	float:right;
}
*/
/* ////////////////////// Paging ////////////////////// */




/* ////////////////////// Comments ////////////////////// */
#comments
{
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:0px;
}

#comments a
{
color:#3399FF;
}
#comments a:hover
{
color:#999999;
}
#comments p.notice
{
	margin:0 0 30px 0;
	padding:0px;
	text-align:center;
	font-weight:bold;
}

#comments .commentlist
{
	clear:both;
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
}

#comments .commentlist li
{
	clear:both;
	padding:0px;
	margin:0 0 20px 0;
	font-size:13px
}

#comments .commentlist li div.comment-body
{
	padding:20px;
	background:#F5F8E6;
	background:#F8FAEF;
	background:#F7F7F7;
	background:#F5F8E6;
	border:1px solid #E0E4CC;
}

#comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body
{

	border:none;
}

#comments .commentlist li div.comment-author .avatar
{
	padding:0;
	margin:0 10px 0 0;
	float:left;
	width:50px;
	height:50px;
	border:5px solid #E0E4CC;
}

#comments .commentlist li div.comment-author cite
{
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	color:#D14640;
	text-transform:uppercase;
}

#comments .commentlist li div.comment-author .says
{
	margin-left:3px;
	display:none;
}

#comments .commentlist li div.comment-meta
{
	margin-bottom:10px;
	font-size:10px;
	text-transform:uppercase;
}

#comments .commentlist li div.comment-meta a
{
	text-decoration:none;
}

#comments .commentlist li p
{
	padding:0;
	margin:0 0 10px 0;
}

#comments .commentlist li .reply
{
	float:right;
	font-weight:bold;
}

#comments .commentlist li .reply a
{
	float:left;
	color:#666;
	background-color:#C8CEAA;
	margin:10px 0 0 0;
	padding:5px 8px;
	text-transform:uppercase;
	font-size:11px;
}

#comments .commentlist li.pingback .reply, #comments .commentlist li.trackback .reply
{
	display:none;
}

#comments .commentlist li ul.children
{
	float:left;
	clear:both;
	list-style:none;
	padding:0 0 0 20%;
	margin:0;
	width:80%;
	/*background:url(images/comment_reply.jpg) top left no-repeat;*/
}

#comments .commentlist li ul.children li
{
	clear:both;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:100%;
}

#comments .commentlist li #respond
{
	margin:20px 0 0 0;
}

#comments .commentlist li:after, #comments .commentlist li div.comment-body:after, #comments .commentlist li ul.children li:after
{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

#comments h2{
padding-top:20px;
padding-bottom:20px;
color:#999999;}

#comments #respond
{
	clear:both;
	margin:0 0 30px 0;
	padding:20px 20px 0 20px;
}

#comments #respond .cancel-comment-reply
{
	float:left;
	margin:-10px 0 20px 0;
	text-transform:uppercase;
}

#comments #respond .cancel-comment-reply small a
{
	float:left;
}

#comments #respond .form
{
	clear:both;
	/*float:left;*/
	margin:0;
	padding:0;
}

#comments #respond .form p
{
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}

#comments #respond .form p label
{
	float:left;
	width:35%;
	margin-top:4px;
}

#comments #respond .form p label small
{
	margin-left:5px;
	font-size:10px;
}

#comments #respond .form .tf, #comments #respond .form textarea.tf
{
	float:right;
	width:60%;
	padding:7px;
	font-size:12px;
	color:#666;
	background:#eee;
	border-top:2px solid #ddd;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

#comments #respond .form #submit
{
	float:right;
	padding:5px;
	border:none;
	background:#3399FF;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}
/* ////////////////////// Comments ////////////////////// */



/* ////////////////////// Commons ////////////////////// */
ul.list
{
	margin:0;
	padding:0;
	list-style:none;
}

ul.list li
{
	margin:0 0 5px 0;
	padding:0;
}

ul.list li.gap
{
	margin-bottom:15px;
}

.heading
{
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:1px solid #E0E4CC;
}

.post
{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:30px;
	padding-bottom:10px;
}


.post h2,.post h3,.post h3,.post h4,.post h5, .post h2 a
{
	color:#333;
}

.post h1 {
	color:#666666;
	margin-top:20px;
border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	text-shadow: 0px 1px 0px #e5e5ee;
	padding-bottom:20px;
}

.body {margin-top:10px;
clear:both;
	border-bottom:1px solid #E0E4CC;}


.post a{color:#3399FF;}
.post a:hover{
color:#666666;}
.post li a{
color:#333333;}
.post li a:hover{
color:#3399ff;}

.postdetails {
	color: #666;
	font-size: 12px;
	float: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


.pagedetails2 {
	color: #666;
	font-size: 12px;
	width:600px;
	float: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.pagedetails {
	color: #666;
	font-size: 12px;
	width:560px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
float: left;
}
.pagedetails p{
line-height:18px;}

.postdetails p{
line-height:18px;}

.mypart {
	float: right;
	width: 190px;
	margin-top: 15px;
	margin-right: 30;
	margin-bottom: 35px;
padding-right:20px;
	margin-left: 30;
}
.mypart h3, .mypart h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 5px 0;
}
.mypart li {
	list-style: none;
	margin-left: 0;
	padding: 2px 0;
	padding-left: 23px;
	color: #666;
	font-size: 12px;
	background: url(images/bg-li-technology.gif) no-repeat 0 50%;
}


/* ////////////////////// Commons ////////////////////// */

.meta{
margin-top:20px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
width:500px;
background-color:#FFFFCC;}

.titlenote{
	margin-top:20px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	width:500px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.titlenote p{
font-size:12px;}

.related ul{
	margin-top: 10px;
	margin-bottom:10px;
	padding-left:20px;
	list-style-type: none;
}

.related ul li{
	background-image: url(images/bullet2.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 22px;
	padding-top: 2px;
	
}

.related{
margin-top:20px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
width:500px;
background-color:#feeee8;}

.related h2{
color:#666666;}

.excerpt{
margin:0;
padding:0;
text-align:left;
font-size:13px;}

.goright{
float:right;}

.notepadteaser{
clear:both;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #3366FF;
}
.notepadteaser h1{
font-size:16px;
}

/* featured ads style */
.featured-slide .text-slide {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	width: 280px;
	height: 260px;
	margin-right: 20px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	display:inline;
	cleat:both;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	border-left-style:dashed;
	border-left-color:#999999;
	border-left-width:thin;
	}
.featured-slide p{
margin:0;
padding-top:10px;}

.featured-slide {
	width: 940px;
	background-color: #f3f3f3;
	height: 400px;
	position: relative;
	z-index: 2;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.featured-slide .text-slide h1 {
	font-size: 32px;
	text-decoration: none;
	line-height: 28px;
}

.featured-slide a{
color:#333;
}
.featured-slide a:hover{
color:#999;}

/* featured ads style end */

/* works image style*/ 
.imgbg {
	width: 540px;
	height: 358px;
	padding: 10px;
	margin-bottom: 15px;
	background-image: url(images/works_background.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.imgbg img {
	border: 1px solid #dedede;
}

/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */
.ie7 #comments { background:none; }
.ie7 #comments .commentlist li div.comment-body { display:inline-block; }
.ie7 #comments #respond, .opera #comments #respond
{
	padding-bottom:20px;
	margin-top:-20px;
	margin-bottom:30px;
}

.authbio{
color: #666;
font-size:12px;
padding: 8px;
margin-bottom:5px;
}
.alignleft{
float:left;}

.authobio img {
	float:left;
	background-color: #fff;
	border:1px solid #ccc;
	padding: 4px;
	height: 100px;
	width: 100px;
	margin-top: 0;
	margin-left: 0;
}
input{
	padding:10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
}
#searchform{
margin-left:20px;}

/* Submit button configuration */

input[type="submit"] {
width:100px;
	background-color: #333;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #222;
	font-size: 16px;
	cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #444;
}
input[type="submit"]:focus {
	background-color: #666;
}

/* Submit button END */
/* Text-area configuration */

input, select, textarea {
	width: 300px;
	padding: 5px;
	background-color: #EFEFEF;
	border: 1px solid #999;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input:hover, select:hover, textarea:hover {
	background-color: #FFF;
	border: 1px solid #666;
}
input:focus, select:focus, textarea:focus {
	background-color: #FFF;
	border: 1px solid #333;
}
/* Text-area end */

label {
	width: 170px;
	display: inline-block;
	font-size: 15px;
	float: left;
}

.notepadteaser img,.titlenote img{
float:left;
padding-top:10px;
padding-right:20px;
padding-botom:20px;}

.facebookbox {margin-left:90px;}