/* CSS Document */

body{
font-family: 'Open Sans', sans-serif;
font-size:13px;
padding:0px;
margin:0px;
}

a{
text-decoration:none;
}


a:hover{
color:#FF3333 !important;
}

#header{
height:30px;
background-color:#990033;
color:white;
padding:10px;
}

#header a{
color:white;
text-decoration:underline;
}

#header .login{
float:right;
color:white;
padding-right:10px;
}

#header #slogan a{
text-decoration:none;
color:white;
font-size:15px;
}

.clear{
clear:both;
}


#content{
width:100%;
max-width:1000px;
margin:auto;
background-color:#F9F9F9;
padding:10px;
min-height:200px;
border-radius:5px;
}

#content a{
text-decoration:underline;
}

table td{
padding:5px;
}

input{
padding:5px;
border-radius:5px;
border:1px solid #666666;
}

.error{
color:#FF3300;
}

.success{
color:#006600;
}

.warning{
background-color:#990000;
color:white;
padding:10px;
}

.warning a{
color:#FFFFFF;
}

.message{
margin-top:10px;
margin-bottom:20px;
}

.message .header{

background-color:#990033;
color:white;
border-radius: 5px 5px 0px 0px;
padding:10px;
}

.message .text{
padding:15px;
background-color:#FFFFFF;
line-height:22px;
}

.message .text a{
color:#FF0000;
}

#new_message_button{
padding:10px;
background-color:#003366;
color:white;
margin-top:10px;
margin-bottom:10px;
display:block;
float:left;
}

a#new_message_button{
text-decoration:none;
}

a#new_message_button:hover{
color:#66CCCC !important;
}

#new_message textarea{
width:95%;
height:100px;
padding:10px;
margin:10px;
}

.message .nick{
width:200px;
float:left;
font-weight:bold;
}

.message .date{
width:200px;
float:left;
}

.message .ip{
width:130px;
float:right;
margin-right:20px;
}

.message .message_id{
width:50px;
float:right;
}

.message .edit{
width:100px;
float:left;
}

.message .edit a{
color:white;
}

.submit{
padding:10px;
background-color:#003366;
color:white;
borer:1p solid black;
border-radius:3px;
cursor:pointer;
margin:10px;
}

.submit:hover{
color:#66CCCC !important;
}

.more{
width:95%;
background-color:#003366;
text-align:center;
padding:10px;
cursor:pointer;
color:#FFFFFF;
margin:auto;
margin-bottom:25px;
}

#react_box{
padding:10px;
}

.reaction_to{
padding:20px;
color:#999999;
}

.reaction_to .reaction_text{
overflow:hidden;
cursor:pointer;
font-size:11px;
}

.short{
max-height:35px;
}


.reaction_to .reaction_header{
font-weight:bold;
margin-bottom:10px;
font-size:11px !important;
}

#footer{
height:30px;
width:100%;
background-color:#000000;
opacity:0.7;
position:fixed;
bottom:0px;
}

#footer a{
color:#FFFFFF;
float:right;
margin-right:20px;
margin-top:5px;
}

.message_edited{
line-height:20px;
font-size:0.8em;
}



.message_edited a{
color:#ffffff;
}

.text.previous{
display:none;
border-top: 1px solid #999999;
color:#999999;
}

.smile{
height:25px;
padding: 0px 5px 0px 5px;
}

#new_message .smile{
padding:7px;
cursor:pointer;
}

@media (max-width: 1000px) {
.message_edited{
line-height:13px;
font-size:10px;
}

#content{
padding:0px;
}

.message .nick{
width:150px;
}

.message .date{
width:150px;
}

.message .ip{
width:auto;
margin-right:5px;
}

#header #slogan a{
font-size:11px;
}
#new_message textarea{
margin:2px;
parring:2px;
width:93%;
}

#header{
font-size:10px;}

#header{
height:40px;
}

}