/*
Theme Name:     LE CAGIBI THEME FOR WORDPRESS

Theme URI:      http://www.lecagibi.ca
 
Description:    A custom theme of Le Cagibi.  2009.
 
Version:        1.0
 
Author:         Angela Gabereau
 
Author URI:     http://angelagabereau.com/

		oatmeal: #f6f5ee
		dark teal: #2d5f5e
		 
*/

/*
	RESET
*/

*			{ margin: 0; padding: 0; }
html		{ overflow-y: scroll; }
html, body	{ height: 100%; }
body		{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
				background: url(images/body-bg.png) top center repeat-x #f6f5ee; }
ul			{ list-style: square inside; }
ol			{ list-style: decimal inside; }
a			{ outline: none; text-decoration: none; }
a img		{ border: none; background: none; }
img			{ vertical-align: middle; }
table		{ border-collapse: collapse; }


/*
	UTILITY
*/
.floatLeft 	{ float: left; }
.floatRight	{ float: right; }
.clear		{ clear: both; }
.button		{ border: 1px solid #272727; background: white; padding: 3px 8px; 
				-moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover	{ background: #990000; color: white; }


/*
	TYPGROGRAPHY
*/
p, li	{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
a		{ color: #990000; }
a:hover	{ text-decoration:underline; }
h1		{ font-size: 3.6em; font-weight: normal; }
h2		{ font-size: 2.8em; font-weight: normal; }
h3		{ font-size: 2.6em; font-weight: normal; margin: 0 0 10px 0; }
h4		{ color: #2d5f5e; font-size: 2.0em; margin-bottom: 15px; }

/*
	FORMS
*/
input	{ padding: 3px; }



/*
	STRUCTURE
*/
#page-wrap	{ width: 960px; margin: 0px auto -250px;
				min-height: 100%; height: auto !important; height: 100%;}
#main-col	{ width: 680px; float: right;padding:0px 0px 50px 0px; }
#sidebar	{ width: 240px; height: 300px;float: left;min-height: 100%;
				background: url(images/light.png) top right no-repeat;}
#push		{ height: 200px; }


/*
	HEADER
*/
.header-image	{width:100%;height:218px;}
#logo			{text-align:center;}
#top-bar		{position:absolute; top:0px; width: 100%; height:218px;}
form#searchform		{ margin: 0 0 10px 0; float:left; }

/*
	DESCRIPTION
*/
#description-bar { position:relative;top:-60px;left:60px; font-style:italic;font-weight:bold;text-align:center;color:black;font-size: 1.8em; padding:5px 0px;}

/*
	MENU BAR
*/
#menu-col	{ width: 960px; float: left;padding:0px 0px 50px 0px; }	
#menu-bar-bkgd	{ height:40px;width:100%;background:#2d5f5e;}
#menu-bar	{ width: 960px;position:relative;top:-35px;padding: 10px 0px;}
ul#main-nav		{ width: 800px; float: left; margin: 0px 0 0 0; }
ul#extra-nav	{ width: 100px; float: right; text-align: right; margin: 0px 0 0 0; }
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover	  {background: #990000;text-decoration:none;}



/*
	BLOG ENTRIES
*/
.post	{ margin: 0 0 25px 0; padding-bottom: 25px;border-bottom:3px dotted #777; }
ol.commentlist	{ list-style: none; }
.comment-bubble		{ background: #efede0;  padding: 5px; }
ol.commentlist li p	 { font-size: 1.0em; }

/*
	SIDEBAR	
*/

.sidebar-inside		{ width:140px;float:left;padding: 5px 20px;background:#efede0;}
.sidebar-inside h4	{ color: #272727;font-size: 1.4em; margin-bottom: 5px; }
.address 			{ padding: 10px 0px 5px 0px; }
.address p			{ padding: 0px 0px;margin: 2px 0px;  }
.hours				{ padding: 10px 0px 5px 0px; }
.hours p			{ padding: 0px 0px;margin: 2px 0px;  }
.hours h4			{ border-top:2px #444444 solid;padding-top:10px;}
.weekly-events img	{padding: 3px 0;}
.weekly-event-day	{ font-size: 1.4em;padding: 10px 0 2px 0; font-weight: bold;color:#2d5f5e;border-bottom:1px #444444 solid;}
.weekly-event-title					{ padding: 5px 0 2px 0; font-weight: bold;}
.weekly-event-description			{ padding: 2px 0 5px 0;}
.weekly-event-description br		{ font-size: 0.3em;}



/*
	FOOTER
*/
#footer			{ color: white;height: 250px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; }
#footer-inside	{ width: 960px; margin: 0 auto; }
#footer-1		{ width: 300px; float: left; margin-right: 30px; }
#footer-2		{ width: 200px; float: right; }
#footer-3		{ display:block; text-align:center;padding-top:150px;}
#footer ul		{ color: white; }



/*
	Resto MENU
*/
.menu h4 		{display:block;border-bottom:1px #444444 solid;margin:30px 0px 10px 0px;}
.menu_column_left	{width:450px; float:left;}
.menu_column_right	{width: 450px; float: right;}
.menu_item		{font-weight:bold; color:#444444;}
.menu_img_1		{float:left; padding:20px 53px 20px 0px;}
.menu_img_2		{float:left; padding:20px 53px 20px 0px;}
.menu_img_3		{float:left; padding:20px 53px 20px 0px;}
.menu_img_4		{float:left;padding:20px 0px 20px 0px;}

/*
	PAGE TITLE
	
*/

.page_title		{text-align:center;text-transform: uppercase;background: #272727;color:#FFF; padding:2px;margin-bottom:20px;}

/*
	ART
	
*/

.art-image		{ float:left;width:300px;height:248px;padding:0px;margin:0px;}
.art-details	{ float:left;padding-left:20px;width:300px;}
.art-title		{ font-size: 1.8em; width:300px;display:block;border-bottom: 1px solid #444;padding-top:5px;padding-bottom:5px;margin-bottom:5px;}
.art-title br	{ font-size: 0.2em;}
.art-artist		{ font-size: 1.5em;display:block;margin-bottom:10px;width:300px; }
.art-artist br	{ font-size: 0.3em;}

/*
	POST
*/