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

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

body{margin:0; padding:0; /* celticvibes */
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #216495;
	background-image: url(/new/images/body-background.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#gbook_header{width:600px; height:150px; margin:0 auto; background-image:url(images/book.png); background-repeat:no-repeat;}

#gbook_top_links{width:450px; height:50px; margin-left:120px; margin-top:10px;}

a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003399; text-decoration:underline;}
a:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003399; text-decoration:none;}

#gbook_top_links a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color: #003399; color: #216495; /* celticvibes */ text-decoration:underline; font-weight:bold;}
#gbook_top_links a:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#003399; text-decoration:none; font-weight:bold;}

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

span.gbook_entries_top{/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#003399; celticvibes*/ text-decoration:none; line-height:25px;}

br.clear{clear:both;}

.clear{line-height:10px; clear:both}

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

h1{margin:0; padding-top:5px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; /*color:#010097; celticvibes */ font-weight:bold; font-size:20px; /*position:relative; left:30px; celticvibes */}
/*--------------------------------------------HEADER--------------------------------------------*/


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

.gbook_commentbox{width:96%; height:auto; background-image:url(images/bg_comment_box.gif); background-repeat:repeat-x; background-color:#f9f9f9; margin:0 auto; border:solid 1px #CCCCCC; display: table; margin-bottom:20px;}

.gbook_left_box{width:30%; height:auto; float:left; position:relative;}
.gbook_right_box{width:68%; height:auto; float:right;}
.gbook_right_box_1{width:50%; height:auto; float:left;}
.gbook_right_box_2{width:50%; height:auto; float:right;}

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{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; padding-left:5px; float:left; margin-bottom:7px; margin-top:3px;}
span.gbook_submitted_by{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; padding-left:5px; line-height:18px; }
span.gbook_comments{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12px; margin-bottom:7px; float:left; margin-top:3px; }
span.gbook_comment{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; float:left; line-height:18px; margin-right:5px; text-align:justify; }
span.gbook_added{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px; float:left }


a.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:underline;}
a.gbook_submitted:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}

.gbook_bottom a{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:underline; font-weight:bold;}
.gbook_bottom a:hover{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none; font-weight:bold;}
.gbook_bottom {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:none;}


#gbook_guestbook{width:100%; height:auto; margin-bottom:20px;}
span.gbook_guestbook{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:20px; color:#0e67af; font-weight:bold; text-align:center}
span.gbook_required{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; }


#gbook_entries{width:500px; margin:0 auto; background-color:#f4f9fd; border: solid 1px #b0b0b1; margin-bottom:10px;}
.gbook_sign_error{color: #FF3333; font-weight: bold; margin-left:10px; margin-top:10px;}
.gbook_sign_text{font-size: 12px; color: #464645; margin-left:10px; margin-top:10px; margin-right:10px; text-align: justify;}
.gbook_sign_notice{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: #228B22; font-weight: bold; text-align: center; margin-bottom: 10px;}

.gbook_left{width:150px; height:auto; position:relative; float:left; margin-left:10px; margin-top:10px;}
.gbook_right{width:300px; height:auto; position:relative; float:left; margin-top:10px;}

span.gbook_entries{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:12px; line-height:25px; }
span.gbook_small{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#464645; font-size:11px;}

textarea{margin-left:10px; 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:14px; 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:237px; 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; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#464645;}
div.gbook_emoticons{font-size: 12px; color: #464645; margin:10px; text-align: center;}
img.gbook_emoticon {border:none; margin:5px;}

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



#cv-container {
	width: 53em;  /* 46em: this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #ccc;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#cv-header { 
	background-image: url(/new/images/header-background.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0;
	/*padding: 0 10px 0 20px; */ /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#cv-header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ /* was 10px 0 */
}
#cv-header img {
	border: none;
}
#cv-header span {
	display: none;
}



#cv-menu ul {
	white-space: nowrap;
	font-size: smaller;
	padding: 6px 0 3px 20px;
	margin: 0;
	background: #b5daae url(/new/images/menu-background.jpg) top center repeat-x;
}

#cv-menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 3px 10px;
	border-right: #fff 1px solid;
	font-weight: bold;
	/*letter-spacing: 120%;*/
}

#cv-menu ul li a {
	color: #000;
	text-decoration: none;
}

#cv-menu ul li a:hover, 
#cv-menu ul li a:active {
	color: #009;
	background-color: #ccc;
}



#cv-footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #b5daae url(/new/images/menu-background.jpg) top center repeat-x;
} 
#cv-footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: smaller;
}