/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
body{
	/*background: #EFEFEF;*/
}

#container {
	padding: 0 1.618em;
	margin: 0 auto;
	max-width: 60em;
	/*background: url('../../images/page/gplaypattern.png');*/
}

header{
	margin-top: 0px;
    font-size: 1em;
	/*background: #FFF url('../../images/page/bg_top2.jpg') no-repeat bottom center;*/
}

header>h2 {
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    /*text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);*/
}
header>h3 {
    line-height: 2em;
    padding: 3px;
}

header>h3 >div {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}
header>h3>div:last-of-type {
    display: inline-block;
    margin-left: 10px;
}

/*
header h2:before, header h2:after { width: 35%; }
*/

/*h3:before, h3:after { width: 25%; }*/
.wrapper h3:before { margin: 0 15px;}

h1 { font-size: 3.5em; line-height:1.6em; margin-bottom:0.1em; }

h1 span {
  text-transform: uppercase;
  letter-spacing:0.1em;
  font-size:0.382em;
  line-height:3.236em;
  display:block;
  }
  /*
h1 span:before, h1 span:after {
  content:"";
  border-top:1px solid #333;
  height: 0.1em;
  width: 25%;
  display: block;
  margin-top: 1.618em;
  }

h1 span:before { float: left; }
h1 span:after { float: right; }
*/
ul { margin-left: 1.2em; }
ol { margin-left: 0.7em; }

p.intro {
  font-size: 1.618em;
  line-height:1.4289em;
  max-width: 20em;
  margin-bottom: 1em;
  }

aside {
  float: right;
  clear: right;
  width: 15em;
  margin-top:0em;
  height:auto;
  }

footer p { max-width: 17.942em; }
#ismobile { display: none;}
.isdesktop{  display: inline-block;}


/************** Daddy COLUMN ****************/

.col {	margin-left: 3.2%; }

.fullwidth .col {
	float: none;
	margin-left: 0;
}
.fullwidth > p, ul {
	max-width: 100%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************** Daddy Fancy ****************/
/*.fancy span:before,
.fancy span:after {
	width: 9.5em;
}*/


/************** Daddy rw animate line ****************/
.rw-words-1 span { font-size: 1.4em; }


/************************************* Daddy Nav ******************************************/

.Lside {
    float: left;
    clear: right;
    width: 18.5em;
    margin-top: 0em;
    height: auto;
    margin-right: 10px;
    /*font-size: 0.9em;*/
    border: 1px solid #BBB;
}
.Lside.hide {
    width: 0em;
    height: 100px;
    border: 0px solid #BBB;
	overflow: hidden;
}

#Lmenu
{
    display: none;
}

.autoHeight{    height: auto; overflow: visible; padding: 10px 0; margin-bottom: 10px}

nav{
	border-radius: 20px;
	position:relative;
	left: auto;
	right: auto;
	margin: auto;
	margin-bottom: 25px;
	top: auto;
	background: #9E6CA6;
}

nav ul {
	display: block;
	height: 40px;
}

nav li {
	display: inline-block;
	float: left;
	width: auto;
	padding: 0 1.25em;
	border-top: 0px dashed transparent;
}

nav li:first-of-type {
	border-left: 1px solid #88469D;
}


nav a#pull {
	display: none;
}


/*-----------------------*/
nav.navfixed {
	border-radius: 0px;
}

.logout
{
    position: absolute;
    right: 0px;
    top: -2px;
    /*border-radius: 0 0 5px 5px;
    background: #555;
    padding: 0 12px;
    color: #FF0;
    font-size: 0.8em;*/
}
/*.logout:before {
    content: "";
    border: 0px;
}*/

/************************************* Daddy ui element ******************************************/
.tabGroup > input[type="radio"] + label {
    display: inline-block;
    box-flex:1.0;
    margin-left: 5px;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}
.tabGroup > div {
    margin-top: 0px;
}
/************************************* Daddy ui element ******************************************/

.md-modal {
	position: fixed;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 55%;
}
.md-content h3 {
    font-size: 1.4em;
}
.md-content label
{
    font-size: 1em;
    width: 150px;
    margin-left: -150px;
    padding-top: 0px;
    height: 1.5em;
    line-height: 1.5em;
}
.md-content .input-group label {
    margin-left: 0px;
}
.md-content input {
    width: 95%;
}
/*.md-content .input-group input {
    width: 100%;
}*/
.md-content li {
    padding-left: 150px;
}

/* editor area */
.jqte_editor, .jqte_source
{
    height: 350px;
}

#actionelement .thumpnail {
    width: 193px;
    height: 150px;
    margin: 5px;
}

#actionelement .thumpnail>span, #actionelement .file>span {
    border-radius: 3px;
}
#actionelement .thumpnail>span:after, #actionelement .file>span:after {
    border-radius: 2px;
}
#actionelement .thumpnail>a {
    top: 5px;
}
#baseelement .thumpnail>span, #baseelement .file>span {
    border-radius: 3px;
}
#baseelement .thumpnail>span:after, #baseelement .file>span:after {
    border-radius: 2px;
}
.infobar{
    width: 48%;
}


/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/



@media screen and (min-width: 30em) and (max-width: 63.236em) {

#container { width: 30em; }

header
{
	/*background: #FFF url('../../images/page/bg_top2_b.jpg') no-repeat bottom center;*/
}

header h2:before, header h2:after { width: 5%; }

h1 { font-size: 2.618em; line-height: 1.4em; }
h1 span { font-size:0.5em; }
h1 span:before, h1 span:after { width: 10%; }

p.intro {
  font-size: 1.309em;
  margin-bottom: 1em;
  max-width: 33em;
  }

aside {
  float: none;
  width: auto;
  height: auto;
  margin: 0 0 2.2em;
  }

#main {
	margin-top: 18px;
}

.md-modal {
	width: 80%;
}

/************** Mummy COLUMN ****************/
.fullwidth { width: 100%}

/* reset cols to 2-column */
.grid3 .col {
	width: 48.4%;
}
.grid3 .col:nth-of-type(3n+1) {
	margin-left: 3.2%;
	clear: none;
}
.grid3 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* reset cols to 1-column */
.grid2 .col {
	width: 100% !important;
	margin-left: 0 !important;
	clear: none !important;
}

/************** Mummy Fancy ****************/
.fancy span:before,
.fancy span:after {
	width: 3.5em;
}

/************** Mummy rw animate line ****************/
.rw-words-1 span { font-size: 1.3em; }

/************************************* Mummy Nav ******************************************/

.Lside {
    width: 100%;
    float: none;
    clear: none;
    margin-right: 0px;
    margin-top: -18px;
    height: 0px;
    overflow: hidden;
    font-size: 1em;
    border: 0px solid #BBB;
}
#Lmenu
{
    display: inline-block;
    margin-top: -7px;
}
/*
.logout
{
    font-size: 0.8em;
    right: 0;
    border-radius: 0;
}*/
.rotage180{ 	transform:rotate(180deg);}
.autoHeight{    height: 500px; overflow: auto; border: 1px solid #BBB;}

nav {
	height: 80px;
	border-radius: 10px;
}

nav li {
	width: 9.4em;
	margin: 0;
}

nav li:first-of-type {
	border-left: 0px solid transparent;
}
nav li:nth-last-of-type(2n+1){
	border-right: 0px solid transparent;
}


/*-----------------------*/
nav.navfixed {
	height: 40px;
	font-size: 1.15em;
	border-radius: 0px;
}

nav.navfixed li {
	width:auto !important;
	border-right: 1px solid #88469D;
}
.infobar{
    width: auto;
}

/************************************* Mummy ui element ******************************************/
#actionelement .thumpnail {
    width: 135px;
}
/* editor area */
.jqte_editor, .jqte_source
{
    height: 300px;
}

}