/*

Theme Name: Hongkong

Theme URI: http://www.inkthemes.com/

Description: Elite Pro for WordPress is one of the easiest themes to build your Web Presence in 10 Minutes. Just with in 5 Simple Steps. The Theme is highly customizable and with the presence of several background patterns and Theme Options, You can have your own branded new Website for your Business or Personal Use in Minutes. Features Templates for Blogs, Gallery, Fullwidth Page without sidebar and Contact Us Page.

Author: InkThemes.com

Author URI: http://www.inkthemes.com

Version: 1.0

Tags: black, blue, white, two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, theme-option panel,

*/

@import url(css/reset.css);

@import url(css/layout.css);

@import url(css/screen.css);

@import url(css/prettyPhoto.css);

@import url(css/shortcode.css);

body {

    font: 13px/1.7 Trebuchet MS, Arial, 'Liberation Sans', FreeSans, sans-serif;

    background:url(images/main-bg.png) repeat;

    background-attachment:fixed;

    color:#5c5c5c;

}

:focus {

    outline:none;

}

input[type="submit"] {

    cursor:pointer;

}

h1, h2, h3, h4, h5, h6 {

    font-family:"champagne & Limousines";

    line-height:27px;

    font-weight:bold;

    color:#333;

}

a {

    text-decoration:none;

    color:#07aed8;

}
a:hover {

    text-decoration:underline;

}

.header .logo {

    margin-top:30px;

    margin-bottom:28px;

}

.header .logo img {

    max-width:100%;

}

.main-container-wrapper {

    background-color:#fff;

    overflow:hidden;

    border-top:6px solid #ffba00;

    moz-box-shadow:0px 1px 2px #aaa;

    -webkit-box-shadow:0px 1px 8px #aaa;

    box-shadow:0px 1px 2px #aaa;

    margin-bottom:40px;

}

.main-container {

    padding:0 30px;

    overflow: hidden;

}

.main-container.home {

    padding-bottom:40px;

    overflow:hidden;

}

/*====Menu Style====*/

.mobieMenu {

    margin:0 auto;

    width:70%;

    margin-left:15%;

    margin-bottom:25px;

    text-align:center;

    padding:4px 0;

    border:1px solid #ddd;

}

#menu {

    position:relative;

    z-index:1000;

}

#menu li {

    float:left;

    background:none;

    margin:0 0px 0 0;

    padding:0;

}

#menu li a {

    position:relative;

    float:left;

    color:#302f2f;

    text-align:center;

    text-decoration:none;

    font-size:14px;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    margin:0;

    padding:9px 7px 8px 7px;

    text-shadow: 0 1px 0 #ddd;

}

#menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {

    border-top:1px solid #ffba00;

    background:url(images/menu-tip.png) top center no-repeat;

    padding:8px 7px 8px 7px;

    color:#ffba00;

    text-shadow: 0 1px 0 #f2cf72;

    margin:0;

}

#menu li li a, #menu li li a.selected, #menu li li a:hover {

    border:none;

    border-radius:0;

    -moz-border-radius:0;

    -khtml-border-radius:0;

    -webkit-border-radius:0;

}

#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;

    padding:8px 7px 7px 7px;

}

#menu li.current_page_item a:hover {

    padding:8px 7px 8px 7px;

}

#menu .ddsmoothmenu {

    list-style:none;

    float:left;

    position:relative;

    z-index:10000;

    border-top:1px solid #e2e2e2;

    border-bottom:1px solid #e2e2e2;

    width:100%;

    margin:20px 0 0;

    padding:0;

    margin-top:0;

    margin-bottom:30px;

}

#menu .ddsmoothmenu li ul {

    list-style:none;

    position:absolute;

    left:0;

    display:none;

    visibility:hidden;

    margin-top:-0px;

    border-top:4px solid #ffba00;

}

#menu .ddsmoothmenu li li a:hover {

    border-radius:0 5px 0 0;

    -moz-border-radius:0 5px 0 0;

    -khtml-border-radius:0 5px 0 0;

    -webkit-border-top-right-radius:5px;

}

#menu .ddsmoothmenu li > ul li > ul {

    margin-top:1px;

}

/*Top level list items*/

#menu .ddsmoothmenu li {

    position:relative;

    display:inline;

    float:left;

}

/* ---- menu ---- */

#menu .ddsmoothmenu li li {

    font:12px Arial, Helvetica, sans-serif !important;

    text-transform:capitalize;

    border-left:1px solid #ddd;

    border-right:1px solid #ddd;

    background:#f2f2f2;

    margin:0;

    padding:0;

}

#menu .ddsmoothmenu li li:last-child {

}

#menu .ddsmoothmenu li li:first-child a {

    border-radius:0;

    border-top:none;

}

#menu .ddsmoothmenu li li a {

    width:140px;

    height:auto;

    float:none;

    display:block;

    text-align:left;

    text-shadow:none;

    text-decoration:none;

    background:none;

    position:relative;

    text-transform:none;

    font-size:12px;

    border-top:1px solid rgba(0, 0, 255, 0.1);

    margin:0;

    padding:10px 18px;

    text-shadow: 0 1px 0 #fff;

}

#menu .ddsmoothmenu li li a:after {

    width:100%;

    content:'';

    position:absolute;

    left:0;

    top:0;

    border-top:1px solid rgba(255, 255, 255, 0.1);

}

#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;

    border-bottom:1px solid rgba(0, 0, 255, 0.1);

}

* 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:#000;

    border-radius:5px;

    -moz-border-radius:5px;

    -khtml-border-radius:5px;

}

/*1st sub level menu*/

#menu li li li:first-child {

    border-radius:0 5px 0 0;

    -moz-border-radius:0 5px 0 0;

    -khtml-border-radius:0 5px 0 0;

    border-top:1px solid #b39759;

}

#menu li li:last-child {

    border-radius:0 0 5px 5px;

    -moz-border-radius:0 0 5px 5px;

    -khtml-border-radius:0 0 5px 5px;

    -webkit-border-bottom-left-radius:5px;

    -webkit-border-bottom-right-radius:5px;

}

#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:-2px;

}

* html .ddsmoothmenu {

    height:1%;

}

.downarrowclass {

    display:block;

    position:absolute;

    width:9px;

    height:5px;

    overflow:hidden;

    top:22px;

    right:-5px;

    background:url(images/downarrow.png) no-repeat;

}

.rightarrowclass {

    display:block;

    width:6px;

    height:6px;

    position:absolute;

    margin-top:-3px;

    top:50%;

    right:10px;

    background:url(images/right.png) 0 0 no-repeat;

}

/* ######### CSS for shadow added to sub menus ######### */

.ddshadow {

    width:0;

    height:0;

    position:absolute;

    left:0;

    top:0;

    display:none;

}

.home_content_wrapper {

    padding-bottom:30px;

}

.index_feature {

    margin:40px 0 35px 0;

    overflow:hidden;

}

.index_feature .side_widgits_wrapper .side_widgits {

    margin-left:35px;

}

.index_info {

    margin:20px 0 28px 0;

    overflow:hidden;

}

.recent_info_wrapper .recent_info {

    margin-right:25px;

}

/*Flexslider*/

.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 {

    margin: 0;

    padding: 0;

    margin-bottom:55px;

    margin-top:12px;

}

.flexslider .slides{

}

.flexslider .slides > li {

    display: none;

    margin-left:0;

    -webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

    width: 100%;

    

    float:left;

    padding-right:0%;

}

.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 .sliders{

    margin-right:0 ;

    margin-left:0;

}

/* FlexSlider Default Theme

*********************************/

.flexslider {

    background: #fff;

    position: relative;

    zoom: 1;

}

.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;

}

.flex-caption {

    width: 96%;

    position: relative;

    padding: 0%;

    margin: 0;

    background: #f6e9c4;

    color: #444;

    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);*/

    font-size: 14px;

    line-height: 18px;

    padding-left:8%;

    padding-right:4%;

    margin-bottom:0;

}

.flexslider .slides span {

	font-size:14px;

	font-weight:bold;

	color:#bf9311;

	text-shadow: 0 1px 1px #fff;

	position:absolute;

	bottom:10px;

	right:20px;

	text-transform:uppercase;

}

.flex-caption h1{

    padding-top:30px;

    color:#333;

}

.flex-caption p{

    line-height:22px;

    margin-bottom:0;

}

.flex-caption .slider-readmore{

    color:#ffba00;

    font-weight:bold;

    float:right;

    margin-right:15px;

    margin-top:12px;

    margin-bottom:15px;

    font-size:20px;

    text-shadow:0 1px 1px #fff;

}

/* Direction Nav */

.flex-direction-nav {

    height: 0;

}

.flex-direction-nav li a {

    width: 52px;

    height: 52px;

    margin: -13px 0 0;

    display: block;

    background: url(theme/bg_direction_nav.png) no-repeat;

    position: absolute;

    top: 50%;

    cursor: pointer;

    text-indent: -999em;

}

.flex-direction-nav li .next {

    background-position: -52px 0;

    right: -21px;

}

.flex-direction-nav li .prev {

    left: -20px;

}

.flex-direction-nav li .disabled {

    opacity: .3;

    filter:alpha(opacity=30);

    cursor: default;

}

/* Control Nav */

.flex-control-nav {

    position: absolute;

    bottom: 0px;

    left:30px;

    text-align:center;

}

.flex-control-nav li {

    margin: 0 0 0 8px;

    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: 13px;

	height: 13px;

    display:block;

    cursor: pointer;

    text-indent: -999em;

}

.flex-control-nav li a:hover {

    background: url('images/pagination.png') no-repeat 0 -14px;

}

.flex-control-nav li a.active {

    background: url('images/pagination.png') no-repeat 0 -14px;

    cursor: default;

}

.index-content h1, .index-content h2, .index-content h3, .index-content h4, .index-content h5, .index-content h6 {

    font-weight:bold;

    line-height:27px;

    text-shadow:0 .4px .5px #cbcbcb;

}

.index-content p {

    text-align:justify;

    text-shadow: 0 .2px 0 #b2b2b2;

}

.index-content img {

    float:right;

    border:1px solid #e1e1e1;

    padding:3px;

    border-radius:4px;

    margin-left:18px;

    margin-bottom:15px;

}

.footer-wrapper {

    background:#fff url(images/footer-topline.png) top repeat-x;

    overflow:hidden;

    padding-top:2px;

    font-size:13px;

    color:#727171;

}

.footer-wrapper .footer-top {

    padding:25px 30px;

    padding-bottom:0;

    background:url(images/footer-bg.png) repeat;

    border-bottom:1px solid #d4d4d4;

}

.footer-wrapper .footer {

    overflow:hidden;

}

.footer-wrapper .footer-top .footer_widget {

    padding-bottom:25px;

}

.footer-wrapper .footer-top .footer ul {

    list-style:none;

}

.footer-wrapper .footer-top .footer ul li {

    margin-left:0;

}

.footer-wrapper .footer-top .footer ul li a:hover{

    color:#ffba00;

}

.footer-wrapper .footer h4 {

    font-weight:bold;

    color:#2e2d2d;

    text-shadow:0 1px 1px #fff;

}

.footer-wrapper .footer a{

    color:#313131;

}

.footer-wrapper .footer a:hover{

    color:#ffba00;

}

.footer-wrapper .bottom-footer {

    border-top:1px solid #fff;

    background-color:#e7e7e7;

}

.footer-wrapper .bottom-footer p {

    margin-bottom:0;

    margin-left:30px;

    padding:12px 0;

}

/*-----------Search bar-----------------*/

.searchform {

    background:url(images/search-bg.png) no-repeat;

    width:200px;

    height:27px;

    border:none;

    position:relative;

    margin-top:9px;

    margin-bottom: 25px;

}

.searchform input[type="text"] {

    width:123px;

    height:27px;

    background:transparent;

    border:none;

    padding:0px 10px 0px 10px;

    color:#999;

}

.searchform input[type="submit"] {

    position:absolute;

    right:0px;

    top:0px;

    background:url(images/search.png) no-repeat;

    width:60px;

    height:27px;

    border:none;

    cursor:pointer;

}

/*-----------social links-----------------*/

.social-links {

	margin-bottom:20px;

	padding-top:5px;

}

.bottom-footer ul.Social-links li a:hover {

	transform:rotate(20deg);

	-ms-transform:rotate(20deg); /* IE 9 */

	-moz-transform:rotate(20deg); /* Firefox */

	-webkit-transform:rotate(20deg); /* Safari and Chrome */

	-o-transform:rotate(20deg); /* Opera */

}

ul.Social-links li {

	display:inline;

	margin:0;

}

ul.Social-links li a {

	margin:0 8px 0 0;

}

ul.Social-links li a:hover {

	transform:rotate(20deg);

	-ms-transform:rotate(20deg); /* IE 9 */

	-moz-transform:rotate(20deg); /* Firefox */

	-webkit-transform:rotate(20deg); /* Safari and Chrome */

	-o-transform:rotate(20deg); /* Opera */

}

ul.social_logos {

    list-style-type:none;

    float:none;

    margin-bottom:25px;

}

.social_logos li {

    display:inline;

    margin-left:0;

    margin-right:15px;

    float: left;

}

.social_logos li a span {

    display: block;

    width: 20px;

    height: 20px;

    position: relative;

    z-index: 10;

    -webkit-transition: -webkit-transform 0.4s ease-out;

    -moz-transition: -moz-transform 0.4s ease-out;

    transition: transform 0.4s ease-out;

}

.social_logos li a:hover span {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

}

.social_logos li.sl-1 a {

    background: url(images/fb.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-1 a span {

    background: url(images/fb.png) no-repeat;

}

.social_logos li.sl-2 a {

    background: url(images/tw.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-2 a span {

    background: url(images/tw.png) no-repeat;

}

.social_logos li.sl-3 a {

    background: url(images/rss.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-3 a span {

    background: url(images/rss.png) no-repeat;

}

.social_logos li.sl-4 a {

    background: url(images/gp.png) no-repeat;

    width: 20px;

    height: 20px;;

}

.social_logos li.sl-4 a span {

    background: url(images/gp.png) no-repeat;

}

.social_logos li.sl-5 a {

    background: url(images/lk.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-5 a span {

    background: url(images/lk.png) no-repeat;

}

.social_logos li.sl-6 a{

    background: url(images/pn.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-6 a span{

    background: url(images/pn.png) no-repeat;

}

.social_logos li.sl-7 a{

    background: url(images/yt.png) no-repeat;

    width: 20px;

    height: 20px;

}

.social_logos li.sl-7 a span{

    background: url(images/yt.png) no-repeat;

}

/*--------------------------Content bar---------------------------*/

.page-content {

    padding-bottom:50px;

    overflow:hidden;

}

.content-bar img {

    max-width:600px;

    height:auto;

}

.content-bar ul li a:hover {

    color:#ffba00;

}

.content-bar .post {

    overflow:hidden;

    margin-bottom:28px;

    padding-bottom:25px;

    border-bottom: 1px solid #eeeeee;

}

.content-bar .post .post_data{

    overflow: hidden;

}

.content-bar .post:last-child{

    border-bottom: none;

}

.content-bar .post.single {

    border-bottom:1px solid #eaeaea;

}

.content-bar .post:last-child {

    margin-bottom:0;

}

.content-bar .post .post_title {

    margin-bottom:13px;

}

.content-bar .post .post_title a {

    color:#333333;

    font-size:25px;

    line-height:27px;

    font-weight:bold;

}

.content-bar .post .post_meta,

.content-bar .page .post_meta{

    list-style-type:none;

    color:#6c6767;

    font-size:13px;

    margin-bottom:16px;

    margin-left:3px;

}

.content-bar .post .post_meta .post_date,

.content-bar .page .post_meta .post_date{

    background:url('images/date.png') no-repeat 0 3px; 

}

.content-bar .post .post_meta .post_category,

.content-bar .page .post_meta .post_category{

    background:url('images/category.png') no-repeat 0 3px; 

}

.content-bar .post .post_meta .posted_by,

.content-bar .page.post_meta .posted_by{

    background:url('images/admin.png') no-repeat 0 3px; 

}

.content-bar .post .post_meta li,

.content-bar .page .post_meta li{

    display:inline;

    margin:0 9px 0 0;

    padding-left: 20px;

    color:#7e7e7e;

}

.content-bar .post .post_meta a,

.content-bar .page .post_meta a{

    color:#7e7e7e;

}

.content-bar .post .post_meta a:hover,

.content-bar .page .post_meta a:hover{

    color:#d67a02;

}

.content-bar .post .post_meta li.postc_comment,

.content-bar .page .post_meta li.postc_comment{

    float:right;

    margin-right:0;

}

.content-bar .post img {

    margin-bottom:20px;

}

.content-bar .post .postimg {

    width:185px;

    height:165px;

    border:1px solid #d7d4d4;

    padding:5px;

    margin-right:15px;

    float:left;

    background-color:#fff;

    margin-bottom:0;

}

.content-bar .post .tag{

    margin-bottom: 20px;

}

.content-bar .post p {

    text-align:justify;

    color:#585555;

    margin-bottom:10px;

}

.content-bar .post .read_more {

    color:#d67a02;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 12px;

}

/*--------------------------Content bar---------------------------*/

.contact-page h1 {

    color:#333333;

    margin-bottom:40px;

    margin-top:10px;

}

#contactForm .error {

    color:red;

    margin-bottom: 10px;

}

#contactForm .label{

    margin-bottom: 5px;

}

#contactForm input[type="text"]{

margin-bottom: 15px;

}

#contactForm input[type="text"], #contactForm textarea {

    width:444px;

    background-color:#f0f0f0;

    border:none;

}

#contactForm input[type="text"] {

    height:36px;

    padding-left: 5px;

}

#contactForm label {

    display: block;

    clear:both;

    font-size:14px;

    margin-bottom:0px;

}

#contactForm input[type="submit"] {

    clear:both;

    width:110px;

    height:33px;

    background:#d67a02;

    border:0;

    cursor:pointer;

    color:#fff;

    padding-bottom:2px;

    margin-top:35px;

    font-weight:bold;

    letter-spacing:2px;

    text-shadow:0 1px 0 #555;

    border-radius:5px;

    -webkit-transition:all 1s linear;

    -moz-transition:all 1s linear;

    -o-transition:all 1s linear;

}

#contactForm input[type="submit"]:hover {

    background-color:#f0f0f0;

    color:#6f6f6f;

    text-shadow:none;

    border:1px solide #000;

}

#contactForm textarea {

    height:200px;

    width: 443px;

}

.contact-page {

    padding-left:6px;

    overflow: hidden;

    margin-bottom: 30px;

}

.contact-page p {

    color:#4f4e4e;

    margin-bottom:50px;

}

.content_bg .sidebar .contact-info span {

    color:#576f21;

}

.content_bg .sidebar .contact-info p {

    margin:10px 0;

}

/*-----------side bar-----------------*/

.sidebar {

    margin-left:42px;

}

.sidebar h4 {

    border-bottom:1px solid #eee;

    border-top:1px solid #eee;

    padding:3px 0 6px 0;

    text-transform:uppercase;

}

.sidebar ul {

    list-style:none;

    margin-bottom:30px;

}

.sidebar ul li {

    margin-left:0;

    line-height:20px;

    margin-bottom:8px;

}

.sidebar ul li a {

    color:#5c5c5c;

    text-shadow:0 0.5px 0 #ddd;

}

.sidebar ul li a:hover {

    color:#d67a02;

    text-shadow:0 0.5px 0 #f3d481;

}

.sidebar ul ul.children{

    margin-bottom: 10px;

    margin-top: 10px;

}

/*-----------------------------------------------------*/

/* Commentlist Style*/

/*-----------------------------------------------------*/

#commentsbox {

    margin:0;

}

ol.commentlist {

    clear:both;

    list-style:none;

    margin:0;

    overflow:hidden;

}

ol.commentlist li.comment {

    line-height:18px;

    margin:5px 0 15px;

    padding:10px;

    margin-right:0;

    overflow:hidden;

    padding-right:0;

}

ol.commentlist li.comment .comment-body {

    position:relative;

    padding-top:10px;

    padding-left:15px;

    padding-right:15px;

    border-bottom:4px solid #eaeaea;

    background-color:#fafafa;

    margin-bottom:30px;

    margin-left:75px;

}

ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {

    color:#000;

    font-weight:700;

    text-decoration:none !important;

}

cite.fn {

    color:#141413;

    font-style:normal;

}

ol.commentlist li.comment .comment-author .avatar {

    float:left;

    margin-right:10px;

    margin-bottom:10px;

    position:absolute;

    left:-85px;

    top:0px;

    width:45px;

    height:45px;

    border:1px solid #D5D5D5;

    background-color:#fff;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px;

    padding:5px;

}

ol.commentlist li.comment .comment-meta a {

    color:#5d5d5c;

    text-decoration:none !important;

}

ol.commentlist li.comment p {

    line-height:22px;

    margin-top:5px;

    color:#6b6d6b;

    margin-bottom:40px;

}

ol.commentlist li.comment ul.children li.depth-2 {

    margin:0 0 0px 50px;

}

ol.commentlist li.comment ul.children li.depth-3 {

    margin:0 0 0px 50px;

}

ol.commentlist li.comment ul.children li.depth-4 {

    margin:0 0 0px 50px;

}

ol.commentlist li.comment ul.children li.depth-5 {

    margin:0 0 0px 50px;

}

.comment-meta.commentmetadata {

    margin-top:10px;

}

ol.commentlist li.comment .reply {

    position:absolute;

    left:20px;

    bottom:-46px;

    width:88px;

    height:58px;

    margin-top:15px;

    margin-bottom:20px;

    cursor:pointer;

}

ol.commentlist li.comment .reply a {

    cursor:pointer;

    color:6c6c6c;

}

ol.commentlist li.comment ul.children {

    list-style:none;

    text-indent:0;

    margin:1em 0 0;

}

.comment-nav {

    height:20px;

    padding:5px;

}

.comment-nav a:link, .comment-nav a:visited {

    color:#f96e02;

}

#respond {

    padding:0px 0px;

    margin:10px 0px;

}

#respond h3 {

    font-size:22px;

    color:#000;

    font-weight:bold;

    padding:10px 10px;

}

#commentform {

    margin-bottom:50px;

}

#commentform p {

    color:#444;

}

#commentform a {

    color:#0454A8;

    margin-top:15px;

    margin-bottom:0;

}

#respond label {

    display:block;

    margin-right:15px;

    margin-bottom:5px;

    color:#9b9494;

}

#respond .required {

}

#respond label small {

    font-size:10px;

}

#respond input {

    border:none;

    color:#989898;

    background:#000;

    font-size:13px;

    padding:8px 10px;

    margin-bottom:20px;

}

#respond .required {

    display:none;

}

/* Commentform Style

-------------------------------------------------------*/

#commentform input[type="text"] {

    width:80%;

    background:#faf9fa url(images/text-areastrip.png) top repeat-x;

    height:20px;

    border:none;

    padding:5px 0;

    border:1px solid #d9dada;

}

#commentform input[type="text"]:focus, textarea#comment:focus {

    background:#fff;

    border:1px solid #FFCC66;

}

input#commentSubmit {

    border:none;

    color:#fff;

    margin-top:25px;

    background:#000;

    width:115px;

    height:35px;

    text-align:center;

    font-size:16px;

    padding:5px 0;

    border-radius:3px;

}

input#commentSubmit:hover {

    opacity:0.5;

}

textarea#comment {

    border:1px solid #d9dada;

    width:97%;

    background:#faf9fa url(images/text-areastrip.png) top repeat-x;

    height:235px;

    padding:5px 5px;

    color:#555;

    clear:both;

}

#nav-single {

    overflow:hidden;

    margin-bottom:20px;

}

.nav-previous {

    float: left;

    width: 50%;

}

.nav-next {

    float: right;

    text-align: right;

    width: 50%;

}

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;

}

.sticky {

}

.gallery-caption {

    color: #666;

    font-family: Georgia, serif;

    font-size: 12px;

}

.bypostauthor {

}

.alignnone {

    margin: 5px 20px 20px 0;

}

.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:5px 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:10px 4px 5px;

}

#wp-calendar caption {

    text-align: center;

    background:  #999999;

    border: 1px solid #999999;

    color: #fff;

    font-weight: bold;

    padding: 3px 0;

}

#wp-calendar a {

    font-weight: bold;

    color: #999999;

}

#wp-calendar tfoot td {

    background: #f4f4f4;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}

.footer #calendar_wrap {

    display: block;

    margin-bottom: 30px;

    background:  #000000;

    width: 176px;

}

/*-----------fullwidth and gallery page--------------*/

.fullwidth {

    padding-bottom:35px;

}

.fullwidth h1.page-title {

    margin-bottom:30px;

}

.gallery h1.page-title {

    margin-bottom:22px;

    margin-top:10px;

}

.gallery .thumbnail {

    list-style-type:none;

    overflow:hidden;

    margin:0 auto;

    margin-left:-34px;

    padding:0px;

    width:966px;

    padding-top:20px;

}

.gallery .thumbnail li {

    margin:0px;

    float:left;

    background:none;

    padding-bottom:18px;

    margin-bottom:25px;

    margin-left:35px;

}

.gallery .thumbnail li img {

    height:180px;

    width:260px;

    border:10px solid #f2f2f2;

    border-radius:4px;

    -webkit-transition:all 1.5s linear;

    -moz-transition:all 1.5s linear;

    -o-transition:all 1.5s linear;

    moz-box-shadow:0px 1px 2px #ccc;

    -webkit-box-shadow:0px 1px 8px #ccc;

    box-shadow:0px 1px 2px #ccc;

}

.gallery .thumbnail li img:hover {

    border:10px solid #ffba00;

}

.gallery ul.thumbnail li a {

    color:#818080;

    font-size:11px;

}

.portfolio .portfolio-thumbnail {

    list-style-type:none;

    overflow:hidden;

    margin:0 auto;

    margin-left:-47px;

    padding:0px;

    width:966px;

    padding-top:20px;

}

.portfolio .portfolio-thumbnail .portfolio-item {

    margin:0px;

    width:260px;

    float:left;

    background:none;

    padding-bottom:18px;

    margin-bottom:20px;

    margin-left:48px;

}

.portfolio .portfolio-thumbnail .portfolio-item img {

    height:180px;

    width:270px;

    margin-bottom:20px;

}

.portfolio .portfolio-thumbnail .portfolio-item h4 {

    margin-bottom:11px;

}

.portfolio .portfolio-thumbnail .portfolio-item p {

    margin-bottom:0px;

}

/*--------------------------------------------------------------------*/

/* Auto Flexible Layout */

/*--------------------------------------------------------------------*/

@media only screen and (min-width: 767px) {    

     .flexslider .slides img {

        width: 100%;

        height:332px;

    }

    .flex-caption {

        width: 96%;

        height:332px;

    }

    

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:650px;

        padding-top:20px;

    }

    .portfolio .portfolio-thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:650px;

        padding-top:20px;

    }

    h1.page-title {

        text-align:center;

    }

}

@media only screen and (max-width: 767px) {

    .flexslider .slides img {

        width: 100%;

    }

    .flex-caption {

        width: 88%;

        height:auto;

        padding-bottom:25px;

        margin-right:30px;

    }

    .flexslider .sliders{

        margin-right:100px !important;

    }

    .pagination {

        width:150px;

        position:absolute;

        left:85px;

        bottom:60px;

        z-index:1000;

    }

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:600px;

        padding-top:20px;

    }

    .portfolio .portfolio-thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:600px;

        padding-top:20px;

    }    

    h1.page-title {

        text-align:center;

    }

}

@media only screen and (max-width: 480px) {

    .content-bar .post .postimg{

        float:none;

        margin-bottom:10px;

    } 

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .logo {

        margin: 5px auto 5px auto;

        text-align:center;

        margin-bottom:20px;

    }

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:320px;

        padding-top:20px;

    }

    .portfolio .portfolio-thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:320px;

        padding-top:20px;

    }

    .sidebar {

        margin-left:0px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 480px) {

    .logo {

        margin: 5px auto 5px auto;

        text-align:center;

        margin-bottom:20px;

    }        

    .index-content img {

        margin-left:0px;

        margin-right:0;

        margin-bottom:20px;

        float:none;

    }

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:330px;

        padding-top:20px;

    }

    .portfolio .portfolio-thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:330px;

        padding-top:20px;

    }

    .sidebar {

        margin-left:0px;

    }

}

@media only screen and (max-width: 300px) {

    .logo {

        margin: 5px auto 5px auto;

        text-align:center;

        margin-bottom:20px;

    }    

    .index-content img {

        margin-left:0;

        margin-right:0;

    }

    .flexslider .slides img {

        width: 100%;

        height:100px !important;

    }

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:300px;

        padding-top:20px;

    }

    .gallery .thumbnail {

        list-style-type:none;

        overflow:hidden;

        margin:0 auto;

        padding:0px;

        width:300px;

        padding-top:20px;

    }

    .sidebar {

        margin-left:0px;

    }

}
/* Get response form */

#optin {
	background: #6c6c6c url(images/gloss.png) no-repeat bottom center;
	border-bottom: 3px solid #6c6c6c;
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#optin h3 {color:#ffffff;}
#optin p { margin: 8px 0 0 }
#optin input {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #5a5a5a;
		-moz-box-shadow: 0 2px 2px #5a5a5a;
		-webkit-box-shadow: 0 2px 2px #5a5a5a
	}
#optin input[type="text"] {
			border: 1px solid #585858;
			font-size: 15px;
			padding: 8px 10px;
			width: 90%
		}
#optin input.email { background: #fff url(images/email.png) no-repeat center right }
#optin input.name { background: #fff url(images/name.png) no-repeat center right }
#optin input[type="submit"] {
			background: #f6640e url(images/orange.png) repeat-x top;
			border: 1px solid #a44913;
			color: #fff;
			cursor: pointer;
			font-size: 14px;
			font-weight: bold;
			padding: 3px 5px;
			text-shadow: -1px -1px #562806;
			text-transform: uppercase
		}
#optin input[type="submit"]:hover { color: #ffdeb3 }