/*   
Theme Name: VarshylTech
Theme URI: www.varshyltech.com
Description: Modern Glossy Free theme
Author: Harish Sharma
Author URI: www.varshyltech.com
Version: 1
Tags: Fixed width, Widget ready, Three columns
.
This work is under Creative Commons Attribution-Share Alike 3.0 License.
.
*/
/*************** General rules *************************************/
* {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
margin: 1em 0;
}
img {
border: 0;
}
a{
outline:none;
}
a:link {
color: #536eae;
text-decoration: underline;
}
a:visited {
color: #4a597b;
}
a:hover {
text-decoration: none;
color: #4f77d1;
}
.clear {
clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */
body {
font-size:12px; color:#727171; font-family:Arial, Helvetica, sans-serif;
background: url(images/bodybg.gif) repeat top left #000;
}
#mainWrapper {
width: 1000px;
text-align: left;
margin: 0px auto;
padding-top: 35px;
background:#FFF;
}
ul#navBar {
list-style-type: none;
padding: 0px;
margin: 0px;
height: 40px;
float: right;
}
ul#navBar li {
display: block;
padding: 0px;
float: left;
height: auto;
width: auto;
margin: 0px 7px;
}
ul#navBar li a:link, ul#navBar li a:visited {
display: block;
float: left;
width: auto;
height: 30px;
padding: 8px 8px 2px 8px;
color: #b7b7b7;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
}
ul#navBar li a:hover {
display: block;
text-decoration: none;
background: url(images/nav_hover.png) repeat-x top left;
color: #f9f9f9;
}
#header {
clear: both;
width: 938px;
background: url(images/header.jpg) no-repeat top center;
height: 255px;
position: relative;
margin: 0px auto;
}
#header .logo{
	width:198px;
	height:90px;
	margin-left:10px;
	display:block;
	float:left;
	}

#header .logo a#home {
	display:block;
	width:198px;
	height:90px;
	text-indent:-9999px;
	outline:none;
	}

.navstrip{
	width:698px;
	height:38px;
	float:right;
	margin-top:10px;
	background:url(images/navbg-strip.gif) no-repeat top;
	}					

ul#nav { 
	position: relative; 
	margin: 4px 0px 0px 10px; 
	width: 484px;
	height: 31px;
	float:left;
	}

ul#nav li { 
	float: right; 
	list-style: none; 
	}

ul#nav li a { 
	position: absolute; 
	text-indent: -9999px; 
	text-decoration: none; 
	border: none !important; 
	top: 0; 
	height: 31px;
	}

ul#nav li#home a { 
	left: 0; 
	width: 75px; 
	background:  url(images/navigation.gif) 0px 0px no-repeat; 
	outline:none;
	}

ul#nav li#work a { 
	left: 77px; 
	width: 74px; 
	background:  url(images/navigation.gif) -77px 0 no-repeat; 
	outline:none;
	}

ul#nav li#service a { 
	left:154px; 
	width: 74px; 
	background:  url(images/navigation.gif) -154px 0 no-repeat; 
	outline:none;
	}

ul#nav li#client a { 
	left: 231px; 
	width: 74px; 
	background:  url(images/navigation.gif) -231px 0 no-repeat; 
	outline:none;
	}

ul#nav li#contact a { 
	left: 308px; 
	width: 97px; 
	background:  url(images/navigation.gif) -308px 0 no-repeat; 
	outline:none;
	}
ul#nav li#blog a { 
	left: 408px; 
	width: 74px; 
	background:  url(images/navigation.gif) -408px 0 no-repeat; 
	outline:none;
	}	


ul#nav li#home a:hover  { background-position:   0px -31px; }

ul#nav li#work a:hover { background-position:	-77px -31px; }

ul#nav li#service a:hover  { background-position: -154px -31px;}

ul#nav li#client a:hover  { background-position: -231px -31px; }

ul#nav li#contact a:hover  { background-position: -308px -31px; }

ul#nav li#blog a:hover  { background-position: -408px -31px; }

ul#nav li#home a.active { background-position:   0px -62px; }

ul#nav li#work a.active { background-position:	-77px -62px; }

ul#nav li#service a.active { background-position: -154px -62px;}

ul#nav li#client a.active  { background-position: -231px -62px; }

ul#nav li#contact a.active  { background-position: -308px -62px; }

ul#nav li#blog a.active  { background-position: -408px -62px; }
.search-container{
	width:192px;
	height:29px;
	float:left;
	padding-top:2px;
	background:url(images/searchbg.gif) no-repeat;
	margin-top:4px;
	}

.textfield-box{
	width:159px;
	height:22px;
	color:#8a8888; 
	font-size:13px; 
	border:0px;
	padding:2px 0 0 5px;
	margin-left:5px;
	float:left;
	}
.go-button{
	width:20px;
	height:18px;
	background:url(images/searchicon.gif) no-repeat left top;
	border:0px;
	float:left;					
	}

/*#logo {
position: absolute;
top: 85px;
left: 65px;
font-size: 26px;
font-family: Cambria, "Chaparral Pro", Georgia, "Times New Roman", serif;
color: #e7e7e7;
margin: 0px;
font-weight: normal;
border:solid 1px #FF0000;
}
#logo a:link, #logo a:visited {
color: #e7e7e7;
text-decoration: none;
}
#logo a:hover {
color: #8a94a3;
}*/
#header p {
color: #b7b7b7;
font-size: 13px;
margin: 0px;
padding: 0px;
position: absolute;
top: 130px;
left: 110px;
}
#searchForm {
margin: 0px;
width: 290px;
height: 30px;
padding: 15px 5px;
text-align: left;
list-style-type: none;
position: absolute;
top: 73px;
left: 664px;
}
#searchForm input#s {
background: url(images/input.png) no-repeat top left;
width: 192px;
height: 19px;
padding: 2px;
margin: 5px 5px 5px 10px;
color: #484338;
font-size: 14px;
border: 1px solid #e7e5e5;	
}
#searchForm input#searchsubmit {
margin: 0px;
padding: 0px;
background: url(images/button.png) no-repeat top left;
width: 65px;
height: 29px;
border: none;
text-align: center;
cursor: pointer;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #f7f7f7;
}
label.hidden {
display: none;
}
ul#bookmark {
list-style-type: none;
padding: 0px;
margin: 0px;
height: 37px;
width: 295px;
position: absolute;
top: 150px;
left: 673px;
}
ul#bookmark li {
display: block;
padding: 0px;
float: left;
height: auto;
width: auto;
margin: 0px 1px;
}
ul#bookmark li img {
vertical-align: bottom;
}
ul#bookmark li#rss {
display: block;
padding: 0px;
float: left;
height: auto;
width: auto;
margin: 0px 20px 0px 3px;
}
ul#bookmark li a:link, ul#bookmark li a:visited {
display: block;
float: left;
width: auto;
height: auto;
padding: 2px;
text-decoration: none;
}
ul#bookmark li a:hover {
display: block;
text-decoration: none;
}
#container {
/*padding: 30px 0px 20px 0px;*/
margin: 15px auto;
width: 938px;
position: relative;
text-align: left;
}
#adBar {
width: 160px;
margin: 0px;
float: right;
padding: 0px;
font-size: 14px;
text-align: center;
}
#adBar img.adImage {
width: 125px;
margin: 0px auto 5px auto;
}
#secBar {
width: 280px;
margin: 0px;
/*margin-left: 528px;*/
padding: 0px;
font-size: 12px;
text-align: left;
float:right;

}
#content {
width: 635px;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}


	
#footer{
	width:938px; 
	height:144px; 
	background:url(images/ftrbg.gif) repeat-x; 
	color:#666;
	margin:0 auto;
	}
#footer .fright{
	background:url(images/ftrright.gif) no-repeat right; 
	width:12px; 
	height:143px;
	float:right;
	}
#footer .fleft{
	background:url(images/ftrleft.gif) no-repeat left; 
	width:8px; 
	height:142px;
	float:left; 
	}	
#footer .footer-link-left {
	width:149px; float:left; background:url(images/footer-bdr.png) no-repeat right 23px; height:142px;
	}
#footer .footer-link-left ul {
	list-style:none; margin:20px 0 0 15px;
	}
#footer .footer-link-left li {
	padding:0;
	}
#footer .footer-link-left li a {
	color:#949393; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	}
#footer .footer-link-left li a:hover {
	text-decoration:underline;
	}
#footer .footer-link-services {
	width:293px; float:left; background:url(images/footer-bdr.png) no-repeat right 23px; height:142px;
	}
#footer .footer-link-services ul {
	list-style:none; margin:20px 0 0 43px; font-size:11px; font-family:Arial, Helvetica, sans-serif;
	}
#footer .footer-link-services li {
	padding:0;
	}
#footer .footer-link-services li a{
	color:#949393; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	}
#footer .footer-link-services li a:hover {
	text-decoration:underline;
	}

#footer .footer-link-right {
	width:200px;float:left; height:142px;
	}
#footer .footer-link-right ul {
	list-style:none;  margin:20px 0 0 37px; font-family:Arial, Helvetica, sans-serif;
	}
#footer .footer-link-right li a {
	color:#949393; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	}
#footer .footer-link-right li a:hover {
	color:#949393; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; 
	}
#footer .footer-link-community {
	width:254px; float:left; margin:20px 0 0 0;
	}
#footer .linkedin {
	width:100%; float:left; background:url(images/in-icon.png) no-repeat left top; height:32px; 
	}
#footer .linkedin a {
	 background:url(images/in-icon.png) no-repeat left top; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px;line-height:30px;font-weight:normal; text-decoration:none;
	 }
#footer .linkedin a:hover {
	 background:url(images/in-icon.png) no-repeat left -32px; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px; font-weight:normal; text-decoration:none;
	 }

#footer .twitter {
	width:100%; float:left; background:url(images/in-icon.png) no-repeat left top; height:32px; margin:5px 0 0 0;
	}
#footer .twitter a {
	 background:url(images/twitter-icon.png) no-repeat left top; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px;line-height:30px;font-weight:normal; text-decoration:none;
	 }
#footer .twitter a:hover {
	 background:url(images/twitter-icon.png) no-repeat left -32px; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px; font-weight:normal; text-decoration:none; 
	 }
#footer .facebook {
	width:100%; float:left; background:url(images/in-icon.png) no-repeat left top; height:32px; margin:5px 0 0 0;
	}
#footer .facebook a {
	 background:url(images/facebook.png) no-repeat left top; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px;line-height:30px; font-weight:normal; text-decoration:none;
	 }
#footer .facebook a:hover {
	 background:url(images/facebook.png) no-repeat left -32px; height:32px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#8d8d8d; padding:0 0 0 40px; font-weight:normal; text-decoration:none;
	 }
#footer .footer-bottom {
	width:100%; float:left; height:35px; background:#252525; border-top:1px solid #3b3a3a; text-align:center; line-height:35px; color:#666666;
	}	
.bdr1{border-bottom:solid 1px #000;}	
/**************** Post styles **************************************/
.post {
width: 635px;
padding: 0px;
padding-bottom: 15px;
margin: 0px 0px 30px 0px;
background: url(images/post_sep.png) repeat-x bottom left;
}
h2.headline {
font-family:Georgia, "Times New Roman", Times, serif; 
color:#025fab; 
font-size:20px; 
font-weight:normal;
margin:5px 0 5px 0;
}
h2.headline a:link, h2.headline a:visited {
font-family:Georgia, "Times New Roman", Times, serif; 
color:#025fab; 
font-size:20px; 
font-weight:normal;
text-decoration: none;
}
h2.headline a:hover {
font-family:Georgia, "Times New Roman", Times, serif; 
color:#025fab; 
font-size:20px; 
font-weight:normal;
text-decoration: underline;
}
.entry {
color: #5e6264;
font-size: 14px;
text-align: left;
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
.entry p {
margin: 1em 0em; text-align:justify;
}
h4.date, h4.commentnum {
font-weight: bold;
color: #626262;
font-size: 12px;
margin: 0px;
}
h4.date {
margin: 0px;
padding: 0px;
padding-left: 16px;
display: block;
text-align: left;
background: url(images/date_icon.png) no-repeat left center;
}
h4.commentnum {
background: url(images/comments_bg.png) no-repeat top left;
width: 84px;
height: 22px;
position: relative;
margin: 0px;
padding: 24px 0px 0px 0px;
display: block;
text-align: center;
}
h4.commentnum a:link, h4.commentnum a:visited {
text-decoration: underline;
color: #68757b;
}
h4.commentnum a:hover {
color: #4a5256;
text-decoration: none;
border: none;
}
.post h3 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0px;
}
blockquote {
color: #5f6669; 
margin: 2px; 
padding: 3px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(images/quote.png) no-repeat top right;
}
p {
margin-bottom: 0px;
line-height: 1.4em;
}
p a {
text-decoration: underline;
}
p a:hover {
text-decoration: none;
}
p.center {
text-align: center;
}
.small {
font-size: 10px;
}
code {
font: 12px 'Courier New', Courier, Fixed;
}
h1 {
font-size: 16px;
text-align: left;
font-weight: normal;
margin-bottom: 8px;
font-family: Georgia, "Times New Roman", Times, serif;
}
h1.title, h2.pagetitle {
font-size: 18px;
font-weight: normal;
padding: 0px 0px 7px 5px;
margin: 0px;
color: #505d63;
background: url(images/post_sep.png) repeat-x bottom left;
font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
margin: -5px 0 10px 0;
padding: 0;
font-weight: normal;
font-size: 10px;
color: #505d63;
}
/***** LISTS FORMATTING *****/
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
list-style-type: none;
} 
.post ul li {
margin: 5px 0px 5px 10px;
background: url(images/bullet.png) no-repeat left center;
padding-left: 12px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
/***** SIDEBAR FORMATTING *****/
#secBar h2 {
margin: 0px;
text-align: left;
padding: 3px 25px;
width: 252px;
height: 47px;
font-size: 20px;
font-family:Georgia, "Times New Roman", Times, serif; 
color: #434546;
font-weight: normal;
line-height:48px;
}
#secBar a:link, #secBar a:visited {
font-size: 14px;
text-decoration: underline;
font-family: verdana;
font-weight: normal;
}
#secBar a:hover {
background: none;
text-decoration: underline;
}
/***** SIDEBAR LISTS FORMATTING *****/
#secBar ul, #secBar ol { 
width: 282px;
background: none;
padding: 0px;
margin: 0px;
list-style-type: none;
font-size: 14px;
text-align: center;
}
#secBar ul li {
width: 282px;
background: url(images/side_top.png) no-repeat top left;
margin: 0px auto 15px auto;
padding: 0px;
text-align: left;
text-align: center;
list-style-type: none;
}
#secBar ul li ul, #secBar ul li ol, #secBar ol li ul, #secBar ol li ol {
margin: 0px;
width: 262px;
background: url(images/side_bottom.png) no-repeat bottom left;
padding: 10px;
padding-bottom: 25px;
text-align: left;
list-style-type: none;
}
#secBar ul li ul li {
background: url(images/bullet.png) no-repeat left center;
border: none;
display: block;
width: 250px;
padding: 1px 0px 1px 15px;
margin: 0px;
text-align: left;
color: #6d737c;
font-size:12px;
list-style-type: none;
}
#secBar ul li ul li a:link, #secBar ul li ul li a:visited {
margin: 2px 0px;
color: #181e98;
padding: 0px;
font-size: 11px;
text-align: left;
text-decoration: none;
font-weight: bold;
}
#secBar ul li ul li a:hover {
color: #0238ad;
text-decoration: none;
}
/***** IMAGE FORMATTING *****/
.entry img {
border: 1px solid #9fa6b1;
margin: 5px 3px;
}
.entry a:link img, .entry a:visited img {
border: 2px solid #9fa6b1;
padding: 1px;
}
.entry a:hover img {
border: 2px solid #6c7179;
}
img.post {
padding: 0px;
border: 1px solid #9fa6b1;
margin: 10px;
float: right;
}
img.center {
margin-left: auto;
margin-right: auto;
padding: 0px;
border: 1px solid #9fa6b1;
}
img.alignright {
padding: 0px;
border: 1px solid #9fa6b1;
margin: 5px;
float: right;
display: inline;
}
img.alignleft {
float: left;
padding: 0px;
border: 1px solid #9fa6b1;
margin: 5px;
display: inline;
}
/***** MISCELLANEOUS FORMATTING *****/
.alignright {
float: right;
}
.alignleft {
float: left
}	
.navigation, .navigationc {
text-align: center;
display: block;
width: 500px;
font-size: 14px;
border: none;
margin: 10px 4px;
font-family: Cambria, "Chaparral Pro", Georgia, "Times New Roman", serif;
}
.navigation .alignleft a:link, .navigation .alignleft a:visited {
padding: 0px;
font-size: 18px;
background: url(images/previous.png) no-repeat center left;
text-decoration: none;
color: #707070;
padding-left: 27px;
width: 84px;
height: 29px;
display: block;
text-indent: -9999px;
}
.navigation .alignright a:link, .navigation .alignright a:visited {
padding: 0px;
font-size: 18px;
background: url(images/next.png) no-repeat center right;
text-decoration: none;
color: #707070;
width: 76px;
height: 29px;
display: block;
text-indent: -9999px;
}
.navigation .alignright a:hover {
background: url(images/next_hover.png) no-repeat center right;
color: #0fabe4;
}
.navigation .alignleft a:hover {
background: url(images/previous_hover.png) no-repeat center left;
color: #0fabe4;
}
.postspermonth {
margin: 5px 0 10px 0;
list-style: none;
padding-left: 25px;
}
.postmetadata {
margin: 0px;
width: 490px;
padding: 5px;
border: 2px solid #cfcfcf;
font-size: 12px;
font-family: Arial, sans-serif;
color: #777777;
}
/***** COMMENTS FORMATTING *****/
h3#comments, h3#respond {
padding: 0px;
width: 490px;
clear: both;
font-size: 16px;
color: #5d6168;
font-family: Cambria, "Chaparral Pro", Georgia, "Times New Roman", serif;
}
#commentform input {
background: url(images/input.png) repeat-x top left #fff;
width: 192px;
height: 19px;
padding: 2px;
margin: 5px 5px 1px 0px;
color: #555450;
font-size: 14px;
border: 1px solid #e7e5e5;
}
#commentform textarea {
background: url(images/textarea_bg.png) repeat-x top left #fff;
width: 296px;
height: 196px;
color: #555450;
padding: 2px;
border: 1px solid #e7e5e5;
}
#commentform #submit {
background: url(images/button.png) no-repeat top left;
width: 65px;
height: 29px;
border: none;
text-align: center;
cursor: pointer;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #f7f7f7;
}
.commentlist {
list-style-type: none;
}
.commentlist li {
font-size: 14px;
font-weight: normal;
color: #4a4a4a;
width: 460px;
padding: 10px;
margin: 5px auto;
position: relative;
background: url(images/comment_bg.png) repeat-x top left #f5f5f5;
}
.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4, .commentlist li.depth-5 {
width: 94%;
background: none;
border-left: 3px solid #e3e3e3;
list-style-type: none;
margin: 0px auto;
}
.commentlist cite {
display: block;
color: #595c60;
font-family: Cambria, "Chaparral Pro", Georgia, "Times New Roman", serif;
margin-left: 70px;
font-style: normal;
}
.commentlist cite a:link, .commentlist cite a:visited {
font-weight: bold;
font-style: normal;
font-size: 14px;
color: #595c60;
text-decoration: underline;
}
.commentlist cite a:hover {
color: #3d3e40;
text-decoration: none;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin: 5px;
color: #4a4a4a;
margin-left: 70px;
}
#commentform p {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#commentform label {
font-size: 14px;
font-weight: normal;
color: #595c60;
}
.commentmetadata {
font-weight: normal;
font-size: 12px;
margin-left: 70px;
}
.commentmetadata a:link, .commentmetadata a:visited {
color: #787c7d;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
} 
.commentmetadata a:hover {
color: #5c6061;
text-decoration: underline;
}
div.reply {
margin: 0px;
padding: 0px;
}
#commentform p {
margin: 5px 0;
}
.commentlist li img {
height: 50px;
width: 50px;
padding: 0px;
position: absolute;
top: 15px;
left: 15px;
border: 2px solid #969696;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
small {
font-size: 12px;
}
.says {
display: none;
}