/*
-------------------------------------------------
Site: SouthBayQuiltersGuild.org
Created: May 5, 2005
Author: Sherilyn Guernsey
History:
   05/25/05 SG Created
   10/14/05 SG Updated colors of H1, H2. Added TD.quilt
   07/17/06 SG Updated colors for 2007 quilt
   05/24/08 SG Added Library table classes
   08/09/09 SG Set 10pt font for TD
   09/20/09 SG New styles
   07/10/10 SG Updated colors for 2011 QS

SBQG colors:
    blue #3332cc
    light blue #5154d5
    lighter blue #6164d9
    even lighter blue #7174dd

    red  #fe504f

    aqua #00ccff
    light aqua #b9f3ff
    lighter aqua #cdf7ff
    even lighter aqua #d7faff

To do: 
- clean-up entries n/a to SBQG
- deprecated values?
- new gradient background and logo and text img
- 
-------------------------------------------------
*/

/* include styles for other pages */


/* Basic layout entities -------------------*/
html, body
{
    margin: 0px 0px 12px 0px;
    padding: 0px;
    border: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
    background-color: #ffffff;
    text-align: left;
}
#header
{
    background-color: #d7faff;
    text-align: left;
    height: 195px;
    margin: 0px auto 0px;
    padding: 0px;
    border: 0px;
}
/* needed for IE problem */
#header-center
{   
    text-align: center;
}
#header-name {display: none;}
#header-inner {display: none;}
#header-contet {display: none;}
#toc
{
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border-style: none;
    color: #3332cc;
    width: 25%;
}
#content
{
    margin: 0px;
    padding: 0px;
    border-style: none;
    width: 75%;
}

/* Footer */
#footer
{
    font-size: 8pt;
    text-align: center;
    border-top: solid thin #00ccff;
    bottom: 0px;
    height: 10px;
    background-color: #ffffff;
}
#footer-inner {display: none;}
#footer-content {display: none;}

/* Images */
img {margin: 0px; border: none; padding: 0px; }
.img-right {margin: 0px 0px 0px 10px; border: 1px solid black; float: right; } 
hr  {color: #000000; height: 1px; }

/* Lists -----------------*/
li          {margin: 0px 0px 0px 50px; list-style: circle; }
li.level1	{LIST-STYLE: Circle; POSITION: RELATIVE; LEFT: -24px }
li.level2	{LIST-STYLE: Disc; POSITION: RELATIVE; LEFT: -6px }
ul          {margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }

/* Headings -----------------*/
h1 {margin: 0px; font-size: 20pt; font-weight: 600; text-align: center; color: #000000; }
h2 {margin: 0px; font-size: 14pt; font-weight: normal; text-align: center; color: #000000; }
h3 {margin: 0px; font-size: 12pt; font-weight: normal; text-align: center; color: #000000; }
h1.left {margin: 0px; font-size: 20pt; font-weight: 600; text-align: left; color: #000000; }
h2.left {margin: 0px; font-size: 14pt; font-weight: normal; text-align: left; color: #000000; }
h3, h4, h5, h6 {font-size: 100%; font-weight: normal; }

/* Links -----------------*/
a:link, a:visited, a:hover {text-decoration: none; }
a:link  	        {color: #3332cc; }
a:visited	        {color: #3332cc; }
a:hover  	        {color: #fe504f; }
a.footer:link       {color: #000000; }
a.footer:visited    {color: #000000; }
a.footer:hover      {color: #fe504f; }
a.img-right.link    {color: #ffffff; }
a.img-right.visited {color: #ffffff; }
a.img-right.hover   {color: #ffffff; }

/* Table -----------------*/
table 			{font-size: 10pt; padding: 5px; border: none; width: 100%; }
tr.header		{height: 70px; }
td				{vertical-align: top; }
td.marginRed	{FONT-WEIGHT: 600; COLOR: #a41b25; VERTICAL-ALIGN: Top; }
td.marginPurple	{FONT-WEIGHT: 600; COLOR: #c0c0ff; VERTICAL-ALIGN: Top; }
td.marginBlue	{FONT-WEIGHT: 600; COLOR: #5b7ff1; VERTICAL-ALIGN: Top; }
td.marginBlack	{FONT-WEIGHT: 600; COLOR: Black; }
/*td.formlabel	{FONT-SIZE: Medium; TEXT-ALIGN: LEFT; } */
td.img			{TEXT-ALIGN: Left; }
td.quilt		{TEXT-ALIGN: Center; }

/* Free-range rules -----------------*/
.center         {text-align: center; }
.italics	    {font-style: italic; }
.qssections     {font-weight: 600; color: #761924; }
.qsheader {color: #761924; }

/* Library Tables */
table.lib {
	WIDTH: 100%;
	PADDING: 2px;
	COLOR: BLACK;
	margin-left : auto;
	margin-right : auto;
}
table.libnav {
	WIDTH: 30%;
	PADDING: 2px;
	COLOR: BLACK;
	TEXT-ALIGN: LEFT;
	margin-left : auto;
	margin-right : auto;
}
th.lib {
	border : 1px none White;
	text-align : center;
	font-size : 9pt;
	background : #00ccff;
}
th.libheader {
	border : 1px none White;
	text-align : LEFT;
	font-size : 9pt;
	background : #00ccff;
}
th.libnavsubject {
	border : 1px none White ;
	text-align : left ;
	font-size : 10pt ;
}
th.libnav {
	border : 1px none White;
	text-align : center;
	font-size : 9pt;
	font-weight : bold;
}
td.libnav {
    width : 30% ;
	border : 1px none White ;
	text-align : left ;
}
td.libnavsubject{
	border : 1px none White ;
	text-align : left ;
}
td.lib {
	border : 1px none #00ccff;
	border-bottom : 1px solid #00ccff;
	vertical-align : top;
}
td.newsletter {
	border : 1px none #00ccff;
	vertical-align : top;
}


/*Credits: Dynamic Drive CSS Photo Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
    position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img
{
    border: 1px solid white;
    margin: 0px;
}
.thumbnail:hover
{
    background-color: transparent;
}
.thumbnail:hover img
{
    border: 1px solid #3332cc;
}
.thumbnail span
{
    /*CSS for enlarged image*/
    position: absolute;
    background-color: #d7faff;
    padding: 5px;
    left: -1000px;
    border: 1px dashed #7174dd;
    visibility: hidden;
    color: black;
    text-decoration: none;
}
.thumbnail span img
{
    /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span
{
    /*CSS for enlarged image*/
    visibility: visible;
    top: 0;
    left: 230px; /*position where enlarged image should offset horizontally */
    z-index: 50;
}


/* -------------------------------- */
/* -------------------------------- */
/* ------------- Blog ------------- */
/* -------------------------------- */
/* -------------------------------- */

#container
{
}
#container-inner
{
   width: 100%;
}

/* assets */
.asset-name a:hover {text-decoration: none;}

/* left nav column */
#beta-inner {margin: 0px 0px 0px 5px; }