/* -------------------------------------------------------------- 
  
   Copper Harbor Boat Works Screen CSS
   Written By: Charles Choiniere
   For: Jacob North Illustration
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/color.css";

/* Site Layout
-------------------------------------------------------------- */
  
body {
	margin: 0;
	padding: 0 0 25px 0;
}

#masthead {
	margin: 45px auto 0 auto;
	width: 800px;
	height: 100px;
	position: relative;
}

div.vert-rail,
#content {
    margin: 0 auto;
    width: 800px;
}

#content-primary {
    display:inline;
	position: relative;
	width: 641px;
	float: left;
    margin: 0 0 0 159px;
	padding-bottom: 72px;
}

#content-secondary {
    display:inline;
	position: relative;
	width: 150px;
	float: left;
	margin: 0 0 0 -800px;
}

#site-info {
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 800px;
}

a.center { margin: 0 auto; display: block; }

img.center { margin: 0 auto 1em auto; display: block;}
img.left { float: left; margin: 0 1em .5em 0;}


/* Masthead
-------------------------------------------------------------- */



/* Content Primary 
-------------------------------------------------------------- */

#shows #content-primary { padding-bottom: 250px;}
#about #content-primary,
#contact #content-primary { padding-bottom: 10px;}
#links #content-primary { padding: 20px 0 370px 0;}
.banner {
	margin: 0 auto 18px auto;
}
img.center { margin: 0 auto 18px auto;
	padding-top: 15px;
}

img.right {
	float: right;
	margin: 0 0 1em 1.5em;
}
img.left {
	float: left;
	margin: 0 1.5em 1em 0;
}

.bumpdown {
	padding-top: 30px;
}

p.clear {
	clear: both;
}
p.paragraphleft {
	float: left;
}

#home #content-primary img.banner { margin: 20px 0 20px}

#gallery a.lightbox { float: left; margin: 15px; padding: 5px;}


/* Content Secondary
-------------------------------------------------------------- */
* html #content-secondary ul li { margin-right: 3px;} /*IE6 3pix bug fix*/
#content-secondary ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
#content-secondary ul li {
    border-bottom: 1px solid #000;
    margin-bottom: 1px; 
    width: 145px;
}

#content-secondary ul li a {
    display:block;
    padding: 2px 10px 2px 0;
}

/* =Site-Info
-------------------------------------------------------------- */

#site-info { padding: 25px 0; margin-bottom: 10px;}