/* Theme Name: v-render Theme URL: http://v-render.co.in Description: new theme for v-render website Author: Veerendra tikhe Version: 1.4 - added support for post thumbnails - added reusable classes for layout purpose per post - added few classes for nexgen gallery layout - css3 @fontface enabled headers added 22 feb 2010 - added twitter support 25 feb 2010 Version: 1.3 -added IE-override.css support for IE6 viewers.[needs to be updated] -added some layout templates and deleted former custom templates. -columns effect in .column class add it to divs. -added main slider on homepage, drop shadow to navigation. -minor changes in layout and padding margin stuff. Version: 1.01 - width and horizontal scroll removed for 1024x768 screens */ @font-face { font-family: 'PT Sans Narrow'; src: url('fonts/PT_Sans_Narrow_Bold.eot'); src: local('PTSans NarrowBold'), local('PT Sans Narrow'), url('fonts/PT_Sans_Narrow_Bold.ttf') format('truetype'); } @font-face { font-family: 'SHREE-ENG-0081Regular'; src: url('fonts/SHREE081.eot'); src: local('SHREE-ENG-0081 Regular'), local('SHREE-ENG-0081'), url('fonts/SHREE081.ttf') format('truetype'); } @import url('../../plugins/easy-contact/sample/econtact-basic.css'); /*for easy contact plugin*/ /* global reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,th, td {font-size:100%; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;} caption, th, td {text-align:left; font-weight:normal;} table {border-collapse:separate; border-spacing:0; } blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} * {margin:0; padding:0;} ::-moz-selection {background:#C33;color:#fff;} ::selection {background:#c33;color:#fff;} code::-moz-selection {background: #333333;} code::selection {background: #333333;} /*global elements*/ body {background: #c30 url(images/body-bg.jpg) no-repeat top center; line-height:1.6em; font-family:helvetica, arial,'PT Sans Narrow', san-serif; font-size:100.1%;} h1 {font-size:1.8em;} h2 {font-size:1.7em; font-weight:normal; margin:10px 0; } h3 {font-size:1.3em; font-weight:normal; margin-top:15px;} h4 {font-size:.7em; font-weight:normal;} h5 {font-size:10px; font-weight:normal;} img {border: none; padding:0; margin:0px 10px 10px 0;float: left;} hr {visibility:hidden;} p {font-family:helvetica, san-serif;} code { background:#EEE; border:#ccc solid 1px; font-size:12px; padding:5px; display:block;} input, textArea { padding:5px 10px; font:14px helvetica, arial; border:#CCC solid 1px; background:#fafafa;} input:focus, textArea:focus, p.btnSubmit input:hover { background:#fff; color:#333; border:#CCC solid 1px;} p.btnSubmit input { background:#C33; color:#FFF; font:16px 'PT Sans Narrow', arial; border:#fff solid 1px; margin:10px 0;} /*Fontface APPLIEDS*/ #content #post .entry h2, #sidebar .block h2, #sidebar2 .block h2 , .home-content h2, #content h2, #content h2 a { color:#C30; font-family:'PT Sans Narrow', san-serif;} #content h2 a { color::#C30; padding:5px 0;} #content h2 a:hover { color:#F30;} #sidebar .block h2, #sidebar2 .block h2 { color:#999;} .home-content h2 { font-size:25px; color:#c30; font-family: 'SHREE-ENG-0081Regular', san-serif; margin:5px 0;} /*anchors*/ a, a:link {text-decoration:none; color:#930;} /*WRAPPING IDSs*/ #bottom-bg-wrap {width:937px; margin:0 auto;}/*EXTRA THING CAN BE REMOVED*/ #page-wrap {width:938px; margin:0 auto; } #wrapper {margin: 0 auto; padding-top:51px;} #header {height:133px;} #header #logo { width:451px; float:left;} #header h1.title-blog { text-indent:-9000px; background:url(images/logo-trans.png) no-repeat;} #header h1.title-blog a { height:115px; width:265px; display:block;} /*menubar*/ #header #menubar {float:left; height:50px; background:url(images/menubar-ul-bg-trans.png) no-repeat; margin-top:30px;} #header #menubar ul {list-style:none; padding:0 0 0 12px; width:475px; overflow:hidden; height:45px; float:left;} #header #menubar ul.ffmenu {} #header #menubar ul li {float:left; display:block; height:45px;} #header #menubar ul li a {display:block; font-family:Tahoma, Geneva, sans-serif; padding:15px 18px; font-size:12px; color:#fafafa; text-shadow:0 0 0px #FFFFFF; line-height:100%;} #header #menubar ul li a:hover {color:#fff; text-shadow: #FFF 0 0 5px;} /*search box*/ #searchform input.textbox {background:url(images/search-bg.gif) no-repeat; display:block; float:left; height:22px; width:100px; color:#FFF; font:bold 10px Georgia; border:none; padding:2px;} #searchform input.submit {background:url(images/search-bg.gif) no-repeat right top; display:block; height:22px; width:20px; color:#FFF; border:none; text-indent:-9000px;} /*banner ids*/ #home-banner {height: 230px; background: url(images/home-banner-bg.jpg) repeat-x;} #home-banner .home-content {height: 155px; width:438px; color:#333; float:left; padding:18px 0 0 25px;} #home-banner h1 {font-size:27px; padding:0; font-weight:normal; margin-bottom:10px;} #home-banner h3 { font: bold 16px helvetica, sans-serif; margin:6px 0; color:#999;} #home-banner p {font:13px Helvetica, sans-serif; line-height:16px; padding-right:5px; display:block;} #home-banner p em {font-style:italic; font-weight:bold; font:Georgia, "Times New Roman", Times, serif;} /*HORIZONTAL TAGS STRIP */ #home-banner #tagIds {height:44px; overflow:hidden; float:left;} #home-banner #tagIds li { list-style:none; float:left;} #home-banner #tagIds li.categories ul { list-style-type:none; float:left;} #home-banner #tagIds li.categories ul li { float:left; margin:18px 0 0 10px; font-variant:small-caps; text-transform:uppercase;} #home-banner #tagIds li.categories ul li a { display:block; background:#990000; padding:3px 5px; font:11px helvetica; color:#FFF;} #home-banner #tagIds li.categories ul li a:hover { background:#C30;} /* content styles and ids*/ #content {padding:25px 6px 25px 25px; background:#fff; width:900px; margin-top:15px; } #content .entry {margin:25px 0; padding-right:25px;} /*wraps all post*/ #content .pageEntry {margin:5px 0; padding-right:15px;} /*wraps all PAGES*/ #content .imgDec {margin:10px 15px 2px 0; background:none;} #content p {font:11px Helvetica, sans-serif; line-height:1.6em; text-align:justify;} #content #post {float:left; border-bottom:#E6E6E6 solid 1px;} #content #post p {font-size:13px; text-align:left; margin:5px 0;} #content #post h2 a {color:#c30;} #content #post h3 {/*font:bold 1.2em helvetica; display:block; color:#666; margin-top:15px;*/font:1.3em 'PT Sans Narrow', sans-serif;color:#C90;} .commentAuthor h3 { clear:left; padding-top:5px; margin:0px;} #content #post h3 a:link {color:#930;} #content #post h3.btnLink a , a.btnLink { padding:5px 8px; background:#FEF1D3; border:#FBAF13 solid 1px; margin-top:5px;} #content #post h3.btnLink a:hover, a.btnLink:hover {background:#F8D661;} #content #post h4 {font:bold .9em helvetica; display:block; border-bottom:#CCC solid 1px; font-weight:normal; padding:5px 0; color:#930;} #content #post h5 {margin-bottom:15px; font:bold 14px helvetica; font-style:italic; color:#C30;} #content #post ul.inlineList li { float:left; margin:2px;} #content #post ul li {font-size:12px; list-style:none; display:block; padding:1px 30px; line-height:1.5em; margin-bottom:5px;} /*ICONS*/ .icon { padding:2px 5px 2px 25px;}/*padding for icon add icon in next class*/ .ff { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -22px;} .safari { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -45px;} .opera { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -67px;} .chrome { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -89px;} .ie { background: #F2F2F2 url(images/browser-icons.png) no-repeat 6px 3px;} /*BROWSER LIST ICONS*/ #content #post ul li.ff { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -22px;} #content #post ul li.safari { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -45px;} #content #post ul li.opera { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -67px; } #content #post ul li.chrome { background:#F2F2F2 url(images/browser-icons.png) no-repeat 6px -89px;} #content #post ul li.ie { background: #F2F2F2 url(images/browser-icons.png) no-repeat 6px 3px;} /*FOR SERVICES CLASSES*/ .web2 { background:url(images/web2.gif) no-repeat 0px 8px;} .stall { background:url(images/stall.gif) no-repeat 0px 8px;} .audio { background:url(images/audio.gif) no-repeat 0px 8px;} .story { background:url(images/story.gif) no-repeat 0px 8px;} .symbols { background:url(images/symbols.gif) no-repeat 0px 8px;} .hosting { background:url(images/hosting.gif) no-repeat 0px 8px;} .uidesign { background:url(images/uidesign.gif) no-repeat 0px 8px;} .identity { background:url(images/identity.gif) no-repeat 0px 8px;} .presentation { background:url(images/presentation.gif) no-repeat 0px 8px;} /*OTHER LIST STYLES*/ #content #post ul.tick li { background: url(images/tick.png) no-repeat 6px 10px;} #content #post ul.cons li { background: url(images/cons.png) no-repeat 6px 10px;} #content #post ul.positive li { background: url(images/positive.png) no-repeat 6px 6px; } #content #post ul.negetive li { background: url(images/negetive.png) no-repeat 6px 6px;} #content #post ul.list li { background: url(images/list.png) no-repeat 6px 6px; } #content #post ul.nobg li { padding:0px 5% 1% 50px; height:125px;} #content #post ol { display:inline-block;} #content #post ol li {font-size:12px; list-style:none; display:block; padding:5px 30px; background:url(images/tick2.gif) no-repeat left 3px ; border-bottom:#F2F2F2 solid 1px; line-height:1.5em;} /*#content #post .entry ul.list01 li{font-size:12px; list-style:circle; padding:5px 30px;} #content #post .entry ol.list02 li {font-size:12px; list-style:lower-roman; padding:5px 0px;}*/ #content #post .entry h5 {margin-bottom:15px; font-size:10px; font-weight:normal; font-style:italic;} /*#content #post .entry ul li {font-size:12px; list-style:none; display:block; padding:15px 30px; background:url(images/tick.jpg) no-repeat left; line-height:18px;} #content #post .entry ol li {font-size:12px; display:block; list-style:outside; padding:15px 30px; line-height:18px; border-bottom:#999 dotted 1px;}*/ /*update on wp 2.9 release post thumbnail class in v-render theme*/ .post_thumb { float:left; margin:5px 15px 5px 0;} .post { padding:15px; border-bottom:#ccc solid 1px; margin-bottom:10px; clear:left;} /*SHORT POST ON HOMEPAGE STYLE*/ #content .aboutus { background:url(images/banner-home.png) no-repeat;} #content #homepost p { font:11px helvetica; line-height:14px; text-align:justify; margin-top:0px;} #content #homepost .entryhome h4 a {font-size:14px; color:#930; text-shadow:#fff 1px -1px 2px; padding:8px 30px; display:block; background:url(images/tick2.gif) no-repeat 2px 7px;} #content #homepost .entryhome h4 a:link {color:#930; text-shadow:#fff 1px -1px 2px;} #content #homepost .entryhome h4 a:visited {color:#930; text-shadow:#fff 1px 1px 2px;} #content #homepost .entryhome h4 a:hover {color:#930; background:#F0F0F0;} /*TITLE CLASS*/ a:visited.title { font: bold 16px helvetica; color:#666; text-shadow:#fff 1px -1px 2px; display:block; margin-bottom:15px;} a.title { font-size:16px; font-weight:bold; color:#666; text-shadow:#fff 1px -1px 2px; margin-bottom:15px; display:block;} #content #post table { font-family:helvetica, Helvetica, sans-serif; font-size:14px; color:#333;} #content #post table tr td { padding:5px 15px;} #content #post .entry .wp-smiley { padding:0;} img.wp-smiley { float:none; padding:0; margin:0;} /*post metadata*/ #content #post #postmeta p {font-size:10px; display:block;} #content #post #postmeta p a:link {color: #333;} #content #post #postmeta p a:hover {color: #933;} /*sidebar -1*/ #sidebar { width:200px; overflow:visible; padding-top:25px; float :left;} #sidebar .block { padding-left:8px; width:200px; overflow:hidden; margin-top:15px;} #sidebar .block ul { list-style-type:none; color:#CCC;} #sidebar .block ul li { display:block; line-height:100%;} #content .homeBlocks h4 a, #sidebar .block ul li a { font-size:12px; background:transparent url(images/bullet.png) no-repeat 2px 9px; padding:10px 0 10px 33px; border-bottom:#DFDFDF solid 1px; display:block; line-height:100%;} #content .homeBlocks h4 a:hover, #sidebar .block ul li a:hover {background:#fafafa url(images/bullet-hover.png) no-repeat 2px 9px;} .right {float:right; margin-right:5px; width:140px;} /*SETS SEARCHFORM ON RIGHT TOP OUT OF SIDEBAR*/ /*sidebar -2*/ #sidebar2 { overflow:visible; padding-top:25px; float:left; } #sidebar2 .block { float:left; padding-right:50px; width:175px; overflow:hidden;} #sidebar2 .block ul { list-style-type:none; color:#CCC;} #sidebar2 .block ul li { display:block;} #sidebar2 .block a { color:#C30; font-size:12px; padding:5px; border-bottom:#E8E8E8 solid 1px; display:block;} #sidebar2 .block p { font-size:12px; color:#333;} #sidebar2 .twitter, .twitter a { font-size:.8em; color:#666; line-height:1.5em;} #sidebar2 .twitter a { display:inline; border:none;} #sidebar2 .twitter { background:url(images/tweeter.png) no-repeat 138px top; padding-right:64px; width:160px;} #sidebar2 .twitter h2 { font-size:2.2em;} /*social block */ #sidebar2 .block .social ul {display:block; list-style-type:none;} #sidebar2 .block .social ul li {margin:3px; width:32px; float:left;} #sidebar2 .block .social ul li a {display:block; height:32px; } #sidebar2 .block .social ul li a.orkut {background:url(images/orkut.png) no-repeat;} #sidebar2 .block .social ul li a.flickr {background:url(images/flickr.png) no-repeat;} #sidebar2 .block .social ul li a.twitter {background:url(images/twitter.png) no-repeat;} #sidebar2 .block .social ul li a.facebook {background:url(images/facebook.png) no-repeat;} #postmeta #social-media { width:600px; height:45px;padding-top:4px;} #postmeta #social-media ul { list-style-type:none;} #postmeta #social-media ul li { float:left; margin-right:-10px; background:none; padding:5px;} #postmeta #social-media ul li a { color:#fff; font-size:15px; background:none; padding:0;} /*COMMENT FORM*/ .commentsArea { padding-top:25px;} #commentsform p { width:60%; display:block;} .note { background:#F5F5F5;} .note a { color:#FFF; background:#FDA555; padding:5px 10px; font-weight:bold;} .note p { font:bold 16px helvetica; color:#6B3F03;} /*ADDED FOR SOCIAL BOOKMARK PLUGIN*/ #content #post div.social_bookmark a img.social_img { padding:0; margin:0; float:none;} .social_bookmark {clear:left;display:block;margin-left:auto;margin-right:auto;padding:5px;text-align:left;} /*ADDED ON 14 FEB 2010 - STYLE FOR COMMENTS */ #content #post .commentsArea ol#commentlist { display:block; padding:0 0 25px;} #content #post .commentsArea ol li { background:none; padding:0px; border:none;} #content #post .commentsArea ol#commentlist li.alt { background:#FFF7EA;} #content #post .commentsArea ol#commentlist li .commentAuthor h4 { border:none; clear:left;} .commentAuthor { float:left; width:80px;} .commentText, .commenttext-admin { padding-left:97px;} .commentWrap { margin-top:15px; padding:15px; border:#ccc solid 1px;} .commenttext-admin { color:#900; font-weight:bold} .commentReply { padding-left:100px;} /*footer*/ #footer {height:150px; background:url(images/footer-shadow-trans.png) no-repeat top center; margin:0 auto; padding:15px;} #footer p {font-size:12px; color:#CCC; margin-top:5px; line-height:15px;} #footer p a {color:#FFF;} /*general class*/ .roundCorner, .sp { -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .firsthomeBlock { width:280px; height:300px; float:left; overflow:hidden;} .firsthomeBlock h4 { font:.9em helvetica; display:block; border-bottom:#CCC solid 1px; padding:5px 0; color:#930;} .firsthomeBlock img { margin-bottom:5px; border:#cccccc solid 3px;} .homeBlocks { width:280px; height:300px; margin-left:30px; float:left; overflow:hidden;} .clear-lft { clear:left;} .clear { clear:left; visibility:hidden;} /*FOR COLUMN SYSTEMS IN POSTS AND PAGES */ .fcol {float:left; border-right:#CCC dotted 1px; padding:0 7px; height:400px;}/*FEATURED COLUMN*/ .fcol img {display:block; margin:5px 10px;}/*FEATURED COL. IMAGE*/ .fstcol {float:left; padding:0 3% 0 0;}/*FIRST COLUMN IN POST */ .col {float:left; border-left:#CCC solid 1px; padding:0 20px;}/*REST COLUMNS IN POST*/ .c60 {float:left; width:60%;}/*WIDTHS CAN BE USED WITH .col or .fstcol classes combination*/ .c40 {float:left; width:40%;} .c50 {float:left; width:49%;} .c30 {float:left; width:30%;} .c28 {float:left; width:280px;} .c20 {float:left; width:20%;} .archC30 {float:left; width:20%; height:300px;} /*padding classes */ .pd0 { padding:0;} .pd1 { padding:1%;} .pd2 { padding:2%;} .pd3 { padding:3%;} .pd4 { padding:4%;} /*border classes*/ .borderGray { border:#EAEAEA solid 1px} .fullpage {width:99%;} /*FULLPAGE TEMPLATE - ABOUT.PHP, MY-FEATURED.PHP*/ .halfpage {width:660px; padding:0 15px;} /*HALFPAGE TEMPLATE - DEFAULT*/ .left-float {float:left;} .stick-left {margin-left:-35px; padding:0;} .stick-right {margin-right:-35px; padding:0;} /*CREATED FOR SPECIAL ARRANGEMENT FOR POST WISE LAYOUT*/ .right-float {float:right;} .tutorial img {float:none;} .clearBoth { clear:both;} #content #post .tutorial h4 { font:bold 1.3em 'PT Sans Narrow'; color:#C30;} /*--------------SLIDER CSS-----------------*/ /*/* global */ .col h2{ padding-bottom:.5em; } /* // headings */ /* image replacement */ .graphic, #header h1, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ /* clearfix */ #content:after, ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #content, ul{ display:block; } #content, ul{min-height:1%;} * html #content, * html ul{height:1%;} /* // clearfix */ /* // Global */ /* page setup */ /*#container{ margin:0 auto; position:relative; text-align:left; width:696px; background:#fff; margin-bottom:2em;} .col{ float:left; display:inline; width:299px; margin-left:36px; padding:0 0 1em 0;} .full{clear:both; padding:1em 36px;} #footer{clear:both;background:url(../images/bg_footer.gif) no-repeat 0 100%; height:80px; padding:0 36px; font-size:12px;color:#fff;}*/ /* //page setup */ /* header */ /*#header h1{position:absolute; margin:0; padding:0; width:203px; height:110px; top:34px; left:36px; background:url(images/bg_logo.gif) no-repeat 0 0;} */ /* // header */ /* content */ .left { float:left; margin-top:.5em; margin-right:15px;} .left img { border:1px solid #e1e1e1; border-top:#e8e8e8 solid 1px; border-left:#e8e8e8 solid 1px; background:#f1f1f1; padding:5px; } #content #post blockquote p{ font:italic bold 12px/1.5 Verdana, Arial, Helvetica;} /* slider */ #slider ul, #slider li { margin:0; padding:0; list-style:none;} #slider, #slider li { height:173px; width:475px; overflow:hidden;} #slider {width:475px; height:173px; overflow:hidden;} #prevBtn, #nextBtn { display:block; width:30px; height:77px; position:relative; left:-30px; top:-150px;} #nextBtn { left:921px; top:-221px;} #prevBtn a, #nextBtn a { display:block; width:30px; height:77px; background: url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a { background:url(images/btn_next.gif) no-repeat 0 0; } /* // slider .col strong, .full strong {padding:0 2px;background:#f1f1f1;} .col a, .full a {font-weight:bold;} .full ul, .full li {margin:0; padding:0; list-style:none;} .full li {padding:3px 15px;background:#f1f1f1; margin-bottom:1px;} /* numeric controls */ ol#controls { margin:-174px 0 0 814px;padding:0;height:28px;} ol#controls li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px;} ol#controls li a { float:left; background:#fafafa; color:#CCC; text-decoration:none; font-size:12px; height:10px; line-height:9px; padding:5px 7px; text-decoration:none; } ol#controls li.current a{ background:#C30; color:#fff;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */ #content #post ul.postTabs li { background:none; color:#C30; font-size:15px; font-weight:bold; padding:5px; text-shadow:#ccc 1px 1px 1px;} /*added for post tabs plugin - 14 feb 2010*/