/* CSS for g-b.com - fluid 3 col layout */

/* HOME PAGE LAYOUT */

html, body { 
background: #ccccff; 
color: #000; 
margin: 0; 
padding: 0;  
}

/* HEADER LAYOUT */

/* 
#header { 
position:relative; 
background: #fff url(Images/gb-header-may09.jpg) 0% 100% no-repeat; 
height:88px; 
margin:0 auto; 
overflow:hidden; 
z-index:1; 
} 
*/


#header { 
background: #fff url(http://george-beam.com/Images/header-may09.jpg) 0% 100% no-repeat; 
height: 128px; 
width:auto; 
margin:0 auto; 
overflow:hidden; 
z-index:1; 
} 


/* #header a { 
position:absolute; 
height:50px; 
width:330px; 
top:70px; 
left:15px; 
text-decoration:none; 
}
*/

#header a i { visibility:hidden; }

/* TEXTBASED HOMELINK CSS */

#header h1 { 
font-weight:600; 
font-size:120%; 
color:#fff; 
text-decoration:none; 
line-height: 1.5em; 
letter-spacing: 0.10em; 
padding: 0; 
margin: 0 0 10px 0;
position:relative; 
top:30px; 
left:15px; 
z-index:5; 
text-align:left; 
/* hide-from-IE5/Mac hack \*/
top: auto; bottom: 0;
/* end hack */}

/*
#header h1 a {padding: 0 0.10em; color:#7f7f7f; }
#header h1 a, .panel a { text-decoration: none; }
*/

/* NAVIGATION STYLES */

#navigation { position:absolute; top:100px; left:5px; right:0; margin:0; padding:0; z-index:5; clear:both; width:100%; } 
#navbox { float:left; clear:both; width:100%; margin:0; padding:0px; }
#topnav { margin: 0; padding: 0 0 0px 0px; }
#topnav ul, #topnav li { margin: 0; padding: 0; display: inline; list-style-type: none; }

#navbox2 { float:right; width:30%; text-align:right; margin:0; padding-left:20%; }
#topnav2 { margin: 0; padding: 0 0 0px 0px; border-bottom:0; }
#topnav2 ul, #topnav2 li { margin: 0; padding: 0; display: inline; list-style-type: none; }

#topnav a:link, #topnav a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 30px 4px 30px;
text-decoration: none;
color: #000;
}

#topnav2 a:link, #topnav2 a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #330;
}

/*
#topnav a:link#current, #topnav a:visited#current, #topnav a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
*/

#topnav2 a:link#current, #topnav2 a:visited#current, #topnav2 a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#topnav a:hover { color: #999; }
#topnav2 a:hover { color: #999; }

input.btn {
color:#0000FF; 
font-size:100%; 
font-weight:600; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:center; 
width:auto; 
display:block;
float:left; 
padding:0; 
margin-right:5px; 
}

#search { position:relative; right:-2px; width:140px; padding:0; }

#search input.text { width:100px; }

#drop_container { 
position:relative; 
right:-2px; 
width:140px; 
border:0px; 
padding:0; 
margin:10px 0; 
clear:both; 
}

/* BODY HOME PAGE LAYOUT */	

#wrap { 
max-width: 1280px; 
min-width:600px; 
background-color:#ccccff; 
}

#message { 
text-align:left; 
width:auto; 
height:auto; 
font-size:90%; 
margin:20px; 
padding:0; 
}

#msgfloatright { 
float:right; 
text-align:left; 
width:auto; 
height:auto; 
font-size:85%; 
margin:20px 10px; 
padding:0; 
}


#content { 
float:left; 
width:75%; 
font-size:100%; 
line-height:1.5em; 
text-align:left; 
padding:0 0 0 10px; 
border:0px; 
	}

#rbar { 
float:right; 
width:20%; 
}

#content .gutter { 
padding:15px; 
}

#rbar .gutter { 
padding:15px; 
} 

#footer { 
clear:both; 
text-align:center; 
margin-top:20px; 
padding-top:10px; 
/* background-color:#666699; 
border-top:2px solid; 
border-color:#000033; */
}

.fullindent { margin-left:5em; }

#bookwrap { width:530px; padding: 0 0 25px 0; margin:0 0 25px 0; clear:both; }

.bookthumb { float:left; width:20%; padding:0 0 15px 0; margin:0 0 15px 0; }

.bookinfo { float:right; width:75%; padding:0 0 15px 0; margin:0 0 15px 0; } 

.bookthumb2 { float:left; width:150px; }

.bookinfo2 { float:right; width:250px; padding: 0 0 0 3px; margin:0 0 0 3px; font-size:90%; font-weight:900; } 

.item { width:400px; margin:30px 0 35px 0; padding:30px 0 35px 0; clear:both; } 


/* RIGHT NAV CONTAINER AND LIST */
#navcontainer ul { 
margin: 0; 
padding: 5px; 
list-style-type: none; 
font-family: Arial, Helvetica, sans-serif; 
text-align: left;
font-size: 95%; 
font-style: normal; 
font-weight: 500; 
clear:both; 
}
 
#navcontainer a {
color: #000000;
background-color: #F2F2F2;
display: block;
width: 140px;
padding: 1px;
text-decoration: none;
border: 1px solid #FFB90F; 
}
 
#navcontainer { 
position:relative; 
width:auto; 
padding:0; 
margin:0; 
border:0; 
text-align:left; 
}
 
#navcontainer a:hover { color: #000000; background-color: #FAFAFA; } 
 
#navcontainer a:visited { color:#FFFFFF; background-color:#6699FF; } 
 
#navcontainer a:active { color:#FFFFFF; background-color:#990000; }

#navcontainer p a { color:#004080; text-decoration:none; margin:20px 0; font-size:90%; font-weight:900; border:0; background-color:#fff; display:inline-block; }

#thanks { 
position:relative; 
width:100%; 
padding-top:20px; 
margin:5px; 
}

/* STYLES FOR CONTACT FORM */
/* formwrap id is also used here */

#formwrap { width:420px; padding:10px 5px; margin:0; }

#formwrap p { color:#000; font-weight:900; }

#contactform { width:100%; background-color:#efefef; padding-left:10px; margin:5px 0; border:1px solid #ffb90f; }

.contactsend { font-size:14px; background-color:#fff; color:#004080; margin:0 6px 0 0; padding:2px 6px 0 0: }

.contactclear { font-size:14px; background-color:#fff; color:#004080; margin:0 6px 0 0; padding:2px 6px 0 0: }

#contactform dl {
margin: 0;
padding: 0;
font-size: 90%; 
}

#contactform dt { 
color: #000; 
font-weight: 900 !important; 
}

#contactform dd { 
padding:5px 0px; 
margin:0; 
}

#contactform textarea { 
width: 400px; 
height: 180px; 
font-family: inherit; 
font-size: 130%; 
color: #444; 
border: 1px solid #ccc; 
}


.linkslist { 
width:auto; 
text-align:left; 
border:0; 
padding:10px 5px; 
clear:both; 
font-size:100%; 
}

.linkslist ul { list-style-type:none; } 

.linkslist li { padding:2px 0; line-height:1.5em; text-decoration:none; list-style-type:none; }

.linkslist a { text-decoration:none; color:#004080; } 

.linkslist a:hover { color:#09f; }

#toclist { width:auto; text-align:left; border:0; padding:7px; clear:both; font-size:95%; }

.toc1 { padding:2px 0; line-height:2em; font-size:100%; text-decoration:none; font-style:italic; font-weight:900; list-style-type:none; }

.tocsub { padding:6px 0; line-height:1.5em; font-size:95%; text-decoration:none; font-style:italic; font-weight:300; list-style-type:none; }

.author { padding:0; font-size:90%; text-decoration:none; font-weight:900; list-style-type:none; }

.pic { float:left; width:245px; height:200px; margin:10px; padding:5px 0; }

.listitle {
padding:0 20px 10px 20px;
margin:0;
line-height:-1em;
}

.listitle li { 
margin:5px 0 0 0; 
}

#linkbox { width:auto; padding:0; margin:0; border:none; }

#buttons { position:relative; width:100%; margin:0; padding:0; border:none; } 

#buttons img { float:left; margin-left:5px; padding:0; border:none; }

#imgalwrap { 
clear:both; 
width:auto; 
padding-top:20px; 
text-align:left; 
}

#imgalwrap li { 
display:inline; 
} 

/* THUMBNAILS THROUGHOUT SITE */
.thumbnail { position:relative; float:left; width:100px; height:120px; border:0; margin:10px; padding:5px; }

.rect_item { position:relative; float:left; width:200px; border:0; margin:2px; padding:0; }

.lgthumbnail { float:left; width:155px; border:0; margin:0px 5px 5px 0px; padding:0px 5px 5px 0px; }

.clearboth { clear: both; }

.square_item { position:relative; width:140px; padding: 5px 0; border: 0px; }


/* CSS for George Beam's Book list */

/* Here's a tip: READ ERIC MEYER CONTAINING FLOATS AND SET A FLOAT TO FIX A FLOAT ARTICLES */

#thebooklist { float:left; width:500px; border:none; padding:10px 0 10px 30px; width:504px; background:none; }

#thebooklist dl { float:left; margin:20px 20px; padding:0; width:430px; display:inline; /* fixes IE WIN dbl marg bug */ }

#thebooklist dt { margin:0; padding:0; font-size:130%; width:162px; letter-spacing:1px; color:#627081; float:right; width:180px; }

#thebooklist dd { margin:0; padding:0; font-size:95%; line-height:1.5em; color:#666; }

#thebooklist dd.bookimg img { float:left; margin:0 4px 0 0; padding:4px 15px 4px 0px; border:none; }

#thebooklist dl dd.bookimg { margin:0; }

#thebooklist .alt dd { margin:0; }


/* REVERSE FLOAT CODE */
#thebooklist .alt dt { float:left; }

#thebooklist .alt dd.bookimg img { float:right; margin:0 0 0 4px; padding:4px 0px 4px 15px; }


/* CSS for George Beam's Book pages */

#thebookblock { float:left; width:700px; border:none; padding:10px 200px 10px 0; margin:10px 300px 10px 0; width:704px; }

#thebookblock dl { float:left; margin:20px 20px; padding:0; width:360px; display:inline; /* fixes IE WIN dbl marg bug */ }

#thebookblock dt { margin:0; padding:0; font-size:120%; width:200px; letter-spacing:1px; color:#627081; float:right; width:200px; }

#thebookblock dd { margin:0; padding:0; font-size:85%; line-height:1.5em; color:#666; }

#thebookblock dd.img img { float:left; margin:0 4px 0 0; padding:4px; border:none; }

#thebookblock dl dd.img { margin:0; }

#thebookblock .alt dd { margin:0; }


/* CSS for the REVERSE FLOAT CODE used in George's book list */
#thebookblock .alt dt { float:left; }

#thebookblock .alt dd.img img { float:right; margin:0 0 0 4px; }

.publisher { font-size:85%; font-style:italic; }

#quotewrap { background-color:#363636; font-color:000;