/*
Theme Name: Living Arts v1.0
Theme URI: http://wordpress.org/
Description: Handcrafted for Living Arts.
Version: 1
Author: Jill Low
Author URI: http://definitelyjill.com
Tags: Living Arts

*/


/* Don't get lost. Use this as a guide. */
/*------------------------------------------------------------------

[Layout]

* body
	+ Wrapper / #wrap
	+ Navigation / #navi
		- Selected Navi / .current
	+ Header / #header
		- Teaser / #header_image
		- Video / #vid
	+ Content / #main_content
		- Top Corner Background (for Teaser) / #topcorner
		- Content / #content
			- Title / h1.title
			- Posts / .posts
			- Page Navigation / .pagenav
			- Search Form / #searchform
			- Comments / #comments
		- Left Sidebar / #sidebar_left
			- Our Classes / #our_classes
			- Fees & Schedule / #fees_schedule
			- Upcoming Events / #events
		- Right Sidebar / #sidebar_right
			- Sign Up / #sign_up
			- Chat / #chat
	+ Footer /#footer

------------------------------------------------------------------*/
/* End of getting lost. */


/* Resetting all icky CSS to make everything the same in all browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* RESET DONE */


hr { display:none; }
a { color:#701471; }
a:hover, a:visited:hover { color:#f4911e; }
a:visited { color:#fbbd7a; }


body {
	background:#fff url('images/background.gif');
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:100%;
    line-height:1.125em;
	_font-size:16px;
}

#wrap {
	width:920px;
	margin:10px auto;
}
	
	#navi {
		width:871px;
		height:37px;
		float:left;
		padding:8px 10px 0 39px;
		background:url('images/whitebg-navi.png') top right no-repeat; 		_padding:0px 10px 0 39px;
	}
	
		#navi ul {
			width:871px;
			height:37px;
			float:left;
			background:#80296d url('images/navi-bg.gif') top left repeat-x; 
			
		}
		
		#navi li {
			height:33px;
			float:left;
			margin:0 20px 0 20px;
			font-size:0.73em;
			text-transform:uppercase;			
		}
			
			#navi li a {
				float:left;
				height:25px;
				padding:7px 3px 0 3px;
				color:#fff;
				text-decoration:none;
			}
			
			#navi li a:hover, #navi li a.selected {				height:23px;
				padding:6px 3px 0 3px;
				border-bottom:4px solid #f79e3c;
				color:#feedd9;
				text-decoration:none;							}

			#navi li a.selected:hover { text-decoration:underline; }			
	

	#header {
		width:900px;
		height:251px;
		float:left;
		padding:0 10px;
		background:url('images/whitebg-header.png') top right no-repeat; 
	}
	
		#header_image {
			width:590px;
			float:left;
		}
		
		#vid {
			width:310px;
			float:left;
		}
		#vid .vvqbox { margin: 0px auto !important; }
	
	
	#main_content {
		width:910px;
		height:auto;
		float:left;
		padding:0 10px 0 0;
		background:url('images/whitebg-base.png') top right repeat-y; 
	}
		
		#topcorner {
			width:41px;
			height:10px;
			float:left;
			background:url('images/whitebg-topcorner.png') top left no-repeat; 
		}
		
		#content {
			width:434px;
			float:left;
			padding-top:25px;
			background:url('images/whitebg-content.gif') top left repeat-x; 					}
		
			#content h1.title {
				font:1.875em Georgia, serif;
				color:#701471;
				margin:0 20px;
				width:394px;
				border-bottom:1px solid #701471;
			}
			#content .entry h1.title { margin:15px 0; font-size:2em; }
		
			.posts {
				margin:0 20px;
				float:left;
				width:394px;
				padding:30px 0;
				border-bottom:1px solid #e1d3e4;								_margin:0 10px;
			}
			.posts.page {
				padding:10px 0;
				border-bottom:0;
			}
			
				.posts h1.post_title {
					font:1.5625em Georgia, serif;
					color:#000;
				}

				.posts h1.post_title a {
					color:#000;
					text-decoration:none;
				}

				.posts h1.post_title a:hover { text-decoration:underline; }
				
				.posts small.meta {
					font:0.625em Georgia, serif;
					letter-spacing:0.2em;
				}
				
				.posts .entry {
					margin:20px 0;
					font-size:0.75em;
				}
					
					.posts .entry ul {
						margin:15px 0 15px 40px;
						list-style-type:disc;						
					}
					
					.posts .entry ol {
						margin:10px 0 10px 40px;
						list-style-type:decimal;						
					}
					
					.posts .entry blockquote {
						margin:20px 20px 20px 0;
						padding:10px 0 0 40px;
						background:url('images/quote.gif') top left no-repeat; 
					}
					
					.posts .entry p {
						margin:0 0 15px 0;
					}
					
					.posts .entry h1, 
					.posts .entry h2, 
					.posts .entry h3,
					.posts .entry h4,
					.posts .entry h5,
					.posts .entry h6 {
						font-family:Georgia, serif;
						color:#701471;
						margin-bottom:15px;
						font-weight:normal;
					}
					.posts .entry h1 { font-size:2em; }	/*24px*/				
					.posts .entry h2 { font-size:1.66em; }	/*20px*/					
					.posts .entry h3 { font-size:1.5em; }	/*18px*/					
					.posts .entry h4 { font-size:1.33em; }	/*16px*/					
					.posts .entry h5 { font-size:1.16em; }	/*14px*/
					.posts .entry h6 { font-size:1.0em; }	/*12px*/	
					
					.posts .entry h1 a, 
					.posts .entry h2 a, 
					.posts .entry h3 a,
					.posts .entry h4 a,
					.posts .entry h5 a,
					.posts .entry h6 a {
						font-weight:normal;
					}
					
					/* CSS FOR CLASSES PAGE */
					.posts#pageClasses .entry h2 {
						padding:5px 0;
						border-bottom:1px solid #9d6fa1;
					}
					.posts#pageClasses .entry h2 a {
						text-decoration:none;						
					}
					.posts#pageClasses .entry .expand {
						border-bottom:1px solid #9d6fa1;
						padding:10px;
					}
					.posts#pageClasses .entry .expand img, .posts#pageStaff .entry img {
						border:2px solid #701471;
						float:left;
						margin:0 10px 10px 0;
					}
					.posts#pageClasses .entry .expand p, .posts#pageStaff .entry p {
						clear:both;
					}
					
					
				.posts p.postmetadata {
					text-align:right;
					font-size:0.875em;
					font-weight:bold;
				}
			
			.pagenav {
				width:100%;
				float:left;
				height:25px;
				background:#8c5490;
				font:0.9375em Georgia, serif;
				padding-top:7px;
				text-align:center;
			}

			
				.pagenav .prev, .pagenav .next {
					width:50%;
					float:left;
				}
				
				.pagenav a {
					
					color:#fff;
					text-decoration:none;
				}
				.pagenav a:hover {
					color:#fedbb6;
					text-decoration:underline;
				}
		
				.pagenav .prev { text-align:left; }

					.pagenav .prev a {
						background:url('images/previous-arrow.gif') 0 3px no-repeat;
						margin:0 10px;
						padding-left:15px;
					}
					
				.pagenav .next { text-align:right; }

					.pagenav .next a {
						background:url('images/next-arrow.gif') right 3px no-repeat;
						margin:0 10px;
						padding-right:15px;
					}
					
				.imagenav { 
					width:100%;
					float:left;
					height:25px;
					font-weight:bold;
					padding-top:7px;				
				}
					.imagenav .prev, .imagenav .next {
						width:50%;
						float:left;
					}	
					.imagenav .prev { text-align:left; }
					.imagenav .next { text-align:right; }	
		.gallery {
			overflow:hidden !important;
		}

					
		#searchform {
			margin:20px 0;
			font-weight:bold;
			background:#e1d3e4;
			border:1px dashed #701471;
			padding:15px;
		}
			#searchform div {
				margin:10px 0;
				font-weight:normal;
			}
			#searchform input {
				border:1px solid #701471;
				width:270px;
				padding:3px 0;
			}
			#searchform input#searchsubmit {
				text-transform:uppercase;
				color:#feedd9;
				background:#7e377f;
				font-weight:bold;
				padding:3px 7px;
				width:auto;
				border:1px dashed #feedd9;
			}
			#searchform input#searchsubmit:hover {
				color:#7e377f;
				background:#feedd9;
				border:1px dashed #7e377f;
			}
		
		#comments {
			margin:20px;
			float:left;
			width:394px;
		}
			#comments h2#comment_title {
				font:1.25em Georgia, serif;
				color:#000;
				margin-bottom:20px;
				color:#701471;
			}
			#comments #comments_list {
				border-bottom:1px dashed #9d6fa1;
			}
				#comments #comments_list .comment {
					background:#f0e9f1;
					padding:15px;
					margin:0 0 10px 0;
					font-size:0.75em;
				}
				#comments #comments_list .comment.author { background:#feedd9; }
				#comments #comments_list .comment_author {
					margin:0 0 30px 0;
					font-size:0.625em;
					text-align:right;
				}
			
			#comments #comment_reply {
				margin:20px 0;
			}
				#comments #comment_reply p {
					font-size:0.75em;
					margin-bottom:10px;			
				}
				#comments #comment_reply p a { color:#701471; }
				#comments #comment_reply p a:hover { color:#f4911e; }
				#comments #comment_reply form#commentform {
					margin:0 20px;
				}
				#comments #comment_reply #commentform label { color:#701471; }
				#comments #comment_reply #commentform label small { font-size:0.83em; } 
				#comments #comment_reply #commentform label code { font-size:1.4em; }
				#comments #comment_reply #commentform input, #comments #comment_reply #commentform textarea {
					width:100%;
					border:2px solid #b08cb5;
					padding:2px 0;
					margin:2px 0;
				}
				#comments #comment_reply #commentform  #submit {
					text-transform:uppercase;
					color:#feedd9;
					background:#7e377f;
					font-weight:bold;
					padding:3px 7px;
					width:auto;
					border:1px dashed #feedd9;
					margin:5px 0 0 207px;
					font-size:1.0em;
				}
				#comments #comment_reply #commentform  #submit:hover {
					color:#7e377f;
					background:#feedd9;
					border:1px dashed #7e377f;
				}

				
				
		#sidebar_left {
			width:217px;
			float:left;
			margin-left:1px;
			background:url('images/orangesidebar-bg.gif') top left repeat-x; 						
		}
		
			#sidebar_left .widget, #sidebar_right .widget {
				padding:0 15px 25px 15px;
			}
			
				#sidebar_left .widget h2 {
					font:1.25em Georgia,serif;
					font-style:italic;
					color:#c66d4f;
					margin-bottom:10px;
				}
				
				#sidebar_left .widget li {
					font-size:0.825em;
					margin:0 0 5px 20px;
				}
				
				#sidebar_left .widget a { color:#9d6fa1; }
				
				#sidebar_left .widget a:hover { color:#f9ad5d; }
				
				#sidebar_left p {
					font-size:0.825em;
					margin-bottom:10px;
				}
				
				#sidebar_left img {
					width:100%;
					height:auto;
					_width:90%;
				}
				
				#sidebar_left a img { border:2px solid #701471; }
				#sidebar_left a:hover img { border:2px solid #f4911e; }
			
			#sidebar_left #text-315237391.widget {
				padding-top:25px;
				background:url('images/events.gif') top right no-repeat;
				height:auto;
				_height:252px;
				*height:400px;
			}
				

			#events.widget {
				border-top:1px solid #f9c487;
				border-bottom:1px solid #f9c487;
				background:#fee9d3;
				padding-top:20px;
			}
				#events .event_listing {
					color:#701471;
					font-size:0.75em;
				}
		
		#sidebar_right {
			width:217px;
			float:left;
		}
		
			#sidebar_right .widget h2 {
				font:1.25em Georgia,serif;
				font-style:italic;
				color:#701471;
				margin-bottom:10px;
			}
			
			#sidebar_right .widget h2 a { display:none; }
			
			#subscribe2.widget {
				padding:0 15px 20px 0;
				background:#a04a5e;
				color:#fff;
				margin:0 0 20px 0;
				height:232px;								/*_padding:0 15px 18px 0;*/
			}
				#subscribe2.widget h2 {
					color:#fff;
					padding-top:25px;
				}
				#subscribe2 p {
					font-size:0.6875em;
					margin-bottom:10px;
					line-height:140%;										_margin-bottom:5px;
				}
				#subscribe2 small {
					float:left;
					font-size:0.916em;
					clear:both;
					margin-top:10px;
					line-height:140%;										_margin-top:0;
				}
				#subscribe2 input.input_text {
					border:0;
					width:163px;
					padding:2px;
				}
				#subscribe2 #signup_submit {
					text-transform:uppercase;
					color:#80296d;
					background:#fff;
					font-weight:bold;
					padding:3px 7px;
					width:auto;					
					border:1px dashed #80296d;
					margin:10px 0 0 123px;					_margin:5px 0 0 100px;					*margin:10px 0 0 100px;
					font-size:1.3em;
				}
				#subscribe2 #signup_submit:hover {
					color:#fff;
					background:#80296d;
					border:1px dashed #fff;
				}
			
			#wordspew {				
				border-top:2px solid #c7a2c0;
				border-bottom:2px solid #c7a2c0;
				font-size:0.6875em;
				line-height:130%;
			}
			
			#wordspew #lastMessage { display:none; }
			
			#wordspew #outputList li {
				border-bottom:1px solid #c7a2c0;
				padding:5px 0;
			}
			
				#wordspew #outputList li span {
					width:100%;
					font-weight:bold;
					float:left;
				}
			
			#wordspew #chatInput {
				border-top:1px solid #c7a2c0;
				padding:10px 0;
			}
				#wordspew #chatInput label {
					font-weight:bold;
					color:#701471;
					float:left;
					padding:1px 5px 5px 0;
					clear:both;
				}
				#wordspew #chatInput input {
					border:1px solid #8c5490;
					width:141px;
					font:1.0em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;					
				}
				#wordspew #chatInput textarea {
					border:1px solid #8c5490;
					width:185px;
					font:1.0em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;										_width:180px;
				}
				#wordspew #chatInput #submitchat {
					text-transform:uppercase;
					color:#feedd9;
					background:#7e377f;
					font-weight:bold;
					padding:3px 7px;
					width:auto;
					border:1px dashed #feedd9;
					margin:5px 0 0 125px;
					font-size:1.3em;					_margin:5px 0 0 107px;
				}
				#wordspew #chatInput #submitchat:hover {
					color:#7e377f;
					background:#feedd9;
					border:1px dashed #7e377f;
				}
				
			

			/* CSS FOR WP-WALL WHICH DOESN'T WORK */
			#wp_wall .wallnav, #wp_wall #wp_latest, #wp_wall a#wall_post_toggle {
				display:none;
			}
			
			#wp_wall #wallcomments {
				border-top:2px solid #c7a2c0;
				border-bottom:1px solid #c7a2c0;
				font-size:0.6875em;
				line-height:130%;
			}
			
				#wp_wall #wallcomments p {
					padding:5px 0;
					border-bottom:1px solid #c7a2c0;
				}
				
			#wp_wall #wallcomments .wallauthor {
				float:left;
				width:100%;
				font-weight:bold;
			}
			
		#wp_wall #wall_post {
			float:left;
			padding:10px 0;
			border-bottom:2px solid #c7a2c0;
		}
			#wp_wall #wall_post p {
				font-size:0.6875em;
				line-height:130%;
				float:left;
				margin-bottom:5px;
			}
			#wp_wall #wall_post label {
				float:left;
				margin-right:5px;
				font-weight:bold;
				color:#701471;
			}
			#wp_wall #wall_post input {
				float:left;
				border:1px solid #8c5490;
				width:141px;
				font:1.0em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
			}
			#wp_wall #wall_post textarea {
				float:left;
				border:1px solid #8c5490;
				width:185px;
				font:1.0em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
			}
			#wp_wall #wall_post #submit_wall_post {
				text-transform:uppercase;
				color:#feedd9;
				background:#7e377f;
				font-weight:bold;
				padding:3px 7px;
				width:auto;
				border:1px dashed #feedd9;
				margin-left:108px;
				font-size:1.3em;
			}
			#wp_wall #wall_post #submit_wall_post:hover {
				color:#7e377f;
				background:#feedd9;
				border:1px dashed #7e377f;
			}
		
		/* END OF CSS FOR NON WORKING WP-WALL */
			
		
	
	#footer {
		width:870px;
		height:80px;
		float:left;
		padding:10px 10px 0 40px;
		background:url('images/whitebg-bottom.png') top right no-repeat; 
	}
	
		#footer small {
			font-size:0.6875em;
			color:#701471;
		}




