/* stylesheet.css */

/* style rule for the page body */

html {scrollbar-base-color:#FFFFFF;}

body {
	margin: 5px;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:center;
	
}
/* To push everything out to the sides of the window, use: margin: 0px; */
/* background-image:url("pix/MBwrapper_ExitClov_MKUltraClaps.jpg"); */
/* Unvisited links */



a:link{
   color: #000000;
border:none;
   /*color: #00bfff; sky blue */

}

/* Visited links */ 

a:visited{
   color: #666666;
border:none;
   /*color: #ff00ff; fuchsia */

}
h1 {
	color:#000000;
	margin-top:12px;
	margin-bottom:0px;
	/*color: #ff1493;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.7em;
}
	
	
/* Just for reference:	
	color: #A90046; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
*/

/* Also just for reference (a style rule for headings)
h1 {
	background-color: #86F8F5; 
	color: #EF4195;
	font-style: italic;
}
*/

/* Style for HEADER */
#header{

margin:0;
	/*background-image:url("pix/MousyBabe_etsybanner_fulltitle.gif");
	background-color: #ffe4e1; 
	background-repeat:repeat; */
}
/* Another example: border-bottom: thick double #191970; */

/* To keep the text away from the edges: */

/* Style for sidebar column */
#sidebar{

           float: left;
           display: inline;
           padding: 0;
           margin: 2px;
           width:196px;
	border: 1px solid #000000;
	
}

#main{ 
	text-align:right;
	margin-top:35px;
    /*position:relative;
margin-left: 200px;*/

}

#menu{
	color:#CC0000;
	margin:0;
	padding:0;
	text-align:center;
	border: 1px thin solid black;
}


#sidebarright{
       padding: 0;
       margin: 2px;
       width: 200px;
       
}

img.maingif{
	width:400px;
	height:400px;
	text-align:left;
	/*border: solid 4px #000000;*/
}

img.sidegif{
	width:85px;
	margin:5px;
	border:none;
}

img.highlight{
	border: 3px solid #CC0000;
	width:90px;
	margin-left:0px;
}

img.discog{
	width:85px;
	height:85px;
}

/* Style for FOOTER */
#footer{
	width:100%;
	height: 30px;
	background-color: #ffe4e1;
	border-top: thin solid #ff1493;
	clear: both; /* This makes sure the footer doesn't crawl up over the sidebar or main content sections. The clear: property is the opposite of the float: property. It tells an element not to float next to an item that's above or beside it. You can use clear:left; to prevent floating next to an element to the left. You can use clear:right; to prevent floating next to an element to the right. Or you can use clear:both;, as we've done here, to make sure the page footer doesn't float next to anything. */
}
/*Another example: border-top: thick double #191970*/


#small-box {
  width:400;
  height:400;
  border:1px solid black;
  overflow:scroll;
  }

table.title{
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
}
table.main{
	margin:auto;
	border-collapse: collapse;
	text-align:center;
}

table.footer{
	margin:auto;
	border-collapse: collapse;
	text-align:center;
}

table.menu{
	padding:0;
	text-align:center;
	border-collapse: collapse;

	
}

/* Style for tables of thumbnail images*/
table.thumbs{
	text-align: center;
	border-collapse: collapse;
	margin: auto;
}

/* Style for table cells that contain thumbnails*/
td.thumbs{
	border: solid 1px #00bfff;
	padding: 10px;
}

td.maincontainer{
	width:420px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	padding-right:2px;
	font-size:0.88em;
}

td.aboutcontainer{
	width:420px;
	text-align:left;
	vertical-align:top;
	margin-top:100px;
	padding:0px;
	padding-right:2px;
	font-size:0.88em; 
	background: url("./nppix/18angier-500_OPAQUE.jpg"); background-repeat: no-repeat;
}

td.menu{
	text-align:right;
}


table.minimalist{
	margin:auto;
	width:500px;
	height: 350px;
	border: 1px thin solid black;
	border-collapse: collapse;
	background-color: #FFFFFF;
	margin-top:100px;
	color: #000000;
}

/* Style for thumbnail images */
img.thumbs{
	width: 100px;
	border:none;
}