/* ----------------------------------------------- */
/* CSS code generated by Endecom Computer Services */
/* for www.colleenperron.com                       */
/*                                                 */
/*   Release Date: May 2007                        */
/*   Visit us: www.endecom.com                     */
/*                                                 */
/* ----------------------------------------------- */

@import url("reset.css"); /* import the reset file */


body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #1b374c;
	margin: 15px 0 30px 0;
	}

a        { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #3268B5; text-decoration: none; font-weight: normal;}
a:link        { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #3268B5; text-decoration: none; font-weight: normal;}
a:visited        { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #3268B5; text-decoration: none; font-weight: normal;}
a:hover        { font-family: Arial, Verdana, Helvetica; font-size: 9pt; color: #4087e7; text-decoration: none; font-weight: normal;}


p {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12pt; 
	font-style: normal;
	color: #2a4781;
	text-align: left; 
	text-decoration: none;
	}


#w-wrapper {
	width: 800px;
	/* height: 865px; */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

#wrapper {
	padding: 10px;
	background: url(bgg.gif);
	background-repeat: no-repeat;
	background-color: #ddd;
	}

#wrapper- {
	background: url(mainbg.jpg);
	}

#header {
	height: 200px;
	height: 170px;
	border-bottom: solid 1px #c2cace;
	}

#header img {
	margin: 70px 0px 0px 50px;
	margin: 40px 0px 0px 50px;
	}

#blogpage #header, #artworkpage #header, #aboutmepage #header, #contactpage #header {height: 170px;}

#blogpage #header img, #artworkpage #header img, #aboutmepage #header img, #contactpage #header img {
	margin: 40px 0px 0px 50px;
	}

#headerlogo {
	width: 70%;
	float: left;
	text-align: left;
	font-family: georgia;
	}

#menubar {
	background-color: #ddd;
	background-color: #aebfc0;
	color: #FFF;
	line-height: 0px; /* with borders specified, this needs to be 0px.  Without borders, this needs to be 30px; */
	vertical-align: middle;
	text-align: center;
	border-top: solid white 1px;
	border-bottom: solid white 1px;
	}

#menubar a  { font-family: Arial, Verdana, Helvetica; font-size: 12pt; color: #fff; text-decoration: none; font-weight: normal;}
#menubar a:hover    { color: #4379C6; text-decoration: underline;}


#menubar li {
	display: inline;
	padding: 0px 20px;
	}

#tempmenu {
	text-align: right; color: blue; padding: 20px 20px 0px 0px; border: solid red 0px;}

#tempmenu li {
	display: inline;
	padding: 0px 10px;
	margin: 0px;
	}

#contentareawrap {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #d2dade;
	/*min-height: 580px;
	height: 580px;*/
	}

#homepage #contentareawrap {
	background: none;
	height: 580px;
	}

#contentarea {
	padding: 30px;
	padding-top: 0px;
	/* background-image: url(contentbg.jpg);
	background-repeat: repeat-x;
	background-color: #fff; */
	overflow: auto;
	}

#indexbottomarea {
	/* background-image: url(indexbottombg.jpg);
	background-repeat: repeat-x;
	background-color: #f9fafc; 
	height: 300px; */

	}
#footermenu {
	/*background-color: #efefef;
	color: #88131c;
	line-height: 30px;
	vertical-align: middle;
	text-align: center; */
	}

#subfooter {
	width: 800px;
	height: 20px;
	color: #646464;
	padding: 0px;
	padding-top: 20px;
	margin: 0px auto 5px auto;
	}

#subfooter a {font-size: 10px; color: #768796;}
#subfooter a:link {text-decoration: underline;}
#subfooter a:visited {text-decoration: underline;}
#subfooter a:hover {color: #9db2c8; text-decoration: underline;}

#subfooter #spanright {
	float: right;
	padding-right: 10px;
	font-size: 10px;
	color: #2a4781;
	color: #768796;
	line-height: 1.2em;
	}

#subfooter #spanleft {
	float: left;
	padding-left: 10px;
	font-size: 10px;
	color: #2a4781;
	color: #768796;
	line-height: 1.2em;
	}
#homepage #homelink,
#aboutmepage #aboutmelink,
#blogpage #bloglink,
#artworkpage #artworklink,
#contactpage #contactlink {text-decoration: underline;}

#homepage p {
	font-size: 14px;
	letter-spacing: 0px;
	word-spacing: 2px;
	line-height: 20px;
	width: 260px;
	}

.contentheader {
/* float: left */
	padding: 30px 0px 20px 0px;
	clear: right;
	border: solid green 0px;
	margin-bottom: 0px;
	}

#contentarea p  {
	clear: both;
	margin-top: 0px;
	}

#homepage #contentarea p  {
	clear: none;
	}

#homepage .homecontentheader {
	float: left;
	margin-top: 30px;
	}

#homepage .collage {
	float: right;
	margin-right: -25px;
	margin-top: 20px;
	margin-left: 15px;
	}

#artworkpage #contentarea p  {
	clear: both;
	margin-top: 20px;
	}

/* -------------------------------------- */
/* --------- ART BOX CSS CODE ----------- */
/* -------------------------------------- */


.artbox {
	width: 500px;
	margin: 0px auto 20px auto;
	background-color: #fff;
	clear: both;
	border: solid #2a4781 1px;
	border: solid #b2bed7 1px;
	}

.on {
	background-color: #1b374c;
	border: solid #061e4f 1px;
	}

.artboxwrap {
	margin: 5px 5px 5px 5px;
		background-color: #fff;
	}

.artboxtitle {
	background-color: #d1d6e1;
	padding: 8px 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	color: #061e4f;
	}

.artboxpicture {
	border: solid black 0px;
	text-align: left;
	background-color: #fff;
	}

.artboxpicture img {
	border: solid black 0px;
	margin: 0px; padding: 0px;
		background-color: #fff;
	}

.artboxdescription {
	float: right;
	width: 44%;
	border: solid red 0px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.2em;
	color: #061e4f;
	padding-top: 20px;
		background-color: #fff;
	}
	
.arttitlebold {
	font-weight: bold;
	}

/* --------------- END ------------------ */
/* --------- ART BOX CSS CODE ----------- */
/* -------------------------------------- */

#disabled #artworkpage #artboxsection {
	/* clear: both; */
	height: 300px;
	overflow: auto;
	}

#contactpage #formarea {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	}

#contactpage #formarea form {
	margin-top: 0px;
	}

#contactpage #contentarea p {
	clear: left;
	margin-right: 400px;
	}

#contactpage #contentarea p.content {
	clear: none;
	margin-right: 0px;
	}

.clear { height: 1%; clear: both; margin: 0; padding: 0;}

.wide {width: 133px; height: 106px;}
.tall {width: 116px; height: 106px;}

input {margin: 5px 0px;}