/* 
    Document   : core
    Created on : Jun 4, 2010, 11:06:02 PM
    Author     : Djordje Zeljic
*/
@import url(reset.css);
body{
    font-family: Georgia, arial, serif;
    font-size: 14px;
    color: #212121;
    background: #f1f1f1;
}

#wrap{
    width:401px;
    margin: auto;
    margin-top: 40px;
}

#content{
    overflow: hidden;
    margin: auto;
    margin-top: 10px;
}

h1{
    text-align: center;
}

#h1-title{
    cursor: pointer;
}

#h1-info{
    position: absolute;
    display: none;
    z-index: 1000;
}

h2{
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px;
}

#invalid-number{
    position: absolute;
    display: none;
    z-index: 1001;
}

#amount{
    padding: 3px 5px;
    border: 0;
    background: #fff;
    font-size: 24px;
    font-family: 'Cambria', Georgia, arial, serif;
    width: 300px;
    text-align:center;
    font-style: italic;
    margin-top: 2px;
}

#just-text{
    text-align: center;
    font-size: 18px;
    font-style: italic;
}

#amount-div{
    margin: auto;
    text-align: center;
    width: 324px;
    margin-top: 3px;
    background: url('../gfx/inputbg.png');
    height: 39px;
}

#results{
    overflow: hidden;
    width: 902px;
    margin: auto;
}

#euro2usd{
    float: left;
    width: 324px;
    text-align: left;
}

#usd2euro{
    float: left;
    width: 324px;
    text-align: right;
}

#vline{
    float: left;
    width: 234px;
    display: block;
    margin: 0px 10px 0px 10px;
}

.tovalue{
    font-size: 22px;
    font-style: italic;
}

.boxtop{
    width: 324px;
    background: url('../gfx/boxtop.gif');
    height: 6px;
}

.boxmiddle{
    background: url('../gfx/boxmiddle.gif');
    padding: 3px 7px;
    text-align: center;
}

.boxbottom{
    background: url('../gfx/boxbottom.gif');
    height: 6px;
}

#scale{
    width: 728px;
    margin: auto;
    height: 90px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#footer{
    width: 902px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
}

#footer a{
    color: #404126;
    text-decoration: none;
    text-shadow: 1px 1px 1px #b3b3b3;
    filter: dropshadow(color=#b3b3b3, offx=1, offy=1);
    margin: 0 10px;
}

#options{
    text-align: center;
}

.additionalbox{
    margin: auto;
    text-align: left;
    background: url('../gfx/transbg.png');
    border:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 850;
    color:#fafafa;
    width: 480px;
    margin-top: 0; margin-left: 0;
}

#decimalplace{
    padding: 3px 5px;
    border:1px solid #232323;
    color: #232323;
    width: 30px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
    font-size: 11px;
    background: #fdfdfd;
}

#saveoptions{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #232323;
    padding: 2px 5px;
    font-size: 11px;
    color: #232323;
    background: #fdfdfd;
}

#optionsinfo{
    display: none;
    margin-top: 5px;
    text-align: center;
    font-size: 11px;
    font-style: italic;
}

#afterfooter{
    width: 500px;
    height: 310px;
    margin: auto;
    margin-top: 10px;
    background-repeat: no-repeat;
}

.xclose{
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: -7px;
    margin-left: 470px;
    display: block;
    background: url('../gfx/xclose.png') no-repeat;
    cursor: pointer;
}

.wicon{
    float: left;
    margin: 0px 12px 4px 0px;
    border: 1px solid #fafafa;
    padding: 2px;
}

.balloon{
    position: absolute;
    width: 70px;
    height: 23px;
    font-size: 11px;
    line-height: 23px;
    top: 130px;
    left: 100px;
    display: none;
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#fff;
}

/*          POST        */
.post{
    width: 728px;
    margin: auto;
}

.post h2{
    font-size: 24px;
    margin-bottom: 10px;   
}

.post .postcontent{
    font-size: 12px;
    line-height: 20px;
}

.post .postcontent p{
    margin: 10px 0px;
}

.articlenav{
    width: 728px;
    margin: 10px auto;
    border-top: 1px solid #404126;
    display: block;
    overflow: hidden;
}

.articlenav a{
    font-size: 11px;
    color: #404126;
    text-decoration: none;
    line-height: 24px;
}

.articlenav a:hover{
    font-size: 11px;
    background-color: #404126;
    text-decoration: none;
    color: #fff;
}

.articlenav .left{
    width: 300px;
    float: left;
}

.articlenav .right{
    width: 300px;
    float:left;
    text-align: right;
    margin-left: 128px;
}

.fparticles ul li{
    margin: 5px 0px;
}

.fparticles a{
    color: #fff;
    text-decoration: none;
    font-size: 10px;
}

.fparticles a:hover{
    color: #e1e1e1;
    text-decoration: underline;
}