/**** Common CSS Difinition by adelaie planning ****/

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
p span,
li span,
dt span,
dd span  {
display:inline-block;
}

.small {
	font-size:85%;
        opacity:0.8;
}

/* standard class */
.mt0 {
	margin-top:0;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}

.mt30 {
	margin-top:30px;
}

.mb0 {
	margin-bottom:0;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}

.mb30 {
	margin-bottom:30px;
}

.mr0 {
	margin-right:0px;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:15px;
}

.ml0 {
	margin-left:0px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}

.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}

.pd0 {
	padding:0px;
}

.pd5 {
	padding:5px;
}

.pd10 {
	padding:10px;
}

.pd15 {
	padding:15px;
}

.pd20 {
	padding:20px;
}

.pl0 {
	padding-left:0px;
}

.pl5 {
	padding-left:5px;
}

.pl10 {
	padding-left:10px;
}

.pr0 {
	padding-right:0px;
}

.pr5 {
	padding-right:5px;
}

.pr10 {
	padding-right:10px;
}

.pt0 {
	padding-top:0px;
}

.pt5 {
	padding-top:5px;
}

.pt10 {
	padding-top:10px;
}

.pt15 {
	padding-top:15px;
}

.pt20 {
	padding-top:20px;
}

.pt30 {
	padding-top:30px;
}

.pb0 {
	padding-bottom:0px;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}

.pb15 {
	padding-bottom:15px;
}

.pb20 {
	padding-bottom:20px;
}

.inline-block {
	display:inline-block;
}

.text-bold {
	font-weight:bold;
}

.text-small {
	font-size:80%!important;
}

.text-large {
	font-size:150%!important;
}

.text-xlarge {
	font-size:200%!important;
}

.text-white {
	color:#FFF;
}

.text-gray {
	color:#CCC;
}
.text-red {
	color:#D90000;
}

.text-price {
	font-weight:normal;
	text-align:right;
}

.text-shadow {
	text-shadow: 1px 1px 3px #333;
}

.text-underline {
	border-bottom:2px #CCC solid;
	padding-bottom:5px;
}

.text-dotted {
	border-bottom:1px #CCC dotted;
	padding-bottom:5px;
}


.box-shadow {
	box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
}

.border-radius {
	border-radius:4px;
}


.bg-white {
	background:#FFF;
}

.bg-trans {
	background:rgba(0,0,0,0.5);
}

.bg-white-trans {
	background:rgba(255,255,255,0.9);
}

.bg-gold {
	background:url(images/bg-gold.jpg);
}

.bg-bronze {
background:#C9A552;
}

.btn-w80 {
	width:80%;
}

blockquote{
    background-color: #ddd;
    padding: 1.5em 1em 1.5em;
    position: relative;
    border: none;
    margin: 0;
    font-style:normal;
    line-height:120%;
}
 
blockquote:before{
    content: "“";
    font-size: 400%;
    line-height: 1em;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
}
 
blockquote:after{
    content: "”";
    font-size: 400%;
    line-height: 0em;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0;
}

blockquote p {
    line-height:120%;
}


.tel {
	font-size:2em;
}

/* bootstrap hack */

.img-responsive.pull-left {
margin-right:15px;
}

.img-responsive.pull-right {
margin-left:15px;
}



/* Facebook Like Box width: 100% */

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

.facebookWrapper{
background:none;
position: relative ;
padding-top: 0;
overflow: hidden ;
border:none;
max-height:300px;
}

.facebookWrapper iframe {
position: absolute;
top: 0 ;
left: 0 ;
width: 100%!important ;
}


/*youtube responsive*/
.youtubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.youtubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

/*google map responsive*/
.googlemapWrapper > iframe {
    width:100%;
    height:450px;
    pointer-events: none;
    border:none;
}

/*geeklog style hack*/

.in {
text-align: left;
background: inherit;
border: none;
position: relative;
padding: inherit;
font-weight: inherit;
}

body #navigation {
    display:none;
}

body#admin #navigation {
    display:block;
    position: relative;
    margin-top: 90px;
}

html,
#container,
.wrapper,
#wrapper,
#centerblocks {
  margin:0;
  padding:0;
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

#navigation { 
display:none; /* hide geeklog tiny menu*/
}

} /* end @media(max-width: 767px) */


.edit_icon {
width:20px!important;
height:20px!important;
}