/* ------------------------------------------
author: christopher huizar
OneGreatThing.com
------------------------------------------ */

body{
	margin: 10px 0 20px 0;/*----------*/
	padding: 0;
	font-family: georgia, times, serif;
	font-size: 76%;
	text-align: left;
	color: #390402;
	line-height: 1.4em;
	background-color: #dfd4c0;
}

a:link{
	color: #025646;
	text-decoration: none;
}

a:visited{
	color: #007575;
	text-decoration: none;
}

a:hover{
	color: #007575;  /*------------------*/
	text-decoration: underline;
}

a.dontmiss{
	padding: 4px;
	background: #B8DFFF;
	color: blue;
	border: 1px solid #3686DA;
}

#wrap{
	margin: 0 auto;
	width: 950px;
	background:transparent url("../images/trim.jpg") no-repeat top center;
	padding-top: 30px;
}
#header{
	float: left;
	margin: 0 10px 20px;
	display: inline;
	width: 930px;
	position: relative;
}
#title{
	float: left;
	width: 270px;
	margin: 0 0 10px 0;
	display: inline;
}


#menu{
	float: left;
	width: 495px;
	font-weight: bold;
}
#menu ul {
	float: left;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	width: 100%;
}
#menu li {
	float: left;
}

#menu a {
	display: block;
	color: #025646;
	text-decoration: none;
	margin: 0;
	/* height: 23px; */
	padding: 3px 12px;
	/* for IE 5 */
	float: left;
	width: auto;
}
/* IE 5 hack \*/
#menu a { float: none; }
/* End hack */
#menu a:hover {
	color: #007575; 
}



#topInfo{
	margin-left:0px;
	/*width: 710px;*/
}

#sideBoxesHeader p, #sideBoxesHeader h1{
	margin: 1px 0;
	padding: 0 0 0 95px;
}
	

#searcher{
	background-color: #e2c998;
	clear: left;
	position: relative;
	margin: 10px 0;
	padding: 0 0 5px 0;
	float: left;
}


#searcher div{
border: 1px dashed #b6994d;
margin: 5px 5px 0;
padding: 5px;
float: left;
position: relative;
display: inline;
width: 550px;
}

.submitimg2{
position: relative;
top: 10px;
left: 15px;
margin-top: -12px;
}

#bsearcher{
float:left;
margin-bottom:5px;
margin-left:0pt;
margin-right:0pt;
margin-top:2px;
width:550px;
}

#searcher input.search{
	padding: 0 0 0 2px;
margin: 0;
width: 200px;
}

#searcher h2{
margin-bottom: 10px;
}

#searcher p{

}

div#bbo{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

.alignerLeft{
	text-align: left;
}
.alignerRight{
	text-align: right;
}
.floaterLeft{
	float: left;
}
.floaterRight{
	float: Right;
}

.alignerLeft i{
	font-size: 1.1em;
	padding: 5px;
	background-color: #FDFFB6;
	border: 1px solid #CC7B34;
	margin-bottom: 10px;
}

.alignerLeft h2 i{
	line-height: 1.6em;
	font-style: normal;
}
/*---------------------------------------------------------------------- Header Content */


#logInfo{
	clear: both;
	width: auto;
	margin: 5px 0 15px;
	text-align: left;
	font-size: 1.2em;
	float: left;
	width: 690px;
	display: inline;
}

#midLiner{
	float: left;
	width: 100%;
	/*height: 20px;*/   /*-------------*/
	margin: 0 0 10px 0;
	clear: both;
}

#midLiner h2{
	margin-top: 10px;
}

/*---------------------------------------------------------------------- Home | Welcome | */
#homeLeft{
clear: left;
	float: left;
	width: 580px;
}
#homeRight{
	float: right;
	width: 304px;
}
.homeLargeImage{
	float: left;
	margin-bottom: 5px;
}

#searchBox, #creditsBox{
	background-color: #e2c998;     /*------------*/
	width: 200px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;	
	clear: none;
	position: relative;
}

#searchBox div, #creditsBox div{
border: 1px dashed #b6994d;
margin: 5px;
padding: 5px;
}
#searchBox select{
	width:100%;
	background-color: lightyellow;
	margin-top: 10px;
}

#creditsBox{
	text-align: center;
	background-color: #F2EDE4;
}

#creditsBox ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#searchBox form{
	margin: 0;
	padding: 0;
}
#topContent{
	margin: 0 auto;
	width: 725px;
	float: left;
								/*------------*/
}
#homeTopContent{
	width: 570px;
	float: left;
}

#homeTopContent p, #regTopContent p{
	margin-bottom: 12px;
}

#regTopContent{
	position: absolute;
	top: 40px;
	right: 10px;
	width: 230px;
}

#mainContent{
	margin: 25px 0 15px 0;
	clear: both;
}

/*---------------------------------------------------------------------- Detail | */
#detailInfo{
	float: right; 
	clear: right;
	margin: 0 0 10px 0; 
	width:200px;
}
#detailAdditionalInfo{
	margin: 20px 10px 30px 0;
	float:right; 
	width:615px; 
}
#addInfoLeftColumn{
	width: 100%;
	float: left;	
}
#addInfoRightColumn{
	width: 100%
	float: right;
	margin: 10px 0;	
}

#addInfoRightColumn a img{
	padding: 3px;
	border: 1px solid #BBB1A4;
}

#addInfoRightColumn a:hover img{
	padding: 3px;
	border: 1px solid #A69F93;
}

.detailInfoInsert{
	margin: 0 0 10px 0;
}
#detailsMainContent{
	margin: 15px 0 70px 0;  /*----------*/
	width: 500px;
	clear: left;
}
#sideContent{
	margin-left: 10px;
	width: 275px;
	float: left;
	display: inline;
}
.sideBoxes{
	clear: left;
	margin: 0 0 12px 0;
}

.sideBoxes p, #topInfo p, #addInfoLeftColumn p{
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 8px 0;
}

.sideBoxes h2{
	margin: 8px 0 2px;
}

.sideBoxes div{
	margin: -10px 0 !important;
}

#largeDetailBox{
	width: 615px;
	margin: 0 10px 0 20px;
	float: right;
	clear: none;
	border-bottom: 1px dashed #8E6D55;
}

/*---------------------------------------------------------------------- top Content */

#topImg{
	float:left;
	margin: 0 25px 2px 0;
}
/*---------------------------------------------------------------------- ??? */
#homeMainFooter{
	border-top: 1px dashed #b6994d;
	clear: left;
	position: relative;
	display: inline;
	margin: 10px 10px 20px 0;
	float: left;
}

#homeMainFooter div{
margin: 5px 0;
padding: 0;
float: left;
position: relative;
width: 580px;
}

#mainFooter{
	clear: both;
	text-align: center;
}
#leftContent{
	margin: 15px 15px 15px 15px;
	width: 300px;
	background-color: #BDFF32;
	float: left;
}
#rightContent{
	margin: 15px 15px 15px 15px;
	width: 550px;
	background-color: #BDFF32;
	float: right;
}
#rightImage{
	width: 375px;
	background-color: #0A1DFF;
	float: left;
}
#rightFav{
	width: 120px;
	background-color: #FFFA38;
	margin: 0 0 0 381px;
}
#rightInfo{
	width: 300px;
	background-color: #FFDE5A;
	float: left;
}
#rightInfoImg{
	width: 200px;
	background-color: #ffffff;
	float: right;
}

#pageFooter{
	margin: 0 auto;
	text-align: center;
	clear: both;
	margin-top: 10px 0 0 0;
	padding:10px 0 0 0;
	border-top: 1px dashed #8E6D55;
}
.thumbnail{
	position: relative;
	float: left;
	width: 170px;
	height: 170px; /*-----------------*/
	text-align: center;
	margin: 0 0 25px 8px;
	border: none;
}

.favthumbnail{
	float: left;
	width: 200px;
	height: 200px; /*-----------------*/
	text-align: center;
	margin: 0 0 25px 8px;
	border: none;
}

.thumbnail img, .favthumbnail img{
	height: 120px;
	max-width: 130px;
}

.thumbnail img.newimg{
	height: 7px;
	width: 16px;
	position: absolute;
	bottom: 50px;
	left: 25px;
}

.homeThumbnail img{
	max-width: 130px;
	height: 120px;
}

.homeThumbnail{
	float: left;
	width: 140px;
	margin: 10px 0 15px 0;
	text-align: center;
}
.clearboth { 
	clear: both;
 }
.login{
	border: red, 1px, solid;
}
.textIndent{
	padding: 5px 13px 0 0;
}
.reddyRed, .reddyRed a:link, .reddyRed a:visited{
	color: red;
}
.topPad{
	line-height: 60px;
}
h1{
	font-size: 1.2em;
	margin: 0 0 6px 0;
}
h2{
	font-size: 1.2em;
	margin-bottom: 4px;
	margin-top: 5px;
}

h2+p{
	margin-top: -2px;
}

h3{
	font-size: 1.0em;
	display: inline;
}

#accountBox{
	width: 600px;
}

#leftAccount{
	width: 185px; 
	padding: 5px;
	float: left;
	text-align: right;
}
#rightAccount{
	width: 185px; 
	padding: 5px;
	float: left;
	margin: 0 0 0 20px;
	text-align: left;
}

.row {
  clear: both;
 }
.row2 {
	height: 1.4em;
  clear: both;
 }



/*-------------   all newww!!!   -------------*/


#contentHolder{
	display: inline;
	position: relative;
	margin:5px 10px 0 10px;
	clear: left;
	float: left;
	width: 930px;
}
.favThumbnail{
	float: left;
	width: 170px; /*-----------------*/
	text-align: center;
	margin: 0 0 20px 8px;
	border: none;
}

.thumbnail a{
	text-decoration: none; /*-----------------*/
	border: none;
}
.favThumbnail a{
	text-decoration: none; /*-----------------*/
	border: none;
}
.thumbnail a:hover, .favThumbnail a:hover{
	text-decoration: underline;
}
#questionAsker{
	float: left;
}
.qaHorizontalInsert{
	line-height: 2em;
	padding: 0 0 80px 0;
}
.linksHorizontalInsert{
	padding: 0 0 12px 0;
}
h4{
	font-size: 1.1em;
	margin: 0;
}
h5{
	font-size: 1.5em;
	display: inline;
}

p{
	margin: 3px 0;
}

#flipFlopBox{
	float: left;
	width: 406px;
	text-align: center;
	margin-bottom: 10px;
}

#flipFlopBox img{
	margin-bottom: 20px;
}

.submitimg{
	position: absolute;
	top:10px;
	right: 12px;
}

.submitimgb{
display: inline;
margin: 0;
position: relative;
top: 10px;
left: 3px;
}

input.search{
	padding: 0 0 0 2px;
	width: 129px;
	margin-top: 10px;
}

a img{
	border: none;
}

.smalltext{
	font-size: 10px;
}
div.companionset{
	float: left;
	clear: left;
	margin-bottom: 10px;
	padding: 20px 0 10px;
	border-top: 1px dashed #8E6D55;
	width: 100%;
}
div.companionset div.comptext{
	width: 500px;
	float: left;
}

div.companionset div.compimg{
	width: 200px;
	float: left;
	text-align: center;
	display: inline;
	margin-right: 10px;
}

div.comptext p{
	padding-bottom: 12px;
	border-bottom: 1px solid #BBB1A4;
	margin-bottom: 12px;
}

#glossarylist{
	margin: 0;
	padding: 0;
}

#glossarylist li{
	margin: 1px 0;
	list-style: none;
}

h2 + .bibentry{
	margin-top: 0;
}

.bibstripe, .bibstripeo, div.bibgroup div, #glossarylist li{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 1px 0;
	padding: 10px 5px;
}

.bibstripe{
	background-color: #EBE3D6;
}

.bibstripeo{
	background-color: #F2EDE4;
}

.bibcath{
	padding: 8px 5px;
	font-size: 1.5em;
	margin: 10px 0 1px 0;
	color: #025646;
}

div.bibgroup{
	margin: 5px;
}

#memberreg{
	clear: both;
	font-size: 1.1em;
	margin: 5px 0;
	width: auto;
}

#memberreg fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

#memberreg legend{
	font-size: 1.4em;
}
#memberreg li{
	width: 650px;
	list-style: none;
	float: left;
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 10px 6px;
	border-bottom: 1px dashed #C0AEA0;
}

#memberreg ol{
	padding: 0;
	margin: 0;
	float: left;
	margin-bottom: 15px;
}

#memberreg label{
	display: block;
	float: left;
	width: 10em;
}

#memberreg li input, #memberreg select{
	width: 13em;
	float: left;
	position: relative;
	top: -2px;
}

#memberreg textarea{
	width: 20em;
	height: 3em;
}

ul.regmessage{
	width: 700px;
	float: left;
	margin-top: 15px;
	color: red;
	clear: both;
	font-size: 1.6em;
}

#mainlogin #loginside{
	text-align: center;
	font-size: 2em;
	line-height: 2.2em;
}

#mainlogin #loginside input{
	width: 190px;
}

#logoutForm, #loginside{
	position: absolute;
	top: 0;
	right: 5px;
	text-align: right;
}

#loginside input{
	border: 1px solid #C0AEA0;
	padding: 2px 2px;
	width: 90px;
	font-size: .9em;
	margin: 1px 0 1px 3px;
}

button{
	font-size: .9em;
	margin: 2px 0 0;
	border: 1px solid #C0AEA0;
	padding: 2px;
	background-color: #F2EDE4;
	color: #390402;
}

button#logout{
	font-size: .9em;
}

button:hover{
	background-color: #B2C0A4;
}

button.positive{
	margin-right: 5px;
	background-color: #B6DFAA;
}

button.negative{
	background-color: #F6C0BA;
}

button.negative:hover, button.positive:hover{
	background-color: #F2EDE4;
}

ul#qalist{
padding: 0;
margin: 0;
}

ul#qalist li{
width: 695px;
list-style: none;
margin: 0 0 30px 0;
}

ul#qalist p{
padding: 0 0 0 30px;
}

span.bigqa{
float: left;
clear: left;
font-size: 1.5em;
font-weight: bold;
margin: 0 5px 1px 0;
display: inline;
position: relative;
top: -1px;
}

#submitquestion{
padding-left: 95px;
margin-bottom: 20px;
}

textarea#askaq{
font-size: 1.3em;
color: inherit;
padding: 5px;
margin: 5px 0;
width: 600px;
height: 60px;
}

ul#memberdetails, ul#changepwd{
list-style: none;
font-size: 1.2em;
line-height: 1.4em;
}

ul#changepwd span{
display: block;
float: left;
width: 11em;
}

#memberreg textarea.goldtext{
width: 500px;
height: 55px;
}

div#goldthumbs{
margin: 20px 0;
}

div#goldthumbs a img{
border: 1px solid white;
padding: 5px;
margin: 20px 20px 20px 0;
}