/* #Basic
================================================== */
hr { border-top: 1px solid #CCC; }
ins { background: #FFFF99; color: #000; }
mark { background: #FFFF00; color: #000; }



/* #Common
================================================== */
strong, b {
	color: #111;
}

blockquote {
	border-left: 4px solid #E5E5E5;
}

.wp-caption .wp-caption-text {
	height: 21px;
	line-height: 21px;
	background: #1A1A1A;
	padding: 0 10px;
	color: #FFF;
}

table { 
	border: 1px solid #E5E5E5;
}

th, thead td { 
	background: #F2F2F2;
	color: #333;
}

th, td {
	border-right: 1px solid #E5E5E5;
}

td { 
	border-top: 1px solid #E5E5E5;
}



/* #Images Effect
================================================== */
.preloader {
	background-image: url(../images/loader.gif);
}

.featured-image .overlay {
	background-color: #000000;
}

.portfolio-column-lists .post-lists li .featured-image .overlay,
.post-slide-list li .featured-image .overlay {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

.portfolio-classic-lists .post-lists-classic li .featured-image .overlay {
	border-radius: 3px; 
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;
}

.gallery-image-hover span.overlay {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/overlay.png);
}






/* #Header
================================================== */


/*logo*/
.site-logo p, .site-name p { color: #999; }


/*menu*/
#top-menu ul li a .downarrowclass {
	background-image: url(../images/menu-dropdown.png);
} 

#top-menu ul li a:hover .downarrowclass,
#top-menu ul li a.selected .downarrowclass {
	background-image: url(../images/menu-dropdown-hover.png);
} 



/*social icons*/
.social-icons a:hover { color: #FFF; }
.social-icons a.twitter:hover { background-color: #3AC1EE; }
.social-icons a.facebook:hover { background-color: #4A6D9D; }
.social-icons a.google:hover { background-color: #CB3E21; }
.social-icons a.linkedin:hover { background-color: #097BB5; }
.social-icons a.flickr:hover { background-color: #EF5A99; }
.social-icons a.dribbble:hover { background-color: #EF5A92; }
.social-icons a.pinterest:hover { background-color: #CB2027; }
.social-icons a.behance:hover { background-color: #0F95FA; }
.social-icons a.instagram:hover { background-color: #492A21; }
.social-icons a.tumblr:hover { background-color: #507FAA; }
.social-icons a.vimeo:hover { background-color: #446183; }
.social-icons a.youtube:hover { background-color: #BF2E28; }
.social-icons a.rss:hover { background-color: #FF9900; }





/* #Portfolio & Post Slide
================================================== */

/*portfolio column*/
.portfolio-column-lists .post-lists li .inner,
.post-slide-list .post-carousel li .border {
	border: 1px solid #DDD;
	background: #FFFFFF;
}

.portfolio-column-lists .post-lists li:hover h3.title a,
.post-slide-list .post-carousel li:hover h3.title a  {
	color: #FFF;
}

.portfolio-column-lists .hover-info,
.post-slide-list .hover-info {
	color: #FFF;
}

.portfolio-column-lists .hover-info .cats,
.post-slide-list .hover-info .cats {
	background-image: url(../images/item-line.png);
}

.portfolio-column-lists .hover-info .cats a:hover,
.post-slide-list .hover-info .cats a:hover {
	color: #FFFFFF;
}


/*portfolio classic*/
.portfolio-classic-lists .post-lists-classic li .overlay {
	background-image: url(../images/overlay.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.portfolio-classic-lists .post-lists-classic li .cats {
	background-image: url(../images/item-line-black.png);
}

.portfolio-classic-lists .post-lists-classic li .cats a:hover {
	text-decoration: underline;
}




/*Post Slide*/
.related-works-list,
.related-works-list .post-carousel {
	background: #F7F7F7;
}

.related-works-list .post-carousel li .border {
	background: #FFF;
}

.post-slide-list .bx-wrapper .bx-next,
.shortcode-clients .bx-wrapper .bx-next {
	background-image: url(../images/post-carousel-nav-next.png);
}

.post-slide-list .bx-wrapper .bx-prev,
.shortcode-clients .bx-wrapper .bx-prev {
	background-image: url(../images/post-carousel-nav-prev.png);
}





/*portfolio single*/
.portfolio-single .entry-meta .meta a:hover {
	text-decoration: underline;
}

.portfolio-single .entry-desc {
	background-image: url(../images/item-line-black.png);
}




/* #Blog
================================================== */

/*common*/
.post-blog .entry-meta,
.post-blog .entry-meta span {
	color: #A7A7A7;
}

.post-blog .entry-meta span a:hover {
	text-decoration: underline;
}






/* #Pagination
================================================== */
.single-post-pagenation li a {
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.single-post-pagenation li.prev-link a {
	background-image: url(../images/post-pagenation-left.png);
}

.single-post-pagenation li.next-link a {
	background-image: url(../images/post-pagenation-right.png);
}

.single-post-pagenation li.all-link a {
	background-image: url(../images/post-pagenation-all.png);
}


/* #Content
================================================== */
.entry-image-wrapper li .caption {
	background-color: #1A1A1A;
	color: #FFF;
}





/* #Comments
================================================== */

/*comment lists*/
.commentlist li .comment-wrap {
	background: url(../images/dotted-line.png) repeat-x 0 100%;
}

.comment-awaiting-moderation {
	background: #E1E1E1;
	color: #999;
}

.commentlist li .post-content p a:hover,
.commentlist li cite a:hover {
	text-decoration: underline;
}


/*comment form*/
.comment-form-file input[type="text"],
.comment-form-content {
	background: #EFEFEF;
	color: #666;
}





/* #Faqs
================================================== */
.faq-lists .faq-item {
	background: url(../images/dotted-line.png) repeat-x 0 100%;
}




/* #Contact 
================================================== */
.contact-page-form .wpcf7-text,
.contact-page-form .wpcf7-textarea {
	background: #EFEFEF;
	color: #666;
	border: none;
}

.contact-page-form .error-message,
.contact-page-form span.wpcf7-not-valid-tip,
.contact-page-form div.wpcf7-validation-errors,
.contact-page-form div.wpcf7-mail-sent-ng,
.contact-page-form div.wpcf7-spam-blocked {
	background-color: #FFE9E9;
	color: #DE5959;
	border: none;
}

.contact-page-form #success-page,
.contact-page-form div.wpcf7-mail-sent-ok {
	background-color: #EBF6E0;
	color: #5F9025;
}



/* #FlexSlider
================================================== */


/* Flex Slider Gallery */
.flexslider-gallery-container .flex-direction-nav .flex-next {
	background-image: url(../images/slider-gallery-direction-next.png);
}

.flexslider-gallery-container .flex-direction-nav .flex-prev {
	background-image: url(../images/slider-gallery-direction-prev.png);
}

.flexslider-gallery-container .flex-direction-nav .flex-next:hover {
	background-image: url(../images/slider-gallery-direction-next-active.png);
}

.flexslider-gallery-container .flex-direction-nav .flex-prev:hover {
	background-image: url(../images/slider-gallery-direction-prev-active.png);
}

.flexslider-gallery-container .flex-caption {
	background-color: #1A1A1A;
	color: #FFF;
}






/* #BxSlider
================================================== */
.bxslider-gallery-wrapper .bx-wrapper .bx-prev {
	background-image: url(../images/slider-gallery-direction-prev.png);
}

.bxslider-gallery-wrapper .bx-wrapper .bx-next {
	background-image: url(../images/slider-gallery-direction-next.png);
}

.bxslider-gallery-wrapper .bx-wrapper .bx-prev:hover {
	background-image: url(../images/slider-gallery-direction-prev-active.png);
}

.bxslider-gallery-wrapper .bx-wrapper .bx-next:hover {
	background-image: url(../images/slider-gallery-direction-next-active.png);
}

.bxslider-gallery-wrapper .bx-wrapper .bx-caption {
	background-color: #1A1A1A;
	color: #FFF;
}




/* #Footer
================================================== */
.site-footer a:hover {
	text-decoration: underline;
}


#toTop { 
	background-image: url(../images/gotop.png);
}




/* #Widget
================================================== */
/*Side*/
.side-widget-area .widget_calendar th,
.side-widget-area .widget_calendar td {
	border: 1px solid #E5E5E5;
}

.side-widget-area .widget-search .text-file { 
	background: #EFEFEF;
	color: #666;
	border: none;
	border-radius: 3px; 
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;
}

.side-widget-area .widget-post li .meta,
.side-widget-area .widget-post li .meta a { 
	color: #AAA;
}

.side-widget-area .widget-post li .meta a:hover { 
	text-decoration: underline;
}

.side-widget-area .widget_categories ul li,
.side-widget-area .widget_pages ul li,
.side-widget-area .widget_nav_menu ul li,
.side-widget-area .widget_archive ul li,
.side-widget-area .widget_links ul li,
.side-widget-area .widget_meta ul li {
	padding: 8px 0;
	background: url(../images/dotted-line.png) repeat-x 0 100%;
}

.side-widget-area .widget_categories ul li a,
.side-widget-area .widget_pages ul li a,
.side-widget-area .widget_nav_menu ul li a,
.side-widget-area .widget_archive ul li a,
.side-widget-area .widget_links ul li a,
.side-widget-area .widget_meta ul li a {
	padding-left: 15px;
	background: url(../images/widget-arrow.png) no-repeat 0 50%;
}






/* #Shortcode
================================================== */

/* Alert Boxes */
.notification.success,
.notification.success strong {
	color: #4D7446;
}

.notification.success {
	background-color: #EDF4EB;
	border: 1px solid #D8E1D6;
}

.notification.default,
.notification.default strong {
	color: #6A6060;
}

.notification.default {
	background-color: #FFF;
	border: 1px solid #DDD;
}

.notification.warning,
.notification.warning strong {
	color: #B84141;
}

.notification.warning {
	background-color: #FFF5F5;
	border: 1px solid #DECDCD;
}

.notification.notice,
.notification.notice strong {
	color: #A96931;
}

.notification.notice {
	background-color: #FFF9F4;
	border: 1px solid #E6DCD3;
}




/* Accordion & Toggle */
.shortcode-accordions-wrap .accordions li,
.shortcode-toggles-wrap .toggles li {
	border: 1px solid #DDD;
}

.shortcode-accordions-wrap .accordion-head-title .icon,
.shortcode-toggles-wrap .toggle-head-title .icon {
	background-image: url(../images/toggle-open.png);
	background-color: #666;
}

.shortcode-accordions-wrap .active .icon,
.shortcode-toggles-wrap .active .icon {
	background-image: url(../images/toggle-close.png);
}

.shortcode-accordions-wrap .accordion-content,
.shortcode-toggles-wrap .toggle-content {
	border-top: 1px solid #DDD;
}




/* Tab & Left Tab*/
.shortcode-tabs-wrap {
	border: 1px solid #DDD;
}

.shortcode-tabs-wrap .tabs {
	background: #F5F5F5;
}

.shortcode-tabs-wrap .tabs li a  {
	border-right: 1px solid #DDD;
}

.shortcode-tabs-wrap .tabs li a.active {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.shortcode-tabs-wrap .tabs li a:hover {
	background: #FFF;
}

.shortcode-tabs-wrap .tabs-content {
	border-top: 1px solid #DDD;
}

.shortcode-left-tabs-wrap .tabs {
	border-right: 1px solid #DDD;
	padding: 50px 0;
	margin-top: 8px;
}

.shortcode-left-tabs-wrap .tabs li {
	margin-right: -1px;
}

.shortcode-left-tabs-wrap .tabs li a {
	border-right: 1px solid #DDD;
	border-top: 1px solid #DDD;
}

.shortcode-left-tabs-wrap .tabs li:last-child a {
	border-bottom: 1px solid #DDD;
}

.shortcode-left-tabs-wrap .tabs li a.active {
	border-right: 1px solid #FFF;
}



/* Pre */
.shortcode-pre .code { 
	border: 1px solid #DDD;
	background: #F5F5F5;
	color:#333;
}



/* Hr */
.shortcode-hr {
	border-top: 1px solid #DDD;
}



/* Button */
.shortcode-btn.btn-coffee,
.shortcode-btn.btn-red:hover {
	background: #3F3535;
	color: #FFF;
}

.shortcode-btn.btn-red,
.shortcode-btn.btn-coffee:hover {
	background: #B21E48;
	color: #FFF;
}

.shortcode-btn.btn-blue,
.shortcode-btn.btn-deep-blue:hover {
	background: #148DE2;
	color: #FFF;
}

.shortcode-btn.btn-deep-blue,
.shortcode-btn.btn-blue:hover {
	background: #0E6CAE;
	color: #FFF;
}

.shortcode-btn.btn-green,
.shortcode-btn.btn-deep-green:hover {
	background: #75A72E;
	color: #FFF;
}

.shortcode-btn.btn-deep-green,
.shortcode-btn.btn-green:hover {
	background: #608B22;
	color: #FFF;
}

.shortcode-btn.btn-orange,
.shortcode-btn.btn-deep-orange:hover {
	background: #E05822;
	color: #FFF;
}

.shortcode-btn.btn-deep-orange,
.shortcode-btn.btn-orange:hover {
	background: #AF4318;
	color: #FFF;
}

.shortcode-btn.btn-black,
.shortcode-btn.btn-deep-black:hover {
	background: #202020;
	color: #FFF;
}

.shortcode-btn.btn-deep-black,
.shortcode-btn.btn-black:hover {
	background: #000;
	color: #FFF;
}






/*Progress Bar*/
.shortcode-progress-bars-wrap .progress-bar-item {
	background: #F5F5F5;
}

.shortcode-progress-bars-wrap .progress-bar-item .skill-percentage {
	background: #DDD;
}





/*Pricing Table*/
.shortcode-price-tables {
	border: 1px solid #DDD;
}

.shortcode-price-tables .pricing-item {
	border-left: 1px solid #DDD;
}

.shortcode-price-tables .desc {
	color: #AFA7A7;
}

.shortcode-price-tables .col-first .pricing-item {
	border-left: none;
}

.shortcode-price-tables .pricing-item li {
	border-bottom: 1px solid #F0F0F0;
}

.shortcode-price-tables .currency {
	background: #E8E8E8;
}

.shortcode-left-price-tables {
	border: none;
}

.shortcode-left-price-tables .pricing-item {
	border: 1px solid #DDD;
	border-left: none;
}

.shortcode-left-price-tables .col-second .pricing-item {
	border-left: 1px solid #DDD;
}

.shortcode-left-price-tables .col-first .pricing-item {
	border: none;
}

.shortcode-left-price-tables .col-first .pricing-item {
	border: none;
}

.shortcode-left-price-tables .col-first .pricing-item ul,
.shortcode-left-price-tables .col-first .pricing-item ol {
	border: 1px solid #DDD;
	border-right: none;
	text-align: right;
}

.shortcode-left-price-tables .col-first .pricing-item ul li:last-child,
.shortcode-left-price-tables .col-first .pricing-item ol li:last-child {
	border: none;
}





/*Testimonial*/
.shortcode-testimonials .position {
	color: #999;
}




/*Icons*/
.shortcode-icon {
	color: #333;
}



/*Dropcap*/
.shortcode-dropcap {
	color: #333;
}




/*Icon Box*/
.shortcode-icon-box-four,
.shortcode-icon-box-five {
	border: 1px solid #DDD;
	background: #FFF;
}