/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   * taken from blueprint http://www.blueprintcss.org/
   * which seems to have come from http://meyerweb.com/eric/tools/css/reset/
   
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Add graphical quote marks */
blockquote { background-image: url(./images/quotmark.png);
                           background-color: transparent;
                           background-repeat: no-repeat;
                           background-position: 0.0em 0.0ex;
                           color: #000;
                           padding-left: 0.5em; padding-top: 0.2em; padding-bottom: 0;
                           margin-bottom: 0;
                        font-size: smaller;
                        margin-right: 5%; margin-left: 5%;
		}

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remove underlining on anchors that are for names only */
a.name { text-decoration: none; } 
a:hover.name { text-decoration: none; }

/* Borrowed heavily from http://www.glish.com/css/hacks.asp */

        body {  background: #ffffff;
                margin: 0;  /* margins of outer edges of whole page */
                padding: 0;
                font-family: x,Verdana,Helvetica,Arial,sans-serif,x;

                }
		ul, ol {
		padding-left: 10px;
	      margin-left: 25px;
		  list-style-position: inside;
		  }

        #leftcontent {
                position:absolute;
				left: 0px;
				top:102px;
                padding: 0;
				margin-right: 0px;
                width:230px;
                background:#fff;

                }
				
		#leftcontent p { margin-left: 2%; 
		margin-right: 2%;
		}
		
		#leftcontent ul { margin-bottom: 1ex;
		}

        #centercontent {
		/* position: absolute; */
		/* top:202px; */ /* but read below for toptitle */
		clear: both; /* Seeing if this works 2011-12-16 */
		background:#FFF;
		margin-left: 230px;  /* read below for IE5 hacks */
		margin-right: 200px;
		/* REMOVED BORDERS on 2011-02-27 */
		/* border-left:1px solid #000; */
		/* border-right:1px solid #000; */
		/* border-bottom:1px solid #000; */
		padding: 0;
		min-height:600px; 
		height:auto !important; 
		height:600px;
				/*Min-height hack via http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/
				Needs to match the min height pixels above*/ 	

                /*
                IE5x PC mis-implements the box model. Because of that we sometimes have
                to perform a little CSS trickery to get pixel-perfect display across browsers.
                The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
                parsing bug in IE5x PC that will prematurly close a style rule when it runs
                into the string "\"}\"". After that string appears in a rule, then, we can override
                previously set attribute values and only browsers without the parse bug will
                recognize the new values. So any of the name-value pairs above this comment
                that we need to override for browsers with correct box-model implementations
                will be listed below.

                We use the voice-family property because it is likely to be used very infrequently,
                and where it is used it will be set on the body tag. So the second voice-family value
                of "inherit" will override our bogus "\"}\"" value and allow the proper value to
                cascade down from the body tag.

                The style rule immediately following this rule offers another chance for CSS2
                aware browsers to pick up the values meant for correct box-model implementations.
                It uses a CSS2 selector that will be ignored by IE5x PC.

                Read more at http://www.glish.com/css/hacks.asp
                */
                voice-family: "\"}\"";
                voice-family: inherit;
                margin-left: 232px;
                margin-right:201px;
				padding-bottom: 12px;
				/* margin-bottom: 12px; */
                }

        html>body #centercontent {
                margin-left: 232px;
                margin-right:225px; /* Changed from 201px on 2011-02-27 */
                }
				
		#centercontent p, h1, h2, h3, h4, h5, pre, dl , table {
 		margin-top: 0;
		padding: 10px 10px 0px 10px;
		margin-right: 2%;
		margin-left: 2%;
                }
		#centercontent table {
			background-color:#FFFFFF;
			
		}
		#centercontent td, th {
			padding: 5px;
		}
		#centercontent  ul {
		  padding-top: 12px;
          padding-bottom: 12px;
		  padding-left: 2em;
		}
		#centercontent li {
			text-indent: -2em; 
		}
		
		/*	table formatting thanks to Cody Lindley via http://icant.co.uk/csstablegallery/index.php?css=51#r51
		*/
		.datatable table a:link {color: #CC6633;}
		.datatable table a:visited {color: #CC6633;}
		.datatable table a:hover {color: #999966;}
		.datatable table a:active {color: #CC6633;}
		.datatable table a:focus{color: #CC6633;}


		.datatable table caption {
				padding: 18px 2px 15px 2px;
				color: #cfcfcf;
				background-color: inherit;
				font-weight: normal;
				text-align: center;
				text-transform: capitalize;
				}

		.datatable table{
				border: 1px solid #D9D9D9;
			}
		.datatable table tr td{
				padding: 6px 9px;
				text-align:left;

			}
		.datatable table thead th{
				background-color: #E5E5D8;
				border-bottom: 1px solid #ccc;
				border-left: 1px solid #D9D9D9;
				font-weight: bold;
				text-align:left;
				padding: 16px 9px;
				color:#592C16;
			}
		.datatable table tbody tr th{
				background-color: #fff;
				font-weight: normal;
				border-left: none;
				padding: 6px 9px;
				background-color: #E5E5D8;
			}
		.datatable table tbody td{
					border-left: 1px solid #D9D9D9;
			}
		.datatable table tbody tr.odd{
			background-color: #F3F3F3;
		}
		
		.datatable table tbody tr:hover {
			color: #333333;
			background-color: #E5E5D8;
		}

		.datatable table tbody tr.odd:hover {
		color: #333333;
			background-color: #E5E5D8;
		}

		.datatable table tfoot td, .datatable table tfoot th{
			border-top: 1px solid #ccc;
			font-weight:bold;
			color:#592C16;
			padding: 16px 9px;
			
		}
		#discoghistory table {width: 96%; border-style: solid; border-width: 2px; }
		

				
		dl.compact dt {
		float: left;
		margin: 0;
		padding: 0 0.333em 0 0;
		font-weight: bold; 
	}
	
		dl.compact dt:after {
		content: ": ";
		}
		

				
		
        #rightcontent {
            position:absolute;
			background:#F0F0F6;
			margin: 15px;
			padding: 10px; 
			right:0px;
			top:102px;
			width:190px; /* CHANGED FROM 200px to 190px on 2011-02-27 */
			voice-family: "\"}\"";
			voice-family: inherit;
			top:102px;  /* nudges things down in FF 1.0x */
		/**** REMOVED 2011-02-27 
				min-height:600px; 
				height:auto !important; 
				height:600px;
		END REMOVED 2011-02-27 *****/
		/*Min-height hack via http://blog.themeforest.net/general/15-css-tricks-that-must-be-learned/
		Needs to match the min height pixels above*/ 
		
		/**** ADDED 2011-02-27 *****/
		/**** Rounded corners added *****/
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
 			-moz-box-shadow: 5px 5px 5px #888;
			-webkit-box-shadow: 5px 5px 5px #888;
			box-shadow: 5px 5px 5px #888;
		/***** END ADD 2011-02-27 *****/
                }
				
		#rightcontent p { margin-bottom: 1.5ex; 
		}

        #toptitle {
				clear: both;
                background:#ffffff;
                height:102px; /* for IE 5 But read below in html>body */
                voice-family: "\"}\"";
                voice-family: inherit;
                height:102px; /* for IE 6 and FF */
                }

        html>body #toptitle {
                height:102px; /* for CSS 2 browsers */
                }

        #toptitle img { padding: 0;
                 margin: 0;
                        }


        #toptitle h1 {
                padding:0;
                margin:0;
                }

        #toptitle p {
                padding:0;
                margin:0;
                }
		.logo  {
position:absolute; 	left:50%; 	width:500px; 	margin-top:5px; 	margin-left:-320px; 	padding:0px;}

        
		
		
		h2 { font-weight: bold;
			font-size: larger; }
		
        h3 {
            color: #777777;
			font-weight: bold;
           }
        
        ul.menu {
                margin: 0;
                list-style: none;
                padding: 0;       /* Originally planned extra indention for lists but having problems with IE vs FF */
                font-weight: bold;
                }
        li { padding: 0 15px 0 15px;
            }
			
		             

        #rightcontent p {
                font-size:12px;
				margin-right: 2%; margin-left: 2%;
                }
				
		#rightcontent   a {
        color : #333333;
        text-decoration : underline;
        background-color : transparent;
        }

        #rightcontent a:hover {
        color : #999;
        text-decoration : underline;
        background-color : transparent;
        }

        p.note {
                text-align: center;
                font-size: smaller;
                }

       /* links should change color */
       a {
        color : #333333;
        text-decoration : underline;
        background-color : transparent;
        }

        a:hover {
        color : #909090;
        text-decoration : underline;
        background-color : transparent;
        }
		
		.black a {
        color : #fff;
        text-decoration : underline;
        background-color : transparent;
        }

       /* links in rightcontent context should be lighter to show up on background */
    
	    /*** Added box for footer 2011-02-27 ***/
	    div.footer, footer  { margin-right: 20%;
				margin-left: 20%; 
		        padding-left: 1em;
				padding-right: 1em;
				padding-top: 1.5ex;
				padding-bottom: 1ex;
	     		-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				background-color: #F0F0F6;
				-moz-box-shadow: 5px 5px 5px #888;
				-webkit-box-shadow: 5px 5px 5px #888;
				box-shadow: 5px 5px 5px #888;
        }


	a.external:after {content:url(http://www.merseybeasts.com/images/out-arrow.png)
	}

/* Override A tag decorations for tags that are merely name links */
/*	#nametag { text-decoration: none;
			color: #777777;
		} */
/* Remove underlining on anchors that are for names only */
a.name { text-decoration: none; } 
a:hover.name { text-decoration: none; 
			color: #000000; }