/*
  Name: lovecodes.ch Mobile Stylesheet
  Description: Mobile Stylesheet for the lovecodes.ch website
  Author: Markus Erdmann
  Author URI: http://www.esense.ch
*/

body,
html {
width:100%;
height:100%;
}

body {
font-size:0.3em;
}

#page,
#content,
#gallery-content {
position:relative;
overflow:hidden;
padding:10px;
display:block;
width:auto;
float:none;
clear:both;
z-index:10;
}

#content {
padding:0px;
z-index:20;
}

#content.center {
text-align:center;
}

#content h1,
#content p {
display:none;
line-height:120%;
}

.no-js #content h1,
.no-js #content p {
display:block;
}

.text {
width:100%;
float:left;
}

.text h1,
.text p {
-moz-text-size-adjust:none;
-khtml-text-size-adjust:none;
-webkit-text-size-adjust:none;
text-size-adjust:none;
}

.text h1 {
font-size:100%;
font-weight:normal;
}

.text p {
font-size:60%;
}

.font-type.medium-text p {
font-size:70% !important;
}

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

.font-type.arvo {
font-family: 'ArvoRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

.font-type.colabbold {
font-family: 'Colaborate-BoldRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

.font-type.colablight {
font-family: 'ColaborateLightRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

.font-type.contraitalic {
font-family: 'ContraItalic', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

.font-type.contra {
font-family: 'ContraRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

.font-type.lovers {
font-family: 'LoversQuarrelRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
line-height:90% !important;
}

.font-type.serveroff {
font-family: 'WebServeroffRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
}

#gallery-content .description {
color:#ED1B32 !important;
padding:0 0 20% 0;
}

#gallery-content .description h1 {
font-family: 'Colaborate-BoldRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
font-size:4em;
}

#gallery-content .description p,
#gallery-content .description ul,
#gallery-content .description ol {
font-family: 'ColaborateLightRegular', Arial, 'Sun Regular', Sans-Serif, sans-serif, 'sans serif';
font-size:4em;
line-height:120%;
}

#gallery-content .description ul {
list-style:disc;
list-style-position:outside;
margin:0 0 0 1.4em;
}

#gallery-content .description ol {
list-style:decimal;
list-style-position:outside;
margin:0 0 0 1.4em;
}

#gallery-content .description a {
color:#000;
text-decoration:none;
}


/*** gallery ***/
.gallery-wrapper,
ul.gallery,
ul.gallery li.item {
width:100%;
float:left;
}

ul.gallery img {
width:100%;
display:block;
clear:both;
padding:0 0 20% 0;
}

/* bg */
#bgimg {
position:fixed;
/*height:100% !important;*/
top:0;
left:0;
z-index: 1;
}

/*** login ***/
#login {
margin:20px 10px 10px 10px;
width:300px;
float:left;
}

#login form input {
-moz-border-radius: 25px;
-khtml-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size:4em;
line-height:1.2em;
margin:0 0 0.5em 0;
font-family:Arial, sans-serif, 'sans serif';
display:block;
width:298px;
}

#login form input.input {
border:1px solid #333;
background-color:#fafafa;
color:#000;
padding:10px 20px;
width:258px;
}

#login form input.button {
border:1px solid #333;
background-color:#777;
color:#fff;
text-transform:uppercase;
cursor:pointer;
font-weight:bold;
height:50px;
line-height:50px;
width:300px;
}

#login form input.button:hover {
background-color:#333;
}

/*** edit button ***/
#edit-love .mgnl-editbar-wrapper,
#edit-love .mgnlControlBarSmall {
width:auto !important;
float:left !important;
}

#edit-love .mgnlControlBarSmall td,
#edit-love .mgnlControlBarSmall_PUSHED td,
#edit-love.mgnlControlBarSmall_MOUSEOVER td {
padding:0 !important;
}

#edit-love .mgnlControlBar,
#edit-love .mgnlControlBarSmall {
border:none !important;
}

#edit-love .mgnlControlBar td,
#edit-love .mgnlControlBarSmall td {
background-image:none !important;
}

#edit-love .mgnlBtnsLeft,
#edit-love .mgnlBtnsRight {
line-height:1em !important;
}

#edit-love .mgnlControlButton,
#edit-love .mgnlControlButtonSmall,
#edit-love .mgnlControlButtonTransparent,
#edit-love .mgnlControlButtonTransparentSmall {
border:none !important;
}

#edit-love .mgnlControlButton,
#edit-love .mgnlControlButton_PUSHED,
#edit-love .mgnlControlButtonSmall,
#edit-love .mgnlControlButtonSmall_PUSHED {
color:#fff !important;
}

#edit-love .mgnlControlButtonSmall,
#edit-love .mgnlControlButtonSmall_PUSHED {
font-size:300% !important;
text-transform:uppercase !important;
line-height:150% !important;
}

#edit-love span.mgnlControlButtonSmall {
border:1px solid #333 !important;
background-color:#777 !important;
cursor:pointer !important;
font-weight:bold !important;
padding:0.5em 1em !important;
-moz-border-radius: 20px !important;
-khtml-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
border-radius: 20px !important;
}

#edit-love span.mgnlControlButtonSmall:hover {
background-color:#333 !important;
}

#edit-love .love-edit-button {
position:relative;
margin:0 auto;
width:18em;
}