/* Theme Name: wp3theme Theme URI: http://wpfeed.com Description: Full Support of wordpress3.0 based on rtCamp Base Theme with 2 column layout Version: 1.0 Author: saorabh kumar Author URI: http://rtcamp.com */ /* Color Palette: ============== Black: #333 gray-shade-light: #EAEAEA; gray-medium-dark: #666666; Link colors: #0298FF; Link hover color: */ /* ----------------------------------------- */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ /* ----------------------------------------- */ .aligncenter { display:block; margin:0 auto; text-align: center} .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* Common CSS classes */ /* ----------------------------------------- */ /* To clear unwanted floats*/ .clear{clear: both} /* headings */ h1, h2, h3, h4, h5, h6 { font-weight:bold;color: #111 } h1{padding: 8px 0; line-height: 180%; font-size: 180%} h2{padding: 8px 0; line-height: 160%; font-size: 160%} h3{padding: 8px 0; line-height: 140%; font-size: 120%} h4{padding: 4px 0; line-height: 120%; font-size: 120%} /* ----------------------------------------- */ /* Layout & Typography */ /* ----------------------------------------- */ body{line-height: 160%; font-family: Verdana,sans-serif; font-size: 80%;background: #E5E5E5} #main-wrapper{width: 965px; margin: 0 auto;} #header-wrapper{} #content-wrapper{width: 965px;float: left;background:url("img/white-box-bg-stripe-middle.png") repeat-y scroll 0 0 transparent;} #content_bottom {background:url("img/white-box-bg-stripe-bottom.png") no-repeat scroll 0 0 transparent;clear:both;height:9px;width:965px;margin: 0 auto} #content{width: 620px; float: left} #home_pagecontent{width: 635px; float: left;} #sidebar{background:url("img/slider-box-bg-stripe.gif") repeat-x scroll 0 0 ;border-bottom:1px solid #A5A5A5;border-left:1px solid #A5A5A5;float:right;margin-right:3px;width:325px;} #footer-wrapper{} /*default list styles*/ ul, ol{margin-left: 30px} ul li{list-style-type: disc} ol li{list-style-type: decimal} /*links*/ a{color:#666; text-decoration: none} a:hover{text-decoration: underline} /*colors*/ body{color: #0C0C0C} /* ----------------------------------------- */ /* Header & Menus */ /* ----------------------------------------- */ /* Header */ #header-wrapper {background:url("img/header_bg.jpg") repeat-x scroll 0 0 transparent;height:72px;padding-top:25px;width:100%;} #header {margin-left: auto;margin-right: auto;width: 965px;background:none repeat scroll 0 0 #262626;height:43px;margin-top:15px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius: 6px;} #logo {float: left;margin-left: 10px;margin-top: 7px;} #logo a {line-height: 10px;color: #d3d3d3 ;display: block;} .menu-header {float: right;line-height: 42px;margin-right: 5px;} .menu-header ul, .menu-header ul li.menu-item {margin: 0;padding: 0;list-style: none;} .menu-header ul li.menu-item {float: left;display: block;} .menu-header ul li.menu-item a {font-size: 14px;float: left;display: block;color: #a9a9a9;text-decoration: none;margin-right: 20px;text-transform:capitalize;;} .menu-header ul li.current_page_item a:hover, .menu-header ul li.current_page_item a {color: #fff;} #content_bar {background:url("img/white-box-bg-stripe-top.png") no-repeat scroll 0 -1px transparent;height:48px;width:965px;margin:40px auto 0;} #content_nav {float:left;} ul#main_content_slider{margin-left: 21px} #main_content_slider li {list-style-type: none;height:48px;line-height:55px;float: left} #main_content_slider li a{text-decoration: none;font-size: 18px;color: #111111;font-weight: bold;padding:8px 17px 7px 15px} #search {float:right;margin:10px 15px 0 0;} #search input {background:url("img/search-img.png") no-repeat scroll 0 0 transparent;border:medium none;color:#777777;height:32px;outline:medium none;padding:0 25px 0 15px;width:226px;line-height:32px;} /* Staff Tab */ #content_left {clear:both;float:left;margin:0px 0 5px 10px;} #staff_tab {float: left;} #tab_slider,#tab_slider2 {float:left;} #featured_tab,#featured_tab2 {float:left;} #featured_items{width: 620px!important} .sliding_controls {float: right;margin-right:10px;position:relative;top:-48px;z-index:1000;} .sliding_controls ul, .sliding_controls ul li { margin: 0;list-style: none;} .sliding_controls ul li {float: left;display: block;} .sliding_controls ul li a {width: 11px;height: 11px;background: url(img/round-img.png) no-repeat center center;display: block;float: left;padding: 2px;margin: 0px 3px 2px 3px;outline: none;} .sliding_controls ul li a:focus {outline: none;} .sliding_controls ul li a:hover, .sliding_controls ul li a.activeSlide {background: url('img/round-img-01.png') no-repeat center center;} .item-holder {float:left;padding-bottom:10px;width:640px;} .content-item {background:url("img/post-bg-box.png") no-repeat scroll 0 0 transparent;float:left;height:230px;margin:0 3px 0 13px;padding:8px;width:174px;} .content-item h3{font-size: 12px;color:#444;} .content-item a.more{color: #444;font-weight: bold} .content-item p{width: 175px;color: #666666} body.page #tab_slider{margin-top:19px;} body.page ul#main_content_slider {margin-left:3px;} body.page #content_nav ul li a:hover, body.page #content_nav ul li a.activeSlide {background:url("img/content_nav_active.png") repeat-x scroll center bottom transparent;border-bottom:2px solid #FFFFFF;color:#4B4B4B;outline:medium none;} /* ----------------------------------------- */ /* Full Widht Portfolio Styling*/ /* ----------------------------------------- */ #content_bar_commaon {background:url("img/content_nav_bg.png") no-repeat scroll 0 0 transparent;height:48px;width:965px;margin:0 auto;} #content_bar_commaon #content_nav span{} #portfolio_content_wrapper{width: 960px;background: #fff} #content_nav span.portfolio{color:#111111;font-size:18px;font-weight:bold;text-decoration:none;position: relative;top:16px;left: 30px} /*Home Page About and contact styling*/ .home-about-title h3,.home-contact-title h3{padding:6px 0px;line-height: 10px;font-weight:normal;} #about-page {background:url("img/contact-about-box-bg-stripe.gif") repeat-x scroll 0 0 transparent;border:1px solid #A5A5A5;float:left;margin-left:24px;padding:10px 0 5px 5px;width:290px;} .home-about-title {float:right;width:220px;} .about-page-content {float:right;width:220px;color:#666666;} #contact-page {background:url("img/contact-about-box-bg-stripe.gif") repeat-x scroll 0 0 transparent;border:1px solid #A5A5A5;float:right;margin-right:12px;padding:10px 0 5px 0;width:294px;color:#666666;} .home-contact-title {float:right;width:220px;} .contact-page-content {float:right;width:219px;} /* ----------------------------------------- */ /* Post and Main Content */ /* ----------------------------------------- */ /* Main Post Loop */ /* ---------------- */ body.home.page{margin-right: 0px} .post,.page,.multiple-posts .portfolio{border-bottom:2px solid #EEEEEE;padding-bottom:10px;margin-right: 15px} .post-title{} .post-meta{} .post-content{overflow:hidden;text-align:justify;margin-top:10px;} .post-content p{margin-bottom: 20px;margin-right:15px;} .post-content img{margin: 2px 5px;} .post-content img.wp-smiley{margin: 0} .post-content blockquote{} .post-content code{} .post-content pre{} /*prevent img from running outside content area*/ .post-content .wp-caption{max-width: 580px !important} .post-content .wp-caption img{max-width: 560px !important} .post-content img{max-width: 580px !important} /*.wp-caption{width: 600px !important}*/ /*404 page styling*/ body.error404 #content-wrapper #content{position: relative} #content-wrapper #content #search{position:absolute;right:43px;top:137px;} #content .page-not-found{display: block;text-indent: -9999px;background: url(img/404-error-img1.png) no-repeat left top;height: 131px;width: 470px;margin-top: 50px} /*404 page styling ends*/ /*Single page styling */ body.single .post, body.page .page {border:none;} body.single .post .post-meta, body.page .page .post-meta {border-bottom:2px solid #cecece;padding-bottom:5px;} /*Single page styling ends*/ /* Breacrumb related CSS */ /*postmeta*/ .post-meta div.alignleft, .post-meta div.alignright{ width: 100%; } /* Social Buutons */ .post .social-buttons{} .post .social-buttons > div{margin-right: 10px} .post .social-buttons .facebook{} .post .social-buttons .tweetmeme{} /* Paged Navigation */ /* View specific CSS */ #content.single-post{padding:0 0 0 15px;} #content.multiple-posts{padding:0 0 0 15px;} #content.home-posts{} /*/Blog Page Pagination/*/ .blog-pagination{/*width: 600px*/} .blog-pagination .alignleft.prev-entries a{background:url("img/btn-next.png") no-repeat scroll 0 0 transparent;display:block;height:35px;text-indent:-9999px;width:105px;} .blog-pagination .alignright.next-entries a{background:url(img/btn-previous.1.png) no-repeat;display:block;height:35px;text-indent:-9999px;width:105px;margin-right:25px;} .multiple-posts.home-posts .blog-pagination .alignleft.prev-entries a{margin-left:12px;} .portfolio-pagination .alignleft.prev-entries a{margin-left: 30px} .blog-pagination.portfolio-pagination .alignright.next-entries a{margin-right: 30px} body.search .blog-pagination .alignleft.prev-entries a,body.archive.category .blog-pagination .alignleft.prev-entries a{margin-left:0;margin-top:10px;} body.search .blog-pagination .alignright.next-entries a,body.archive.category .blog-pagination .alignright.next-entries a{margin-right:14px;margin-top:10px;} /* COMMENT */ /* ----------------------------------------- */ /* comment listing */ #comment-area{border: 1px solid #ccc;padding:3px;width: 95%} #comment-area h4{letter-spacing:4px;line-height:25px;margin:5px 0 0 8px;text-transform:uppercase;} #comment-area h3{padding: 0 10px} .comment-body{padding:5px;border-top : 1px solid #ccc;clear:both;} .comment p{overflow:hidden;width:87%;word-wrap:break-word;float: left} .comment .vcard img{padding-right:10px; float: left;} .comment .vcard cite{font-weight: bold;float: left; padding-right: 5px;font-size:75%; } .comment .vcard span{float: left;font-size:75%;overflow: visible} .comment .comment-meta{float: right;font-size: 63%;} .comment .reply{text-align: right;font-size:70%;text-transform: uppercase;clear: both} .comment .reply a{color:#333;font-weight:bold;} #comment-area .commentlist{margin-left:10px;} ol.commentlist li { margin:0; padding:5px 0px 0px 13px; position:relative;list-style-type:none; } /*/Author comment styling*/ ol.commentlist li.bypostauthor, ol.commentlist ul.children li.bypostauthor {background:#F8F8F8;border:0 none;list-style-type:none;} /*Comment form styling*/ /*---------------------------*/ #respond{clear:both;margin-bottom:5px;/*margin-left:5px;*/} #respond h4{letter-spacing:4px;line-height:25px;margin:5px 0 0 0;text-transform:uppercase;} /*#respond h3{margin-left:10px;}*/ #respond .cancel-comment-reply{margin-left: 10px} #commentform{/*border:1px solid #CCCCCC;*/clear:both;padding:0 10px;position:relative;width:94% !important;} /*#commentform p{width:90%!important;}*/ #commentform label{color: #000;font-size: 80%} .postcomment input#author, .postcomment input#email, .postcomment input#url {background:none repeat scroll 0 0 #F8F8F8;border:1px solid #DCDCDC;padding:6px;} textarea#comment {background:none repeat scroll 0 0 #F8F8F8;border:1px solid #DCDCDC;height:100px;margin-top:7px;width:81%;padding:6px;} input#author,input#email,input#url{background:#F8F8F8 none repeat scroll 0 0;border:1px solid #DCDCDC;padding:6px;width:185px;margin-top:7px;} #submit{margin-top:7px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;height:30px;width:160px;} /* ----------------------------------------- */ /* Sidebar & sidebar widgets*/ /* ----------------------------------------- */ #sidebar{} #sidebar h2.widgettitle{background:url("img/sidebar-popular-work-bg-stripe.gif") repeat-x scroll 0 0 transparent;color:#111111;font-size:18px;font-weight:normal;margin-top:15px;padding:2px 10px;} .sidebar-widget ul{margin-left:27px;margin-top:10px;} .sidebar-widget ul li{padding:0 10px 5px 3px;word-wrap:break-word;} .widget.sidebar-widget.widget_tag_cloud div{padding:10px 13px;} /*Popular work styling*/ .popularwork .popularworktitle{word-wrap:break-word;padding: 5px} .popularworktitle h3{padding: 0} .popularworktitle h3 a{color: #444;font-size: 12px} .popularworktitle h5 a:hover{text-decoration: none} .popularwork-content{padding:0 10px 10px;position: relative} .popularwork-content p span img{float: left;width: 50px;padding:3px 8px;height: 50px} .popularwork.popularworkodd{background: #fff;overflow:hidden;clear:both;height:100%;} /*.popularwork.popularworkodd:hover{background: #f0f0f0}*/ .popularwork.popularworeven{background: #f0f0f0;overflow:hidden;clear:both;height:100%;} /*.popularwork.popularworeven:hover{background: #fff}*/ .popularwork.popularworkodd .popularwork-content a.arrow {background:url("img/sidebar-icon-arrow-visited.png") no-repeat scroll right 0 transparent;display:block;padding:6px;position:absolute;right:10px;text-indent:-9999px;top:7px;} .popularwork.popularworeven .popularwork-content a.arrow{background:url("img/sidebar-icon-arrow-hover.png") no-repeat scroll right 0 transparent;display:block;padding:6px;position:absolute;right:10px;text-indent:-9999px;top:7px;} /*Subscription Box*/ #subscribe{font-size:12px;margin:10px 0 0 0;width:322px;} #subscribe form {background:url("img/icon-email.png") no-repeat scroll left 1px transparent;margin-left:9px;margin-top:15px;padding-top:6px;text-align:center;} #social-icon {list-style: none;margin:15px 0 0 8px;} #social-icon li { display: inline;} #social-icon li.rss {width: 100px;height:34px; background:url('img/icon-rss.png') no-repeat 0 2px;margin:0;display:inline;float:left;} #social-icon li.twitter {width: 100px;height:34px; background:url('img/icon-twitter.png') no-repeat 0 2px;margin:0 -8px 0 0;display:inline;float:left;} #social-icon li.facebook {width: 118px;height:34px; background:url('img/icon-facebook.png') no-repeat 0 2px;margin:0;display:inline;float:left;} #social-icon span.rs {color:#111;font-size:11px;/*font-weight: bold;*/float: right;margin-right: 8px} #social-icon span.tw {color:#111;font-size:11px;/*font-weight: bold;*/float: right;margin-right: 12px} #social-icon span.fb {color:#111;font-size:11px;/*font-weight: bold;*/float: right;margin-right: 3px} #social-icon span.rs a{color:#3399ff;font-size:10px;font-weight: bold} #social-icon span.tw a{color:#3399ff;font-size:10px;font-weight: bold} #social-icon span.fb a{color:#3399ff;font-size:10px;font-weight: bold} #social-icon span.rs a:hover{text-decoration:underline;} #social-icon span.tw a:hover{text-decoration:underline;} #social-icon span.fb a:hover{text-decoration:underline;} .txt {border:1px solid #AEAEAE;color:#BEBEBE;height:15px;margin-left:40px;padding:4px;width:157px;} .btn{width:90px;height:25px;background:none;color:#000;font-size:14px;font-weight:bold;padding:0 0 5px;border: none;cursor: pointer} /**/ /* ----------------------------------------- */ /* Footer and subfooters */ /* ----------------------------------------- */ #footerbar div.footerbar-widget{float: left; width: 30%; margin-right: 3%} #footer{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius: 6px;background:none repeat scroll 0 0 #262626;height:43px;margin-left:auto;margin-right:auto;margin-top:15px;width:965px;} #footer .copyright{color:#fff;line-height:42px;margin-left:20px;} /* ----------------------------------------- */ /* Extra CSS for additonal elements, fixes */ /* ----------------------------------------- */ /*/Slider Home Page by saorabh /*/ #home-page-slider {color:#FFFFFF;height:254px;background:url("img/slider_bg.jpg") repeat-x scroll 0 0 transparent} #slider {color:#606C7A;height:254px;margin:0px auto !important;padding:0;text-align:justify;overflow:hidden;margin:0px auto;width:960px;} #slider .container {float:left;height:270px;overflow:hidden;position:relative;width:889px !important;} div.slides {position:absolute;top:0;left:0;} div.slides div {position:absolute;top:0;width:889px;display:none;padding:10px 0px;margin:0;overflow:hidden;} div.slides p {width:565px;padding-left:10px;color:#FFFFFF;} div.slides img {float:right;margin:4px 0 0;padding:0;} div.slides h1 {font-size:24px;line-height:39px;padding:0 5px;margin-top:4px;text-align:left;width:550px;word-wrap: break-word;margin-bottom:20px} div.slides h1 a {color:#fff;padding-bottom:5px;text-transform:capitalize;text-decoration:none;text-align:left;} div.slides h1 a:hover {text-decoration:none;} div.slides a.redmoreslider {color:#fff;font-size:11px;padding-top:2px;margin-right: 23px;float:right;text-decoration:none;} div.slides a.redmoreslider:hover {color:#cecece;text-decoration:none} #slider ul.pagination {padding:0;position:absolute;right:-7px;top:235px;list-style: none;} #slider ul.pagination li {float:left;list-style-type: none;} #slider ul.pagination li a {padding:4px 12px 0 0;margin:0 8px 0 0;background:url("img/slider_nav_normal.png") no-repeat scroll 0 0px transparent;display: block;text-indent: -999px;color:#1d3543;font-weight:bold;} #slider ul.pagination li.active a {font-weight:bold;background:url("img/slider_nav_active.png") no-repeat scroll 0 0px transparent;color:#fff;display: block;text-indent: -999px;} a.slider_previous {background:url("img/slider-arrow-left.png") no-repeat scroll 0 93px transparent;display:block;float:left;height:262px;left:187px;text-indent:-9999px;width:30px;z-index:1;} a.slider_next {background:url("img/slider-arrow-right.png") no-repeat scroll 0 93px transparent;display:block;float:right;height:262px;text-indent:-9999px;width:23px;z-index:1;} /*Slider - END*/ /* Portfolio styles */ /* ----------------------- ------------------ */ .panel {float:left;margin-bottom:15px;margin-left:30px;margin-top:15px;position:relative;} .boxgrid h2{display: table-cell; vertical-align: middle; padding: 10px; height: 150px; text-align: center} .boxgrid h2 a{text-align: center;width: 260px} .boxgrid {background:url("img/portfolioitem_bg.gif") no-repeat scroll left top transparent;float:left;height:162px;margin:6px 0 5px;overflow:hidden;padding:6px;position:relative;width:269px;} .boxgrid a img.attachment-post-thumbnail.wp-post-image{position: absolute;padding:6px;top: 0;left: 0;width:267px;height:161px} .boxgrid h6{ margin: 5px 10px 0 10px; color:#FFF;} .boxgrid p{padding: 0 10px;width:80%;} .boxcaption {height:160px;padding:6px;position:absolute;width:269px;} .slideright .boxcaption {top: 0;left: 0;} .caption .boxcaption {top: 180px;left: 0;} .custom-page-navi{clear: both;margin-top: 10px;margin-right:13px;padding: 19px} .wp-pagenavi span.current {padding:6px 15px!important;font-size:20px;border:2px solid #0066CC!important;} .wp-pagenavi a, .wp-pagenavi a:link {padding:6px 15px!important;font-size:20px;border:2px solid #89C6D9!important;} .wp-pagenavi a{font-size: 20px;font-weight: bold}