/*
Theme Name: The 360RMG Custom Wordpress Theme
Theme URI: http://vfam.org
Version: 1.0
Author: JV
Author URI: http://vfam.org/

*/

@import url("reset.css");
@import url("typography.css");

/*

*/

* {
	margin:0px;
	padding:0px;
}

html, body {
    height: 100%;
    margin: 0 0 1px 0;
    background:#1A1A1A;
}

body {	
	font: 62.5%/180% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "ＭＳ Ｐゴシック", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Arial, sans-serif;
	font-weight: 300;
	color:#ccc;
	min-width:960px;
	padding:0px;
	text-align:center;
}

#wrapper {
	text-align:left;
	width:960px;
	min-height: 100%;
    	height: auto !important;
   	height: 100%;
    	margin: 0 auto -3em;
}

#header {
	float:left;
	height:90px;
	width:960px;
	position: relative;
}

#header h1 a{
	position: absolute;
	left: 0;
	bottom: 20px;
	*bottom: 13px;
}

#header h1 span {
	position: absolute;
	left: -100000px;
	top: 0;
}

ul#menu{
	position: absolute;
	bottom: 0;
	left: 85px;
	display:block;
	height:37px;
	*height: 34px;
	font-size: 1.5em;
	font-weight: 400;
	margin: 0;
	padding: 0;
	/* z-index: 10000; */
}

ul#menu li{
	display:block;
	height: 37px;
	*height: 34px;
	float:left;
	text-align:center;
	margin: 0 15px 0 0;
}

/*
ul#menu li ul{
	width: 300px;
	background: #fff;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

ul#menu li ul li{
	text-align: left;
	line-height: 1.8em;
	height: 2em;
	text-indent: 10px;
	width: 300px;
	display: block;
	font-size: .8em;
}

ul#menu li ul li a:hover{
	color: #FF0000;
}
*/

/*
ul#menu li.page-item-15{
  	margin: 0 0 0 62px;
  	float: right;
}

ul#menu li.page-item-15 a{
	font-size: .6em;
	font-weight: 400;
	padding: 0px 8px 2px 8px;
	background: #29ABE2;
	color: #1A1A1A;
	display: block;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}
*/

body #wrapper #header ul#menu li.page-item-15{
  	margin: 0 0 0 180px;
  	float: right;
  	font-size: .6em;
	font-weight: 400;
	padding: 0 8px;
	background: #29ABE2;
	color: #1A1A1A;
	display: block;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
  	color: white;
  	height: 21px;
}

li.page-item-15, div.post {
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

body #wrapper #header ul#menu li.page-item-15 a{
  	color: white;
}

body #wrapper #header ul#menu li.page-item-15 a:hover{
	color: #1A1A1A;
}

body #wrapper #header #menu li.current_page_item a,
body #wrapper #header #menu li.current-cat a,
body #wrapper #header #menu li.current_page_parent a,
li.current_page_item a,
.active_category{
	color: #efefef !important;
}

body #wrapper #header #menu li.current_page_item,
body #wrapper #header #menu li.current-cat,
body #wrapper #header #menu li.current_page_parent,
li.current_page_item,
body #wrapper #header ul#menu li.page-item-15.current_page_parent{
	background: url(images/indicator-horizontal.png) no-repeat center bottom;
}

/*
.active_category{
	background: url(images/indicator-horizontal.png) no-repeat center bottom;
	height: 35px;
}
*/

#banner-area{
	width: 960px;
	height: 200px;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	background: #333;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

#banner-area .gallery{
	width: 960px;
	height: 200px;
}

#banner-area .banner-images {
	height: 200px;
	width: 960px;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

/*
#banner-area .banner-images span.description {
	height: 90px;
	width: 545px;
	background: black;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
  	margin: 100px 0 0 300px;
}
*/

#banner-area-news {
	background: #333;
	width: 960px;
	height: 5px;
	float: left;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
  	margin: 0 0 20px 0;
}

/* ----------------------------------------- Home Page */

body.page.home .content-main {
	width: 390px;
	float: left;
	margin: 0 20px 20px 0;
/*
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
*/
}

/*
body.page.home .content-main .post {
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}
*/

/*
body.page.home .content-main .summary {
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: 100;
}
*/

body.page.home #content-sub-wrapper {
	width: 550px;
	float: right;
}

body.page.home .content-sub.news {
	width: 265px;
	float: left;
}

body.page.home .content-sub.address {
	width: 265px;
	float: right;
}

.content-sub-box {
	background: #333333;
	padding: 10px 15px;
	margin: 0 0 20px 0;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

body.page.home .content-sub-box.news h2 {
	font-size: 1.6em;
	font-weight: 200;
	margin: 3px 0;
}

body.page.home .content-sub-box.news p {
	font-size: 1.4em;
	margin: 0;
}

body.page.home .content-sub-box.news p.date {
	font-size: 1.2em;
	color: #DDD6B3;
}

body.page.home .content-sub-box.newsjp h3 {
	font-size: 1.4em;
	font-weight: 200;
	margin: 3px 0;
}

body.page.home .content-sub-box.newsjp p {
	font-size: 1.3em;
	margin: 0;
}

body.page.home .content-sub-box.newsjp p.date {
	font-size: 1.2em;
	color: #DDD6B3;
}


body.page.home .content-sub-box.address h3 {
	font-size: 1.6em;
	font-weight: 200;
	margin: 3px 0;
}

body.page.home .content-sub-box.addressjp p{
	font-size: 1.3em;
}
body.page.home .content-sub-box.addressjp h3 {
	font-size: 1.4em;
	font-weight: 200;
	margin: 3px 0;
}

#google-map{
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
}

/* ----------------------------------------- Page Template */

body.page .content-main {
	width: 550px;
	float: left;
}

body.page .content-sub {
	width: 390px;
	float: right;
	margin: 0 0 2em 0;
}

body.page .content-sub #sidebar-menu {
	width: 360px;
	padding: 15px;
	float: right;
	background: #333333;
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
}

body.page .content-sub #sidebar-menu ul {
	margin: 0;
	font-size: 1.4em;
	line-height: 180%;
}


/*
body.page .content-sub h2 {
	font-size: 1.6em;
	font-weight: 200;
	margin: 0 0 .5em 0;
}

*/

/* ----------------------------------------- Category Template */

body.category .content-main {
	width: 550px;
	float: left;
}

.post{
	margin: 0 0 20px 0;
	background: #333;
	padding: 15px;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

/*
.post{
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}
*/

body.category .content-sub {
	width: 390px;
	float: right;
}

body.category .content-main .post .date{
	font-size: 1.2em;
	color: #DDD6B3;
	margin: 0;
}

body.category .content-main .navigation{
	font-size: 1.2em;
	color: #DDD6B3;
	margin: 0;
}

body.category .content-sub #sidebar-menu {
	width: 360px;
	padding: 15px;
	float: right;
	background: #333333;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

body.category .content-sub #sidebar-menu ul {
	margin: 0;
	font-size: 1.4em;
}

body.category .content-sub-box h2 {
	font-size: 1.6em;
	font-weight: 200;
	margin: 0 0 .5em 0;
}

body.category .content-sub-box p.date {
	font-size: 1.2em;
	color: #DDD6B3;
	margin: 0;
}

/* ----------------------------------------- Single Template */

body.single .content-main {
	width: 550px;
	float: left;
}

body.single .content-main .post{
	margin: 0 0 20px 0;
	background: #333;
	padding: 15px;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

body.single .content-main .post h2{
	color: white;
}

body.single .content-main .post .date{
	font-size: 1.2em;
	color: #DDD6B3;
	margin: 0;
}

body.single .content-sub {
	width: 390px;
	float: right;
}

body.single .content-sub #sidebar-menu {
	width: 360px;
	padding: 15px;
	float: right;
	background: #333333;
	-moz-border-radius:7px;
  	-webkit-border-radius:7px;
}

body.single .content-sub #sidebar-menu ul {
	margin: 0;
	font-size: 1.4em;
}

body.single .content-sub-box h2 {
	font-size: 1.6em;
	font-weight: 200;
	margin: 0 0 .5em 0;
}

body.single .content-sub-box p.date {
	font-size: 1.2em;
	color: #DDD6B3;
	margin: 0;
}

/* ----------------------------------------- 404 */

body.error404 .content-main {
	float: left;
	width: 520px;
}

/* ----------------------------------------- Client Login Page */


body.page-template-client-login-php form,
body.page-template-mail-login-php form { 
	width: 470px; 
	/* margin: 200px auto 0; */
	padding: 20px;
	border: #1a1a1a;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; 
}

body.page-template-client-login-php legend,
body.page-template-mail-login-php legend { 
	display: none;
}

body.page-template-client-login-php fieldset,
body.page-template-mail-login-php fieldset { 
	border: 0;
}

body.page-template-client-login-php label,
body.page-template-mail-login-php label { 
	width: 150px;
	text-align: right;
	float: left;
	margin: 0 10px 0 0;
	padding: 9px 0 0 0;
	font-size: 16px;
}

body.page-template-client-login-php input,
body.page-template-mail-login-php input { 
	width: 220px;
	display: block;
	padding: 4px;
	margin: 0 75px 10px 0;
	font-size: 1.4em;
	color: #3a3a3a; 
}

/*
body.page-template-client-login-php input[type=checkbox]{ 
	width: 20px;
	margin: 0;
	display: inline-block;
}
*/
					  
body.page-template-client-login-php .button,
body.page-template-mail-login-php .button {
	background: #29ABE2;
	color: #efefef;
	border: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; 
	font-size: 13px;  
	width: 70px;
	padding: 5px;
	color: white;
	/* font-weight: bold; */
	float: right;
	
}

body.page-template-client-login-php .button:hover,
body.page-template-mail-login-php .button:hover{
	background: white;
	color: black;
}

/* ----------------------------------------- Footer */

#footer, #push {
    height: 3em;
    clear: both;
    line-height: 3em;
}

#footer {
	background:#333333;
	clear:both;
}

#footer p{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
}

#footer p span#legal{
	float: left;
	text-align: left;
	/* background: black; */
}


	/*
*margin-top: 7px;
	_margin-top: 7px;
*/
}

#footer p span img{
	margin: 0 2px 0 0;
}


.jptext {
font-size: 0.9em;
}


#jptextjustify {
text-justify: distribute;
}

.jptextsummary {
font-size: 0.9em;
}

/*
.langselright {
float:right;
text-align:right;
padding-left: 10px; 
padding-right: 2px;
padding-top:3px;
padding-bottom:3px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #333;
}
*/
.langselcontainer{
float: right;
}


.qtrans_language_chooser { 
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #333;
text-align:right;
list-style-type:none; 
padding-left: 10px; 
padding-bottom:25px;
background: #333;
}

.qtrans_language_chooser li { float:left; margin-right:10px; font-size: 1.2em; margin-top:3px; }
.qtrans_language_chooser li a { color: #0B8DC4;  }
.qtrans_language_chooser li.active a { font-weight: bold; color: #DEF6FF;  }