/* 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 { background:#35b925 url(../images/mainbg.jpg) repeat-x top center; margin:0; padding:0; color:#333; font:12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal; } div,h1, h2, ul, ol, p { margin:0; padding:0; } img { margin:0; padding:0; border:none; } ul, li { list-style:none; margin:0; padding:0; } .blank { height:8px; clear:both; background:url(../images/spacer.gif) no-repeat;} .blank1 { height:8px; clear:both; } a { color:#333; text-decoration:underline; font-weight:bold; } a:hover { color:#d41779; text-decoration:none; } .clear { clear:both; } p { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#333; } .pink { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#cc167d; } .black { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#333; } .green { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#297d16; } .green1 { font:11px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#297d16; } .error { font:11px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#cc0000; } .blue { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#003399; } .purple { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#6633CC; } .merun { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#990000; } .red { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#cc0000; } h2 { font:18px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFF; margin:0; padding:0; line-height:34px; } .wbt { font:11px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#fff; } .btxt{ font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } .bold{ font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; font-weight:bold;} .Ttxt{ font:11px Arial, Helvetica, sans-serif; color:#FFF; background-color:#7c7375; text-decoration:none; } .Tbg{ background-color:#cccccc; } .Itbg { background:url(../images/galler-top.png) no-repeat; width:640px; height:8px;} .Ibbg { background:url(../images/galler-bottom.png) no-repeat; width:640px; height:8px;} .Ibg { background:url(../images/galler-bg.png) repeat-y; width:640px;} /*------------------------------------ MainPage ---------------------------------------------*/ #main { width:1000px; margin:0 auto; padding:0; background:url(../images/bodybg.png) repeat-y; } .footerbottom { width:1000px; margin:0 auto; padding:0; background:transparent url(../images/fbg.png) no-repeat; height:12px;} /*------------------------------------ Header ---------------------------------------------*/ #header { width:1000px; margin:0 auto; padding:0; background:url(../images/headerbg.png) no-repeat; height:159px;} #header .toptxt { font:11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#363a3b; line-height:31px; float:right; padding-right:20px;} #header .toptxt a { text-decoration:underline; color:#363a3b; } #header .toptxt a:hover { text-decoration:none; color:#1287ad;} .header1 .tleft { width:300px; float:left; padding-top:31px; } .header1 .tleft .logo { margin:0; padding:0; border:none; } .header1 .tright { width:600px; float:right; height:50px; } .header1 .tright .menu { float:right; line-height:50px; } .header1 .tright .menu li { list-style:none; margin-right:35px; padding:0; float:left; line-height:50px; } .header1 .tright .menu li a { font:11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none; color:#006fa7;} .header1 .tright .menu li a:hover { text-decoration:none; color:#333;} .header1 .tright .active { font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#f10a82; } /*------------------------------------ Main Body ---------------------------------------------*/ #mainbody { width:972px; margin:0 auto; padding:0; } /*------------------------------------ Left ---------------------------------------------*/ #left { width:172px; float:left; margin:0; padding:0; } #left .catbox{ width:172px; background:url(../images/catbg.gif) repeat-y;} #left .cattop{ width:172px; margin:0; padding:0; border:none; } #left .catbottom{ width:172px; background:url(../images/cat-bottom.gif) no-repeat; height:12px; } #left .lnav { width: 172px; margin:0px; padding: 0px;} #left .lnav li { font: 11px trebuchet ms, Arial, Helvetica, sans-serif; line-height:20px;margin: 0px; padding: 0px; font-weight: bold; text-decoration:none;} #left .lnav a { border-bottom: 1px solid #e5e5e5;display: block; padding: 3px 0px 5px 4px; color: #333; height:20px; text-decoration:none; line-height:20px;} .nav_icon { vertical-align: text-top;} #left .lnav a.first { border-top-width: 0px;line-height:20px;} #left .lnav a:hover { background: url(../images/iconbg.png) repeat-x bottom left; color: #e2244d; text-decoration:none;line-height:20px;} #left .lnav_selected { display: block; padding: 3px 0px 5px 4px; color: #000; height: 20px;line-height:20px;} #left .lnav .lnav_selected_first { border-bottom: 1px solid #e5e5e5; display: block; padding: 3px 0px 5px 4px; color: #c51328; height: 20px;line-height:20px;} #left .invite { width: 152px; margin:10px 0 0 5px; padding: 0px; } #left .linput { width: 148px; margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; color:#322201; border:1px solid #d9d9d9; background:#fff; } #left .lbox { margin-left:8px; padding:0; width:160px;} #left .lbt { font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } #left .lbold { font:12px Arial, Helvetica, sans-serif; color:#458e02; text-decoration:none; font-weight:bold; line-height:20px; } #left .llink { font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; margin-left:35px; line-height:70px; padding:0; } #left .lads { width:172px; margin:0; padding:0; border:none; } /*------------------------------------ Middle ---------------------------------------------*/ #mid { width:610px; margin:0 0 0 9px; float:left; padding:0;} #mid .banner { margin:0; padding:0; border:none; } #mid .midbox{ background:url(../images/midbg.gif) repeat-y;} #mid .midtop{ width:610px; margin:0; padding:0; background:url(../images/midtop.jpg) no-repeat; height:34px; } #mid .topbox { width:590px; margin:0 0 0 10px; padding:0; } #mid .topbox .mleft{ width:290px; float:left; margin:0; padding:0; } #mid .topbox h1 { font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFF; line-height:34px; } #mid .topbox .mright{ width:290px; float:right; text-align:right; margin:0; padding:0; } #mid .topbox .mlink { font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; text-decoration:none; color:#FFF; line-height:34px; } #mid .topbox .mlink a{ text-decoration:underline; color:#FFF; } #mid .topbox .mlink a:hover{ text-decoration:none; color:#ffdde2; } #mid .midbottom{ width:610px; background:url(../images/midbottom.gif) no-repeat; height:12px; } #mid .midbottom1{ width:610px; background:url(../images/midbottom1.gif) no-repeat; height:11px; } #mid .loginbg{ width:610px; background:#627a5a url(../images/login_bg.jpg) no-repeat; } #mid .gallery { list-style: none; margin: 0; padding: 0;} #mid .gallery li { margin: 10px 10px 10px 17px; padding: 0; float: left; position: relative; width: 120px; height: 110px;} #mid .gallery img { background: #fff; border: solid 1px #ccc; padding: 4px;} #mid .gallery span { width: 120px; height: 110px; display: block; position: absolute; top: 6px; left: 7px; background: url(../images/stamp-pattern.png) no-repeat;} #mid .gallery img { border: none; padding: 6px 7px 7px; background: url(../images/stamp-bg.gif) no-repeat;} #mid .hometxt{ margin:10px 0 0 10px; padding:0; width:590px; font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } #mid .features li{ font:12px "Segoe UI", Arial, Helvetica, sans-serif; line-height:16px; color:#333; margin-left:15px; background:url(../images/dot.gif) no-repeat 0 3px ; padding:0 0 0 10px; } #mid .contactus { width:580px; margin-left:15px; padding:0; } #mid .sitemap { width:580px; margin:5px 0 0 10px; padding:0; } #mid .members { width:580px; margin-left:15px; padding:10px 0 0 0; } #mid .members .list1 li { overflow:hidden; vertical-align:bottom;padding:3px 0 10px 0} #mid .members .list1 h3 { font:13px "Segoe UI", Arial, Helvetica, sans-serif; font-weight:bold; color:#003399; margin:0; padding:0;} #mid .members .list1 li img { float:left; margin:0 10px 5px 0; border:1px solid #ccc;} #mid .members .list1 li.last { padding-bottom:0;} #mid dl.birthdays{ border: 1px solid #e5e5e5; margin:10px 10px 0 16px; background:#e6e6e6 url(../images/birthday-bg.png) repeat-x; width: 80px; text-align: center; padding: 6px; float: left;} #mid .birthdays dt { font-weight: bold;} #mid .birthdays dt img { border: 1px solid #c1c1c1; width: 60px; height: 60px;} #mid .birthdays dd { margin: 0; padding: 0;} /*---------------------------------------------Inner Right-------------------------------------------------*/ #innerright { width:790px; margin:0 0 0 9px; background:url(../images/innerrightbg.gif) repeat-y; float:left; padding:0; } #innerright .itopbox { background:url(../images/innerrightbg.gif) repeat-y;} #innerright .ibg{ background:url(../images/innerrightbg.gif) repeat-y;} #innerright .itop{ width:790px; margin:0; padding:0; background:url(../images/innerright_top.jpg) no-repeat; height:34px; } #innerright .ibottom{ width:790px; background:url(../images/innerright_bottom.gif) no-repeat; height:13px; } #innerright .itopbox .ileft{ width:290px; float:left; margin:0; padding:0; } #innerright .itopbox h2 { font:14px Arial, Helvetica, sans-serif; font-weight:bold; margin-left:10px; text-decoration:none; color:#FFF; line-height:34px; } #innerright .itopbox .iright{ width:290px; float:right; text-align:right; margin-right:10px; padding:0; } #innerright .itopbox .ilink { font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-align:right; text-decoration:none; color:#FFF; line-height:34px; } #innerright .itopbox .ilink a{ text-decoration:underline; color:#FFF; } #innerright .itopbox .ilink a:hover{ text-decoration:none; color:#ffdde2; } #innerright .btext { font:12px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#333; margin:10px; } #innerright .igallery { list-style: none; margin: 0; padding: 0;} #innerright .igallery li { margin: 10px 17px 10px 17px; padding: 0; float: left; position: relative; width: 120px; height: 110px;} #innerright .igallery img { background: #fff; border: solid 1px #ccc; padding: 4px;} /*#innerright .igallery span { width: 120px; height: 110px; display: block; position: absolute; top: 6px; left: 7px; background: url(../images/stamp-pattern.png) no-repeat;}*/ #innerright .igallery img { border: none; padding: 6px 7px 7px; background: url(../images/stamp-bg.gif) no-repeat;} /*---------------------------------------------Form-------------------------------------------------*/ fieldset { position: relative; margin: 15px 0 15px 0; padding: 25px 0; border: 1px solid #e3e3e3;} legend { position: absolute; top: -11px; left: 8px; background-color: #6c6666; color:#FFFFFF; border: 1px solid #9F393F; padding: 3px;} label { display: block; float: left; width: 193px; text-align: right; padding-right: 7px; margin-bottom: 7px;} br { clear: both;} .text { border: 1px solid #177F75; font-family:11px Verdana, Arial, Helvetica, sans-serif; width:170px;} .text1 { border: 1px solid #177F75; font-family:11px Verdana, Arial, Helvetica, sans-serif; } .droptext { border: 1px solid #177F75; font-family:11px Verdana, Arial, Helvetica, sans-serif; width:175px;} .submit { margin-left: 201px; background-color: #00CC00;} .text, select { display: block; float: left; margin-bottom: 7px;} label[for="byear"], label[for="bdate"] { position: absolute; left: -999px; } input[type="text"] { border: 1px solid #177F75; font-family:Verdana, Arial, Helvetica, sans-serif;} input[type="text"]:disabled { opacity: .7;} input[type="text"]:disabled:after { content: "(disabled - do not use)"; font-size: .9em; color: #CCCCCC; display: block;} option:enabled { color: #333;} input:enabled { background: #fff; color:#333;} input[type="radio"]:checked { background: #9F393F;} /*------------------------------------ Right ---------------------------------------------*/ #right { width:172px; float:right; margin:0; padding:0;} #right .allimg{ margin:0; padding:0; border:none; } #right .catbox{ width:172px; background:url(../images/catbg.gif) repeat-y;} #right .cattop{ width:172px; margin:0; padding:0; border:none; } #right .catbottom{ width:172px; background:url(../images/cat-bottom.gif) no-repeat; height:12px; } #right .rbox { margin-left:8px; padding:0; width:160px;} #right .rbt { font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; } #right .rbold { font:12px Arial, Helvetica, sans-serif; color:#458e02; text-decoration:none; font-weight:bold; line-height:20px; } #right .rlink { font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; margin-left:35px; line-height:70px; padding:0; } #right .managelink { font:12px Arial, Helvetica, sans-serif; text-decoration:none; color:#CC0000; border-top:1px solid #ccc; border-bottom:1px solid #ccc;line-height:25px; padding:0 0 0 10px;} #right .managelink a { text-decoration:underline; color:#CC0000; } #right .managelink a:hover { text-decoration:none; color:#333; } #right .rbox .rgallery { list-style: none; margin: 0; padding: 0; } #right .rbox .rgallery li { padding: 4px; margin: 0; float: left; position: relative; width: 70px; height: 70px;} #right .rbox .rgallery li:hover img { border-color: #000;} #right .rbox .rgallery img { background: #fff; border: solid 1px #888; padding: 4px;} #right .rbox .rgallery em { background: #fff url(../images/grey-gradient.gif) repeat-y; color: #000; font-style: normal; padding: 2px 3px; display: block; position: absolute; top: 55px; left: 8px; border: 1px solid #999; border-left-color: #888;} #right .rbox .rgallery a { text-decoration: none;} #right .rbox .rgallery a:hover em { background: #ffdb01 url(../images/orange-gradient.gif) repeat-y;border-color: #c25b08;} #right .rads { width:172px; margin:0; padding:0; border:none; } #right .socialicons { margin:6px; padding:0;} #right .socialicons li {float:left; margin:0 0 0 2px;} #right .socialicons li a {display:block; width:32px; height:32px; padding:0; margin:0;} #right .socialicons li a span {display:none; padding:0; margin:0;} #right .socialicons li a.facebook {background:url(../images/facebook.png);width:32px; height:32px; padding:0; margin:0;} #right .socialicons li a.hover facebook {background:url(../images/facebook.png);width:32px; height:32px; padding:0; margin:0;} #right .socialicons li a.twitter {background:url(../images/twitter.png);width:32px; height:32px; padding:0; margin:0;} /*------------------------------------ Footer ---------------------------------------------*/ #footerbg{ background:url(../images/footer-new.png) repeat-x; height:48px; margin:0 auto; padding:0; } #w2footer{ background:#000; padding:5px 0px 0px 0px;} div.w2box{ text-align:left; width:236px; border-right:solid 1px #444444; margin:0px 4px 0px 0px; float:left; display:inline;} div.w2box-right{ width:236px; border:none; margin:0px 0px 0px 0px; float:left; display:inline; text-align:left;} div#w2footer h3{ font:bold 16px "Trebuchet MS"; color:#e1e1e1; padding:0px 0px 0px 10px; margin:0px 0px 12px 0px;} div#w2footer ul{ list-style:none; padding:0px; margin:10px 0px 0px 0px;} div#w2footer ul li{ width:240px; padding:0px; margin:0px; display:inline;} div#w2footer ul li a{ float:left; display:inline; text-decoration:none; width:216px; font-weight:bold font:normal 11px Arial, sans-serif; color:#787878; padding: 4px 0px 5px 20px; border-bottom:solid 1px #414141; background:transparent url(../images/small-post-icon.png) no-repeat scroll 0%; } div#w2footer ul li a:visited{ background:#2c2c2c url(../images/small-post-icon-red2.png) no-repeat scroll 0%; color:#6c6c6c;} div#w2footer ul li a:hover{ border-bottom:solid 1px #787878; color:#acacac; background:#414141 url(../images/small-post-icon.png) no-repeat scroll 0%;} div.info { border-top:solid 1px #444444; padding:10px 0px 10px 0px; margin:0; text-align:center; color:#676767; background:#232323;} div.info a{ color:#676767;} div.info a:visited{ color:#676767;} div.info a:hover{ color:#676767; background:#414141;} /*------------------------------------ Paging ---------------------------------------------*/ .pagging { height:20px; padding:8px 10px; margin:10px 10px 0 10px; line-height:19px; color:#949494; } .pagging a{ background:url(../images/pagging.png) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px; } .pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; } .pagging span{ float:left; margin-left:5px; padding-top:2px; } .left, .alignleft { float:left; display:inline; } .right, .alignright { float:right; display:inline; } /*---------------------------------------------Sitemap-------------------------------------------------*/ .block{ float:left; padding:0;} .block li{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#3A3A3A;list-style-type:none;line-height:16px;} .block li a{ color:#3A3A3A;text-decoration:none; font-weight:normal;} .block li a:visited{ text-decoration:none} .block li a:hover{ text-decoration:underline} .width1{ width:160px;} .width2{ width:200px;} .title{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0052AE; font-weight:normal; margin-bottom:3px; display:block; text-decoration:none} .title:visited{ text-decoration:none} .title:hover{ text-decoration:underline} /*---------------------------------------------Tabs-------------------------------------------------*/ .container {width: 590px; margin: 10px auto;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 26px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; width: 100%;} ul.tabs li { float: left; margin: 0; padding: 0; height: 25px; line-height: 25px; border: 1px solid #e5e5e5; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden;position: relative;} ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 11px; padding: 0 10px;border: 1px solid #fff; outline: none;} ul.tabs li a:hover { background: #ccc;} html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff;} .tab_container { border: 1px solid #e5e5e5; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} .tab_content { padding: 10px; font-size: 1.2em;} .tab_content h4 { font-weight: normal; padding-bottom: 5px; margin:2px; color:#1e6ca3; border-bottom: 1px dashed #ddd; font-size: 1.2em;} .tab_content h3 a{ color: #254588;} .tab_content img { margin:0; padding:0; border:0;}