/*
-----------------------------------
	CSS For Pierfishing.com
	Rich Reano
-----------------------------------
*/


/*- - - - - - - - - - - - - - - - - -
 TOP LEVEL ELEMENTS
- - - - - - - - - - - - - - - - - -*/

html { 
	/* min-width:800px; */
}

body {
	text-align:center;
	font:12px verdana,tahoma, arial, helvetica, sans-serif;
	color:#000;
	background:#fff url(/images/bg.gif) repeat left top;
	margin:0 0 0 0;	
}

#canvas {
	position:relative;
	width:800px;
	text-align:left;
	margin: 0 auto;	
	border-left:1px solid #999;
	border-right:1px solid #999;
	background:#fff;
}


/*- - - - - - - - - - - - - - - - - -
 MASTHEAD AND MAIN HEADINGS
- - - - - - - - - - - - - - - - - -*/

h1 {
	margin-top:0;
	margin-bottom:0;
	overflow:hidden;
	
	/* image details */
	background:#fff url(/images/bannermain.jpg) no-repeat left top;
	padding-top:227px;
	width:800px;

	height: 0px !important; /* for most browsers */
	height /**/:227px; /* for IE5.5's bad box model */
}

h2 {
	margin-top:0;
	margin-bottom:0;
	overflow:hidden;
	padding-top:0px;
	height: 0px !important;
	height /**/:1px; /* need at least 1 to completely hide element in IE5 */
}

.clear {
	clear:both;	
	height:0;
	overflow:hidden;
}


/*- - - - - - - - - - - - - - - - - -
 MAIN CONTENT 
- - - - - - - - - - - - - - - - - -*/

#todaysdate {
	font-size:10px;
  position:absolute;
  right:10px;
  color:#ccc;
  top:215px;
	z-index:10;
}

#nav {
	padding-top:2px;
	background:url(/images/navgrad.gif) repeat-x left top;
	width:800px;
	height:21px;
	position:absolute;
	right:0px;
	top:227px;
}

#nav ul {
	margin-top:0;
	margin-left:0;
	padding-left:0;
	display:inline;
	} 

#nav ul li {
	margin-left:0;
	padding:3px 15px;
	background:url(/images/separator.gif) no-repeat right;
	/* border-left:1px solid #fff; */
	list-style:none;
	display:inline;
	}
	
		
#nav ul li.first {
	margin-left:0;
	border-left:none;
	list-style:none;
	display:inline;
	}

#nav a {
	font-size:13px;
	color:#ccc;
	text-decoration:none;
}

#nav a:hover {
	text-decoration:underline;
	color: #fff;
}



#ownthebook {
	background:url(/images/ownthebook.jpg)  no-repeat left top;
	height:199px;
	width:332px;
	position:absolute;
	top:213px;
	right:0;
	display:block
}

#ownthebook a {
  width:332px;
  height:199px;
  display:block;
}
#ownthebook #booktext {
	display:none;
}

#maincontent {
	padding-left:20px;
  padding-top:30px;
	padding-bottom:40px;
	width:445px;

  min-height:400px;
  height:auto !important;
  height:400px;
}

#maincontent .spotlight {
	margin-bottom:8px;
	border-bottom:1px dotted rgb(204,204,204);
}

#maincontent .spotlight img {
	position:relative;
	float:right;
	padding-top:2px;
	padding-left:10px;
	width:200px;
	height:98px;
}

#maincontent p {
	text-align:justify;
	color:rgb(70,70,70);
	margin-top:0;
}

#maincontent h3 {
	font-family:Georgia, "Times New Roman", serif;;
	margin-top:0;
	margin-bottom:0;
	color:rgb(51,102,153);
}

#maincontent h3 a {
	margin-bottom:-12px;
	font-size:20px;
	color:rgb(51,102,153);
	text-decoration:none;
}

#maincontent a:hover {
	text-decoration:underline;
}


/*- - - - - - - - - - - - - - - - - -
 SUBCONTENT
- - - - - - - - - - - - - - - - - -*/

#subcontent {
	position:absolute;
	top:415px;
	right:25px;
	padding-left:30px;
	border-left:1px dotted rgb(204,204,204);
}

#search {
	width:233px;
}

#search form {
	/* close up vertical spacing around form in IE */
	margin-top:0;
	margin-bottom:0;
}

#search fieldset {
  padding-left:10px;
	border:1px solid rgb(102,102,102);
}

#search fieldset label {
	font:10px tahoma, arial, helvetica, sans-serif;
}

#search #query {
	padding-left:20px;
	width:135px;
}

#search #searchsubmit {
	width:30px;
}

#search legend{
	font:13px tahoma, arial, helvetica, sans-serif;
	color:rgb(102,102,102);
	font-weight:bold;
}

#pierlinks {
	margin-top:25px; /* space between search box and list */
	background:url(/images/heading-piers.gif)  no-repeat left top;
	/* width:174px; */
	width:233px;
}

#pierlinks ul {
	margin-top:0;
	margin-bottom:0;
	padding-top:24px;
	list-style: none;
	margin-left: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

#pierlinks li {
	color:#999;
}



#pierlinks h3 {
	margin-top:0;
	margin-bottom:0;
	display:none;
}

#fishlinks {
	margin-top:20px; /* space between lists */
	background:url(/images/heading-fish.gif)  no-repeat left top;
	/*width:174px;*/
	width:233px;
}

#fishlinks ul {
	margin-top:0;
	margin-bottom:0;
	padding-top:24px;
	list-style: none;
	margin-left: 5px;
	padding-left: 1em;
	text-indent: -1em;
}


#fishlinks li {
	color:#999;
}

#fishlinks h3 {
	margin-top:0;
	margin-bottom:0;
	display:none;
}


.more {
	font:10px tahoma, arial, helvetica, sans-serif;
	color:#333;
	text-indent:18px;
}
.more a {
	color:#333;
	text-decoration:none;
}
.more a:hover {
	text-decoration:underline;
}



/*- - - - - - - - - - - - - - - - - -
 COPYRIGHT
- - - - - - - - - - - - - - - - - -*/

#copyright {
	font:9px tahoma, arial, helvetica, sans-serif;
	clear:both;
	text-align:center;
	padding-top:12px;
	padding-bottom:10px;
	color:rgb(100,100,100);
}