/*-------------------------------------------------------------
	LAZARUS GROUP CMS - www.lazarusgroup.com
	Modified: December 05 2008
	Written by: Scott Phelps (scott@lazarusgroup.com)

	TABLE OF CONTENTS
	1. GLOBAL SETTINGS, HTML, BODY
	2. Wrap
	3. Head & Logos
	4. Body
	5. Footer
	6. Calendar
	7. CMS Variables (Typography Styles)
	8. Extras
	9. Slideshow

--------------------------------------------------------------
	1. GLOBAL SETTINGS, HTML, BODY
--------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	}

a { outline: none;}
	
body {
	background: #fcfcef;
	color: #2b2b2b;
	font: 88%/1.6em Times, Times New Roman, Georgia, serif;
	text-align: center;
	}


/*-------------------------------------------------------------
	2. WRAP
--------------------------------------------------------------*/

#wrap {
		background: url(/site_images/pro_bg.png) 0 0 no-repeat;
		height: auto;
		margin: 0 auto;
		text-align: left;
		width: 1000px;
		/*border: 1px solid #efefd1;*/
		}

/*-------------------------------------------------------------
	3. HEAD & LOGOS
--------------------------------------------------------------*/
#head {
	background: url(/site_images/head_bg.jpg) 0 0 repeat-x;
	height: 210px;
	min-height: 210px;
	position: relative;
	width: 1000px;
	margin-bottom: 24px;
	}

/* Email Signup */
	#head form#email_signup {
		color: #fff;
		position: absolute;
		right: 10px;
		top: 20px;
		padding: 20px;
		background: #7E8928;
		border: 2px solid #B5BF5F;
		}

		#head form#email_signup span {
			background-color: #FFF35F;
			color: #000;
			padding: 2px 5px;
			}

		#head form#email_signup label {
			font-weight: bolder;
			}

		#head form#email_signup input.input_text {
			margin: 3px 3px 3px 0;
			height: 18px;
			border: 1px solid #B5BF5F;
			color: #3F3F3F;
			}

/*-------------------------------------------------------------
	3. NAV
--------------------------------------------------------------*/

		#head ul {
			display: inline;
			position: absolute;
			width: 1000px;
			height: 45px;
			bottom: 0;
			left: 10px;
			}

		#head li {
			list-style: none;
			float: left;
			}

		#head ul li a {
			color: #fff;
			font: 2em Helvetica, Calibri, Arial, sans-serif;;
			padding: 6px 6px 6px 7px;
			margin-right: 12px;
			text-decoration: none;
				/* Rounded Corners Firefox*/
				-moz-border-radius-topright: 12px;
				/* Rounded Corners Webkit */
				-webkit-border-top-right-radius: 12px;
			}

		#head li a:hover {
			background-color: #FCFCEF;
			color: #000;
			border-top: 1px solid #B5B8B1;
			border-left: 1px solid #B5B8B1;
			border-right: 1px solid #B5B8B1;
			padding: 6px 5px 6px 6px;
			}

	#head li a:active {}

	
	/* Persistent Navigation */
body#Home #head li a.home,
body#NewArrivals #head li a.newarrivals,
body#WriteTheFuture #head li a.wtf,
body#Events #head li a.events,
body#LookingFor #head li a.lookingfor,
body#About #head li a.about {
	background-color: #FCFCEF;
	color: #000;
	font-size: 2em;
	padding: 5px 5px 6px 5px;
	text-decoration: none;
		/* Rounded Corners Firefox*/
		-moz-border-radius-topright: 12px;
		/* Rounded Corners Webkit */
		-webkit-border-top-right-radius: 12px;
		border-bottom: 6px solid #CC0000;
		border-top: 1px solid #B5B8B1;
		border-left: 1px solid #B5B8B1;
		border-right: 1px solid #B5B8B1;
	}

hr {
	border: 1px;
	height: 1px;
	color: #CC0000;
	background-color: #CC0000;
	}

div.hr {
	border-bottom: 1px dashed #9F9F77;
	height: 2px;
	margin: 0 auto;
	width: 480px;
	}

/*-------------------------------------------------------------
	4. BODY
--------------------------------------------------------------*/
#content, #events {
	border-top: 1px dotted #c4b797;
	border-left: 1px dotted #c4b797;
	border-right: 1px dotted #c4b797;
	float: left;
	}

#content {
	height: auto;
	min-height: 450px;
	margin: 8px;
	width: 725px;
	line-height: 1.4em;
	font-size: 1.1em;
	position: relative;
	z-index: 1;
	}
	
	#content span.flourish {
		background: url(/site_images/flourish.png) no-repeat;
		height: 138px;
		width: 151px;
		display: block;
		position: absolute;
		z-index: -1;
		top: -30px;
		left: -40px;
		}

#events {
	position: relative;
	z-index: 1;
	padding-top: 50px;
	width: 220px;
	height: auto;
	margin: 8px;
	}
	#events span.event_flourish {
		background: url(/site_images/event_flourish.png) no-repeat;
		height: 72px;
		width: 278px;
		display: block;
		position: absolute;
		z-index: -1;
		top: -20px;
		left: -30px;
		}

#events h1 {
	font-size: 1.1em;
	margin: 0 0 0 20px;
	letter-spacing: -.01em;
	font-family: Times, Times New Roman, Georgia, serif;
	color: #2B2B2D;
	font-weight: 500;
	
	}

#events h2 { 
	font-size: 1.5em;
	line-height: 20px;
	color: #9F3E3B;
	padding-bottom: 0px;
	letter-spacing: -.05em;
	margin: 0 20px 0 20px;
	font-style: italic;
	font-weight: 200;
	}

#events h3 {
	font-size: 1.2em;
	color: #6F6F6F;
	margin: 0 20px 0 20px;
	font-weight: 300;
	border-bottom: 6px solid #CC0000;
	}

#events p {
	color: #6F6F6F;
	margin: 0 20px 0 20px;
		font: 100%/.9em Times, Times New Roman, Georgia, serif;
	}	
		
		
#content p {

	font-size: 1em;
	margin: 20px;
}

#content a, #content a:visited {
color: #071f56;
}

#content a:hover {
color: #7E8928;
}

#content ul, #content ol {
list-style-position: inside;
padding: 5px 0 5px 15px;
line-height: 2em;
}

#content p.highlight {
	background: #99AFDF;
	width: auto;
	}


/*-------------------------------------------------------------
	5. FOOTER
--------------------------------------------------------------*/

#footer  {
	background: #EFEFD1 url(/site_images/footer.jpg) 0 0;
	clear: both;
	height: 250px;
	}
	
	#footer ul {
		font-size: 1.5em;
		padding: 12px 0 10px 20px;
		}

	#footer ul li {display: inline;}

	#footer ul li a, #footer ul li a:visited {
		text-decoration: none;
		margin: 5px;
		font-weight: bold;
		color: #fff;
		font-family: Helvetica, Arial, sans-serif;
		}

	#footer ul li a:hover {color: #000;}

#footer div {
	}

	#footer div h3 {
		font-size: 2.5em;
		margin-bottom: 5px;
		}

#footer p {
	font-size: 1em;
	line-height: 1.25em;
	margin-left: 25px;
	}

	#footer a, #footer a:visited {
		color: #000;
		}
	
	#footer a:hover {
		color: #000;
		}


/*-------------------------------------------------------------
	6.    STYLES
--------------------------------------------------------------*/

.dow {
background-color:#462923;
font-size:11px;
color:#FFFFFF;
width:74px;
float:left;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#entry {
width:69px;
float:left;
height:50px;
background-color:#FFF;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#entry_full {
width:69px;
float:left;
height:50px;
background-color:#25588B;
color:#fff;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
cursor:pointer;
}

#entry_full:hover {
background-color:#CCCCCC;
color:#000;
}

#entry_blank {
width:69px;
float:left;
height:50px;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#outline {
border:1px solid #FFFFFF;
width:525px;
padding:2px;
}

.calendar_content {
width:500px;
background-color:#EFEFEF;
margin-top:10px;
color:#000;
font-size:12px;
border:1px solid #000000;
padding-left:5px;
padding-right:5px;
}

#calendar_nav {
width:525px;
padding-top:10px;
}

#calendar_nav a {
font-size:12px;
font-weight:bold;
}

#calendar_nav a:hover {
text-decoration:none;
}462923

#calendar_list {
width:525px;
background-color:#EFEFEF;
margin-bottom:10px;
padding:3px;
font-size:12px;
}

h2.header {
font-size:20px;
padding-top:5px;
padding-bottom:5px;
}

/*-------------------------------------------------------------
	CMS STYLES
--------------------------------------------------------------*/
h1 {
	font-size: 2.5em;
	line-height: 36px;
	margin: 20px 0 20px 20px;
	letter-spacing: -.01em;
	font-family: Times, Times New Roman, Georgia, serif;
	color: #2B2B2D;
	font-weight: 500;
	}

h2 { 
	font-size: 1.5em;
	line-height: 28px;
	color: #9F3E3B;
	padding-bottom: 2px;
	letter-spacing: -.05em;
	margin: 20px 0 20px 20px;
	font-style: italic;
	font-weight: 400;
	}

h3 {
	font-size: 1.2em;
	color: #6F6F6F;
	margin: 20px 0 20px 20px;
	font-weight: 300;
	}

h4, h5, h6 {
	font-size: .9em;
	font-weight: 200;
	margin: 20px 0 20px 20px;
	}

h1 + h2 {margin: -15px 0 10px 20px;}
h2 + h3 {margin: -10px 0 10px 20px;}
h3 + h4 {margin: -10px 0 10px 20px;}

#content p {
padding: 10px 10px;
font-family: Georgia, Times, serif;
color: #4F4F4F;
font-size: 1.1em;
line-height: 1.5em;
}

p.caption {
padding: 5px 5px 15px;
}

#content .readmore { 
font-size: .9em;
margin-right:25px; 
margin-bottom:10px; 
text-align:right;
}

#content .readmore a, 
#content .readmore a:visited {
color: #6F6F53;
}

#content .readmore a:hover {
	color: #000;
	text-decoration: none;
	}

img.right {
float:right; 
margin: 0 0 30 20px; 
border:3px solid #ccc; 
}

img.left {
float:left; 
margin: 10 20 15 0px; 
border:3px solid #ccc; 
}

img.center {
border:3px solid #ccc; 
}

img.uparrow {
float:left; 
margin: 3 5px 0 0px; 
border:0px; 
}

.date_class {
margin-left:20px;
}



blockquote { 
padding:15px;
margin: 5px;
background-color: #B4BF53; 
color: #fff;
float: right;
width: 200px;
text-align: right;
border: 1px solid #7E8928; 
}

/* ACTION LINE */
#content .actionline {
text-align: right;
padding: 3px 0 3px 30px;
width: auto;
}

#content .actionline a, 
#content .actionline a:visited {
color: #333333;
font-size: .8em;
text-decoration: none;
}

#content .actionline a:hover {
	text-decoration: underline;
	}

#content .actionline a.email {
	margin-right: 25px;
	}


.dateline {
	color: #000;
	background: #EFEFD1;
	padding: 2px 20px 0 20px;
	margin: 0 15px -5px 15px;
	width: auto;
	font-size: .75em;
	line-height: 1.5em;
	border-bottom: 1px solid #CFCF9B;
			/* Rounded Corners Firefox*/
		-moz-border-radius-topright: 12px;
		/* Rounded Corners Webkit */
		-webkit-border-top-right-radius: 12px;
	}

.dateline span {}

.byline {
	margin-left:20px;
	text-decoration:italic;
	font-style: italic;
}

#contactform label {
text-align: right;
display: block;
float: left;
width: 200px;
margin: 0 8 0 0;
vertical-align: middle;
}

#contactform ol {
list-style-type: none;
padding-top: 10px;
}

#contactform li {
list-style-type: none;
padding: 5 5 5 5;
border-bottom: 1px solid A9D34B;
}

#contactform fieldset {
width: 550px;
background: #d7ecfd;
}

#contactform legend {
padding: 0 2px;
font-weight: bold;
}

#contactform em {
color: #dc241f;
font-style: normal;
}



/*-------------------------------------------------------------
	8. EXTRAS
--------------------------------------------------------------*/

.emailsignup {
	float: right;
	color: #fff;
	margin: 120 20 0 0;
	}

.v-menu {
	position: absolute;
	border: 2px solid #071F56;
	margin: 5px;
	width: 450px;
	height: 350px;
	z-index: 100;
	bottom: 150px;
	background-color: #fff;
	}

	.box {
		background: #808c2c;
		height: 375px;
		width: 450px;
		min-height: 365px;
		min-width: 450px;
		padding: 10px;
		float: left;
		color: #fff;
		text-align: center;
		line-height: 25px;
		padding-top: 25px;
		}

	 /* Image Fade */
	#slideshow {
		width: 410px;
		height: 410px;
		float: left;
		}

	 ul#portfolio {
		list-style: none;
		padding: 0px;
		margin: 0px;
		}

	 ul#portfolio li img {
		border: 1px solid #ccc;
		padding: 4px;
		}

.error {
	color: #7E8928;
	}

/*EMAIL FORM*/
#email_art_form fieldset, fieldset {
	border: 1px solid #efefef;
	padding: 8px;
	}

	#email_art_form ul, 
	#email_art_from li {
		list-style: none inside;
		}

		#email_art_form label {
			width: 60px;
			margin-right: 10px;
			}

		#email_art_form label em {
			color: #ff0;
			}

		#email_art_form span {
			
			}

		#email_art_form input {
			
			}

		#email_art_form textarea {
			
			}

		#email_art_form input.submit {
			
			}
		
		#email_art_form p {
			padding-left: 50px;
			}

		#email_art_form textarea {
			padding-left: 30px;
			}

			#email_art_form p span {
				color: #000;
				font-size: 10px;
				}

		/*  Sidebar Styling */
		#events button a {
			color: #071F56;
			text-decoration: none;
			}

/* 9. SLIDESHOW */
table#slideshow {
	width: 455px;
	height: auto;
	}
	
	/*media library images*/
	
.media_lib_image_left {
float: left;
margin: 3px 20px 3px 3px;
padding-right: 20px;
}

.media_lib_image_right {
float: right;
margin: 3px 0px 3px 3px;
padding-left: 20px;
}

.media_lib_image_center {

margin: 3px 3px 3px 3px;
padding-right: 20px;
padding-left: 20px;
}

.media_lib_image {
margin: 3px 3px 3px 3px;
}