/* 
GBook CSS Document
Template: default
Last modified: August 20th, 2009
*/

/*--------------------------------------------HEADER--------------------------------------------*/

body{
	margin:0;
	padding:0;
	}

#gbook_header{
	width:auto;
	height:auto;
	margin:0 auto;
	}

#gbook_top_links{
	font-size: 1.2em;
	text-align: center;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-top:10px;
	margin-right: auto;
	}

a{
	}
a:hover{
	}

#gbook_top_links a{
	font-weight:bold;
	}
#gbook_top_links a:hover{text-decoration:none; font-weight:bold;}

img.gbook_logo{margin-left:150px; margin-top:10px;}

span.gbook_entries_top{
	font-size: 0.9em;
	text-decoration:none;
	margin-top: 1em;
	margin-bottom: 0.3em;
	display: block;
	}

br.clear{clear:both;}

.clear{clear:both}

hr{ width:99%; height:1px; color:#333333;}

h1{
	margin:0;
	padding-top:5px;
	}
/*--------------------------------------------HEADER--------------------------------------------*/


/*--------------------------------------------BODY--------------------------------------------*/

.gbook_commentbox{
	background-color: #fff;
	width:96%;
	height:auto;
	background-image:url(images/bg_comment_box.gif);
	background-repeat:repeat-x;
	max-width: 891px;
	margin:0 auto 20px;
	border:solid 2px #cccccc;
	display: table;
	}

.gbook_left_box{
	width:28%;
	height:auto;
	float:left;
	position:relative;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
	}
/* for 480px or less */
@media screen and (max-width: 480px) {
.gbook_left_box{
		width:100%;
		float: none;
		padding-right: 0.4em;
		padding-bottom: 0.4em;
		padding-left: 0.4em;
		}
	}
.gbook_right_box{
	width:62%;
	height:auto;
	float:right;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
	}
@media screen and (max-width: 480px) {
.gbook_right_box{
		width:100%;
		float: none;
		padding-right: 0.4em;
		padding-bottom: 0.4em;
		padding-left: 0.4em;
		}
	}
.gbook_right_box_1{width:58%; height:auto; float:left;}
.gbook_right_box_2{
	width:38%;
	height:auto;
	float:right;
	padding-right: 0.4em;
	}

img.gbook_nobrd{border:none; margin-left:10px; margin-right:3px;}
img.gbook_emoticons{border:none; margin-left:3px; margin-right:3px;}

span.gbook_submitted{
	color:#ffffff;
	font-weight:bold;
	float:left;
	margin-bottom:7px;
	margin-top:3px;
	}
span.gbook_submitted_by{
	color:#464645;
	}
span.gbook_comments{
	color:#ffffff;
	font-weight:bold;
	margin-bottom:7px;
	float:left;
	margin-top:3px;
	}
/* for 480px or less */
@media screen and (max-width: 480px) {
span.gbook_comments{
		color:#000000;
		}
	}
span.gbook_comment{
	color:#464645;
	float:left;
	margin-right:5px;
	text-align:justify;
	padding-right: 0.4em;
	}
span.gbook_added{color:#464645; font-size:0.9em;  float:left }


a.gbook_submitted{color:#666633; text-decoration:underline;}
a.gbook_submitted:hover{color:#000000; text-decoration:none;}

.gbook_bottom a{color:#0066FF; text-decoration:underline; font-weight:bold;}
.gbook_bottom a:hover{color:#0066FF; text-decoration:none; font-weight:bold;}
.gbook_bottom {color:#0066FF; text-decoration:none;}


#gbook_guestbook{width:100%; height:auto; margin-bottom:20px;}
span.gbook_guestbook{font-size:1.4em; font-weight:bold; text-align:center}
span.gbook_required {color: #960; }


#gbook_entries{
	width:auto;
	margin:0 auto 10px;
	background-color:#f5f5f5;
	max-width: 500px;
	border: solid 1px #b0b0b1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.gbook_sign_error{color: #FF3333; font-weight: bold; margin-left:10px; margin-top:10px;}
.gbook_sign_text{color: #464645; margin-left:10px; margin-top:10px; margin-right:10px; text-align: justify;}
#gbook_entries a:link { color: green; text-decoration: none; }
#gbook_entries a:visited { color: green; text-decoration: none; }
#gbook_entries a:active { color: #002d00; text-decoration: underline; }
#gbook_entries a:hover { color: #002d00; text-decoration: underline; }

.gbook_sign_notice{font-size:1.05em; font-weight: bold; text-align: center; margin-bottom: 10px;}

.gbook_left{width:35%; height:auto; position:relative; float:left; margin-left:10px; margin-top:10px;}
.gbook_right{width:60%; height:auto; position:relative; float:left; margin-top:10px;}

span.gbook_entries{color:#464645; }
span.gbook_small{color:#464645; font-size:0.9em;}


form input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 90%;
	margin-right:15px
	}


textarea{
	width: 90%;
	margin-left:15px;
	margin-right:15px	
	}

#gbook_bottom_images{ width:400px; height:auto; position:relative; float:left; margin-left:10px; margin-top:15px;}
.gbook_bottom_images img{border:none;}

input.gbook_checkbox{vertical-align:middle;}

img.gbook_sec_img {border:none; margin-top:10px;}

input.gbook_submit{position:relative; top:30px;}
input.submit{border: medium none;  font-size:1.1em; text-transform:uppercase; background-image:url(images/submit.gif); background-repeat:repeat-x; position:relative;  top:10px; color:#FFFFFF; font-family:Verdana; font-weight:bold ; text-decoration:none; width:257px; height:32px;margin-top:0px; }


#gbook_no_spam{position:relative; top:20px; width:100%; height:auto;}
.gbook_no_spam img{border:none}

body.gbook_emoticons{margin:0; padding:0; background-image:url(images/bg.png); background-repeat:repeat-x; background-color:#FFFFFF; color:#464645;}
div.gbook_emoticons{color: #464645; margin:10px; text-align: center;}
img.gbook_emoticon {border:none; margin:5px;}

/*--------------------------------------------BODY--------------------------------------------*/



/*-------------------------------MAKE FORMS RESPONSIVE----------------------------------------*/


/* for 480px or less */
@media screen and (max-width: 480px) {

form input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 90%;
	margin-right:15px
	}
textarea {
	width: 90%;
	margin-left:10px;
	margin-right:15px
	}
#gbook_entries {
		width: 95%;
		margin-right: 0.4em;
		margin-left: 0.4em;
		}
#gbook_bottom_images{ 
		width:95%;
		float:none;
		display: block;
		}
.gbook_left{
		width:99%;
		float:none;
		display: block;
		}
.gbook_right{
		width:99%;
		float:none;
		margin-left:10px;
		display: block;
		}
	}