Theme Name: BizWay Theme URI: http://www.inkthemes.com/wp

advertisement
/*
Theme Name: BizWay
Theme URI: http://www.inkthemes.com/wp-themes/bizway-responsive-wordpress-theme/
Description: BizWay is a Professional and beautiful Responsive WordPress Theme built by
InkThemes.com. BizWay is one of the easiest themes to build your Web Presence in 10 Minutes or
less, in few Simple Steps. The Theme with the presence of Theme Options Panel, makes it easy for
you to have your own branded new Website for your Business or Personal Use in Minutes. The
Theme features a uniquely designed Home Page and a blog page template and is widgetized. I am
pretty sure, You will absolutely love using the BizWay Theme.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: black, blue, red, purple, pink, brown, yellow, green, two-columns, fixed-width, custom-header,
custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-languagesupport, editor-style, custom-menu
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
@import url(http://fonts.googleapis.com/css?family=Arimo|museo+500);
@import url(css/reset.css);
@import url(css/layout.css);
@import url(css/screen.css);
@import url(css/prettyPhoto.css);
@font-face {
font-family:Arimo;
src: url(font/Arimo-Regular.ttf);
}
@font-face {
font-family: 'Museo500';
src: url('font/museo500-regular-webfont.eot');
src: url('font/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/museo500-regular-webfont.woff') format('woff'),
url('font/museo500-regular-webfont.ttf') format('truetype'),
url('font/museo500-regular-webfont.svg#Museo500') format('svg');
-webkit-font-smoothing: subpixel-antialiased;
font-weight: normal;
font-style: normal;
}
body {
font: 14px/1.6 Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;
background:#fff;
color:#5c5c5c;
}
:focus {
outline:none;
}
input[type="submit"] {
cursor:pointer;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Museo500';
font-weight:normal;
}
a{
text-decoration:none;
color:#1f1f1f;
}
input[type="submit"] {
cursor:pointer;
}
th {
font-weight:bold;
background:#ebe8da;
}
th, td {
padding:5px;
border:1px solid #ebe8da;
}
textarea {
width:200px;
height:50px;
}
.header .logo{
margin-top:30px;
margin-bottom:28px;
}
.header .logo img{
max-width:100%;
}
/* #Menus
================================================== */
.mobieMenu{
margin:15px auto;
width:70%;
margin-top:12px;
text-align:center;
margin-left:70px;
border:1px solid #ddd;
}
.menu-container{
background:#f9f9f9 url(images/menubg.png) repeat-x;
background-color: #3f3f3f;
}
.menu_bar {
border:1px solid #d9d9d9;
background:#fff;
display:block;
padding-bottom:20px;
padding-top:5px;
padding-left:20px;
margin-top:12px;
}
#menu {
position:relative;
}
#menu ul {
list-style-type:none;
}
#menu .ddsmoothmenu {
list-style:none;
position:relative;
z-index:100;
margin: 0;
}
ul#mm1.ddsmoothmenu{
}
#menu .ddsmoothmenu li > ul li > ul {
margin-top:1px;
}
#menu .ddsmoothmenu li {
position:relative;
display:block;
float: left;
font-size:15px;
margin-left:0;
margin-bottom:0;
}
#menu .ddsmoothmenu li a {
position:relative;
display: block;
color:#fff;
text-decoration:none;
padding:13.5px 20px 13px 20px;
text-shadow:0 1px 1px #000;
border-left:1px solid #585858;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a,
#menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color:#fff;
background:#343434 url(images/menutip.png) top center no-repeat;
}
#menu .ddsmoothmenu li > ul {
margin-top:5px;
background:url(images/menuarow.png) top no-repeat;
margin:0;
}
#menu li li a, #menu li li a.selected, #menu li li a:hover {
border:none;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu
li.current_page_parent a:hover, #menu li a:hover.selected {
text-decoration:none;
color:#fff;
}
#menu .ddsmoothmenu li.current-menu-item a, #menu .ddsmoothmenu li.menu-item-home a{
margin-right:0;
}
#menu .ddsmoothmenu li li:first-child{
padding-top:10px;
}
#menu .ddsmoothmenu li li {
background: #eaebea;
font:12px Arial, Helvetica, sans-serif!important;
text-transform:capitalize;
margin:0;
padding:0;
}
#menu .ddsmoothmenu li li a {
width:130px;
height:auto;
float:none;
display:block;
text-align:left;
position:relative;
margin:0;
padding:10px 0;
margin-left:18px;
margin-right:18px;
text-transform:capitalize;
border-bottom:1px dotted #ccc;
background: url('images/arrow.png') no-repeat 0 14px;
padding-left:10px;
text-shadow:none;
border-left:none;
text-shadow:0 1.5px 1px #fff;
}
#menu .ddsmoothmenu li li:last-child{
padding-bottom:20px;
}
#menu .ddsmoothmenu li li a:after {
width:100%;
content:'';
position:absolute;
left:0;
top:0;
}
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
border-top:none;
}
#menu .ddsmoothmenu li li:last-child a:after {
width:100%;
content:'';
position:absolute;
left:0;
bottom:0;
}
* html #menu .ddsmoothmenu li li a {
display:inline-block;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
color:#565555;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
color: #CC0000;
text-shadow:none;
}
#menu .ddsmoothmenu li ul {
position:absolute;
left:0;
display:none;
visibility:hidden;
}
#menu .ddsmoothmenu li ul li {
display:list-item;
float:none;
}
#menu .ddsmoothmenu li ul li ul {
padding-top:0;
background:none;
top:0;
margin-top:0;
margin-left:0;
}
#menu .ddsmoothmenu li ul li ul li:first-child{
padding-top:0;
}
* html .ddsmoothmenu {
height:1%;
}
.downarrowclass {
position:absolute;
width:0;
height:0;
overflow:hidden;
top:0;
right:0;
display:none!important;
}
.rightarrowclass {
display:block;
width:7px;
height:5px;
position:absolute;
margin-top:-3px;
top:50%;
right:0;
background: url('images/right.png') no-repeat 0 0;
}
.ddshadow {
width:0;
height:0;
position:absolute;
left:0;
top:0;
display:none;
}
.header-container{
background-color:#f9f9f9;
}
.slider-wrapper-container{
background-color:#f9f9f9;
font-weight:normal;
padding-top:28px;
border-bottom:1px solid #d9d8d8;
}
.slider-wrapper-container h1{
font-size:30px;
text-align:center;
color:#444;
margin-bottom:12px;
text-shadow:0 2px 2px #fff;
margin-bottom:5px;
}
.slider-wrapper-container h2{
font-size:17px;
color:#717070;
text-align:center;
font-weight:normal;
margin-bottom:45px;
font-family:"Museo500";
}
/* #Slider Style
================================================== */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
width: 100%;
margin: 0;
padding: 0;
max-height:100%;
border:1px solid #cdcbcb;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
margin-left:0;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
max-height:385px;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
zoom: 1;
margin-bottom:0px;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides > li {
position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
zoom: 1;
position: relative;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,
endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,
endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width: 96.200%;
height:10%;
padding: 2%;
margin: 0;
position: absolute;
left: 0;
bottom:0;
background: rgba(0, 0, 0, .5);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
font-size: 14px;
line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav {
height: 0;
}
.flex-direction-nav li a {
width: 42px;
height: 99px;
margin: -13px 0 0;
display: block;
background: url(images/arrows.png) no-repeat;
position: absolute;
top: 40%;
cursor: pointer;
text-indent: -999em;
}
.flex-direction-nav li .next {
background: url('images/next.png') no-repeat;
width: 42px;
height: 99px;
right: -5px;
top:54.6%;
}
.flex-direction-nav li .prev {
background: url('images/prev.png') no-repeat;
width: 42px;
height: 99px;
left:0;
top:54.6%;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter:alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 20px;
text-align:center;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
background: url('images/pagination.png') no-repeat 0 0;
width: 9px;
height: 10px;
display:block;
cursor: pointer;
text-indent: -999em;
}
.flex-control-nav li a:hover {
background-position:0 -10px;
}
.flex-control-nav li a.active {
background-position:0 -10px;
cursor: default;
}
.slider-shaddow{
width:100%;
height:50px;
background:url(images/slider-shaddow.png) 17px -22px no-repeat;
}
/*-------end slider----------------*/
.main-content-container{
margin-top:62px;
padding-bottom:65px;
overflow:hidden;
}
.main-content{
}
.main-content h1{
color:#2f2f2f;
text-shadow:0 .5px 0 #d5d5d5;
}
.main-content .page-item img{
max-width:100%;
background:url(images/pageitem-shaddow.png) no-repeat;
padding:9px;
margin-bottom:30px;
height:131px;
width:265px;
}
.main-content .page-item.last-item{
margin-right:0;
padding-right:0;
padding-left:30px;
}
.main-content .page-item.item-two{
padding-left:14px;
}
/* #Footer Styles
================================================== */
.footer-wrapper{
background:#f9f9f9 url(images/footerbg-strip.png) top repeat-x;
}
.footer-top{
padding-top:35px;
padding-bottom:47px;
border-bottom:1px dashed #d9d9d9;
font-size:15px;
}
.footer-wrapper .footer-top-inner1 span{
float:left;
margin-right:30px;
}
.footer-wrapper .footer-top-inner2{
margin-left:20px;
}
.footer-wrapper .footer-top-inner2 span{
float:left;
margin-right:30px;
text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.2);
}
.footer-wrapper .footer-top-inner3{
margin-left:28px;
text-align:right;
}
.footer-wrapper .footer{
margin-top:30px;
color:#817c7c;
}
.footer-wrapper .footer_widget h6 {
background:url(images/footer-border.png) bottom repeat-x;
font-family:Arimo;
color:#666666;
font-weight:bolder;
text-shadow:0 1px 1px #fff;
}
.footer-wrapper .footer_widget a{
color:#1155db;
}
.footer-wrapper .footer_widget ul {
list-style-type:none;
}
.footer-wrapper .footer_widget.last p{
text-align:justify;
}
.footer-wrapper ul li{
margin-left:0;
padding:2px 0;
}
.footer-wrapper ul li a{
color:#1155db;
font-size:12px;
}
.footer-wrapper ul li a:hover{
text-decoration:underline;
}
.footer_wrapper .footer ul.contactus li {
border:none;
}
.footer_wrapper .footer ul li {
margin-left:0;
border-bottom:1px solid #777777;
padding-top:5px;
padding-bottom:5px;
}
.footer_bottom {
border-top:1px solid #ebebeb;
background:#f5f5f5;
color:#fff;
padding-top:13px;
padding-bottom:32px;
}
.footer_bottom p {
margin:0;
padding:0;
color:#666666;
}
.footer_bottom{
text-align:left;
}
.footer_bottom a {
color:#1155db;
}
.footer_bottom a:hover{
text-decoration:underline;
}
.footer_widget .searchform{
float: left;
position: relative;
}
.footer_widget .searchform input[type="text"]{
position: absolute;
left: 0;
}
.footer_widget .searchform input[type="submit"]{
position:absolute;
right:-80px;
}
.footer_bottom .theme_desc{
float:left;
}
.footer_bottom .copyright{
float:right;
}
/* #Social Style
================================================== */
.tt-wrapper{
padding: 0;
width: 435px;
height: 70px;
margin: 80px auto 30px auto;
list-style:none;
display:inline;
}
.tt-wrapper li{
float: left;
margin-left:0;
}
.tt-wrapper li a{
display: block;
width: 16px;
height: 16px;
margin: 0 2px;
outline: none;
background: transparent url(images/growcase_the_social_gunman_icons.png) no-repeat top left;
text-indent: -9000px;
position: relative;
}
.tt-wrapper li .fb{
background:url(images/fb.png) no-repeat;
}
.tt-wrapper li .tw{
background:url(images/tw.png) no-repeat;
}
.tt-wrapper li .rss{
background:url(images/rss.png) no-repeat;
}
.tt-wrapper li .yh{
background:url(images/yh.png) no-repeat;
}
.tt-wrapper li .yt{
background:url(images/yt.png) no-repeat;
}
.tt-wrapper li a span{
width: 100px;
height: auto;
line-height: 20px;
padding: 10px;
left: 50%;
margin-left: -62px;
font-family: 'Alegreya SC', Georgia, serif;
font-weight: 400;
font-style: italic;
font-size: 14px;
color: #719DAB;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align: center;
border: 4px solid #fff;
background: rgba(135,202,202,0.2);
text-indent: 0px;
border-radius: 5px;
position: absolute;
pointer-events: none;
bottom: 80px;
opacity: 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
content: '';
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -9px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
bottom: -14px;
margin-left: -10px;
border-top: 10px solid #fff;
}
.tt-wrapper li a:hover span{
opacity: 0.9;
bottom: 30px;
}
/* #Search Form
================================================== */
.top-search .searchform {
background:url(images/top-searchbg.png) no-repeat;
width:150px;
height:26px;
border:none;
position:relative;
margin-top:9px;
float: right;
}
.top-search .searchform input[type="text"] {
width:130px;
height:22px;
background:transparent;
border:none;
padding:2px 5px 0px 10px;
color:#dfdfdf;
}
.top-search .searchform input[type="submit"] {
position:absolute;
right:10px;
top:6px;
background:url(images/search.png) no-repeat;
width:18px;
height:18px;
border:none;
cursor:pointer;
}
.sidebar .side-search, .content-bar .side-search{
width:280px;
height:68px;
background:url(images/side-bg.png) repeat-x;
border:1px solid #d2d2d2;
border-radius:7px;
margin-bottom:20px;
}
.searchform {
background:url(images/side-searchbg.png) no-repeat;
width:148px;
height:32px;
border:none;
margin-top:18px;
position:relative;
margin-left:15px;
}
.footer_widget .searchform {
margin-top:0;
margin-left:0;
margin-bottom:18px;
}
.searchform input[type="text"] {
width:130px;
height:22px;
background:transparent;
border:none;
padding:5px 5px 0px 10px;
color:#aaa;
}
.searchform input[type="submit"] {
position:absolute;
right:-105px;
top:0px;
background:url(images/side-search.png) no-repeat;
width:87px;
height:30px;
border:none;
cursor:pointer;
}
/* page content
================================================== */
.page-heading-container{
padding-top:15px;
background:#f9f9f9;
border-bottom:1px solid #cdcdcd;
font-weight:normal;
color:#1f1f1f;
}
.page-heading h1{
text-shadow:0 1px 1px #fff;
font-weight:lighter;
}
/* #Blog Page
================================================== */
.page-content{
padding-top:40px;
padding-bottom:50px;
overflow:hidden;
}
.content-bar {
padding-top:0px;
padding-right:10px;
overflow:hidden;
}
.content-bar .post,
.content-bar .page{
margin-bottom:50px;
padding-bottom:15px;
position:relative;
border-bottom:1px dotted #c0c0c0;
}
.content-bar .post:last-child{
border:none;
}
.content-bar .post .post_meta, .content-bar .page .post_meta {
list-style-type:none;
color:#aaa;
padding-top:0px;
padding-bottom:5px;
padding-left:45px;
}
.content-bar .post .post_meta span, .content-bar .page .post_meta span{
color:#999;
text-shadow:0 1px 0 #bbb;
}
.content-bar .post .post_meta a, .content-bar .page .post_meta a {
color:#aaa;
text-shadow:0 1px 0 #ddd;
}
.content-bar .post .post_meta .posted_by, .content-bar .page .post_meta .posted_by {
background:url(images/account.png) no-repeat left;
padding-left:20px;
}
.content-bar .post .post_meta .post_date, .content-bar .page .post_meta .post_date {
background:url(images/clock.png) no-repeat left;
padding-left:20px;
}
.content-bar .post .post_meta .post_category, .content-bar .page .post_meta .post_category {
background:url(images/folder.png) no-repeat left;
padding-left:20px;
}
.content-bar .post .post_meta .post_comment, .content-bar .page .post_meta .post_comment {
background:url(images/comment-bg.png) no-repeat;
width:30px;
height:31px;
position:absolute;
top:10px;
right:0;
text-align:center;
line-height:22px;
}
.content-bar .post .post_meta .post_comment a, .content-bar .page .post_meta .post_comment a{
color:#fff;
text-shadow:0 1px 0 #585858;
}
.content-bar .post .post_title {
min-height: 20px;
}
.content-bar .post .post_title,
.content-bar .page .post_title {
padding-left:65px;
padding-top:0;
margin-top:0;
margin-bottom:0;
}
.content-bar .post .post_title a,
.content-bar .page .post_title a {
color:#343434;
text-shadow:0 1px 0 #fdfdfd;
}
.content-bar .post .post_meta li, .content-bar .page .post_meta li {
display:inline;
margin-left:0;
margin-right:10px;
}
.content-bar .post .post_content {
overflow:hidden;
text-shadow:0 1px 0 #fff;
text-align:justify;
}
.content-bar .post .post_content img.postimg {
float:left;
margin-right:20px;
margin-bottom:20px;
height:153px;
width:193px;
background:url(images/img-shadow.png);
padding:9px;
}
.content-bar .post.single .post_content img {
max-width:100%;
height:auto;
background:none;
padding:0;
}
.content-bar .post .post_content .read_more {
background: url('images/read-more-blue.png') no-repeat 0 0;
width: 87px;
height: 30px;
display:block;
color:#494646;
float:right;
text-indent:-99999px;
}
.content-bar .post .post_content .read_more:hover {
background: url('images/read-more.png') no-repeat 0 -35px;
width: 87px;
height: 30px;
}
.content-bar .post .post_date, .content-bar .page .post_date {
background: url('images/date-bg.png') no-repeat 0 0;
width: 58px;
height: 59px;
position:absolute;
left:0;
top:8px;
}
.content-bar .post .date, .content-bar .page .date {
list-style-type:none;
margin-top:6px;
text-align:center;
}
.content-bar .post .date li,
.content-bar .page .date li{
display:block;
margin-left:-2px;
margin-bottom:-7px;
font-size:17px;
color:#000;
font-family:"Museo 500";
}
.content-bar .post .date li.month,
.content-bar .page .date li.month{
font-size:19px;
}
/* #sidebar
================================================== */
.sidebar {
border-left:1px dotted #ccc;
padding-left:27px;
}
.sidebar ul{
list-style:none;
margin-top:-20px;
}
.sidebar ul li, .footer_widget ul li{
margin-left:0;
border-bottom:1px dotted #ccc;
padding:11px 0;
background:url(images/side-blt.png) 0 16px no-repeat;
padding-left:18px;
}
.sidebar ul ul, .footer_widget ul ul{
margin:0;
}
.sidebar li li, .footer_widget li li{
padding-bottom: 0;
}
.sidebar ul li:last-child, .footer_widget ul li:last-child{
border:none;
}
.sidebar ul li:hover, .footer_widget ul li:hover {
background:#f9f9f9 url(images/side-blt.png) 0 16px no-repeat;
}
.sidebar ul li a{
color:#4f4f4f;
padding:20px 0 !important;
}
.sidebar h3{
border-bottom:1px dotted #ccc;
padding-bottom:12px;
}
.sidebar p{
text-align:right;
}
.sidebar .tagcloud{
margin-bottom: 20px;
}
.sidebar .tagcloud a{
color:#148fb9;
}
/* #Comment Form
================================================== */
#commentsbox {
margin:0;
}
ol.commentlist {
clear:both;
overflow:hidden;
list-style:none;
margin:0;
}
ol.commentlist li.comment {
line-height:18px;
margin:5px 0 15px;
padding:10px;
}
ol.commentlist li.comment .comment-body {
background:url(images/commentbg.png) no-repeat 0 0;
margin-left:77px;
position:relative;
padding-left:30px;
padding-top:28px;
border-right:1px solid #D5D5D5;
padding-right:10px;
max-width:500px;
}
ol.commentlist li.comment .comment-author a:link, ol.commentlist li .comment-author a:visited {
color:#000;
font-weight:700;
text-decoration:none !important;
}
cite.fn {
color:#000;
font-style:normal;
}
ol.commentlist li.comment .comment-author .avatar {
float:left;
margin-right:10px;
margin-bottom:10px;
position:absolute;
left:-80px;
top:0;
width:45px;
height:45px;
border:1px solid #D5D5D5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:5px;
}
ol.commentlist li.comment .comment-meta a {
color:#797777;
text-decoration:none !important;
display:inline;
}
ol.commentlist li.comment p {
line-height:22px;
margin-top:5px;
color:#666;
}
ol.commentlist li.comment .reply {
margin-top:10px;
font-size:10px;
text-align:right;
border-bottom:1px solid #D5D5D5;
padding-bottom:5px;
display:block;
margin-left:-20px;
margin-right:-10px;
padding-right:10px;
padding-top:5px;
background:#ecebeb;
}
ol.commentlist li.comment .reply a {
color:#9b9a9a;
font-weight:400;
font-size:14px;
text-shadow:0 1px 0 #fff;
}
ol.commentlist li.comment ul.children {
list-style:none;
text-indent:0;
margin:1em 0 0;
}
ol.commentlist li.comment .says{
display:none;
}
.comment-author.vcard{
display:inline;
margin-right:15px;
}
.comment-meta.commentmetadata{
display:inline;
}
.comment-nav {
height:20px;
padding:5px;
}
.comment-nav a:link, .comment-nav a:visited {
color:#f96e02;
}
#respond {
margin:10px 0;
padding:0;
}
#commentform {
border:1px solid #eee;
padding:10px 20px;
}
#commentform p {
color:#444;
}
#commentform a {
color:#0454A8;
}
#respond label {
color:#322903;
padding:5px 0;
}
#respond input {
background:#fff;
border:1px solid #ddd;
color:#555;
margin:0 10px 10px 0;
padding:5px;
}
#commentform input[type="text"] {
width:50%;
height:20px;
display:block;
}
#commentform #reply-title{
visibility: hidden;
margin: 0;
padding: 0;
height: 0;
}
#respond input#submit {
text-indent:-9999px;
clear:both;
background:url('images/contact-button.png') no-repeat 0 0;
width:87px;
height:31px;
border:0;
cursor:pointer;
text-align:center;
padding-left:20px;
padding-right:20px;
margin-top:20px;
color:#FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#respond input#submit:hover{
background:url('images/contact-button.png') no-repeat 0 -37px;
}
textarea#comment {
background:#fff;
border:1px solid #ddd;
width:70%;
height: 100px;
color:#555;
clear:both;
display:block;
margin:10px 0 0;
padding:5px;
}
/* #Contact Page
================================================== */
.contactform{
margin-bottom:35px;
}
.contactform .error {
color:red;
}
.contactform input[type="text"] {
width:70%;
height:42px;
}
.contactform input[type="text"], .contactform textarea{
background:#fff url(images/text-strip.png) no-repeat;
margin-bottom:20px;
padding-left:10px;
color:#6a6565;
margin-top:5px;
border:none;
padding-top:3px;
}
.contactform textarea{
width:98%;
height:250px;
background:#fcf9f9 url(images/textarea-strip.png) top center repeat-x;
border:1px solid #efefef;
}
.contactform input[type="submit"] {
border:none;
text-indent:-9999px;
color:#6a6565;
background:url('images/contact-button.png') no-repeat 0 0;
width:87px;
height:31px;
text-align:center;
margin-top:15px;
}
.contactform input[type="submit"]:hover{
background:url('images/contact-button.png') no-repeat 0 -37px;
}
.content-bar p.contact-text{
text-align:justify;
border-bottom:1px dotted #c6c6c6;
padding-bottom:15px;
}
/* #Fullwidth Page
================================================== */
.fullwidth {
background:#fff;
margin-bottom:30px;
}
/* #Gallery Page
================================================== */
.page-content .gallery ul.thumbnail {
list-style-type:none;
overflow:hidden;
margin:0 auto;
margin-left:0px;
padding:0px;
width:1040px;
}
.page-content .gallery ul.thumbnail li {
margin:0px;
margin-left:0px;
float:left;
margin-right:66px;
margin-bottom:60px;
width:280px;
height:166px;
background:url(images/gall-shaddow.png) 0px 0px no-repeat;
padding-top:0px;
}
.page-content .gallery ul.thumbnail li img {
width:262px;
height:136px;
background-color:#fff;
margin-top:6px;
margin-left:7px;
}
.page-content .gallery ul.thumbnail li a {
color:#818080;
font-size:11px;
}
/* #Special Columns
================================================== */
pre {
margin: 10px 0px 40px 0px;
padding: 0 10px 0px 10px;
display: block;
clear: both;
background: #cccccc url('images/codebg.jpg');
line-height: 20px;
font-size: 11px;
border: 1px solid #cfcfcf;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
float:left;
position:relative;
}
.one_third {
width:30%;
margin-right:5%;
}
.one_half {
width:48%;
margin-right:4%;
}
.one_third {
width:30%;
margin-right:5%;
}
.two_third {
width:65%;
margin-right:5%;
}
.one_fourth {
width:22%;
margin-right:4%;
}
.three_fourth {
width:74%;
margin-right:4%;
}
.col2, .col3, .col4 {
float:left;
position:relative;
}
.col3 {
width:280px;
margin-right:60px;
}
.col2 {
width:460px;
margin-right:40px;
}
.col4 {
width:210px;
margin-right:40px;
}
.last {
margin-right:0 !important;
}
/* #Wordpress Core Classes
================================================== */
blockquote {
padding-left:60px;
min-height:40px;
background:url(images/blockqoute.png) no-repeat;
}
blockquote {
margin-top:40px;
margin-bottom:40px;
}
blockquote img {
float: left;
margin-right:15px;
}
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.alignnone {
margin: 5px 20px 20px 0;
display: block;
clear:both;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background:#fff;
border:1px solid #f0f0f0;
max-width:96%;
text-align:center;
padding:8px 3px 10px;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
max-width:98.5%;
width:auto;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:8px 4px 5px;
}
#nav-single {
overflow:hidden;
margin-bottom:10px;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
.sticky{}
.bypostauthor{}
/*Calendar style*/
#wp-calendar caption {
text-align: center;
background: #4b5d67;
color: #fff;
border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
color: #555;
width: 95%;
text-align: center;
color:#fff;
}
#wp-calendar a, #wp-calendar td a {
color: #000;
}
#wp-calendar td {
color:#817C7C;
}
#wp-calendar caption, #wp-calendar td, #wp-calendar th {
text-align: center;
}
#wp-calendar caption {
font-size: 11px;
font-weight: 500;
padding: 5px 0 3px 0;
text-transform: uppercase;
}
#wp-calendar th {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: bold;
color: #4b5d67;
}
.footer #wp-calendar th {
background: #e0e0e0;
}
#wp-calendar tfoot td {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#fff;
}
.footer #wp-calendar tbody td, #wp-calendar tbody td {
color:#c0c0c0;
}
#calendar_wrap {
display: block;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.slider-shaddow{
width:100%;
height:57px;
margin-top:-18px;
background:url(images/slider-shaddow1.png) bottom center no-repeat;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 18px;
text-align:center;
}
.page-content .gallery ul.thumbnail {
list-style-type:none;
overflow:hidden;
margin:0 auto;
margin-left:60px;
padding:0px;
width:60%px;
}
.page-content .gallery ul.thumbnail li {
margin:0px;
margin-left:0px;
float:left;
margin-right:45px;
margin-bottom:32px;
width:224px;
height:135px;
background:url(images/gall-shaddow1.png) 0px 0px no-repeat;
padding-top:0px;
}
.page-content .gallery ul.thumbnail li img {
width:210px;
height:105px;
background-color:#fff;
margin-top:6px;
margin-left:7px;
}
}
@media only screen and (max-width: 767px) {
.slider-shaddow{
width:100%;
height:57px;
margin-top:-18px;
background:url(images/slider-shaddow1.png) bottom center no-repeat;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 18px;
text-align:center;
}
.menu-container{
background:#3e3e3e url(images/menubg.png) repeat-x;
padding-bottom:15px;
margin-bottom:0;
}
.top-search .searchform {
margin:22px auto 0 auto;
float:none;
}
.footer-top{
padding-bottom:120px;
width:230px;
margin:0 auto;
}
.footer-wrapper .footer-top-inner1{
margin-bottom:40px;
margin-left:0;
padding-left:0;
}
.footer-wrapper .footer-top-inner1 span{
padding-right:30px;
margin-left:0;
padding-left:0;
}
.footer-wrapper .footer-top-inner2{
margin-left:10px;
}
.footer-wrapper .footer-top-inner2 span{
margin-right:30px;
text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.2);
}
.footer-wrapper .footer-top-inner3{
margin-top:15px;
text-align:inherit;
margin-left:10px;
}
h1.gallery-heading{
margin-left:70px;
}
.page-content .gallery ul.thumbnail {
list-style-type:none;
overflow:hidden;
margin:0 auto;
margin-left:0px;
padding:0px;
width:800px;
}
.page-content .gallery ul.thumbnail li {
margin:0px;
margin-left:0px;
float:left;
margin-right:5px;
margin-bottom:0px;
width:256px;
height:154px;
background:url(images/gall-shaddow1.png) 0px 0px no-repeat;
padding-top:0px;
}
.page-content .gallery ul.thumbnail li img {
width:242px;
height:124px;
background-color:#fff;
margin-top:6px;
margin-left:7px;
}
.main-content{
width:290px;
margin:0 auto;
}
.main-content .page-item.first-item{
text-align:center;
margin-left:0;
padding-left:0;
}
.main-content .page-item.last-item{
text-align:center;
margin-bottom:0;
margin-left:0;
padding-left:0;
}
.main-content .page-item.item-two{
text-align:center;
margin-left:0;
padding-left:0;
}
.footer{
width:280px;
margin:0 auto;
text-align:center;
}
.footer_bottom {
text-align:center;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.page-content .gallery ul.thumbnail {
list-style-type:none;
overflow:hidden;
margin:0 auto;
margin-left:60px;
padding:0px;
width:60%px;
}
.page-content .gallery ul.thumbnail li {
margin:0px;
margin-left:0px;
float:left;
margin-right:45px;
margin-bottom:32px;
width:224px;
height:135px;
background:url(images/gall-shaddow1.png) 0px 0px no-repeat;
padding-top:0px;
}
.page-content .gallery ul.thumbnail li img {
width:210px;
height:105px;
background-color:#fff;
margin-top:6px;
margin-left:7px;
}
.footer-wrapper .footer-top-inner1{
margin-bottom:40px;
}
.footer-wrapper .footer-top-inner1 span{
margin-right:0;
margin-left:30px;
}
.logo {
margin: 5px auto 5px auto;
text-align:center;
margin-bottom:20px;
}
.menu_bar {
text-align:center;
border:none;
background:none;
}
.flex-direction-nav li .next {
background: url('images/next2.png') no-repeat;
width: 42px;
height: 99px;
right: -13.5px;
top:65%;
}
.flex-direction-nav li .prev {
background: url('images/prev2.png') no-repeat;
width: 42px;
height: 99px;
left:0;
top:65%;
}
.footer-wrapper .footer-top-inner1{
margin-bottom:40px;
}
.footer-wrapper .footer-top-inner1 span{
margin-right:0;
margin-left:10px;
}
.tt-wrapper li a{
display: block;
width: 16px;
height: 16px;
margin: 0 2px;
outline: none;
background: transparent url(images/growcase_the_social_gunman_icons.png) no-repeat top
left;
text-indent: -9000px;
position: relative;
}
.tt-wrapper li a span{
position:absolute;
left:-66px;
}
}
@media only screen and (max-width: 480px) {
.page-content .gallery ul.thumbnail {
list-style-type:none;
overflow:hidden;
margin:0 auto;
margin-left:70px;
padding:0px;
width:450px;
}
.page-content .gallery ul.thumbnail li {
margin:0px;
margin-left:0px;
float:left;
margin-right:10px;
margin-bottom:60px;
width:280px;
height:166px;
background:url(images/gall-shaddow.png) 0px 0px no-repeat;
padding-top:0px;
}
.page-content .gallery ul.thumbnail li img {
width:262px;
height:136px;
background-color:#fff;
margin-top:6px;
margin-left:7px;
}
.menu_bar {
text-align:center;
border:none;
background:none;
}
.main-content{
margin-left:5px;
}
.logo {
margin: 5px auto 5px auto;
text-align:center;
margin-bottom:20px;
}
.blog .post img {
float:none !important;
display:block;
height:auto;
margin-bottom:20px;
}
.flex-direction-nav li .next {
background: url('images/next1.png') no-repeat;
width: 42px;
height: 99px;
right: -21.5px;
top:58%;
}
.flex-direction-nav li .prev {
background: url('images/prev1.png') no-repeat;
width: 42px;
height: 99px;
left:0;
top:58%;
}
.footer-wrapper .footer-top-inner1{
margin-bottom:40px;
}
.footer-wrapper .footer-top-inner1 span{
margin-right:0;
margin-left:10px;
}
.main-content{
width:290px;
margin:0 auto;
}
.footer-wrapper .footer_widget{
width:230px;
}
.tt-wrapper li a{
display: block;
width: 16px;
height: 16px;
margin: 0 2px;
outline: none;
background: transparent url(images/growcase_the_social_gunman_icons.png) no-repeat top
left;
text-indent: -9000px;
position: relative;
}
.tt-wrapper li a span{
position:absolute;
left:-66px;
}
}
/*Blue color*/
.menu-container{
background:#0b6d8d url(images/menubg-blue.png) repeat-x;
}
#menu .ddsmoothmenu li a {
text-shadow:0 1px 1px #000;
border-left:1px solid #15779b;
}
#menu .ddsmoothmenu li li {
background: #eaebea;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
color: #1d86b6;
text-shadow:none;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a,
#menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color:#fff;
background:#0b506c url(images/menutip.png) top center no-repeat;
}
.top-search .searchform {
background:url(images/top-searchbg-blue.png) no-repeat;
}
.flex-direction-nav li .next {
background: url('images/next-blue.png') no-repeat;
}
.flex-direction-nav li .prev {
background: url('images/prev-blue.png') no-repeat;
}
.flex-control-nav li a {
background: url('images/pagination-blue.png') no-repeat 0 0;
}
.footer-wrapper .footer_widget a{
color:#1d86b6;
}
.footer-wrapper ul li a{
color:#1d86b6;
}
.searchform input[type="submit"] {
background:url(images/side-search-blue.png) no-repeat;
}
.content-bar .post .post_content .read_more {
background: url('images/read-more-blue.png') no-repeat 0 0;
}
.content-bar .post .post_content .read_more:hover {
background: url('images/read-more-blue.png') no-repeat 0 -35px;
}
#respond input#submit {
background:url('images/contact-button-blue.png') no-repeat 0 0;
}
#respond input#submit:hover{
background:url('images/contact-button-blue.png') no-repeat 0 -35px;
}
.contactform input[type="submit"] {
background:url('images/contact-button-blue.png') no-repeat 0 0;
}
.contactform input[type="submit"]:hover{
background:url('images/contact-button-blue.png') no-repeat 0 -35px;
}
.sidebar ul li a {
color:#1d86b6;
}
.footer_bottom a {
color:#1d86b6;
}
@media only screen and (max-width: 767px) {
.menu-container{
background:#0b6d8d url(images/menubg-blue.png) repeat-x;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.flex-direction-nav li .next {
background: url('images/next2-blue.png') no-repeat;
width: 42px;
height: 99px;
right: -13.5px;
top:58%;
}
.flex-direction-nav li .prev {
background: url('images/prev2-blue.png') no-repeat;
width: 42px;
height: 99px;
left:0;
top:58%;
}
}
@media only screen and (max-width: 480px) {
.flex-direction-nav li .next {
background: url('images/next1-blue.png') no-repeat;
width: 42px;
height: 35px;
right: -21.5px;
top:68%;
}
.flexslider,.flexslider .slides{
visibility:hidden;
height:0;
width:0;
}
.slider-shaddow{
visibility:hidden;
height:0;
width:0;
}
.flex-direction-nav li .prev {
background: url('images/prev1-blue.png') no-repeat 0 0;
width: 22px;
height: 35px;
left:0;
top:68%;
}
}
Download