/* $Id: layout.css,v 1.5.2.1 2007/01/17 05:28:41 jjeff Exp $ */

/**
*  LAYOUT STYLES
*
*  Define CSS classes to create a table-free,
*  3-column, 2-column, or single column layout 
*  depending on whether blocks are enabled in the 
*  left or right columns.
*/

/**
 * Layout
 */
 
 
/*   min-width:195px;
  width: auto !important;*/

#container {
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
  
}


div #header{background-color: #fff;margin: 0px; padding: 0px; width: 100%; height: 110px;}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.both-sidebars {
  /*min-width: 1200px;*/
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  /*min-width: 780px;*/
  
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#main {
  float: left;
  width: 100%;
  _width: 99.8%;
  margin: 0;
  padding: 0;position: relative;}



/* So we move the #main container over the sidebars to compensate */
body.sidebar-left #main {
  margin-left: -210px;
  
}
body.sidebar-right #main {
  margin-right: -210px;

}
body.both-sidebars #main {
  margin: 0 -210px;

}

#squeeze {
  position: relative;
  padding: 0 1em;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.both-sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
  margin: 0 0 5em;
  padding: 0 5px 0 10px;
  width: 195px;
  float: left;
  z-index: 2;
  position: relative;
  background-color: #dedefb;
}

#container .sidebar .block {
  margin: 0 0 1em 0;
}

#sidebar-left .block {
  padding: 0 10px 0 0px;
}

#sidebar-right .block {
  padding: 0 5px 0 10px;
}

.block .content {
  margin: 0.3em 0;
}

#footer {
  float: none;
  clear: both;
  margin: 4em 0 -3em;
  background-color: #000080;
}

.quote{background-color: #EBF2F8;padding: 5px;}
/*
body.sidebar-left  #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.both-sidebars #footer {
  margin: 0 -210px;
}

*/
/* css for t-shirt gallery */
a.slidea {background:url(/files/image/tshirts/front.gif);}
a.slideb {background:url(/files/image/tshirts/back.gif);}
a.slidec {background:url(/files/image/tshirts/close_front.gif);}
a.slided {background:url(/files/image/tshirts/close_back.gif);}

#containergallery2 {position:relative;
width:413px;
height:400px;
margin: 0px 30px 0px 0px;
padding: 0px;
}

#containergallery {position:relative;
width:413px;
height:400px;
margin: 0px 30px 0px 0px;
padding: 0px;
}

a.gallery, a.gallery:visited {
	display:inline;
	color: #a4a0a0;
	text-decoration:none;
	width:65px;
	height:95px;
	float:left;
	margin:375px 10px 0px 0px;
	position:relative;
	border: 1px #ccc solid;
	clear: right;
}

a.gallery span {visibility:hidden;
display:block;
/*position:absolute;*/
width:413px;
height: auto;
/*top: 400px;*/
left: 0px;
color: #333;
background-color: #fff;
/*border: 1px #ccc solid;*/
}

a.slidea span {margin:-375px 0px;}

a.slideb span {margin:-375px -77px;}

a.slidec span {margin:-375px -155px;}

a.slided span {margin:-375px -233px;}


a.gallery:hover {white-space:normal;
z-index:100;
border: 1px #eee solid;}

a.gallery:hover span {visibility:visible;
z-index:100;}

a.gallery:hover span img {margin: 0;
position:relative;
z-index:100;}

a.gallery:active, a.gallery:focus {z-index:10;
border-bottom: 1px #ccc solid;}

a.gallery:active span, a.gallery:focus span {visibility:visible;
z-index:10;}

a.gallery:active span img, a.gallery:focus span img {position:relative;
margin:0;
z-index:10;}

form.ebay{
width:600px;
height:100px;
background-color: #EEEEEE;
padding: 5px;
margin: 60px 30px 0 0;

}

form.ebay2{
width:605px;
height:100px;
background-color: #C6CBFD;
padding: 5px;
margin: 10px 30px 0 0;

}

/*a .gallery slided{
width:413px;
height:400px;
background-color:#9999CC;
padding: 0px;
margin: 0 0 20px 0 ;
float:left;
}*/



a.slidea span {
	visibility: visible;
	z-index:10;
}

/*Only added for the share module*/
span.stbuttontext {
margin-left: 20px;
}



