/* CSS Document */

body{
margin:0;
text-align: center;
font-size:1em;
font-family:Verdana,Helvetica,Arial,sans-serif;
background-color:#f9fcff;
background-image:url('/graphics/linguaton_logobig2.png');
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;}

a{
text-decoration:none;
font-weight:bold;
color:#202020;}

a:hover{text-decoration:underline;}

a.a1{color:#ffffff;}

/* spans */

#loginmessage{
color:#fffce6;;
margin-left:200px;
padding:2px;}

.button1{
text-transform:uppercase;
font-size:.7em;
border:1px solid #990000;
color:#990000;
font-weight:bold;
padding:0 2px;
cursor:pointer;}

.button1:hover {
background:#990000;
color:#ffffff;}

span.button{
text-transform:uppercase;
font-size:.7em;
border:1px solid #990000;
color:#990000;
font-weight:bold;
padding:0 2px;
cursor:pointer;}

span.button:hover {
background:#990000;
color:#ffffff;}


.button2{
text-transform:uppercase;
font-size:.7em;
background:#990000;
border:1px solid #990000;
color:#ffffff;
font-weight:bold;
padding:0 2px;
cursor:pointer;}

.button2:hover {
background:none;
color:#990000;}

div.tnav span{color:#f9fcff;}

span.l01{
color:#660000;
font-weight:bold;}

span.l02{color:#996600;}

span.vocnotes{
font-style:italic;
color:#006600;}

.shout1{
color:#000033;
text-align:justify;}

.shout2{
color:#003366;
text-align:justify;}

.shouttime{
font-size:.6em;
color:#000000;
text-align:right;
padding-right:5px;
margin:5px 0 0;}

.title{
font-weight:bold;
text-shadow: 0 0 .1em #000000, 0 0 .1em #000000, 0 0 .1em #000000, 0 0 .1em #000000;
color:#f9fcff;
margin-left:15px;
padding:2px;
font-size:1.5em;}

.c1{
font-weight:bold;
font-size:1.1em;
}

.c2{
font-weight:bold;
font-size:1.1em;
color:#990000;
}

.c3{
font-weight:bold;
font-size:1.1em;
color:#663399;
}
.c4{
font-weight:bold;
font-size:1.1em;
color:#006600;
}

.c5{
font-weight:bold;
font-size:1.1em;
color:#ffcc00;
}

.c6{
font-weight:bold;
font-size:1.1em;
color:#ff66cc;
}

.c7{
font-weight:bold;
font-size:1.1em;
color:#663399;
}
.c8{
font-weight:bold;
font-size:1.1em;
color:#666699;
}

.c9{
font-weight:bold;
font-size:1.1em;
color:#00ccff;
}

.c10{
font-size:1.1em;
font-weight:bold;
color:#290101;}

/* lists */ 

div.vsightings ul li, div.enotebook ul li{
height:50px;
border-bottom:1px solid #f9fcff;}

/* forms & inputs */

input.login{
width:150px;
border:0;
color:#202020;
background:none !important;
border-bottom:1px dotted #c4c4c4;
background-image:url('/assets/bg_light_90.png') !important;
background-repeat:repeat;}

input.submitlogin{
border:0;
background:none;
font-weight:bold;
font-family:Verdana,Helvetica,Arial,sans-serif;
padding:4px 6px;
color:#ffa85b;}

input.submit{
font-size:.9em;
line-height:1.1em;
margin:5px 2px;
padding:2px;
background:none;
border:none;
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
font-weight:bold;
cursor:pointer;
background-image:url('/graphics/bggreen5.png');
background-repeat:repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

input.submit:hover{
padding:1px 2px;
border:1px solid #000000;}

/* buttons */

button{
font-size:.9em;
line-height:1.1em;
margin:5px 2px;
padding:2px;
background:none;
border:none;
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
font-weight:bold;
cursor:pointer;
background-image:url('/graphics/bggreen5.png');
background-repeat:repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

button.b2{
font-size:.9em;
line-height:1.1em;
margin:5px 5px;
padding:1px 2px;
background:none;
font-weight:bold;
cursor:pointer;
color:#c0c0c0;}

button.b2:hover{
padding:1px 2px;
border:none;
border-left:1px solid #f9fcff;
border-right:1px solid #f9fcff;
color:#ffffff;}

button:hover{
padding:1px 2px;
border:1px solid #000000;}

div.tnav a{
padding:4px 6px;
margin:0 2px;
color:#e0e0e0;}

div.tnav a:hover{
text-decoration:none;
color:white;
padding:2px 4px;
border:2px solid #f9fcff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.tnav a.a1hover{
color:white;
padding:2px 4px;
border:2px solid #f9fcff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

/* divs */

div.tnav{
background-color:#52432C;
text-align:left;
padding:7px;
border-bottom:1px solid #000033;
/*box-shadow:0px 0px 20px #f9fcff;
-webkit-box-shadow:0px 0px 20px #f9fcff;
-moz-box-shadow:0px 0px 20px #f9fcff;*/
width:100%;
font-size:.8em;
font-weight:bold;
position:fixed;
top:0;
z-index:2000;}

div.shoutbox{
z-index:0;
width:205px;
margin-left:785px;
position:fixed;
background-color:#ffffff;
filter:alpha(opacity=70);
background-color:rgba(249,252,255, .7);
border:1px solid #e0e0e0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:0;}

div.rnote{
border:1px solid #990000;
margin:10px;
padding:10px;
text-align:justify;
background-image:url('/graphics/bggreen5.png');
background-repeat:repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.separator {
background-color:#f9fcff;
filter:alpha(opacity=90);
background-color:rgba(249,252,255, .9);
padding-top:14px;
width:100%;
position:fixed;
top:31px;
height:25px;
z-index:900;
vertical-align:text-bottom;
/*box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
-moz-box-shadow:0px 0px 5px #000000;*/}

div.main{
text-align:justify;
line-height:1.5em;
margin:5px;
padding:10px;
background-color:#f9fcff;
filter:alpha(opacity=70);
background-color:rgba(249,252,255, .7);
width:750px;
border:1px solid #e0e0e0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-opera-border-radius:5px;}

div.lnote{
text-align:justify;
line-height:1.5em;
margin:5px;
padding:10px;
background-color:#ffffff;
filter:alpha(opacity=90);
background-color:rgba(249,252,255, .9);
border:1px solid #e0e0e0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.divtitle{
margin-top:5px;
padding:0 10px;
color:#202020;
font-weight:bold;
font-size:1.5em;
text-shadow: 0 0 .2em #ffa85b, 0 0 .2em #ffa85b, 0 0 .2em #ffa85b, 0 0 .2em #ffa85b;}

div.vsightings, div.enotebook{
font-size:.85em;
line-height:1.5em;
margin:5px;
color:#404040;
padding:10px;
background-color:#f0f0f0;
opacity:0.9;filter:alpha(opacity=90);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.activity{
text-align:justify;
line-height:1.5em;
margin:5px;
padding:10px;
background-image:url('/assets/bg_dark.png');
background-attachment:fixed;
background-repeat:repeat;
border:1px solid #e0e0e0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.activitypost{
padding-top:5px;
border-bottom:1px solid #f9fcff;}

div#div22{
text-align:left;
padding:10px;
display:none;
z-index:1010;
position:fixed;
background-color:#ffffff;
border:5px solid #f9fcff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:auto;}

.shoutarea{
border:1px solid #e0e0e0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:5px;
height:60px;
width:199px;
background:none !important;
background-image:url('/assets3/bgwhite30.png') !important;
background-repeat:repeat;}

#bottom{
text-align:left;
height:45px;
width:100%;
position: fixed;
bottom:0%;
border-top:1px solid #000033;
background-color:#52432C;
z-index:2000;}

/* h */

.h1{
text-align:justify;
margin-bottom:10px;
font-size:1.5em;
/*font-family:Georgia,serif;*/
font-variant:small-caps;
font-weight:bold;
text-shadow: 0 0 .1em #808080;}

.h1b{
text-align:justify;
margin:0;
margin-bottom:10px;
font-size:2em;
font-family:Georgia,serif;
font-variant:small-caps;
font-weight:bold;
color:#003366;
text-shadow: 0 0 .1em #000033;}

.h2{
text-align:justify;
margin:10px 0;
font-size:1.2em;
font-family:Georgia,serif;
font-variant:small-caps;
font-weight:bold;}

.h5{
padding:2px;
color:#000000;
font-weight:bold;
text-align:center;
font-size:1.5em;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

div.divtitle1{
margin-top:5px;
padding:0 10px;
color:#BE2805;
font-weight:bold;
font-size:1.4em;
}
div.divtitle2{
margin-top:5px;
padding:0 10px;
color:#EC5519;
font-weight:bold;
font-size:1.4em;
}
div.divtitle3{
margin-top:5px;
padding:0 10px;
color:#DC8505;
font-weight:bold;
font-size:1.4em;
}
div.divtitle4{
margin-top:5px;
padding:0 10px;
color:#717400;
font-weight:bold;
font-size:1.4em;
}
div.divtitle5{
margin-top:5px;
padding:0 10px;
color:#32450C;
font-weight:bold;
font-size:1.4em;
}

.h6{
margin-top:-35px;
margin-left:10px;
padding:2px;
color:#AFA37D;
font-weight:bold;
font-size:3em;
text-shadow: 0 0 .1em #FAFFE4, 0 0 .1em #FAFFE4, 0 0 .1em #FAFFE4, 0 0 .1em #FAFFE4;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.h7{
cursor:pointer;
padding:10px;
color:#f9fcff;
font-weight:bold;
font-size:1.2em;
text-shadow: 0 0 .2em #ffa85b, 0 0 .2em #ffa85b, 0 0 .2em #ffa85b, 0 0 .2em #ffa85b;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.h8{
padding:0 15px;
color:#202020;
font-weight:bold;
text-align:center;
font-size:1.8em;
text-shadow: 0 0 .2em #f9fcff, 0 0 .2em #f9fcff, 0 0 .2em #f9fcff, 0 0 .2em #f9fcff;
-o-transition: -o-transform 1s ease;
-webkit-transition: -webkit-transform 1s ease;
cursor:pointer;}

.h8:hover{
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
text-shadow: 0 0 .2em #ff9900, 0 0 .2em #ff9900, 0 0 .2em #f9fcff, 0 0 .2em #f9fcff;}