body {
background:url(images/back.jpg) #f6f6f6 fixed;
font:18px/24px Lato, "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#333;
}

#container {
width:880px;
margin:0 auto;
}

/*#left {
top: 0;
left: 0;
padding:0;
width: 450px;
background-color: #25295b;
background-attachment: scroll;
background-image: url("images/layout2.jpg");
background-position: bottom left;
background-repeat:no-repeat;
background-size: cover;
height: 100%;
position: fixed;
box-shadow:0 0 2em #25295b;
}*/

#box {
width:400px;
margin:20px auto;
/*background:rgba(255,255,255,0.8);
background:url(images/bg3.jpg);
padding:15px;
border-radius:25px;
box-shadow: 10px 10px 1em #173306;*/
text-align:center;
}

#box #title {
font-family:Quicksand, Lato, sans-serif;
font-weight:700;
color:#C40E0C;
text-transform:uppercase;
font-size:40px;
margin-bottom:10px;

}

#box #links, #box #domain {
border-top:1px solid #999;
font-family:Quicksand, Lato, sans-serif;
font-weight:400;
text-transform:uppercase;
font-size:14px;
color:#333;
text-align:center;
}

#box #links { padding-top:5px; margin-bottom:-5px; font-size:25px; }

#box #links a {
font-size:25px;
color:#C40E0C;
text-decoration:none;
font-weight:normal;
}

#box #links a:hover, #box #domain a:hover {
color:#C40E0C;
border-bottom:2px solid #830908;
}

#box #domain a {
font-size:14px;
color:#C40E0C;
text-decoration:none;
font-weight:normal;
}


#right {
}

p { margin:5px 0px; }


span.r { color:#C40E0C; }


h1 {
font:30px quicksand, lato, sans-serif;
color:#000;
font-weight:700;
text-transform:uppercase;
}

a { color:#C40E0C; font-weight:bold; }
a:hover { color:#830908; }


#toplink { text-align:center; font-size:25px; }
#toplink a {
font-family:Quicksand, Lato, sans-serif;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
}

#toplink a:hover {
border-bottom:2px solid #999;
}

.center { text-align:center; }

.pagetop, .pagebottom {
text-align:center;
font-size:14px;
text-transform:lowercase;
color:#888;
}

.gbook_sign_notice{ color: #228B22; font-weight: bold; text-align: center; }

.comments {
margin:0px auto 10px;
clear:both;
width:100%;
min-height:130px;
}

.cmt_img {
width:120px;
height:120px;
float:left;
}

.cmt_img img {
border:solid 3px #ccc;
border-radius:10px;
opacity: 0.8;
}

.cmt_img img:hover {
border-color:#888;
opacity:1;
}

.gbook_commentbox {
background-color:#f9f9f9;
margin:0 auto;
padding:5px;
border:solid 3px #ccc;
border-radius:10px;
margin-bottom:20px;
width:720px;
float:right;
line-height:22px;
}

.gbook_commentbox:hover {
border-color:#888;
}

.gbook_comment {
border-bottom:2px solid #aaa;
}

.signed_by {
font-size:14px;
color:#666;
}

.antispam { font-size:14px; font-weight:bold; }


.clear{clear:both;}

.gbook_sign_error{color: #FF3333; font-weight: bold; }

.date_signed { text-align:right; color:#888; font-size:14px; margin:-5px 0px; }

.gbook_guestbook {
font:25px quicksand, lato, sans-serif;
color:#555;
font-weight:700;
text-transform:uppercase;
}

#gbook_entries{
width:675px;
margin:0 auto;
background-color:#f9f9f9;
padding:5px;
border:solid 3px #ccc;
border-radius:10px;
}
.gbook_left{width:250px; height:auto; position:relative; float:left; margin:10px; text-align:right;}
.gbook_right{width:350px; height:auto; position:relative; float:left; margin-top:10px;}


input, textarea {
background:#fff;
padding:2px;
border:3px solid #ccc;
font:14px/20px Lato, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0px;
}

#cmnt { margin-left:20px; !important; }

option, select { 
padding:2px;
border:3px solid #ccc;
font:14px/20px Lato, "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0px;
background:#fff;
}

option { border-width:0px; }

#alert { color:#C40E0C; }


/* big */

@media (min-device-width: 801px) {

	
	}

/* small */

@media (max-device-width: 800px) {


	textarea { width:600px; }
	

}