/*----------------------------------------------------------------
The "bones"
------------------------------------------------------------------*/
body {
	background-color: #fff;
	margin:0; padding:0;
	color: #371802;
	font-family: verdana,arial,sans-serif;
}

#container {
	width:947px;
	margin:0; padding:0;
	border-bottom: solid 1px #888F81;
	border-right: solid 1px #888F81;
	background-image: url(http://engagingeventsbyali.com/_images/faux_column_static.gif);	
	background-repeat: repeat-y;
	background-position: 0px 0px;
	

}

#container_blog {
	width:947px;
	margin:0; padding:0;
	border-bottom: solid 1px #888F81;
	border-right: solid 1px #888F81;

	background-image: url(http://engagingeventsbyali.com/_images/faux_column_blog.gif);	
	background-repeat: repeat-y;
	background-position: 0px 0px;
}




/*----------------------------------------------------------------
navigation
------------------------------------------------------------------*/


#main_nav {
		width:550px;
		margin:0; padding:0;
		background-color: #DDF3ED;
		height:33px;
		border:0px;
border-right: solid 1px #888F81;		
		
}

#main_nav ul {
	width:550px;
	margin: 0; padding: 0;
	list-style-type: none;
	padding-top: 5px;
	

}

#main_nav li {
	font-size: 13px;
	font-family: georgia,times,serif;
	text-transform: uppercase;
	margin:0; padding:0;
	display: inline;



}

#main_nav a {
	font-weight:bold;
	color: #664C0E;
	margin: 0;
	padding-left:15px;
	text-decoration: none;



}

#main_nav a:hover, #main_nav a:active {
	color: #664C0E;
	text-decoration:underline;



}

#main_nav li p:first-letter {
	font-size:16px;




}
/*----------------------------------------------------------------
Link styling
------------------------------------------------------------------*/

a:link, a:visited {
	font-weight: bold;
	font-family:georgia,times,serif;
	font-size: 12px;
	color:#A3371F;
	text-decoration: underline;
}

a:hover, a:active {
	color: #B01E1E;
	text-decoration: none;	
}


/*----------------------------------------------------------------
Main, left_column, right_column 
------------------------------------------------------------------*/

#main { /*main content area includes left and right column */
	float:left;
	width: 731px;
	margin:0; padding:0;
}

	#left_column { /*includes logo and content column */
		float: left;
		width: 550px;
		padding:0;margin:0;
	}

		#logo {
			width:550px;
			height:110px;
			background-color: #92B9AF;
			margin:0; padding:0;
 			border-bottom: solid 1px #888F81;
border-right: solid 1px #888F81;		
}



		#banner {
			width:550px;
			margin:0;padding:0;
			border-top: solid 1px #888F81;
border-right: solid 1px #888F81;		
}


		#content {
			width: 515px;
			margin:0; padding:0;
			padding:15px;
		}

		#content p {
			margin:0; padding:10px 30px 10px 0px;
		}


	#right_column {  /*includes vertical image bar or blog navigation */
		width:180px;
		padding:0;margin:0;
		float:right;

	}

		#right_column img {
			padding:0; margin:0;
		}
		
		#blog_nav {
			width: 180px;
			margin:0; padding:15px 0px 0px 0px;
		}
			
			#blog_nav ul {
				list-style: none;
				margin:0;
				padding:10px 5px 15px 5px; 
			}
			
			#blog_nav ul li {
			line-height: 1.2em;
			padding-bottom: .4em;
			}



/*----------------------------------------------------------------
Sidebar 
------------------------------------------------------------------*/

#sidebar {
	width:215px;
	margin:0; padding:0;
   float:right;


}

#sidebar p {
	margin:0; padding: 0px 15px 35px 15px;
	text-align:center;
}

#sidebar h2 {
	margin:0; padding: 25px 15px 15px 15px;
	text-align:center;
}

#sidebar h3 {
	margin:0; padding:15px;
	padding-top:0px;
	text-align:center;
}


#quote {
	width:215px;
	margin:0;padding:0;
	background-color: #92B9AF;
	border-bottom: solid 1px #888F81;
}

#site_tag {
	width:215px;
	margin:0;padding:0;
	background-color: #DDF3ED;
	border-bottom: solid 1px #888F81;
}

#shop {
	display:none;
	margin-top:2em;margin-bottom:2em;
	margin:0;padding:0;
	background-color: #fff;

}

#dancers {
	width:215px;
	margin:0;padding:0;
	background-color: #fff;
	border-top: solid 1px #888F81;
}

div#jeanm {margin-top:2em;margin-bottom:2em;text-align:center;}

a#jeanmlink {}

img#jeanming {border:1px solid #ccc !important;}


/*----------------------------------------------------------------
Photographer's page
------------------------------------------------------------------*/



.photo_credit img {
border: solid 1px #868E7E;
float: left;
padding: 0px;
margin: 7px;
}

.photo_credit h2 {
margin: 0px 15px 0px 140px; !important;
}

.photo_credit p {
margin: 0px 0px 0px 140px !important;
}


/*----------------------------------------------------------------
HP styling
------------------------------------------------------------------*/

#hp-intro {
border: 1px dotted #888F81;
padding: 0px 10px 5px 10px;
background-color: #F5FBFA;
margin-bottom:50px;

}

#hp-intro p:first-line {
font-weight: bold;
font-size: 13px;
color: #664C0E;
font-family: georgia,times,serif;
}

#hp-intro ul {
margin: 0; padding: 0;
list-style-type: none;
padding-top: 0px;
float: right;

}

#hp-intro li {
font-size: 13px;
font-family: georgia,times,serif;
margin:0; padding:0;
display: inline;
}




/*----------------------------------------------------------------
Footer
------------------------------------------------------------------*/

#footer {
width:731px;
margin:0; padding:0;
background-color:#DDF3ED;
border-top: solid 1px #888F81;
border-bottom: solid 1px #888F81;
}


#footer p {
	margin:0; padding: 5px;
}


/*----------------------------------------------------------------
Typography
------------------------------------------------------------------*/

p, li {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #371802;
}



p.date_category {
position:relative;
top:-6px;
line-height:0px;
}

h1, h2, h3, h4 {
	font-family: georgia,times,serif;
	color: #664C0E;
}

h1 {
	font-size: 16px;
	text-transform: uppercase;
	padding: 0px 0px 3px 0px;
	margin: 10px 30px 0px 0px;
}

	h1:first-letter {
		font-size: 20px;
	}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 20px;
	padding:0;
	margin: 15px 30px 0px 0px;
}
	
	h2:first-letter {
		font-size: 18px;
	}

h3 {
	font-size: 12px;
	margin: 10px 30px 0px 0px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 30px 0px 0px;
}

.page_title {
	font-size: 16px;
	margin:0; padding:20px 0px 25px 0px;
	text-transform: uppercase;
	border: none;
}

	.page_title:first-letter {
		font-size: 20px;
	}


blockquote {
  	background: transparent url(http://engagingeventsbyali.com/_images/quote_open.gif) left 10px no-repeat;
	margin-left:10px; padding-top:0;
	padding-left:45px;
}

blockquote div {
  background: transparent url(http://engagingeventsbyali.com/_images/quote_close.gif) right 85% no-repeat;
}
	


/*----------------------------------------------------------------
Image treatments
------------------------------------------------------------------*/

	.img_border { /* images including borders - no alignment */
	border:1px solid #868E7E;
	padding: 0px;
	margin: 7px;
	}


	/* images within text right or left aligned */
	.img_left {
	padding: 0px;
	margin: 0px 7px 5px 0px;
	border: 1px solid #868E7E;
	float: left;
	}

	.img_right {
	padding: 0px;
	margin: 7px;
	border: 1px solid #868E7E;
	float: right;
	}

	.landscape {
	border:solid 1px #868E7E;
	padding: 18px 0px 18px 0px;
	margin: 3px;
	}

	.portrait {
	border:solid 1px #868E7E;
	padding: 0px 18px 0px 18px;
	margin: 3px;
	}


/*----------------------------------------------------------------
Search
------------------------------------------------------------------*/


#search {
border-bottom: solid 1px #868E7E;	
background-color: #fff;
padding: 10px 0px 10px 0px;
}

#search h3 {
float: left;
text-transform: uppercase;
margin: 5px 3px 0px 6px; padding: 0;
}

#search form {
margin:0;padding:0;
}


/*----------------------------------------------------------------
form styling
------------------------------------------------------------------*/
label {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	color: #371802;
	width:100px;
	float:left;
	text-align:right;
	margin-right:5px;
}

fieldset {
	border: 1px dotted #888F81;
	padding:15px;
	background-color: #F5FBFA;
}

/*------------------------
HP Associations
--------------------------*/

div.left {
float:left;
margin:0 35px 25px 0;
}

div.left a img {
margin-bottom:13px;
}

div.right {
margin:0 25px 25px 0;
}

div.right a img {
margin-bottom:10px;
}