/*
Theme Name: FLB
Theme URI: FLB
Description: FLB
Author: FLB
Author URI: http://freelifebox.com
*/

@import url("includes/styles/reset.css");

body {
	background: #000 fixed;
	font: 14px/1.6em 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#FFF;
	background-size:cover;
	}
#container {margin:0;} 
.clear {clear: both;} 
p{line-height: 2;}
a {color:#FFF;font-weight: normal;}
a:hover {color:#ddd;}
blockquote {padding-left: 20px; margin-bottom: 20px; border-left: 5px solid #333;}
blockquote p {padding: 15px 0;}
em {font-style: italic}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}
.wp-caption-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* Logo description styles */
#header {background: #333; width: 200px; float: left; min-height:301px;font-family:Georgia,"Times New Roman",Times,serif}
#header h1 {padding: 10px 10px 0; font-size: 18px;}
#header h1 a {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#header span.description {font-size: 10px; padding: 5px; color: #FFF;}
#header .logo, #header .titles {border-bottom: 0px solid #000;}
#header .menu {position: relative;} 
#header .logo {
    height: 145px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 140px;
}
#header .titles {background: #000;}
#header .bottom {position: absolute; bottom: 10px;}

/* Navigation styles */
#nav {padding: 0px 0px 0px 40px; font-size: 11px; position: relative;}
#nav li{padding:0.3em 0;}
#nav li a {color: #fff;text-decoration:none}
#nav li a:hover {color: #ddd;text-decoration:underline}
#nav .pagenav, #nav .categories, #nav .subscribe {padding-top: 10px; }
#nav span.navtitle {text-transform: uppercase; color: #FFF;}
#nav li ul, div.search {margin-left: 10px;}
#nav li.search, div.search {position: absolute; bottom:10px;}
#s {background: #2c2c2c url(images/search.png) 1px 3px no-repeat; border: 1px solid #222; width: 157px; color: #666;font-size: 11px; padding: 4px 4px 4px 16px;}
#s:hover {color:#DDD;background-color: #444;}

#nav .current-cat a, #nav .current_page_item a {color: #888;}

.box { padding: 0px; margin: 0 0 1px 1px;float: left; }
.col1 {width:200px;}
.col2 {width:401px;}
.box a {color: #aaa; display: block}

h2.pagetitle {
	font-size: 14px;
	padding: 10px 0 10px 38px;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 8px;
}
.single h2.posttitle {
	line-height: 1.6em;
	font-size: 24px;
	padding: 27px 0 0;
	height:88px;
	}

h2.page-title {
	font-size: 170px;
	padding: 30px 0 12px;
	height:109px;
}

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{
	margin:1em auto .6em}
}

h1{font-size:160%;}
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
h5{font-size:120%;}
h6{font-size:110%;}

/* Blog */
.category-blog .box, .page-template-page-blog-php .box {background: #141414;padding-bottom: 4px;}
.category-blog .blog a, .page-template-page-blog-php .blog a {text-decoration: none; font-weight: normal;}
.category-blog .box h2.posttitle, .page-template-page-blog-php .box h2.posttitle {padding:10px;font-size: 12px; color:#FFF; padding-bottom: 0; margin-bottom: 0;}
.category-blog .box p, .page-template-page-blog-php .box p {padding:5px 10px 10px;font-size: 11px; line-height: 16px;}
.category-blog .col2 h2.posttitle, .page-template-page-blog-php .col2 h2.posttitle {font-size: 14px; font-style: italic; font-weight: normal;padding-top: 15px;}
.category-blog .col2 p, .page-template-page-blog-php .col2 p {font-size: 14px; font-style: italic; line-height: 20px;padding-top: 10px;}
.category-blog .datediv, .page-template-page-blog-php .datediv {margin: 10px 10px 0; float: right; color: #666; border-bottom: 2px solid #333;}
.category-blog span.day, .page-template-page-blog-php span.day {font-size: 30px; text-decoration: none;font-weight: bold;display: block; padding: 3px 0;}
.category-blog span.monthyear, .page-template-page-blog-php span.monthyear {font-size: 10px; text-transform: uppercase;}

/* Single Post Page */
#content {padding: 30px 40px; width: 698px; float:left;font-family:Georgia,"Times New Roman",Times,serif;display: none;}
#content .posted {font-size: 10px;}
#content .entry {padding: 0px;margin:0;}
#content p {padding-bottom: 5px;}

.entry img{max-width:100%;}



/* Gallery */
.gallery {display: block;clear: both;overflow: hidden;margin: 0 auto;}
.gallery .gallery-row {display: block;clear: both;overflow: hidden;margin: 0;}
.gallery .gallery-item {overflow: hidden;text-align: center;list-style: none;padding: 0; margin: 0 auto;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {max-width: 100%;height: auto;padding: 0;border:none !important;}
.gallery-caption {margin-left: 0;}
.gallery-item .attachment-thumbnail {float:none !important;margin:0 auto;}
.gallery-item dd{clear:both;}

.pagetitle a {text-decoration: none !important;}
.pagetitle span {color: #555;font-weight: normal;}



/* Search */
.search .post {border-top: 1px solid #222; margin-top: 20px;padding-top: 30px;}
.posted {color: #fff;}
.postmetadata {color: #fff;font-size: 12px;}
.postmetadata a {color: #fff;}
.postmetadata a:hover {color: #DDD;}


/* Sidebar */
.single #container, .page #container, .single #footer, .page #footer {width: 980px;overflow: hidden;}
.page-template-page-blog-php #container {width: 100%; overflow: auto;}


/* Footer */
#footer {
clear: both; 
font-size: 11px;display: block; padding: 20px; height: 20px;
font-family: Georgia,"Times New Roman",Times,serif;
color: #FFF;
}
#footer a {color: #444;}
#footer a:hover {color: #666;}
#footer div.copyright { float: left; width: 460px;}
#footer div.powered {float: left; width: 70px; margin: -4px;}
#footer div.navigation {float: right;}
#footer a.flblogo {width: 28px; height: 27px; float:left; margin-right: 5px;  display: block; background: url(images/gpp-logo.png) no-repeat; text-indent: -9999em;}
#footer a.ttterlogo {width: 27px; height: 27px; float:left;  display: block; background: url(images/twitter.png) no-repeat; text-indent: -9999em;}

/* Paging */
div.navigation {width: 129px; float: right; overflow: hidden;}
div.navigation .prev,div.navigation .next, div.navigation .prev a, div.navigation .next a {background: url(images/prev-next.gif) no-repeat;display:block;height: 20px;text-indent: -9999em;}
div.navigation .prev {float:left;background-position: 0 0;width: 75px;}
div.navigation .next {float:right;background-position: -75px 0px;width: 54px;}
div.navigation .prev a { background-position:  0 -20px;width: 75px;}
div.navigation .next a { background-position: -75px -20px; width: 54px;}
div.navigation .next a:hover { background-position: -75px -40px; }
div.navigation .prev a:hover { background-position: 0 -40px; }


/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	margin:0 0 1em;
	background:none;
	color:#FFF;
}
button,
input {
	line-height: normal;
	width:70%;

}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
	width:98%;
}
input[type="submit"]{
	width:200px;
	margin:0 auto;
	color:#000;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}


button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
div.wpcf7-validation-errors {
	border: 1px solid #fc5468 !important;
}

#map{
	color:#000;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}