/* (c) 2009 Fotonea.com */


* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}


/* ******** LAYOUT */

#header_out {
height:170px;

}

#content_out {
}

#footer_out {
height:50px;
}

#header, #content, #footer {
width:930px;
margin-left:auto;
margin-right:auto;
}

#header {
position:relative;
height:170px;
border-bottom:2px solid #eee;
font: 22px Times New Roman;
font-style:italic;
color:#111;
}

#content {
padding:10px 0 30px 0;
position:relative;
margin:0 auto;
min-height:300px;

}

#info {
padding-bottom:5px;
height:20px;
}

#app {
border:3px solid #ccc;
}

#footer {
clear:both;
padding:10px 0;
color:#999;
border-top:2px solid #eee;
text-align:center;
}

#logo {
position:absolute;
top:10px;
left:10px;
width:170px;
height:70px;
background:url(assets/logo.gif) no-repeat;
}

#intro_text{
/* defined in lang */
}



#menuback{
position:absolute;
bottom:2px;
left:0px;
width:170px;

color:#aaa;
text-align:left;
font:11px Verdana;
}

#menu{
position:absolute;
bottom:2px;
right:0px;
width:700px;

color:#aaa;
text-align:right;
font:14px Verdana;
}


/* ***** CONTENT */

body {
font:1.0em Tahoma;
line-height:1.2em;
color:#333;
}

#footer {
font-size:0.8em;
}

h1 {
font-size: 140%;
line-height:2em;
}

h2 {
font-size: 130%;
line-height:2em;
}

h3 {
font-size: 120%;
line-height:1.6em;
}


/* ******** LINKS */

a:link, a:visited {
color:#111;
text-decoration:underline;
}

a:hover {
background-color:#a9f7bb;
}

#logo a:link,
#logo a:visited {
display:block;
width:170px;
height:70px;
border:0px solid green;
background-color:transparent;
}

#header a{
text-decoration:none;
font-size: 130%;
line-height:2em;
}

#footer a:link, #footer a:visited {
color:#aaa;
background-color:transparent;
}

/* ***** WINDOWS */

#frames {
display:none;
}

#help {
position: absolute; 
top: 0px; 
left:10%;
background-color: #fff;
width: 80%; 
height:450px;
border: 1px solid #333;
padding: 0 20px;
margin:0;
overflow:auto;
z-index:200;
display:none;
}

#text {
position: absolute; 
top: 0px; 
left:0px;
background-color: #eee;
height: 400px; 
width: 420px; 
border: 2px solid #333;
padding: 5px;
display:none;
z-index:10;
}

#canvasbg {
position: absolute; 
top: 4px; 
left:250px;
background-color: #eee;
height: 100px; 
width: 300px; 
border: 2px solid #333;
padding: 5px;
display:none;
z-index:20;
}

#framesdiv {
position: absolute; 
top: 8px; 
left:340px;
background-color: #eee;
height: 100px; 
width: 350px; 
border: 2px solid #333;
padding: 5px;
display:none;
z-index:25;
}

#additions {
position: absolute; 
top: 4px;
left:400px;
background-color: #eee;
height: 400px; 
width: 430px; 
border: 2px solid #333;
padding: 5px;
display:none;
z-index:35;
}

#additions_create{
position:absolute;
bottom:45px;
right:110px;
}

.bg{
float:left;
margin:0px;
margin:1px!important;
border:1px solid #ccc;
width:98px;
height:98px;
overflow:hidden;
cursor:pointer;
}

.bg img{
border:0px solid #fff;
}

#saving {
position: absolute; 
top: -8px; 
left:70px;
background-color: #fff;
width: 700px; 
height:500px;
border: 2px solid #333;
padding: 0 20px;
margin:0;
overflow:auto;
z-index:100;
display:none;
}


/* ********* CONTROLS */
.close {
position:absolute;top:5px;right:5px;
border:1px solid #bbb;
width:20px;
height:20px;
text-align:center;
}

.close a{
text-decoration:none;
display:block;
}

.close a:hover{
background:transparent;
}

#drags, #dragt, #dragc, #dragf,
#draga, #dragh {
position:absolute;top:5px;right:30px;
border:1px solid #bbb;
display:block;
width:20px;
height:20px;
text-align:center;
cursor:move;
}


/* ********* OTHER */
#debug {
position: absolute; 
top: 200px; right: 10px;
background-color: #eee;
height: 100px; 
width: 350px; 
border: 1px solid #333;
padding: 2px;
overflow:auto;
cursor: move; 
}


#ads2 {
position:absolute;

top:5px;
right:5px;
width:610px;
height:122px;
text-align:center;
background:#fff;
z-index:1;
}

/* publish */

#content form {
width:750px;
margin:0 auto;
}

#content label {
display:block;
line-height:30px;
width:100px;
}

#content input{
margin:5px;
border:1px solid #aaa;
}
textarea{
margin:5px;
border:1px solid #aaa;
}

/* shared */
#edit {
position:absolute;
top:100px;
left:10px;
width:250px;
height:70px;

font:0.7em Tahoma;
line-height:1.1em;
color:#333;
}

#edit a:link, #edit a:visited {
color:#111;
text-decoration:underline;
}

#edit a:hover {
background-color:#a9f7bb;
}

#shared_links {
width:100%;
padding:10px;
background:#ffffaa;
}