/*
Theme Name:		Flock with Magpie Girl
Theme URI:		http://flock.magpie-girl.com
Description:	A 3-column design for Flock
Version:		.9
Author:			Neil Sittler & Paul Chapman
Author URI:		http://www.stickflower.com/
*/

body { background-image:url(http://canalstreetgrille.com/wp-content/uploads/stripe3.png); color: #342a2b; font: 64% Palatino, Book Antigua, Times New Roman, serif; }


	


/*---:[ core layout elements ]:---*/


#container { width: 885px; margin: 15px auto 0; border: solid 0 1px #AB070E; background: #ffffff; padding: 0px 0px 0px 0px;}

	#page { } /* for use with custom styles */
	
		#masthead { background-image: url(http://canalstreetgrille.com/wp-content/uploads/headbkgrd5.jpg); background-repeat:no-repeat; width: 885px; height: 144px; border: none; margin: 0; padding: 0 0 0 0; text-align: left; }
                #logo {display: none;}
                #headerphoto {display: none;}


		

		

		#content_box { width: 885px; padding-top: 20px; background-color:#eed9c9; border: none; text-align: left; }

                        #logo { width: 175px; float:left; }
			#left_box { width: 500px; border: solid 1px #b4d02f; float: left; }

				#content { width: 885px; padding: 0; border:none; float: left; }
			
					#content_inner { width: 550px; padding:0 30px 0 15px; float:left; }
	
			.sidebar { width: 200px; float: left; }
		
			#left_bar { padding: 0 0 0 0; }
                        

		
			#right_bar { width: 250px; padding: 0 0 0 10px; float:right; display:none;  }
		






/*  ----------------NavBar-------------  */

                        #navbar {width:737px; height:17px; padding-left:148px;  background-color: #50221f; border-top: solid 1px #c32c2d; border-bottom: solid 1px #c32c2d; }

                             #navbar h4 {display:none;}
                             #navbar ul {height:20px;margin:0;padding:0;}
                             #navbar li {list-style-type:none; text-align:center; font-size:1.2em; font-family: Geneva, Arial, sans-serif; color:#464456; text-transform:uppercase; float:left; height:20px;}

                             #navbar a, a:visited a:active {color:#e9e1d8; text-decoration: none; padding:0 11px 0 11px;}
                             #navbar a:hover {text-decoration:none; color:#50221f; background-color:#eed9c9; }



                        .textwidget {text-decoration:none; }





/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font: normal 1.0em Geneva, Arial, sans-serif; text-transform: uppercase;}

h1 { font-size: 1.8em; line-height: 1.11111em; padding: 0 10px; color: #94a05d; }
	
	.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; text-align: center; }

	.page h1 { margin: 0 0 1.11111em 0; }

h2 { font-size: 2.0em; line-height: 1.11111em; padding: 0 10px 7px 10px; color: #9abce6; text-decoration: none; }

	h2 a, h2 a:visited { color: #333; text-decoration: none; }

	h2 a:hover { color: #237fa1; text-decoration: none; }
	
	h2.top { padding-top: 0; border-top: none; text-decoration: none; }
	
	.sidebar h2 { font-size: 0.83333em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }

h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }

	.format_text h3 { margin: 1.875em 0 0.625em 0; }

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }

h4 { font-family: Geneva, Arial; sans-serif; font-decoration: underline; font-size: 1.4; font-weight: normal; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }



/*---:[ global elements ]:---*/

hr { display: none; }


a img { border: none; }

blockquote { font-family: Palatino, Book Antigua, "Times New Roman", serif; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }

abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }

sub, sup { line-height: 1.0em; }
	
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }

pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { padding: 0 20px; font-size: 1.3em; }

.format_text a, a:visited, a:active {color:#C32B2C;text-decoration:none;}



/*---:[ #masthead styles ]:---*/

#masthead #rss_subscribe { width: 40px; height: 40px; float: right; }

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }

#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; }

	#masthead #logo a, #masthead #logo a:visited { color: #111; }

	#masthead #logo a:hover { color: #237fa1; text-decoration: none; }
	
#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Verdana, serif; padding: 0; color: #999; text-align: left; }



/*---:[ content styles ]:---*/


.format_text { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px; }
	
	.format_text a:hover { text-decoration: underline; }
		
	.format_text blockquote { }
	
		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
		
		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
	
			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
	.format_text p { margin: 0 0 1.53846em 0; }
	
	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
	
	.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }

	.format_text ol { margin: 0 0 1.53846em 20px; }
	
		.format_text li { }
	
		.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
		
			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
	
		.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
	
	.format_text dl { margin: 0 0 1.53846em 0; }
			
		.format_text dt { font-weight: bold; }
		
		.format_text dd { margin: 0 0 1.53846em 1.53846em; }
		
	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
	
		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }

	.format_text img { }

		.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
		
		.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
		
		.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
		
		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
	
		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
		
		.format_text img.stack { clear: none !important; }

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; }
	
	.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
	
	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
	
	.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

.navigation { width: 200px; padding: 0.69231em 19px 0.76923em 19px; background: #efefef; border-top: 1px solid #ddd; font-size: 1.3em; line-height: 1.53846em; clear: both; }

	.navigation p { text-align: right; }

	.older { padding: 0 20px 0 0; float: left; }

	.previous { text-align: left; }


/*---:[ headerbar styles ]:---*/
#headerbar {width:210px; height:124px; float:left; border-left:1px solid #50221f; padding: 10px 10px 0 10px;}
#headerbar h4{border-bottom: solid 1px #50221f; margin-bottom:5px;padding-bottom: 2px; color:#50221f; font-size: 1.4em;line-height: 1.3em;}

#headerbar .textwidget {font-family: Geneva, Arial sans-serif; font-size:1.3em; line-height: 1.4em; color:#50221f;}
#headerbar .textwidget p{margin:0;}
#headerbar .textwidget a,a:visited,a:active{text-decoration:none;color:#C32B2C;}
#headerbar .textwidget a:hover{color:#0071bb;}

/*---:[ headerphoto styles ]:---*/
#headerphoto {width:267px; height:144px; float:right;}



/*---:[ rightside menu styles ]:---*/

#rightside_menu{width:235px; float:right; margin-right:20px; padding-left:10px; border-left:1px solid #50221f;}
#rightside_menu h4{border-bottom: solid 1px #50221f; margin-bottom: 5px; color:#50221f; font-size: 1.4em;}
#rightside_menu .textwidget{font-size: 1.3em;line-height: 1.53846em; font-family: Geneva, Arial, sans-serif; text-transform:uppercase; padding:0;}
#rightside_menu .textwidget p{margin:0;}
#rightside_menu ul.pagenav{font-size: 1.3em;line-height: 1.53846em; font-family: Geneva, Arial, sans-serif; list-style-type:none;text-transform:uppercase; margin:0;padding:0;}
.avatar_container{display:none;}

#rightside_menu a, a:visited { color: #c32b2c; text-decoration: none; }

#rightside_menu a:hover { color: #0071bb; text-decoration: underline; }

a.yelp{color:#C32B2C;font-size:1.3em;line-height: 1.53846em; font-family: Geneva, Arial, sans-serif;text-transform:uppercase;}
a.facebook{color:#C32B2C;font-size:1.3em;line-height: 1.53846em; font-family: Geneva, Arial, sans-serif;text-transform:uppercase;}




/*---:[ top nav styles ]:---*/

#top_nav {width:865px; height:30px; border:1px solid #AB070E; }
ul.top_nav { display:inline; list-style:none; height:30px; }
ul.top_nav li { float:left; padding-right:30px; margin-left:80px; }


/*---:[ sidebar4 styles ]:---*/

#sidebar4 {width:200px; height:115px; padding:30px 0 0 160px; float:left; vertical-align:bottom; font-family: Geneva, Arial, sans-serif; font-size: .9em;line-height:.4em;}








			/*---:[ calendar widget ]:---*/
.calendar-month{color:#E9E1D8;}
.calendar-prev a, a:visited, a:active {color:#E9E1D8;text-decoration:none;}
.calendar-next a, a:visited, a:active {color:#E9E1D8;text-decoration:none;}
.format_text a, a:visited, a:active {color:#C32B2C;text-decoration:none;}

.kjo-link p {display:none;}


		

/*---:[ footer styles ]:---*/

#footer {width:885px; margin-top:30px; padding-bottom:10px; border-top: solid 1px #AB070E; background-color:#50221f; float:left;}
#footer p { float:right; padding:0 20px; font: normal 1.1em/1.63636em Geneva, Arial, sans-serif; color: #ffffff; text-align: right; text-decoration:none;}

	#footer a, a:visited, a:active { color: #ffffff; text-decoration: none; }

	#footer a:hover { color: #ffffff; text-decoration: underline; }



/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }