/*  
Theme Name: Chandu4u.com
Theme URI: http://www.chandu4u.com/
Description: This Website is the online portfolio of Chandra Shekhar Kantlam, a Web Designer based in Hyd, INDIA. Websites compliant in CSS & XHTML web design, graphic design.
Version: 2.0
Author: Chandra Shekhar K
Author URI: http://www.ecards4ever.com/

	This theme was designed and built by Chandra Shekhar,
	whose website you will find at http://www.chandu4u.com/

	The CSS, XHTML and design was created solely for use by Chandu4u.com and therefore should not be used, copied, or distributed by any party other than Ecards4ever.com or Chandra Shekhar K.
*/


/* CSS Document */
body {
	margin:0; padding:0; color:#8A8989; text-decoration:none;
	background:#000 url(images/header.jpg) center top no-repeat; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; }

html {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #36ABD7;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #36ABD7;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #ffffff;
	scrollbar-tract-border-color: #36ABD7;
	scrollbar-arrow-color: #36ABD7;
	overflow-y: scroll;
}

div, img, h1, h2, ul, ol, p {
	margin:0; padding:0; }

ul {
	list-style:none; }
	
.blank {
	height:15px; clear:both; }
.blank1 {
	height:8px; clear:both; }

a {
	color:#FFC600; text-decoration:underline; font-weight:bold; }
a:hover {
	color:#FFF; text-decoration:none; }

/* Main Page */
#mainbody {
	width:800px; margin:0 auto; padding:0; }
/* Header */
#header {
	width:800px; height:310px; }
/* Left Pan */
#leftPan {
	width:270px; float:left; margin-left:20px; padding:0; }
#leftPan .title {
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#8A8989; font-weight:bold; padding:0; height:30px; 
	border-bottom:1px solid #2C2D2F;}
#leftPan .bold {
	color:#FFF; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; }
#leftPan .bt {
	color:#8A8989; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;
	padding-top:10px; text-align:justify;}
#leftPan .bt a {
	color:#f6cf08; text-decoration:underline;}
#leftPan .bt a:hover {
	color:#FFF; text-decoration:underline;}
#leftPan .bt1 {
	color:#8A8989; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;
	padding-top:10px; text-align:center;}
#leftPan .bt1 a {
	color:#f6cf08; text-decoration:underline;}
#leftPan .bt1 a:hover {
	color:#FFF; text-decoration:underline;}
#leftPan .img {
	margin:0; padding-top:10px; padding-bottom:10px; }
#leftPan .img1 {
	margin:0; padding:0; }
	
/* Right Pan */
#rightPan {
	width:470px; float:right; margin-right:20px; padding:0; }
#rightPan .title {
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#8A8989; font-weight:bold; padding:0;
	height:30px; border-bottom:1px solid #2C2D2F;}
.title1 {
	font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-decoration:none; margin-left:10px; }
#rightPan .img {
	margin:0; padding-top:15px; padding-bottom:15px; width:470px; height:210px; }
#rightPan .work {
	width:470px; margin:0; border:1px solid #BABABA; height:76px; }
#rightPan .work ul {
	margin-left:13px; margin-top:13px; list-style:none; }
#rightPan .work ul li {
	float:left; padding-right:4px; }
#rightPan .rbt {
	color:#8A8989; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-align:justify;}
#rightPan .rbt a {
	color:#8A8989; text-decoration:underline;}
#rightPan .rbt a:hover {
	color:#FFF; text-decoration:underline;}
	
/* Advertise */
#advertise {
	width:800px; height:80px; }
/* Advertise1 */
#advertise1 {
	height:36px; border:1px solid #3E3A39; text-align:center; padding-top:10px;}
/* About */
#about {
	width:760px; float:left; margin-left:20px; padding:0; }
#about .title {
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#8A8989; font-weight:bold; padding:0; height:30px; 
	border-bottom:1px solid #2C2D2F;}
#about .bold {
	color:#FFF; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; }
#about .bold1 {
	color:#f6cf08; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold; }
#about .bt {
	color:#8A8989; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;
	padding-top:10px; text-align:justify;}
#about .bt a {
	color:#8A8989; text-decoration:underline;}
#about .bt a:hover {
	color:#FFF; text-decoration:underline;}
	
/* Footer */
#footerPan {
	width:800px; height:40px; clear:both; margin:0; padding:0; border:1px solid #3E3A39;}
#footerPan .ft {
	color:#BCBCBC; font-size:11px; text-decoration:none; text-align:center; padding-top:13px;}
#footerPan .ft a {
	color:#BCBCBC; text-decoration:none;}
#footerPan .ft a:hover {
	color:#FFF; text-decoration:underline;}

.input {
	font:12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding-left:3px; padding-top:5px; width:310px;
	background:url(images/input-bg.gif) repeat left top; height:22px; border:1px solid #737373; }
.input1 {
	font:12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding-left:3px; 
	background:url(images/input-bg.gif) repeat left top; border:1px solid #737373;}
	
textarea {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #36ABD7;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #36ABD7;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #ffffff;
	scrollbar-tract-border-color: #36ABD7;
	scrollbar-arrow-color: #36ABD7;
	overflow-y: scroll;}


/*Default style for SPAN icons. Edit if desired: */
.iconspan{
	float: right;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
}
/*CSS used to style the examples. Remove if desired: */
.eg-bar{
	background:url(images/bar.jpg) left top no-repeat; height:30px; padding-top:6px; font:14px Arial, Helvetica, sans-serif;
	font-weight: bold; color:#FFF;
}
div.eg-bar{
	width: 470px;
}
.icongroup1{
	width: 470px;
}