/*Site Wide CSS for chippins.com
Written by Michael Nason, 2010
The following CSS elements are site wide*/

/*Basic Display for each page*/
body
{
text-align:center;
font-size:100%;
width: 1024px;
margin-left:auto;
margin-right:auto;
}

div.top
{
height:3px;
width:1024px;
background:black;
}

img.header
{
display: block;
margin-left:auto;
margin-right:auto;
padding-bottom:3px;
background:black;
}

div.header img
{border: none;}

a {text-decoration:none;}

/*End Basic Display for each page*
 *
 * 
 * 
 * 
 * 
 * 
 */
/* this is the CSS for the site nav bar*/

ul#sitenav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0em 0 0em 0; /* set margins as desired */
font: bold 12px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 0px solid black; /* set border COLOR as desired */
border-top: 0px solid black;
list-style-type: none;
padding: 0px 0px 1px 0px; /* THIRD number must change with respect to padding-top (X) below */
background: white;
width:1024px;
}

ul#sitenav li 
{ /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a 
{ /* settings for selected tab link */
background-color: white; /* set selected tab background color as desired */ color: black; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 1px; /* must change with respect to padding (X) above and below */
}

ul#sitenav li a 
{ /* settings for all tab links */
padding: 1px 5px 1px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px solid black; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: white; /* set unselected tab background color as desired */
color: black; /* set unselected tab link color as desired */
margin-right: 8px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#sitenav a:hover 
{ /* settings for hover effect */
background: black; /* set desired hover color */
color: white;
}

/*active link*/
ul#sitenav li.active a 
{ /* settings for all tab links */
background-color: black; /* set unselected tab background color as desired */
color: white;
}

/* End site nav
*
* 
* 
* 
* 
* 
* 
* */

/* This is the CSS for the Navigation Bar */

ul#tabnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 0 0 0.5em 0; /* set margins as desired */
font: bold 10px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 0px solid black; /* set border COLOR as desired */
border-top: 0px solid black;
list-style-type: none;
padding: 3px 6px 3px 6px; /* THIRD number must change with respect to padding-top (X) below */
background: white;
}

ul#tabnav li 
{ /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 
{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a 
{ /* settings for selected tab link */
background-color: white; /* set selected tab background color as desired */ color: black; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 3px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a 
{ /* settings for all tab links */
padding: 3px 6px 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px solid black; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: white; /* set unselected tab background color as desired */
color: black; /* set unselected tab link color as desired */
margin-right: 12px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover 
{ /* settings for hover effect */
background: white; /* set desired hover color */
color: white;
}

/*active link*/
ul#tabnav li.active a 
{ /* settings for all tab links */
background-color: black; /* set unselected tab background color as desired */
color: white;
}

/* End Navigation-specific CSS 
*
* 
* 
* 
* 
* 
* 
* 
* */


/*Standard Content CSS*/

div.content
{
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div.content img 
{
display: inline;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}

table
{
border: 0px;
}
/*End Standard Content CSS
*
* 
* 
* 
* 
* 
* 
* */


/*Footer CSS*/
div.footer
{
border-top: 3px solid black;
text-align: right;
font-weight: bold;
font-size: 0.9em;
padding-top: 2px;
width:1024px;
}

div.footer a
{
text-decoration: none;
}

div.footer a:link {color:black}      /* unvisited link */
div.footer a:visited {color:black}  /* visited link */
div.footer a:hover {color:black}  /* mouse over link */
div.footer a:active {color:black}  /* selected link */