/* Theme Name: BizStudio Lite Theme URI: http://www.sketchthemes.com/themes/bizstudio-full-width-responsive-wordpress-theme/ Description: Bizstudio Lite is a simple, minimal, responsive, easy to use, one click install, beautiful and Elegent WordPress Theme with Easy Custom Admin Options Created by SketchThemes.com. Using Bizstudio Lite theme options any one can easily customize this theme according to their need. You can use your own Logo, logo alt text, custom favicon, you can add social links, rss feed to homepage, you can use own copyright text etc. And all this information can be entered using Bizstudio Lite Theme Options Panel. You have to just set the content from the Bizstudio Lite Themes Options Panel and it'll be up ready to use. Author: sketchthemes.com Author URI: http://www.sketchthemes.com/ Version: 1.0.0 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, two-columns, custom-menu, sticky-post, translation-ready, featured-images, full-width-template, theme-options, threaded-comments, full-width-template ------------------------------------------------------------- */ .clear { clear:both; } /* float clearing for IE6 */ * html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html .clearfix { min-height: 1%; } /* float clearing for everyone else */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; font-family: 'Alice', serif; color: #000000; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { font-weight: normal; margin-bottom: 20px; } ol { list-style: decimal outside none; } ul { list-style-type: disc; } iframe { max-width: 100%; overflow: hidden; } blockquote { background-color: #D1CFCF; border-right: 3px solid #A9A9A9; font-size: 14px; font-style: italic; padding: 8px 5px 1px 20px; margin-right: 10px; quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } cite { font-weight: bold; } /* tables */ table { border-collapse: collapse; border-spacing: 0; } th { background: #cccccc; ; } th, td { padding:3px 5px; border: 1px solid #cccccc; } a img, a { border: none; outline:none; } a { outline:none; text-decoration: none; color:#525252; } a:hover { color: #EF8204; } input, textarea, img { outline:none; } /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ .page-template-portfolio-php #container { width:auto; margin-bottom: 30px; } #container { float: left; } #content { margin:0px; } #content embed { max-width:100%; } /* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 0 auto; width: 640px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width content with no sidebar; used for attachment pages */ .single-attachment #content { margin: 0 auto; width: 900px; } /* =Fonts -------------------------------------------------------------- */ body, input, textarea, .page-title span, .pingback a.url { font-family: Arial, Helvetica, sans-serif; font-size:12px; } h3#comments-title, h3#reply-title, #skenav .menu, #skenav div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; } /* Text elements */ p { margin-bottom: 18px; } ul { list-style: square; margin: 0 0 18px 1.5em; } ol { list-style: decimal; margin: 0 0 18px 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; clear: both; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; overflow: auto; width: 93%; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 2px; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute; left: -9000px; } a.readmore { background: url("images/readMore.png") no-repeat scroll center center transparent; font-family: 'Alice', serif; font-size: 13px; height: 33px; line-height: 32px; text-align: center; text-decoration: none; width: 112px; display: inline-block; } a.readmore:hover { background:url('images/hover_read.png') center no-repeat; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ #wrapper { box-shadow: 0 0 32px #111111; margin: 20px auto 15px; } #wrapper-top { background:none repeat scroll 0 0 #000000; background-repeat:no-repeat; border-radius: 5px 5px 0px 0px; width: 100%; height:12px; opacity: 0.8; display:none; } #wrapper-mid { background:url('images/body_bg.png') repeat scroll 0 0 transparent; height: auto; border-radius:5px 5px 0 0; } #wrapper-down { background-image: url("images/footer-bg.png"); background-repeat: repeat; } /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ body { background-image:url('images/bg.png'); background-repeat: repeat; } body { line-height: 1; } body, input, textarea { color: #5E5E5E; font-family: 'Bitter', serif; font-size: 11px; line-height: 18px; } /******** =Header-css *********************************************/ #header { padding: 27px 15px 0; margin-top: 15px; } #masthead { margin-top:0px; margin-bottom: 25px; } #logo { margin:0 auto; float:left; width: 225px; } #logo a { display:block; } /* This is the custom header image */ /* =Menu -------------------------------------------------------------- */ #nav { float: right; } #nav-left { background-image: url("images/menu-left.png"); background-repeat: no-repeat; float: left; height: 52px; width: 28px; } #nav-right { background-image:url(images/menu-right.png); background-position: 0 0; background-repeat: no-repeat; width:28px; height:52px; float:left; } #skenav { background-color: #3A3D3E; background-repeat: repeat; border: medium none; border-radius: 10px 10px 10px 10px; box-shadow: 0 2px 5px #000000; display: block; float: left; height: 52px; margin-left: auto; margin-right: auto; padding: 10px 0; width: auto; } #menu-main { margin:0px; } #skenav .menu-header, div.menu { display:inline-block; zoom: 1; *display: inline; font-size: 13px; width: auto; height:33px; } #skenav .ske-menu ul.menu { list-style: none; margin: 0; } #skenav .ske-menu .menu li, div.menu li { margin: 0 5px 5px; position: relative; list-style: none outside none; display:inline-block; zoom: 1; *display: inline; } #skenav a { color: #fff; line-height:25px; padding: 5px 10px; text-decoration: none; border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ font-family: arial; z-index: 99999; } #skenav ul ul { display: none; position: absolute; top: 22px; left: 0; float: left; width: 150px; z-index: 99999; background: #f4f4f4; border-radius: 5px 5px 5px 5px; margin:0px; } #skenav ul .sub-menu li { display: block; width: 150px; } #skenav ul ul li { min-width: 150px; background:url('images/nav-bdr.jpg') top center repeat-x; margin: 0 !important; float:left; display:block; } #skenav ul .children li:first-child, #skenav ul .sub-menu li:first-child { border-top: none; border-top-right-radius: 5px; } #skenav ul .children li:last-child, #skenav ul .sub-menu li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #skenav ul ul li:first-child { background:none; padding-top: 0px; } #skenav ul ul ul li:first-child { padding-top:0; } #skenav ul ul ul { left: 100%; top: 0; border-radius: 5px 5px 5px 5px; background: #f4f4f4; } #skenav ul ul a { border: 1px solid transparent; color: rgb(130, 130, 130); line-height: 15px; margin: 0px; padding: 6px; width: auto; display:block; } #skenav li:hover > a { /*background: #f4f4f4; color: #404040;*/ z-index:999999999999; } #skenav ul ul li:hover > a, #skenav ul ul ul.children li:hover > a { color:#000; } #skenav ul ul li.current_page_item a { /*background-color: #c4c4c4; border-radius:5px; border: 1px solid #fff;*/ color:#000; } #skenav ul ul ul.children li a { background-color: transparent; color: rgb(130, 130, 130); border: 1px solid transparent; } #skenav ul ul ul.children li.current_page_item a { color:#000; } #skenav ul li.current_page_item > a, #skenav ul li.current-menu-ancestor > a, #skenav ul li.current-menu-item > a, #skenav ul li.current-menu-parent > a , #skenav ul li > a:hover{ background: none repeat scroll 0 0 #F4F4F4; color: #404040; } * html #skenav ul li.current_page_item a, * html #skenav ul li.current-menu-ancestor a, * html #skenav ul li.current-menu-item a, * html #skenav ul li.current-menu-parent a, * html #skenav ul li a:hover { background: none repeat scroll 0 0 #F4F4F4; color: #404040; } #skenav ul ul li.current_page_item > a, #skenav ul ul li.current-menu-ancestor > a, #skenav ul ul li.current-menu-item > a, #skenavul ul ul li.current-menu-parent > a ,#skenav ul ul li > a:hover{ background: none repeat scroll 0 0 transparent; color: #000; } * html #skenav ul ul li.current_page_item a, * html #skenav ul ul li.current-menu-ancestor a, * html #skenav ul ul li.current-menu-item a, * html #skenav ul ul li.current-menu-parent a, * html #skenav ul ul li a:hover { background: none repeat scroll 0 0 #transparent; color: #000; } #gallery { background-image: url("images/gallery-bg.jpg"); height: 318px; padding-left: 7px; padding-top: 5px; width: 935px; margin-bottom: 10px; } /* =Content -------------------------------------------------------------- */ #main { clear: both; overflow: hidden; padding: 0 15px; margin-top: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } .home #main { padding:0px 15px; } #container img,#siderbar img{ height: auto; margin: 0; max-width: 100%; } #main .wp-caption { background: none repeat scroll 0 0 #F1F1F1; line-height: 18px; margin-bottom: 20px; max-width: 100%; padding: 4px; text-align: center; } #content { margin-bottom: 15px; padding-left:0px; } #content, #content input, #content textarea { color: #000000; font-size: 13px; line-height: 21px; } #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom:12px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; } #content code { font-size: 13px; } #content dt, #content th { color: #000; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #000; line-height: 1.5em; margin: 0 0 5px 0; } #content table { border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left; width: 100%; } #content tr th, #content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; } #content tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; } #content tr.odd td { background: #f2f7fc; } blockquote p { padding: 8px 0; } .post { border-bottom:0px solid #E7E7E7; padding-top:0px; } .hentry { margin: 0 0 48px 0; } .home .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .single .hentry { margin: 0 0 36px 0; } .page-title { color: #000; font-size: 16px; font-weight: bold; margin: 0 0 36px 0; } .page-title span { color: #000; font-size: 16px; font-weight: normal; font-weight: bold; } .page-title a:link, .page-title a:visited { color: #888; text-decoration: none; } .page-title a:active, .page-title a:hover { color: #ff4b33; } #content .entry-title, #container .entry-title, .portfolio .entry-title, #site_map .title { color: #000; font-size: 24px; font-weight:normal; line-height: 1.3em; margin-bottom:10px; font-family: 'Alice', serif; } .entry-title a:link, .entry-title a:visited { color: #000000; text-decoration: none; } .entry-title a:active, .entry-title a:hover { color: #000000; } .border-post { border-top: 1px solid #CCCCCC; margin-bottom: 10px; } .post .entry-meta { background-color: #F4F4F4; border-right: 5px solid #000000; color: #888888; float: right; font-family: arial; font-size: 12px; margin-left: 7px; margin-right: 0px; margin-top: 0; width: 150px; } .single_content { } .post .entry-meta span { color:#000; margin-bottom: 5px; } .post .entry-meta span a { color:#000; text-decoration: none; display: inline-block; } .author-name, .author-name-comment, .comment-author cite { background:url("images/post-meta.png") no-repeat scroll 0 5px; transparent; height: 19px; padding-left: 23px; } .author-name { display: block; } .author-name-comment { background-position: 0 1px; } .author-name-comment a { color: #000000 !important; } .date-time { background:url("images/post-meta.png") no-repeat scroll 0 -16px transparent; height: 19px; padding-left: 20px; margin-right: 15px; padding-bottom: 5px; padding-top: 0; } .date-time { } .category-name { background:url("images/post-meta.png") no-repeat scroll 0 -35px transparent; padding-left: 20px; margin-bottom: 0 !important; margin-right: 15px; padding-bottom: 0; padding-top: 0; display: block; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666; } .entry-content, .entry-summary { clear: both; padding: 12px 0 0 0; } .post-tags { margin: 20px 0 7px; padding: 3px 10px 3px 0px; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { background: #fff; color: #000; font-weight: bold; padding: 0 24px; } .entry-content input { margin: 0 0 24px 0; } .entry-content input.file, .entry-content input.button { margin-right: 24px; } .entry-content label { color: #888; font-size: 12px; } .entry-content select { margin: 0 0 24px 0; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .page-link { color: #000; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; color: #333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; } .home .sticky .page-link a { background: #d9e8f7; } .page-link a:active, .page-link a:hover { color: #ff4b33; } body.page .edit-link { clear: both; display: block; } #entry-author-info { background: #f2f7fc; border-top: 4px solid #000; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px; } #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { color: #000; font-size: 100%; font-weight: bold; margin-bottom: 0; } .entry-utility { clear: both; color: #888; font-size: 12px; line-height: 18px; } .entry-meta a, .entry-utility a { color: #000; } .entry-meta a:hover, .entry-utility a:hover { color: #000; } #content .video-player { padding: 0; } /* =Asides -------------------------------------------------------------- */ .home #content .category-asides p { font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home .hentry.category-asides { padding: 0; } .home #content .category-asides .entry-content { padding-top: 0; } /* =Gallery listing -------------------------------------------------------------- */ .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images ------------------------------------------------------------- */ #content .attachment img { max-width: 900px; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignleft { display: inline; float: left; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .alignright { display: inline; float: right; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; clear: both; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } #content .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery br+br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #888888; font-family: arial; font-size: 12px; line-height: 18px; overflow: hidden; margin-top: 10px; border-top: 1px solid #808080; padding-top: 2px; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; margin:0px 10px; } .navigation a:active, .navigation a:hover { color: #000000; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: 0px 0 0 0; } /* =Comments -------------------------------------------------------------- */ .comment-content { float: right; width: 550px; } #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .navigation.comment-nav { border: medium none; } .commentlist .alt { margin-bottom:15px; padding-bottom:1px; } .commentlist .alt p { } .commentlist p { padding:0px 10px; } .commentlist li.comment { border-bottom: 1px solid #E7E7E7; line-height: 24px; margin: 0 0 24px; } .commentlist li { margin:10px 0px; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .avtar { border: 1px solid #CCCCCC; border-radius: 15px 15px 15px 15px; float: left; margin: 7px 1px; overflow: hidden; padding: 1px; } .commentlist .avatar { border: 1px solid #CCCCCC; border-radius: 15px 15px 15px 15px; float: left; margin: 0 10px !important; overflow: hidden; padding: 1px; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-family: arial; font-size: 12px; margin-left: 11px; margin-top: -12px; padding: 0 0 8px; text-align: justify; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; padding-left: 35px; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; clear: both; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #content #respond { border-top: 1px solid #808080; color: #000000; font-size: 20px; margin-bottom: 0; overflow: hidden; padding: 10px 0; float: left; position: relative; width: 100%; } #content #respond h3 { background-image: url("images/go_next_black.png"); background-position: 0 7px; background-repeat: no-repeat; padding-left: 16px; } .comments-template { border-top:1px solid #808080; margin-top: 4px; } #comments { background-image: url("images/comments.png"); background-repeat: no-repeat; color: #000000; font-size: 20px; line-height: 48px !important; margin-bottom: 0; padding: 5px 0 5px 51px; } .commentmetadata { color:#FFFFFF; margin:3px 0; padding:2px 10px; } .commentmetadata a { color:#FFFFFF; text-decoration:none; } #commentform input[type="submit"] { background-color: transparent; background-image: url("images/post-submit.png"); border: 0 none; cursor: pointer; height: 50px; width: 144px; text-indent: -999em; margin-top: 15px; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea:focus { border-color: #BDBDBD !important; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; } #commentform { width: 100%; } #commentform .name, #commentform .mail, #commentform .website { width: 261px; } #commentform .mail { } #commentform input[type="text"] { width: 198px; float: right; } #commentform textarea { height: 130px; width: 639px; } .postmetadata { background-color:#373737; color:#FFFFFF; margin:7px 0; padding:2px 10px; } .postmetadata a { color:#fff; text-decoration:none; } #respond p { margin: 8px 0 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; display: block; } #respond .required { color: #ff4b33; font-weight: bold; } .field { margin: 8px 0; padding: 0 10px; } .field #input { float: left; } #respond label { color: #888888; float: left; font-size: 12px; margin-right: 4px; vertical-align: top; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 418px; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: none; margin-left:0px; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 25px 0; list-style-type: none; } .widget-title { font-family: 'Alice', serif; color: #000000; margin-bottom:10px; font-size:18px; } #siderbar .widget-container select { max-width: 100%; } #siderbar .widget-area ul ul li { border-top: 1px solid #CFCFCF; margin-bottom: 5px; padding-bottom: 0; padding-top: 5px; } #siderbar .widget-area ul ul li:first-child { border-top:0px; } #siderbar .widget-area .widget-container ul li > a:first-child{ background-image: url("images/about_07.jpg"); background-position: left 1px; background-repeat: no-repeat; color: #808080; font-size: 13px; padding-left: 18px; display: inline-block; zoom: 1; *display: inline; } .recentcomments a { background:none; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: none; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /********Search***********/ #searchform { background-image: url("images/search-bg.jpg"); background-repeat: no-repeat; border: 1px solid #CCCCCC; height: 25px; margin-top: 8px; padding-top: 4px; width: 228px; } .error404 #searchform { margin-left: 0px; } #searchform input[type="text"] { background: none repeat scroll 0 0 transparent; border: 0 solid rgb(204, 204, 204); color: rgb(102, 102, 102); float: left; margin-left: 5px; margin-right: 5px; padding: 3px 3px 3px 5px; width: 190px; } #searchform input[type="submit"] { border: 0 none; cursor: pointer; text-indent: -999em; background:url('images/search-submit-bg.jpg') no-repeat; width:15px; height:17px; float:left; } #search { float:right; height:55px; } /***************registration***************/ .reg .logged { margin-top: 39px; margin-left: 65px; display: inline-block; } .reg .logged a { color: #059385; display: inline-block; } /* Main sidebars */ #siderbar #search { float:none; } #siderbar { margin: 0 0 0 30px; padding: 0; } #primary, #secondary { } #secondary { clear: right; } #main .widget-area ul { margin-left: 0; padding: 0 0px 0 0; } #main .widget-area ul ul { border: none; margin-left: 0px; padding: 0; } #primary { } #secondary { } #main #primary ul { } /* =Footer -------------------------------------------------------------- */ /* Footer widget areas */ #footer-widget-area { margin-top: 17px; padding: 30px 15px 0; position: relative; } /* Structure the footer area */ #footer-widget-area { overflow: hidden; } #footer-widget-area .widget-area { float: left; margin-right: 20px; width: 285px; } #footer-widget-area div.widget-area > ul:first-child > h3:first-child { position: absolute; top: 0; } #footer-widget-area div.widget-area > ul li:first-child > h3:first-child { position: absolute; top: 0; } #footer-widget-area #fourth { margin-right: 0; } #footer .widget-title { color:#FFFFFF; font-size: 17px; font-weight: normal; margin-bottom:13px; font-family: 'Alice', serif; } #footer .widget-area a:link, #footer .widget-area a:visited { color: #AAAAAA; display: block; padding-bottom: 3px; text-decoration: none; width: 203px; } #footer .widget-area .widget-container ul li { background-image: url("images/footer-arrow.png"); background-position: left 3px; background-repeat: no-repeat; font-size: 12px; margin-bottom: 5px; padding-left: 19px; } #footer .widget-area a:active, #footer .widget-area a:hover { text-decoration: none; } #footer .widget-area .recent-project li { background: none repeat scroll 0 0 transparent !important; float: left; margin: 0 0px 10px !important; padding: 0 !important; } #footer .widget-area .recent-project li a { border-bottom: 0 none; text-decoration: none; width: auto; position:relative; } #footer .widget-area .recent-project li a img { background-color: #FFFFFF; border: 2px solid #626264; margin-right: 6px; width: 52px; } #footer .widget-area .recent-project li a i { background: url("images/zoom-bg-s.png") no-repeat scroll center center transparent; height: 96%; left: 0; position: absolute; top: 0; width:56px; opacity:0; filter: alpha(opacity = 0); } #footer { background-image: url("images/footer-sheddow.png"); background-position: center top; background-repeat: no-repeat; border-top: 5px solid #000000; margin-bottom: 0; margin-top: 0; overflow:hidden; } .widget-container.flickrimg { float: left; } #footer-widget-area .widget-area .social { margin-bottom: 15px; } #footer-widget-area .widget-area .social li { float: left; margin-left: 0; } #footer-widget-area .widget-area .social li a { border: 0 none; float: left; margin-right: 6px; width: 32px; height:32px; display:block; padding: 0; } #footer-widget-area .widget-area .contact-info { display:block; } #footer-widget-area .widget-area .contact-info li img { margin-right:5px; } #footer-widget-area .widget-area .contact-info li { margin-bottom:5px; margin-bottom: 8px; font-size: 12px; } #colophon { overflow: hidden; padding:0px 0; } #site-info { background-image: url("images/footer-last-bg.png"); background-repeat: repeat; border-radius: 0 0 5px 5px; float: left; font-family: 'Artifika', serif; height: auto; padding-bottom: 5px; } #site-info .left { float:left; padding-left: 15px; padding-top: 10px; } #site-info .right { float:right; padding-right: 15px; padding-top: 10px; } #site-info a { color: #747474; font-family: Artifika; font-style: italic; text-decoration: none; } #site-info a:hover { color:#ffffff; } #site-generator { font-style: italic; position: relative; } #site-generator a { color: #666; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #skenav, .entry-meta, .entry-utility, .navigation, .widget-area { } .entry-meta, .entry-utility { background-color:#373737; color:#FFFFFF; margin:7px 0; padding:2px 10px; } .date { } .category { } .category a { margin:0px; } .author { } .comment { margin-right: 15px; padding-bottom: 5px; padding-left: 20px; padding-top: 0; } #site-description { -webkit-text-size-adjust: none; } /* =Full Width Gallery Style -------------------------------------------------------------- */ .page-template-template-fullwidthgallery-php { position: relative; } .page-template-template-fullwidthgallery-php #wrapper { margin-top:0px; box-shadow: 0 3px 11px #111111; background: url("images/body_bg.png") repeat scroll 0 0 transparent; } .page-template-template-fullwidthgallery-php #wrapper-mid { border-radius:0px; background:none; } .page-template-template-fullwidthgallery-php #wrapper-down { display:none; } .page-template-template-fullwidthgallery-php #header { padding:0px; } .page-template-template-fullwidthgallery-php #main { margin:0px; padding:0px; } .page-template-template-fullwidthgallery-php #masthead { margin-bottom: 8px; } .page-template-template-fullwidthgallery-php #site-info { float: none; position: absolute; bottom: 0; } /* =Print Style -------------------------------------------------------------- */ @media print { body { background: none !important; } #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } #header { border-bottom: 2pt solid #000; padding-bottom: 18pt; } #colophon { border-top: 2pt solid #000; } #site-title, #site-description { float: none; line-height: 1.4em; margin: 0; padding: 0; } #site-title { font-size: 13pt; } .entry-content { font-size: 14pt; line-height: 1.6em; } .entry-title { font-size: 21pt; } #skenav, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container, #header, #footer { margin: 0; width: 100%; } #content, .one-column #content { margin: 24pt 0 0; width: 100%; } .wp-caption p { font-size: 11pt; } #site-info, #site-generator { float: none; width: auto; } #colophon { width: auto; } img#wpstats { display: none; } #site-generator a { margin: 0; padding: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { display: inline; } .home .sticky { border: none; } } /******Home-page**********/ .front-page-box { } .front-page-box .title { font-size: 20px; position: relative; top: 215px; } .front-page-box .box-container { float: left; text-align: center; margin-left: 36px; margin-top: 12px; } .front-page-box .box-container:first-child { margin-left: 22px; } .front-page-box .box-container .textwidget > a{ text-decoration: none; height: 189px; width: 189px; display: inline-block; zoom: 1; *display: inline; margin: 0 3px 3px 0; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .front-page-box .box-container .textwidget > a:hover { -webkit-transform: scale(1.05,1.07); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.05,1.07); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; } .front-page-box .box-container .textwidget > img { height: 189px; width: 189px; } .front-page-box .box-container .text { font-size: 13px; line-height: 20px; margin-top: 34px; text-align: center; } .home .content { font-size: 15px; line-height: 28px; text-align: center; } .home .content .title { font-size: 21px; margin-bottom: 15px; margin-top: 30px; } .home .title { color: #000000; font-family: 'Alice', serif; } .recent-post { margin: 35px 0; } .recent-post .box { float: left; margin-left: 27px; } .recent-post .box:first-child { } .recent-post .image-bg { background: none repeat scroll 0 0 #F2F2F2; border: 2px solid #D8D8D8; overflow: hidden; position: relative; } .recent-post .image-bg { display:block; } .recent-post .image-bg img { height: 149px; padding: 5px; width: 255px; } .recent-post .image-bg .fade { background: url("images/zoom-bg-s.png") no-repeat scroll center center transparent; height: 149px; left: 5px; position: absolute; top: 5px; width: 255px; opacity:0; filter: alpha(opacity = 0); } .recent-post .image-bg img { } .recent-post .title { font-size: 18px; margin: 15px 0; } .recent-post .text { font-size: 13px; line-height: 21px; } .twitter-bg { background-image: url("images/tbg.jpg"); background-repeat: repeat; padding-right: 10px; border-radius: 8px 8px 8px 8px; } .twiiter-wrap .twitter { color: #777777; font-family: 'Tangerine', cursive; font-size: 45px; font-weight: bold; line-height: 41px; padding-left: 127px; padding-top: 24px; } .text-wrap .twitter { color: #777777; font-family: 'Tangerine', cursive; font-size: 42px; font-weight: bold; line-height: 41px; padding-left: 100px; padding-top: 24px; } .twitter-bg .twitter span { font-size: 45px; font-weight: 600; } .twiiter-wrap { background: url("images/twittermain.png") no-repeat scroll left center transparent; height: auto; margin-left: 38px; padding-bottom: 10px; } .twitter-bg .text-wrap { background: url("images/quote1.png") no-repeat scroll left center transparent; height: auto; margin-left: 30px; padding-bottom: 20px; } /****Aboutus****/ .about_text { padding-right:10px; } .box-left { border-left: 5px solid #000000; float: left; margin-bottom: 1px; margin-right: 15px; padding-left: 10px; } .full-text-box.first { border-top: 0px solid #969696; } .full-text-box { border-top: 1px solid #969696; float: left; padding-top: 18px; } .full-text-box .author-image { border: 1px solid #EAEAEA; float: left; height: 86px; padding: 3px; width: 86px; position:relative; } .full-text-box .author-image .fade { background: url("images/zoom-bg-s.png") no-repeat scroll center center transparent; height: 86px; left: 0; margin:3px; opacity: 0; position: absolute; top: 0; width: 86px; filter: alpha(opacity = 0); } .full-text-box .text-box { float: left; margin-left: 19px; line-height: 19px; } .full-text-box .text-box h4 { margin-bottom: 0 !important; } .full-text-box .text-box p.position { margin-bottom:1px !important; color: #939191; } .bottom-box { float: left; margin-bottom: 15px; margin-right: 70px; margin-top: 15px; width: 250px; } /*****************************/ /************Blog**********************/ .Blog { } .blog #content .entry-title, .blog #container .entry-title { font-size: 20px; margin-bottom: 3px; } .border-post { } #content .post-image { position:relative; } #content .post-image img { border: 5px solid #CDCDCD; margin: 10px 0; float: none; max-width:620px; width:620px; } .continue { } #content .post-image a i.fade { background: url("images/zoom-blog.png") no-repeat scroll center center transparent; height: 144px; width: 620px; left: 0; margin: 15px 5px 5px; opacity: 0; position: absolute; top: 0; filter: alpha(opacity = 0); } #contactform .error { color:#E53522; } .map-info { border-bottom: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF; margin: 15px 0; padding: 10px 5px; } .map-info .left { float:left; border:5px solid #eaeaea; overflow: hidden; width: 370px; } .map-info .right { float: right; width: 235px; margin-top: 15px; color: #767676; } .map-info .right .no { background-image: url("images/contact-form-icon.jpg"); background-repeat: no-repeat; border-bottom: 1px solid #CFCFCF; margin-bottom: 25px; padding-bottom: 25px; padding-left: 26px; } .map-info .right .address { background-image: url("images/contact-form-icon.jpg"); background-position: 0 -63px; background-repeat: no-repeat; border-bottom: 1px solid #CFCFCF; margin-bottom: 25px; padding-bottom: 25px; padding-left: 28px; } .map-info .right .email { background-image: url("images/contact-form-icon.jpg"); background-position: 0 -130px; background-repeat: no-repeat; border-bottom: 1px solid #CFCFCF; margin-bottom: 25px; padding-bottom: 25px; padding-left: 28px; } .map-info .right .webadd { background-image: url("images/contact-form-icon.jpg"); background-position: 0 -198px; background-repeat: no-repeat; padding-bottom: 25px; padding-left: 33px; } /***comment***/ #comment-input { float: left; } #comment-textarea { float: right; } #comment-input label { display: block; margin-bottom: 5px; } #comment-input input { border: 0 none; margin-bottom: 17px; } .input-name { background: url("images/input-name.png") no-repeat scroll 0 0 transparent; padding: 11px 10px 14px 34px; width: 198px; } #comment-input input { border: 0 none; margin-bottom: 10px; } #comment-input input:focus, textarea:focus { outline: medium none; } #comment-input label { display: block; margin-bottom: 5px; } #comment-input label .req { color: #999999; } #contact_form .your-name { background: url("images/input-name.png") no-repeat scroll 0 0 transparent; padding: 11px 10px 14px 34px; width: 198px; } #contact_form .your-email { background: url("images/input-email.png") no-repeat scroll 0 0 transparent; padding: 11px 10px 14px 34px; width: 198px; } #contact_form .your-website { background: url("images/input-website.png") no-repeat scroll 0 0 transparent; padding: 11px 10px 14px 34px; width: 198px; } #contact_form textarea { background: url("images/textarea-comment.png") no-repeat scroll 0 0 transparent; border: 0 none; font-family: arial; height: 163px; padding: 14px; width: 308px; overflow: auto; } #comment-textarea label { display: block; margin-bottom: 5px; } #comment-textarea-admin { float: none; margin-bottom: 16px; } #comment-textarea-admin label { display: block; margin: 10px 0 5px; } #comment-submit { clear: both; float: right; } #comment-submit-admin { clear: both; float: right; } .comment-submit { background: url("images/black-button.png") repeat-x scroll 0 0 transparent; border: 1px solid #000000; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-size: 13px; padding: 6px 10px 7px; text-shadow: 0 -1px 0 #000000; } .comment-submit:hover { background: url("images/black-button.png") repeat-x scroll 0 -37px transparent; } #comment-submit { clear: both; float: right; } #comment-submit input[type="submit"] { background: url("images/black-button.png") repeat-x scroll 0 0 transparent; border: 1px solid #000000; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-size: 13px; float: right; padding: 6px 10px 7px; text-shadow: 0 -1px 0 #000000; font-family: arial; } #text-2 img:hover { opacity:.5; } /*-- Pagination Style --------------------------------*/ .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 5px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background:#484848; border-radius: 15px 15px 15px 15px; } .pagination a:hover { color:#333; background: #7B7C7C; } .pagination .current { padding:6px 9px 5px 9px; background: #dedede; color:#333; } #bizstudiolite-paginate { border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; margin-top: 2px; padding: 4px 20px; text-align: center; } #bizstudiolite-paginate .bizstudiolite-prev { float: left; } #bizstudiolite-paginate .bizstudiolite-next { float: right; } #bizstudiolite-paginate .bizstudiolite-page { display: inline-block; float: none; } #bizstudiolite-paginate .bizstudiolite-current { background: none repeat scroll 0 0 #7B7C7C; } #bizstudiolite-paginate .bizstudiolite-title { background:none repeat scroll 0 0 transparent; display: none; } /*----------------------------------- --------- SITEMAP STYLE ------------- -----------------------------------*/ #site_map { margin-top:-20px; } #site_map .title { font-size:18px; } #site_map .sitemap-rows .sitemap-box { float: left; width: 195px; } #site_map .sitemap-rows ul { list-style:none; margin-left: 20px; margin-top: 10px; list-style-image:url('images/list_bullet.png'); } #site_map .sitemap-rows ul li { margin-bottom: 5px; } #site_map .sitemap-rows ul li a { color: #828080; text-decoration: none; } #site_map .sitemap-rows ul li a:hover { color:#000; } #site_map .sitemap-rows { margin: 0 0 20px; } /*-------------- END --------------*/ /*----------------------------------- ----- LEFT SIDEBAR TEMP STYLE ------- -----------------------------------*/ #leftside_temp #container { float:right; } #leftside_temp #siderbar { float:left; padding: 0 12px; margin-left: 0; } /*-------------- END --------------*/ /*----------------------------------- ------- IMAGE GALLERY STYLE --------- -----------------------------------*/ #image_gallery { } #image_gallery .gall_box, .lightbox { background: url("images/img-gallery-shadow.png") no-repeat scroll center bottom transparent; height: 160px; width: 261px; margin: 5px 24px; float:left; position:relative; } #image_gallery .gall_box i.fade, .lightbox i.fade { background: url("images/zoom-bg-s.png") no-repeat scroll center center transparent; height: 139px; left: 0; margin-left: 5px; margin-top: 5px; opacity: 0; position: absolute; top: 0; width: 251px; filter: alpha(opacity = 0); } #image_gallery .gall_box img { background-color: #FFFFFF; border: 1px solid #D7D4D4; padding: 5px; text-align: center; } /*-------------- END --------------*/ /*----------------------------------- --------- LOGIN BOX STYLE ----------- -----------------------------------*/ #login-wrapper { width:416px; height:254px; background:url('images/login-box-bg.png') no-repeat; margin:0 auto; margin-bottom:30px; } .loged { text-align: center; } #login-wrapper .login_title { color: #fafafa; font-family: 'Alice', serif; font-size: 15px; padding-top: 21px; text-align: center; } #login-wrapper form { margin: 34px auto 0; width: 350px; position:relative; } #login-wrapper input[type="text"], #login-wrapper input[type="password"] { position:absolute; width:222px; height:31px; background:url('images/input-bg.png') no-repeat; border:0; padding:0 10px; right:0; color:#484848; padding-top:5px\9; height:26px\9; } #login-wrapper .login-remember { display:none; } #login-wrapper label { font-size:15px; color:#484848; font-family: 'Alice', serif; line-height:32px; } #login-wrapper input[type="submit"] { background: url("images/login-box-button.png") repeat scroll 0 0 transparent; border: 0 none; color: #FAFAFA; float: right; font-family: 'Alice', serif; font-size: 15px; height: 36px; margin-top: 15px; width: 128px; cursor:pointer; } a.back_to_home { color:#059385; font-size:12px; text-decoration:none; font-family: arial; margin:0 auto; display:block; width:100px; text-align:center; } /*-- Calender (defalut wordpress widget) style ---------------------------------*/ #wp-calendar { width: 100%; } #wp-calendar caption { color: #525252; font-size: 14px; font-weight:normal; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { background: none repeat scroll 0 0 rgb(107, 107, 107); border-color: rgb(34, 34, 34); color: rgb(250, 250, 250); font-weight: normal; ; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #5F5F5F; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next a { text-align: right; background:none; color: rgb(85, 85, 85); } #wp-calendar tbody a { background: none repeat scroll 0 0 transparent !important; color: #000 !important; font-weight: bold; padding: 0 !important; text-align: center; } #wp-calendar tfoot #prev a { background: none repeat scroll 0 0 transparent; color: rgb(85, 85, 85); padding: 0; } #wp-calendar tfoot td { background: none repeat scroll 0 0 rgb(204, 204, 204); border: 0 none; } #wp-calendar tfoot tr { border:1px solid rgb(85, 85, 85); } /********flikr**************/ .flickr_badge_image a { border: medium none !important; padding: 0 !important; } .flickrimg a { border: medium none !important; padding: 0 !important; } .flickrimg img { border: 1px solid #EEEEEE; box-shadow: 3px 2px 3px -1px #000000; float: left; height: 60px; margin: 2px; padding: 0; width: 60px; } /*******latest portfolio widget *******/ #siderbar .skelatestportfoliowidget { } #siderbar .skelatestportfoliowidget .recent-project li { border: medium none; float: left; } #siderbar .recent-project li a { background: none repeat scroll 0 0 transparent; display: inline-block; padding: 0 0 0 9px; } #siderbar .recent-project img { border: 1px solid #EEEEEE; box-shadow: 3px 2px 3px -1px #000000; height: 75px; width: 75px; } #siderbar .widget-container.flickrimg { float: none; } /*********social widget************/ .social li { background: none repeat scroll 0 0 transparent !important; list-style-type: none; padding: 0 !important; } .contact-info li { background: none repeat scroll 0 0 transparent !important; list-style-type: none; padding: 0 !important; } /*= responsive -----------------------------------------*/ /* mobile menu */ #menu-icon { display:none; width:100px; background-color:#999; color: #000000; } #mini-menu { background-color: #CCCCCC; display: none; position: absolute; width: 470px; z-index: 99999999; } /* mobile menu */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #content { padding-left:0px; } .page #content { padding-left:0px; } .blog #content { padding-left:7px; } #image_gallery #content { padding-left:0px; } .post .entry-meta { margin-right:0px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 960px) { .front-page-box .box-container { float: left; text-align: center; } #content .post-image img { width: 470px; } #content .post-image a i.fade { height: 109px; width: 470px; } .recent-post .box:first-child { margin-left: 22px; } .recent-post .box { float: left; margin-left: 27px; } .recent-post .image-bg { background-color: #F2F2F2; background-image: none; border: 1px solid #D8D8D8; overflow: hidden; position: relative; } .recent-post .title { float: left; font-size: 18px; margin: 15px 0; width: 100%; } .recent-post .image-bg img { width: 95%; } .recent-post .image-bg .fade { height: 114px; width: 194px; } .recent-post .shadow { width: 100%; } .post .entry-meta { margin-right:0px; } .gallery_wrap.clearfix { padding-left: 65px; } /*****search********/ #searchform input[type="text"] { width: 136px; } #searchform { width: 171px; } /*******contact*********/ #contact_form #comment-textarea { float: left; } #contact_form #comment-submit { clear: both; float: left; margin-top: 10px; } .map-info .right { float: left; } /************footer***************/ #footer-widget-area .widget-area { float: left; margin-right:0px; width: 234px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media handheld, only screen and (min-width: 480px) and (max-width: 767px) { /***********navigation*************/ #logo { margin: 0 auto; width: 224px; float: none; margin-bottom:15px; } #nav { background: url("images/mobilemenubg.png") repeat-x scroll 0 0 transparent; border: 1px solid #BBBBBB; border-radius: 5px 5px 0 0; float: none; height: 31px; margin: 0 auto; width: 282px; } .navi { display: none; } #skenav { margin: 0; padding: 0 6px; } #menu-icon { background-position: 425px 0; background-repeat: no-repeat; display: block; position: relative; cursor: pointer; padding: 7px 10px; font-size: 16px; color: #333333; text-align: center; width: 263px; } #menu-icon.close { background: url("images/menu_close.png") no-repeat scroll 259px center transparent; } #menu-icon.open { background: url("images/menu_open.png") no-repeat scroll 259px 10px transparent; } ul#mini-menu { background: url("images/navibottomimg.png") no-repeat scroll center bottom #E2E2E2; border-radius: 0 0 5px 5px; display: none; left: -1px; margin: 0; padding-bottom: 19px; position: absolute; top: 31px; width: 284px; } #mini-menu ul { list-style:none; margin:0; } ul#mini-menu li { border-bottom: 1px solid #F3F3F3; border-top: 1px solid #7D7D7D; margin-left: 0; text-align: center; list-style-type: none; } ul#mini-menu li ul li { border:none; } #mini-menu li:first-child { border-top: none; } #mini-menu li:last-child { border-bottom: none; } #mini-menu a { color: #333333; display: block; font-size: 16px; font-weight: bold; height: auto; padding: 8px 5px; text-align: center; } #mini-menu a:hover { background-color:#DDDDDD; } #mini-menu li:last-child a:hover { border-radius: 0 0 5px 5px; } #mini-menu ul li:last-child a:hover { border-radius: 0; } /**********/ #main { padding:0px; margin: 0 10px; } /********blog**********/ .page-template-template_blog-php #content { padding-left: 15px; padding-right: 15px; } .blog #content { padding-left: 15px; padding-right: 15px; } #content .post-image img { width: 430px; } #content .post-image a i.fade { height: 100px; width: 430px; } /*********front page *******************/ .front-page-box .box-container { float: none; margin: 0 auto !important; text-align: center; width: 245px; } .recent-post .box { float: left; margin-bottom: 10px; margin-left:0px; width: auto; } .recent-post .image-bg { margin: 0 auto; width:265px; } .recent-post .image-bg a { display:block; } .recent-post .shadow { display: block; margin: 0 auto; width: 59%; } .recent-post .title { text-align: center; } .recent-post .text { text-align: center; } /********img gallery********/ .gallery_wrap.clearfix { margin: 0 auto; width: 59%; } #image_gallery .gall_box { height: 149px; margin: 0 0 10px; } /**********sidebar*************/ #siderbar { float: left; padding: 0; } #primary, #secondary { float: none; } .widget-container { width:100%; } #siderbar .widget-title { text-align: center; } /******* left sidebar**********/ #leftside_temp #container { float: none; } /*******contact*********/ #contact_form #comment-textarea { float: left; } #contact_form #comment-submit { clear: both; float: left; margin-top: 10px; } .map-info .right { float: left; } /****************footer*************/ #footer-widget-area { margin-top: 17px; padding: 0px 10px 0; position: relative; } #footer-widget-area div.widget-area > ul li:first-child > h3:first-child { position: relative; } #footer-widget-area .widget-area { float: left; width: 100%; } #footer .widget-area a:link, #footer .widget-area a:visited { width: 100%; } #footer-widget-area div.widget-area > ul:first-child > h3:first-child { position: relative; top: 0; } #footer { background-image: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { #logo { margin: 0 auto; width: 224px; float: none; margin-bottom:15px; } .front-page-box { margin-left: 10px; } #nav { background: url("images/mobilemenubg.png") repeat-x scroll 0 0 transparent; border: 1px solid #BBBBBB; border-radius: 5px 5px 0 0; float: none; height: 31px; margin: 0 auto; width: 271px; } .navi { display: none; } #mini-menu { background-color: #CCCCCC; display: none; position: absolute; width: 257px; } #skehead #skenav { margin: 0; padding: 0 6px; } #menu-icon { background-position: 425px 0; background-repeat: no-repeat; display: block; padding: 7px 10px; cursor: pointer; position: relative; text-align: center; font-size: 16px; color: #333333; margin-left: 8px; width: 234px; } #menu-icon.close { background: url("images/menu_close.png") no-repeat scroll 234px center transparent; } #menu-icon.open { background: url("images/menu_open.png") no-repeat scroll 234px center transparent; } #header .top-nav-menu { padding: 0 6px; } ul#mini-menu { background: url("images/navibottomimg.png") no-repeat scroll center bottom #E2E2E2; border-radius: 0 0 5px 5px; display: none; left: -9px; list-style-type: none; margin: 0; padding-bottom: 19px; position: absolute; top: 31px; width: 273px; } #mini-menu ul { list-style:none; margin: 0; } ul#mini-menu li { border-bottom: 1px solid #F3F3F3; border-top: 1px solid #7D7D7D; list-style-type: none; margin-left: 0; text-align: center; } ul#mini-menu li ul li { border:none; } #mini-menu li:first-child { border-top: none; } #mini-menu li:last-child { border-bottom: none; } #mini-menu a { color: #333333; display: block; font-size: 16px; font-weight: bold; height: auto; padding: 8px 5px; text-align: center; } #mini-menu a:hover { background-color:#DDDDDD; } #mini-menu li:last-child a:hover { border-radius: 0 0 5px 5px; } #mini-menu ul li:last-child a:hover { border-radius: 0; } /**********front page************/ .flex-caption { display:none; } .twiiter-wrap { margin-left: 0; padding-bottom: 10px; } .twitter-bg .twitter { padding-left: 107px; padding-top: 24px; } .twitter-bg .text-wrap { background: url("images/quote1.png") no-repeat scroll left center transparent; height: auto; margin-left: 5px; padding-bottom: 20px; } .text-wrap .twitter { padding-left: 90px; padding-top: 24px; } .front-page-box .box-container { margin-left:0px; float: none; } .recent-post .box { margin-left:0px; margin-bottom: 10px; } .recent-post .image-bg { margin: 0 auto; width:265px; } .recent-post .image-bg a { display:block; } .recent-post .shadow { display: block; margin: 0 auto; width: 100%; } .recent-post .title { text-align: center; } .recent-post .text { text-align: center; } #respond textarea { width: 245px; margin-left: 9px; } /************container************/ #bizstudiolite-paginate { padding:15px 0; } .border-post { margin-left:0px; margin-bottom:5px; margin-top:5px; width:100%; } #content { padding-left:0px; } .post .entry-meta { margin-right:0px; } #content .post-image img { width:97%; } /********blog************/ #content .post-image a i.fade { height: 61px; width: 261px; } /********sidebar*********/ #siderbar { padding: 0; margin: 0; } /**************image_gallery***************/ #image_gallery .gall_box { margin: 5px 5px; } /************contact***********/ .map-info .left { float:none; } .map-info .left iframe { width:241px; } .map-info .right { float:none; } #commentform .field { margin: 8px 0; padding: 0; } #contact_form textarea { background: url("images/textarea-comment275.png") no-repeat scroll 0 0 transparent; height: 128px; margin-bottom: 10px; width: 247px; } #comment-textarea { float:left; } .commentlist .children { padding: 0 !important; margin: 0; } .commentlist .children li { margin: 0; padding: 0; } #comment-submit { clear: both; float: left; width: 100%; } /*************login**********/ #login-wrapper input[type="submit"] { float: left; margin-left: 61px; margin-top: 4px; } #loginform p { margin:0px; } #login-wrapper form { margin: 34px auto 0; padding-left: 0; position: relative; width: 90%; } #login-wrapper #regform { margin: 20px auto 0; } #login-wrapper #regform p { margin-bottom: 4px; } .reg { margin-top: 14px; } #login-wrapper input[type="text"], #login-wrapper input[type="password"] { position: relative; } #login-wrapper { background: url("images/login-box-bg265.png") no-repeat scroll 0 0 transparent; height: 254px; margin: 0 auto 30px; width: 265px; } #login-wrapper .login_title { font-size: 13px; } /******************registration**********/ .login_form-wrap { padding: 0 5px; } .login-head { margin-left: 112px; padding-top: 20px; color: #FAFAFA; font-family: 'Alice', serif; font-size: 15px; padding-top: 21px; margin-bottom: 10px; } /************sidebar************/ #primary, #secondary { float: none; } .widget-container { width:100%; } #siderbar .widget-title { text-align: center; } /********footer***********/ #footer { background-image:none; } #footer-widget-area { margin-top: 17px; padding: 0 20px; position: relative; } #footer-widget-area .widget-area { margin-right:0px; } #footer .widget-title { text-align: center; } #footer-widget-area div.widget-area > ul:first-child > h3:first-child { position: relative; top: 0; } #footer-widget-area div.widget-area > ul li:first-child > h3:first-child { position: relative; top: 0; } #site-info .left { float: none; padding-left: 10px; padding-top: 10px; text-align: center; } #site-info .right { float: none; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; text-align: center; } /******flexslider***********/ .flex-direction-nav .flex-next { background: url("../images/next_arrow.png") no-repeat scroll center bottom transparent; right: 0; top: 36px; } .flex-direction-nav .flex-prev { background: url("../images/prev_arrow.png") no-repeat scroll center bottom transparent; left: 0; top: 36px; } }