/*
Theme Name: pinable
Theme URI: http://www.theme-junkie.com/
Author: dobohaku
Author URI: http://www.theme-junkie.com/
Description: dobohaku
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


*/
/*

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! :)

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

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Navigation Menu
-2.2 Header
-2.3 Content
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments

6. Page Templates
-6.1 Contact Form
-6.2 Archives & Sitemap

7. MISC

8. WP DEFAULT
--------------------------------------------------------------------------------- */
/* =0. Reset
--------------------------------------------------------------------------------- */
@import url("css/reset.css");
/* =1. Setup
--------------------------------------------------------------------------------- */
/* 1.1 Defaults */


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 
html {
	overflow: scroll;
}
body {
	background: #e9e9e9;

	     font-family: 'Noto Sans Japanese', sans-serif;

     font-size: 100%;

	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
	color: #333333;
}


body.custom-background {
    background: linear-gradient(0deg, #D6A4A4 0%, #cfcfcf 51%);
}


/* Headings  */
h1, h2, h3{
     font-weight:600;
}
h4, h5, h6{
     font-weight:230;
}
p {
     font-weight:210;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 18px;
}
h5,h6 {
	font-size: 12px;
}
p {
	font-size: 15px;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* Input Form & TextArea */
input[type="text"], 
textarea {
	border: 1px solid #e3e3e3;
	outline: none;
	margin: 0 0 10px 0;
	padding: 11px 15px 10px 15px;
	background: #ffffff;
	color: #9da0a4;
	font: 14px/14px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus, textarea:focus {
	background: #ffffff;
	border: 1px solid #dddddd;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	color: #232527;
}
textarea {
	width: 100%;
}
label {
	color: #aaa;
	font-size: 12px;
	font-weight: bold;
}
/* 1.2 Hyperlinks */
a,
a:visited,
a:active {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* =2. Site Structure & Containers
--------------------------------------------------------------------------------- */
#wrapper {
	background: #f9f9f9;
	border-radius: 5px;
	margin: 0 auto;
	width: 960px;
}
#main {
	margin: 0 auto;
	width: 90%;
}
.container {
	margin: 0 auto;
	width: 90%;
}

.subtitle_head {margin-bottom: 10px !important;
}

/* 2.1 Navigation Menu */
.nav {
	list-style: none;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	padding: 0;
	z-index: 999;
}
.nav a {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
.nav li {
	float: left;
	width: auto;
	z-index: 999;
}
.nav li a {
	color: #eee;
	padding: 0 18px;
	text-decoration: none;
}
.nav li a.sf-with-ul {
	padding-right: 26px !important;
}
.nav li:hover a, .nav li:hover a:active {
	text-decoration: none;
}
.nav li ul {
	left: -999em;
	position: absolute;
	width: 180px;
	z-index: 999;
}
.nav li ul li a, .nav li ul li a:visited {
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	width: 144px;
}
.nav li ul .sf-with-ul {
	padding: 10px 18px !important;
}
.nav li ul ul {
	margin: -38px 0 0 180px;
}
.nav li:hover, .nav li.hover {
	position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
	left: auto;
}
.nav .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 9px;
	height: 9px;
	text-indent: -999em;
	top: 1.2em;
	right: 13px;
}
.nav li ul .sf-sub-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	top: 1.2em;
	right: 0.5em;
}
/* PRIMARY NAV */
#primary-nav .nav {
	border-left: 1px solid #2b2b2b;
	border-right: 1px solid #393939;
	float: left;
}
#primary-nav .nav li a,
#primary-nav .nav li a:hover,
#primary-nav .nav li a:visited {
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #2b2b2b;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 60px;
	-webkit-transition-property: background;
	-webkit-transition-duration: 900ms;
	-moz-transition-property: background;
	-moz-transition-duration: 900ms;
}
#primary-nav .nav li.first a, 
#primary-nav .nav li a:hover, 
#primary-nav .nav li a:active,
#primary-nav .nav li.current_page_item a {
	text-decoration: none;
	background: transparent;
	background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgb(201, 193, 230)), to(rgb(230, 230, 230)) );
	background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}
#primary-nav .nav li li a:link,
#primary-nav .nav li li a:visited {
	background: #ffffff !important;
	border-left: 1px solid #dddddd;
	border-right: none;
	color: #888888 !important;
	font-weight: bold;
	line-height: 1 !important;
	text-transform: none;
}
#primary-nav .nav li ul {
	width: 180px;
}
#primary-nav .nav ul ul {
	margin: -38px 0 0 180px;
}
#primary-nav .nav .sf-sub-indicator {
	background: url(images/ico-primary-arrow-down.png) no-repeat;
	margin-top: 10px;
}
#primary-nav .nav li ul .sf-sub-indicator {
	background: url(images/ico-primary-arrow-right.png) no-repeat;
}
/* SECONDARY NAV */
#secondary-nav .nav {
	background: url(images/ico-sep.png) no-repeat left 18px;
	float: left;
}
#secondary-nav .nav li {
	background: url(images/ico-sep.png) no-repeat right 18px;
}
#secondary-nav .nav li a {
	color: #888;
	font-weight: 150;
	line-height: 48px;
}
#secondary-nav .nav li a,
#secondary-nav .nav li.sfHover a,
#secondary-nav .nav li.current-cat a {
	
}
#secondary-nav .nav .sf-sub-indicator {
	background: url(images/ico-arrow-down.png) no-repeat;
	top: 23px;
	right: 12px;
}
#secondary-nav .nav li ul .sf-sub-indicator {
	display: none;
}
.nav li li a:link,
.nav li li a:visited {
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #dfdfdf;
	color: #888888 !important;
	font-size: 11px !important;
	padding: 12px 18px;
	line-height: 1 !important;
	text-transform: none;
	-webkit-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
	box-shadow: 3px 3px 0 0 rgba(135, 135, 135, 0.1);
}
.nav li li a:hover {
	background: #f7f7f7 !important;
}
.nav li ul {
	background: transparent url(images/arrow-up.png) no-repeat center 3px;
	margin-left: -1px;
	padding-top: 13px;
}
.nav li ul ul {
	display: none !important;
}
/* 2.2 Header */
#header {
	background: #ffffff url('images/bg-secondary-nav.png') repeat 0 0;
	/*height: 48px;*/
	line-height: 0;
	margin-bottom: 1px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.33);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.33);
}
#header * {
	line-height: 27px;
}
#header.header_no_home {
/*	height: 48px;*/
}
#top {
	background-color: #7ab1d6;
	height: 60px;
	overflow: hidden;
}
/* Logo */
#text-logo {
	float: left;
}
#site-title {
	color: #333333;
	float: left;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	margin-right: 20px;
	text-transform: uppercase;
}
#site-title a, 
#site-title a:hover {
	color: #3e3c3c;
	text-decoration: none;
}
#site-desc {
	color: #3e3c3c;
	float: left;
	font-size: 14px;
	line-height: 60px;
	margin-right: 20px;
}
#logo {
	float: left;
	margin-right: 10px;
}
/* Search Form */
#top .search-form {
	float: right;
}
.search-form {
	margin-top: 15px;
	position: relative;
}
.search-form input {
	background: #555555;
	border: none;
	font-size: 12px;
	letter-spacing: 1px;
	width: 150px;
	height: 30px;
}
.search-form input:focus {
	background: #ffffff;
	border: none;
}
.search-form button,
.search-form button:hover {
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	padding: 0 10px;
	letter-spacing: 0;
}
/* Search Form */
#top .soc-ial2 {
	float: left;
}
.soc-ial2 {
	margin-top: 20px;
	position: relative;
}
/* Social Icons */
.social-icons {
	color: #999999;
	float: right;
	line-height: 48px;
}
.social-icons a,
.social-icons a:visited {
	color: #9f9f9f;
	font-size: 13px;
	margin-left: 6px;
}
.social-icons a:hover {
	text-decoration: none;
}
/* Header banner */
.header_sp {
	display: none;
}
@media only screen and (max-width: 959px) {
	.header_sp {
		display: block;
	}
}
.header_banner_bg {
	position:relative;
	overflow:hidden;
	background-color: #000000;
	width: 100%;
	height: 483px;
}
.header_banner {
	display:block;
	position:absolute;
	left:50%;
	width: 100%;
	height: 483px;
	margin-left:-50%;
}
.header_banner_sp_bg {
	position:relative;
	overflow:hidden;
	background-color: #3D4070;
	width: 100%;
	height: 483px;
}
.header_banner_sp {
	display:block;
	position:absolute;
	left:50%;
	width: 100%;
	height:483px;
	margin-left:-320px;
}
/* 2.3 Content */
/* isotope */
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.model {
	width: 25%;
	float: left;
	visibility: hidden;
	border: none;
}
.inner {
	margin: 0 10px 20px 10px;
	background-color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
}
.model .entry-thumb {
	
}
.model .entry-thumb:hover {
	cursor: move;
	opacity: 0.9;
}
.model .featured-thumb {
	width: 100%;
	height: auto
}
.model .entry-thumb img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.model .info {
	
}
.model .entry-header {
	margin: 0;
	padding: 15px 15px 0 15px;
}
.model .author-avatar {
	float: left;
	margin-right: 12px;
	padding: 0;
}
.model .entry-title {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
}
.model .entry-title a:link,
.model .entry-title a:visited {
	color: #333333;
}
.model .entry-excerpt {
	border-bottom: 1px solid #e6e6e6;
	color: #666666;
	font-size: 12px;
	padding: 10px 15px 15px 15px;
}
.model .entry-comments li {
	line-height: 1.5;
}
.model .comment li a {
	display: block;
	border-bottom: 1px #e6e6e6 solid;
	padding: 10px 15px 10px 15px;
	overflow: auto;
}
.model .comment li a:hover {
	background: #f3f3f3;
	text-shadow: 0 1px 0 #ffffff;
	text-decoration: none;
}
.model .comment p {
	float: left;
	margin: 0 10px 0 0;
}
.model .comment cite {
	color: #333333;
	font-size: 11px;
	font-weight: bold
}
.model .comment .commententry {
	color: #999999;
	display: table;
	font-size: 11px;
}
.model .comment li a:hover .commententry {
	color: #777777;
}
.model .img-list {
	padding: 10px 15px 0 15px;
	width: 100%;
}
.model .entry-footer {
	padding: 10px 15px;
}
.entry-meta {
	color: #999999;
	font-size: 11px;
	font-family: Georgia, serif;
	font-style: italic;
}
.entry-meta a:link,
.entry-meta a:visited {
	color: #999999;
}
.entry-meta span {
	font-family: Arial, serif;
	font-style: normal;
}
.single .entry-footer {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding: 10px 0;
	text-transform: lowercase;
}
.entry-footer {
	color: #bbbbbb;
	font-size: 12px;
}
.entry-footer a:link,
.entry-footer a:visited {
	color: #aaaaaa;
	font-size: 12px;
}
.entry-footer a:hover {
	color: #777777;
	text-decoration: none;
}
.likeit {
	color: #999;
	cursor: pointer;
	display: block;
	float: left;
}
.likeit span {
	margin-left: 3px;
}
.comment-count {
	float: right;
	margin-left: 10px;
}
.view-count {
	float: right;
}
/* gallery */
.img-list li {
	float: left;
	line-height: 1;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 0;
	width: 18%;
	overflow: hidden;
}
.img-list img {
	width: 100%;
	height: auto;
}
/*aside*/
.model .entry-aside {
	border-bottom: 1px solid #e9e9e9;
	color: #666666;
	padding: 15px 15px 15px 15px;
}
/*link*/
.link-source {
	background-color: #7cc576;
	font-size: 12px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.link-source p {
	color: #ffffff;
	font-family: Georgia, serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal
}
.link-source a:link,
.link-source a:visited {
	color: #ffffff;
}
.post-nav {
	color: #999999;
	font-family: Georgia, serif;
	font-size: 12px;
	margin-top: 40px;
}
.post-nav a:link,
.post-nav a:visited {
	color: #999999;
	width: 50%;
}
.post-nav a:hover {
	color: #666666
}
.next-post-link {
	float: right;
}
.previous-post-link {
	float: left;
}
/* quote */
.entry-quote {
	
}
.entry-quote blockquote {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #ea4848;
	color: #ffffff;
	padding: 15px;
}
.entry-quote a:hover blockquote {
	background: #444444;
}
.entry-quote .quote-author {
	font-size: 11px;
	font-family: Arial, serif;
	line-height: 1;
	margin-top: 12px;
}
.entry-quote .quote-author i {
	float: right;
}
blockquote {
	color: #999999;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
/* video */
.jp-type-single {
	
}
.jp-type-single,
.jp-type-single img {
	background: #ffffff;
	position: relative;
	left: 0;
	top: 0;
	width: 100% !important;
	height: auto !important;
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.video-thumb {
	position: relative;
	zoom: 1;
	position: relative;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.video-thumb embed {
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
}
.jp-video .jp-gui {
	width: 100%;
	position: relative
}
.jp-video-normal .jp-jplayer,.jp-video-normal video {
	width: 100% !important;
	height: auto !important
}
.fluid-width-video-wrapper {
	width: 100%;
}
.jp-interface {
	background-color: #222222;
	background-image: linear-gradient(#3A3B3C, #222222);
	background-repeat: repeat-x;
	border-radius: 0 !important;
	box-shadow: none !important;
	height: 30px;
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
/* audio */
.jp-audio {
	width: 100% !important;
	color: #000 !important;
	padding: 0 !important;
}
/* 2.4 Sidebar */
#sidebar {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	float: right;
	width: 260px;
	padding: 30px;
}
/* 2.5 Footer */
#footer {
	margin: 60px 0 30px;
	color: #000;
	font-size: 11px;
	text-align: center;
}
#footer a, 
#footer a:visited {
	border-bottom: 1px dotted #cccccc;
	color: #000;
}
#footer a:hover {
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}
/* =3. Posts
--------------------------------------------------------------------------------- */
.one-col {
	width: 960px !important;
}
.page-header .page-title {
	color: #0e0e0e;
	font-size: 18px;
	margin-bottom: 40px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
}
.page-title {
	margin-bottom: 20px;
}
.page-title img {
width: 90% !important;
}

#content {
	background: #ffffff;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.1);
	float: left;
	padding: 15px;
	min-height: 1200px;
}
#content .entry-title {
	margin-bottom: 10px;
	line-height: 1.2;
	padding: .25em 0 .25em .35em;
	border-left: 16px solid #a885ad;
	font-weight: 400;
}

#content .entry-meta {
	margin-bottom: 20px;
}
.single .entry-meta {
	font-size: 12px;
}
.single .entry-footer span {
	float: none;
}
.single .entry-footer .right span {
	margin-left: 10px;
}
.single .video-thumb,
.single .audio-thumb,
.single .entry-thumb,
.single .entry-quote,
.single .entry-aside,
.single .link-source {
	margin-bottom: 30px;
}
/* 3.1 Typographic Elements */
.single .hentry {
	
}
#content .img-list {
	margin-bottom: 20px !important;
}
.entry-content {
	margin-bottom: 30px;
}
#content img {
	max-width: 100%;
	height: auto;
}
.entry-content blockquote {
	border-left: 10px solid #f5f5f5;
	margin: 20px;
	padding: 0 30px 0 20px;
	overflow: hidden;
}
.entry-content blockquote p,
.entry-content blockquote blockquote a,
.entry-content blockquote blockquote {
	color: #666666;
	font-size: 14px;
	font-style: italic;
}
.entry-content strong {
	font-weight: bold
}
.entry-content strong em,
.entry-content em strong {
	font-style: italic;
	font-weight: bold;
}
.entry-content li ul {
	margin: 0;
	padding: 0;
}
.entry-content input,
.entry-content textarea {
	font-size: 1em;
	padding: 3px;
}
.entry-content dfn {
	font-weight: bold
}
.entry-content del {
	color: #aaa;
	text-decoration: line-through;
}
.entry-content pre,
.entry-content code,
.entry-content tt {
	background: #f5f5f5;
	color: #666666;
	font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 20px;
	overflow: auto;
	padding: 1em;
}
.entry-content pre,
.entry-content code,
.entry-content tt {
	display: block;
	margin: 1.5em 0;
	white-space: pre;
}
.entry-content ins {
	font-weight: bold;
	text-decoration: underline;
}
.entry-content em {
	font-style: italic;
	font-weight: normal;
}
.entry-content ul {
	list-style: none;
	padding-bottom: 10px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0;
}
.entry-content ul li {
	background: url(images/arrow-right-grey.png) no-repeat 0 11px;
	padding: 5px 0 5px 11px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 5px 0 10px 0;
}
.entry-content hr {
	background: #E6E6E6;
	border: none;
	clear: both;
	color: #E6E6E6;
	height: 1px;
	margin: 15px 0;
	width: 100%;
}
.entry-content ol {
	list-style-type: decimal;
	margin: 0 0 10px 25px;
}
.entry-content ol ol {
	list-style: upper-alpha;
}
.entry-content ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol {
	list-style: lower-alpha;
}
.entry-content ol li {
	font-size: 12px;
	margin: 5px 0;
}
.entry-content p {
	margin: 0 0 10px 0;
}
/* 3.2 Images */
img.centered {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
img.alignnone {
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
}
img.alignright {
	display: inline;
	margin: 0 0 15px 15px;
	padding: 0;
}
img.alignleft {
	display: inline;
	margin: 0 15px 15px 0;
	padding: 0;
}
.aligncenter {
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.wp-caption {
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	padding: 4px 0 5px 0;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.wp-caption img {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
}
/* 3.3 Pagination */
.next_page {
	width: 120px;
	cursor: pointer;
	clear: both;
	margin-top: 800px
}
#next_page {
	display: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border: solid 1px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	bottom: 5%;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
	font-size: 0.9em;
	left: 50%;
	margin-left: -70px;
	padding: 20px;
	position: fixed;
	text-align: center;
	width: 120px;
	z-index: 2000;
}
#infscr-loading {
	color: #999999;
	position: fixed;
	bottom: 100px;
	left: 50%;
	margin-left: -20px;
	z-index: 100;
}
#load-more {
	background: #ffffff;
	border-radius: 3px;
	color: #999999;
	display: none;
	padding: 10px 15px;
	width: 100px;
	margin: 100px auto 0;
	text-align: center;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
}
/* =4. Widgets
--------------------------------------------------------------------------------- */
#sidebar .widget {
	margin-bottom: 30px;
}
#sidebar .widget p {
	margin-bottom: 10px;
}
#sidebar .widget li {
	background: url(images/arrow-right-grey.png) no-repeat 0 11px;
	padding: 5px 0 5px 11px;
}
#sidebar .widget-title {
	font-size: 14px;
	margin-bottom: 5px;
}
/* =5. Comments
--------------------------------------------------------------------------------- */
#comments {
	clear: both;
	position: relative;
}
#comments .commentlist {
	padding: 20px 0;
}
#comments .children {
	list-style-type: none;
	margin-left: 16px;
}
#comments ul.children li {
	background: url(images/ico-mobile-nav.png) no-repeat 0 6px;
	padding-left: 35px;
}
.pings-wrapper {
	position: relative;
}
.pinglist {
	list-style-type: none;
	margin: 0;
	padding: 30px 0;
}
.pinglist li {
	border-bottom: 1px solid #e9eaea;
	padding: 10px;
}
.pinglist li a {
	border: 0;
	color: #4d4e52;
	display: block;
	font-weight: normal;
}
.pinglist li a:hover {
	background: none !important;
	color: #202222;
}
#reply-title,
.comments-title,
.pings-title {
	font-size: 22px;
	font-weight: 200;
	margin: 0 0 20px 0;
}
.commentlist #commentform {
	margin-bottom: 60px;
}
.commentlist .comment .avatar {
	float: left;
	margin: 0 15px 0 0;
}
.comment-meta {
	color: #9da0a4;
	font-family: Georgia, serif;
	font-size: 12px;
	margin-bottom: 15px;
}
.comment-meta a:link,
.comment-meta a:visited {
	border: 0;
	color: #9da0a4;
	font-weight: normal !important;
	text-decoration: none !important;
}
.comment-meta a:hover {
	border-bottom: 1px dashed #dddddd;
	color: #333333;
}
.moderation {
	color: #9da0a4;
	padding-left: 51px;
}
.comment-body {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
	padding: 0 0 20px 51px;
}
.comment-body ul {
	list-style-type: disc;
}
.comment-body ol {
	list-style-type: decimal;
}
.comment-author cite {
	color: #202222;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	display: none;
}
.nocomments {
	padding: 20px;
	text-align: center;
}
#commentform .comment-form-comment {
	margin-bottom: 10px;
}
#commentform .form-submit input {
	cursor: pointer;
	float: none;
	font-size: 12px;
	margin: 0;
	padding: 10px 12px;
	width: auto;
}
#commentform .required {
	color: red;
}
#commentform textarea {
	width: 99%;
	margin: 0 0 5px 0;
}
#commentform input {
	float: left;
	margin-right: 15px;
	width: auto;
}
#commentform p {
	clear: both;
	line-height: 40px;
	margin-bottom: 15px;
}
/* =6. Page Templates
--------------------------------------------------------------------------------- */
/* 6.1 Contact Form */
#contact-form {
	display: block;
	width: 100%;
}
#contact-form input[type="text"] {
	padding: 13px 15px 12px 15px;
	width: 50%;
}
#contact-form textarea {
	width: 95%;
}
#contact-form #submit {
	margin: 15px 0 0 0;
	padding: 8px 15px;
}
.contact-form label {
	display: block;
	line-height: 30px;
}
/* 6.2 Archives & Sitemap */
/* =7. MISC
--------------------------------------------------------------------------------- */
button,
.btn,
#submit {
	border: none;
	border-radius: 2px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
}
button:hover,
.btn:hover,
#submit:hover {
	cursor: pointer;
}
.menu-button {
	color: #ffffff;
	float: left;
	font-size: 48px;
	cursor: pointer;
	margin: 5px 1px 5px 0;
	display: none;
}
.header-ad,
.footer-ad {
	width: 728px;
	height: 90px;
	margin: 0 auto 40px auto;
	text-align: center;
}
.footer-ad {
	margin-top: 100px;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('includes/css/fancybox_sprite.png') !important;
}

/* =8. WP DEFAULT
--------------------------------------------------------------------------------- */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; }
.sticky,
.bypostauthor { background: inherit; color: inherit; }

/* Images */
.wp-caption {
  margin-bottom: 24px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-bottom: 5px;
}

.wp-caption-text {
  font-style: italic;
  color: #999;
}

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/**
 * Gallery
 * Taken from Twenty Fifteem theme.
 */
.gallery {
  margin-bottom: 1.6em;
}

.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* Related link (more, blueprint) */
.link-more,
.link-blueprint {
  margin-bottom: 10px;
  display:block;
}
.link-more {
  background:url(images/linkMore.png);
  width: 120px;
  height: 40px;
}
.link-blueprint {
  background: url(images/linkBlueprint.png);
  width: 120px;
  height: 40px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube-container {
  position: relative;
  width: 70%;

  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 70%;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 94%;
  height: 81%;
}
.wp-embedded-content {
 max-width: 100%;
}