/* 
Theme Name: Purple Crayon
Description: The Studio's Custom Theme
Author: Mary Fran Wiley
Author URI: http://purplecrayonwebstudio.com
Version: 1.0
*/



/*
UNIVERSAL
*/
body {
	background-image: url('images/background-main.jpg');
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #111111;
}
#container{
	height:795px;
	width:900px;
	padding-left:50px;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	
}
#footer {
	height:105px;
	width:100%;
	background-image:url('images/fbkg.jpg');
	clear:both;
}

#footer-content{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding-left:50px;
	padding-right:50px;
	position:relative;
}
#footer-content p {
	position: absolute;
	right:50px;
	top:15px;
	text-align:right;
	font-size:10px;
	line-height:1.5em;
	color: #592E4A;
	padding:0px;
}
#socialLINKS {
	position:absolute;
	left:50px;
	top:15px;
}
h1, h2, h3, h4, h5 {
	color: #592E4A;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #592E4A;
	text-decoration: none;
}
h2 {
	font-size:45px;
}
a {
	text-decoration: none;
	color: #d90452;
}
a:hover {
	text-decoration:underline;
}
.pageHEADLINE h2 {
}
.pageHEADLINE {
	height:95px;
	margin-bottom:15px;
}
.pageMAIN {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom:30px;
	position: relative;
	height:150px;
}
.pageMAIN p {
	margin-top:0px;
	padding:0px;
}
.clrBOTH{
	clear: both;
	margin-bottom:10px;
}
img {
	border: none;
}
#header {
	margin-bottom:50px;
	position:relative;
}
img.top {
	z-index: 100;
}
#navbar {
	z-index:1;
	position:absolute;
	top:58px;
	left:301px;
	padding:0px;
	margin:0px;
	width:650px;
}
#navbar ul {
	list-style: none;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
#navbar li{
	float:left;
	position: relative;
	list-style:none;
	list-style-type: none;
	
}
#navbar span {
position: absolute;
top: -50px;
left: -80px;
display: none;
width: 110px;
height: 35px;
text-align: center;
padding: 5px;
line-height:110%;
color:#000000;
}


/*HOME PAGE*/
.homeBOX {
	padding: 0px;
	margin: 0px;
	
}
.homeBOX a {
	color: #592E4A;
	text-decoration: none;
	font-size: 24px;
}
.homeBOX ul {
	list-style-type: none;
	list-style: none;
}
.homeBOX li {
	width: 290px;
	float:left;
	position: relative;
	list-style-type: none;
	list-style: none;
	margin-right:10px;
	line-height:1.3em;
}
.homeBOX p {
	font-size: 11px;
	line-height:1.7em;
}
.homeBOX span {
position: absolute;
top: -200px;
left: -20px;
display: none;
width: 322px;
height: 276px;
}
.homePARA p {
	width:620px;
	height:150px;
	margin-right:10px;
	position:absolute;
	top:0px;
	left:0px;
}
#slides1 {
	background-image: url('images/computer.png');
	width:164px;
	height:137px;
	padding-top:6px;
	padding-left:6px;
	position:absolute;
	left:650px;
	top:0px;
}
/* ABOUT */
img.stickPeople {
	margin-top:20px;
}
.leftCOL {
	width:540px;
	margin-right:30px;
	float: left;
	font-size: 14px;
	line-height: 1.8em;
}
.rightCOL {
	width: 300px;
	float:right;
}
/*Portfolio Slide Show*/
#slides {
	position: relative;

}
#slides h3 {
	font-size: 22px;
}
#slides ul{
	width: 190px;
	height:342px;
	position: absolute;
	padding-left:15px;
	padding-top:5px;
	padding-right:5px;
	left:700px;
	top: 0px;
	font-size: 11px;
	background-image: url('images/gallery-bkg.jpg');
	list-style: none;
	list-style-type: none;
}
#slides ul li {
	margin-bottom: 5px;
	line-height: 1.8em;
	list-style: none;
	list-style-type: none;
}
.topmargin {
	margin-top: 10px;
}
#prevNext {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	height:47px;
}
#controller {
	margin-bottom: 10px;
}
.jFlowPrev {
	position: absolute;
	left:0px;
}
.jFlowNext {
	position: absolute;
	right: 0px;
}
/*Contact Form*/
.wpcf7 {
	margin-top:25px;
}
.wpcf7 p{
	margin-bottom:10px;
}
input {
	height: 20px;
	background-image: url('images/contactform-bkg.jpg');
	border: none;
	vertical-align: top;
}
textarea {
	background-image: url('images/contactform-bkg.jpg');
	border: none;
	vertical-align:top;
}
input.submit {
	background-image: url('images/contactform-bkg.jpg');
	font-size: 18px;
	float: right;
	color: #592E4A;
	padding:5px;
	height:32px;
	margin-right:12px;
	
}
form {
	margin-top: 15px;
	width: 480px;
}