/* 
  -------------------------------------
  Curvitude by Project Seven Development
  Modified by jim coe
  Layout 1 column for landing page
  (from "make-art.css" for home page)
  -------------------------------------
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
#masthead {
	background-color: #FFFFFF;
	color: #999999;
	margin: 6px auto 0 auto;
	width: 770px; /* was 982 */
	height: 84px;
	background-image: url(../images/slices/ahs2_mh_bgd_orn2.jpg);

}
#mastheadBox {
	height: 73px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/* border: 1px #ff0000 solid; */
}
.mastheadText {
/*
	position:absolute;
	top: 38px;
	left: 510px;
*/	
	font-size: 1.6em;
	font-weight: bold;
	color: #338899;
	font-family: "Courier New", Courier, monospace;
	letter-spacing: -0.025em;
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 0px 0px;
	/* white-space: nowrap; */
}
/* this is inside masthead and full width */
#logo {
	padding: 0px; /* was 12px all around */
	height: 73px; /* jc added */
}
#logoPix {
/*
	position: absolute;
	top: 9px;
	left: 268px;
*/
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#searchBox {
	margin: 0px 0px -10px 0px;
	padding: 0px;
	text-align: center;
}
#columntop {
	clear: both;
	background-image: url(../images/slices/art-lesson-770_top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#columnwrapper {
	margin: 0 auto;
	width: 770px;
	background-image: url(../images/slices/art-lesson-770_mid.jpg);
	background-repeat: repeat-y;
}
#pmm_wrapper {
	font-size: 0.8em;
	margin: 12px 0px 0px 15px;
	width: 210px;
}
#c1, #c2, #c3 {
	float: left;
}
/* not using column #1 */
#c1 {
	width: 234px;
}
#c2 {
	width: 770px;  /* was 514 */
	background-image: url(../images/layout/sol-jc1.jpg);
	background-repeat: no-repeat;
	padding-top: 135px; /* pushes content down from pix at top. Was 140px */
	background-position: 22px -78px;
}
/* Not using column C3, onlu C2 */
#c3 {
	width: 234px;
}
#c1 .content {
	font-size: 0.75em;
	padding: 16px 28px 16px 34px;
}
#c2 .content {
	color: #DDDDDD; /* was #CCCCCC */
	font-size: 0.85em; /* was 0.8 */
	padding: 16px 50px 16px 70px;
	line-height: 1.5em;
}
#c3 .content {
	font-size: 0.75em;
	padding: 16px 34px 16px 26px;
}
#jcPix {
	Clear: left;
	float: left;
	width: 120px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
h1 {
	font-size: 1.3em;
	letter-spacing: 0.05em; /* was 0.2em */
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
h2 {
	font-size: 1.10em;
	/* letter-spacing: 0.01em; */
	line-height: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
h3 {
	font-size: 0.9em;
	letter-spacing: 0.02em;
	color: #EFEFEF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#c1 h1 {
	font-size: 1.3em;
	color: #338899;
	letter-spacing: 0.05em; /* was 0.2em */
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#c3 h1 {
	font-size: 1.3em;
	letter-spacing: 0.03em; /* was 0.2em */
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#c3 h2 {
	font-size: 0.88em;
	line-height: 1.3em;
	letter-spacing: 0.01em; /* was 0.2em */
	color: #393939;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#c3 h3 {
	font-size: 0.8em;
	letter-spacing: 0.01em; /* was 0.2em */
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
ul {
	margin: -5px 0px 0px 10px;
}
.topZero {
	margin-top: 0;
}
#pixBox2 {
	padding: 3px 0px 3px 0px; 
	margin: 0px 0px 0px 0px;
	border: 3px double #999999;
	width: 588px;
	/*height: 200px; */
}
#columnbottom {
	clear: both;
	background-image: url(../images/slices/art-lesson-770_bott.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
#footer {
	margin: 0px auto;
	font-size: 0.7em;
	width: 770px;
}
#footercontent {
	margin: 0px 14px 0px 14px;
	padding: 0px;
	color: #333333;
}
/*Default Links - Applies to the Main Content Column*/
.content a:link {
	color: #AADDFF;
	text-decoration: none;
}
.content a:visited {
	color: #CC99CC;
	text-decoration: none;
}
.content a:hover, .content a:focus, .content a:active {
	color: #FFDD88;
	text-decoration: underline;
}
/*
Left Sidebar Links - We add .content to the selector name to 
make it more specific and to eliminate conflicts with the main navigation bar
*/
#c1 .content a:link {
	color: #003399;
}
#c1 .content a:visited {
	color: #663366;
}
#c1 .content a:hover, #c1 .content a:focus, #c1 .content a:active {
	color: #3366FF;
}
/* search link (above content section */
#c1 a:link {
	color: #000000;
	text-decoration: none;
}
#c1 a:visited {
	color: #000000;
	text-decoration: none;
}
#c1 a:hover, #c1 a:focus, #c1 a:active {
	color: #FF0000;
	text-decoration: underline;
}
/*Right Sidebar Links*/
#c3 a:link {
	color: #FFFFFF;
}
#c3 a:visited {
	color: #2F4F53;
}
#c3 a:hover, #c3 a:focus, #c3 a:active {
	color: #000000;
}
/*Footer Links*/
#footer a:link {
	color: #333333;;
	text-decoration: none;
	
}
#footer a:visited {
	color: #333333;;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #3366FF;
	text-decoration: underline;
}
/* ++++++++++++++++++++++++ JC Stuff ++++++++++++++++++++++++++++++++++ */
/* Use only "<hr />", no parameters in HML */
.content hr{
	margin: 0px 160px 0px 160px;
	padding: 0px;
}
hr {
	padding: 0px;
	margin: -7px 140px 14px 140px;
	color: #666666;
	height: 1px;
	color: #333333;
	background-color: #000000;	
}
p {
	padding: 0px;
	margin: 0px 0px 10px 15px; /* was 0px 0px 12px 0px. Added left indent */
	line-height: 1.4em;
}
.artQuoteSigs {
	padding: 0px;
	margin: 5px 0px 0px 15px;
	font-size: 0.9em;
	font-style: italic;
}
.artQuotes {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 1.0em;
}
.topCopy {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}
.whtItalic {
	color: #FFFFFF;
	font-style: italic;
}
.bookBrand {
	font-style: italic;
	font-weight: bold;
}	
.minlineShort {
	line-height: 0.3em;
}
.smallBody {
	font-size: 0.80em;
}
.smallBodyBld {
	font-size: 0.80em;
	font-weight: bold;
}
.minlineVeryShort {
	line-height: 0.05em;
}
.whiteIlloBody {
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.whiteIlloBodySmall {
	color: #FFFFFF;
	font-size: 0.85em;
	line-height: 1.2em;
}
.bookContents {
	padding: 0px;
	margin: 0px 20px 0px 50px;
	font-size: 0.9em;
}		
.bookContentsHead {
	padding: 0px;
	margin: 5px 20px 0px 30px;
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
}
.bookContentsSubHead {
	padding: 0px;
	margin: 5px 20px 0px 40px;
	font-weight: bold;
	color: #666666;
	font-size: 0.85em;
}
.testiContents {
	padding: 0px;
	margin: 10px 20px 0px 25px;
	font-size: 0.9em;
	line-height: 1.4em;
}
.testiSig {
	padding: 0px;
	margin: 0px 20px 10px 50px;
	font-style: italic;
	font-size: 0.85em;
}
.caption {
	font-size: 0.90em;
}
.captionItalicBld {
	font-size: 0.90em;
	font-style: italic;
	font-weight: bold;
}
.blackBody {
	color: #333333;
	font-size: 0.9em;
	line-height: 1.3em;
}