/*
Developed by Ramsey Bashir
http://www.tangohosting.com
*/

body, html {
	color: #000000;
	font-family: arial;
	background-image: url(http://www.santabarbarabarbequegourmetcateringandgrilling.com/img/sbbbq/fabric_bg.jpg);
	background-color: #fcf5eb;
	text-align: center; /*** Centers the design in old IE versions ***/
	padding-top: 10px;
}

body {
font-size: 80%;
line-height: 20px;
}

a { 
color: #993300;
}

table, tr, td {
	color: #000000;
	font-family: arial;
	/* font-size:10px; */
	font-size: 12px;
	line-height: 20px;
}

img
{ 
/*vertical-align: top;*/
}  


h1 {
	color: #000000;
	font-family: arial;
	/*text-decoration: none;*/
	font-size: 12px;
	/* text-transform: uppercase;*/
	/*font-weight: bold;*/
	letter-spacing: 2px;
	padding-top: 32px;
	padding-left: 35px;
	line-height: 17px;
	/* text-align: middle; */
}

h1 a { 
	text-decoration:none; 
	color: #000000;
} 


h2 {
font-size: 1.5em;
padding-bottom:15px;
margin:0;
}

.h2Company {
font-family:"Times New Roman", Times, serif;
font-size: 1.1em;
font-style:italic;
color: #999999;
letter-spacing: 1px;
}

.h2Menus {
font-size: 1.5em;
padding-bottom:20px;
margin:0;
text-align:center;
}

#container
{
width: 900px;
margin: 0px auto;
background-image: url(http://www.santabarbarabarbequegourmetcateringandgrilling.com/img/sbbbq/bg_mainContainer2.jpg);
}

/**************************
HEADER NAVIGATION BAR
**************************/

#headerNav {
	width: 875px;
	margin: 0px auto;
	height: 26px;
	background-color: #000000;
	text-align: center;
	padding-top: 3px;
}

a.headerNav {
	color: #ffffff;
	font-family: arial;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding-right: 7px;
	padding-left: 7px;
}

a.headerNav:hover { 
}

a.headerNav:visited { 
}

a.headerNav:link {
}

a.headerNav:active {
}

/**************************
Header logo and intro image
**************************/

#header
{
float: left;
/*width: 226px;
height: 132px;*/
padding-left: 31px;
padding-bottom: 15px;

/*padding-top: 25px;*/
/*background-color: #888447;8/
/*vertical-align:left; */
}

/**************************
Sub Header for Home Page 
**************************/

#subHeader {
	clear: both;
	width: 874px;
	margin: 0px auto;
	height: 45px;
	/*font-size: 15px;
	font-family: arial;
	font-weight: bold;*/
	background-color: #ffffff;
	/*padding-top: 3px;
	padding-bottom: 10px;*/
	text-align: center;
	/*color: #000000;
	letter-spacing: 1px;*/
	
}

/**************************
Left Navigation bar and Page Content
**************************/

/*#body {
/*background-color: #111111;
}*/


#leftNav
{
float: left;
padding-left: 30px;
padding-bottom: 30px;
/*width: 226px;*/
/*height: 132px;*/

/*background-color: #251454;*/
/*padding-top: 25px;*/

/*float: left;
width: 218px;
background-color: #251454;
padding-left: 10px;*/

/* margin: 0; */
/* padding: 1em; */
}

#leftNavInner
{
float: left;
/*width: 190px;*/
width: 200px;
background-color: #a5afae;
padding-top: 10px;
padding-bottom: 30px;
padding-right: 10px;
text-align: left;
/* padding: 1em; */
}

.leftNavTitle {
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
padding-left: 8px;
line-height: 25px;
}

a.leftNavLinks {
	color: #ffffff;
	font-family: arial;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 20px;
}

a.leftNavLinks:hover { 
	color: 993300;
	/*font-family: arial;
	text-decoration: underline;
	font-weight:bold;
	
	 font-weight: normal; */
	/* line-height:15px;  */
	/* padding-top: 10px; */
}

/* ==== Green hover */

/*a.leftNavLinksGreen {
	color: #ffffff;
	font-family: arial;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 20px;
}

a.leftNavLinksGreen:hover { 
	color: #993300;
	/*color: green;*/
	/*font-family: arial;
	text-decoration: underline;
	font-weight:bold;
	
	 font-weight: normal; */
	/* line-height:15px;  */
	/* padding-top: 10px; */
/*}*/

/* ==== Green hover

a.leftNavLinksBlue {
	color: #ffffff;
	font-family: arial;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 20px;
}

a.leftNavLinksBlue:hover { 
	color: blue;
	/*font-family: arial;
	text-decoration: underline;
	font-weight:bold;
	
	 font-weight: normal; */
	/* line-height:15px;  */
	/* padding-top: 10px; */
/*}*/

/**************************
Page Content Menu Home
**************************/

#contentHome
{
float: left;
/*margin-left: 245px;*/
text-align: left;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 45px;
padding-right: 45px;
/*background-color: #99CC66;*/
/*float: right;

width: 630px;

/* border-left: 1px solid gray; */
/*padding: 1em;

padding-bottom: 30px;*/

}


/**************************
Page Content Menu Template
**************************/

#content
{
margin-left: 245px;
text-align: left;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 10px;
padding-right: 45px;
/*background-color: #99CC66;*/
/*float: right;

width: 630px;

/* border-left: 1px solid gray; */
/*padding: 1em;

padding-bottom: 30px;*/

}

#contentCenter
{
margin-left: 245px;
text-align: center;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 10px;
padding-right: 45px;
/*background-color: #99CC66;*/
/*float: right;

width: 630px;

/* border-left: 1px solid gray; */
/*padding: 1em;

padding-bottom: 30px;*/

}

/**************************
Page Content General Template
**************************/

#contentGeneral
{
float: left;
text-align: left;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 45px;
padding-right: 45px;
}

/**************************
Page Content Photo Display Page
**************************/

#contentDisplayPhoto
{
float: left;
width: 810px;
margin: 0px auto;
text-align: left;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 45px;
padding-right: 45px;
}

/**************************
Page Content Sitemap Template
**************************/

#contentSitemap
{
padding-top: 0px;
padding-bottom: 45px;
padding-left: 100px;
padding-right: 45px;
}

/**************************
Footer
**************************/

#footer {
	clear: both;
	width: 875px;
	margin: 0px auto;
	height: 26px;
	background-color: #000000;
	padding-top: 3px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
}

a.footer {
	color: #ffffff;
	text-decoration: none;
}

/**************************
Credits
**************************/

#credits {
	width: 875px;
	margin: 0px auto;
	height: 50px;
	/*background-color: #000000;*/
	padding-top: 10px;
	text-align: right;
	color: #000000;
	font-size: 10px;
	/*letter-spacing: 1px;*/
}

a.credits {
	color: #000000;
	font-family: arial;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}


a.credits:hover { 
	color: #993300;
}

/**************************
WYSIWYG Styles
**************************/

/* Menu Sub Headings */
.menuSubHeading {
font-size: 17px;
font-weight: bold;
}

.menuSubHeading1 {
font-size: 15px;
font-weight: bold;
}

.menuSubHeading2 {
font-size: 13px;
font-style:italic;
font-weight: bold;
}

.menuItem {
font-style:italic;
}

/* Page Content Area Headings */
.pageContentHeading {
font-size: 14px;
font-weight: bold;
}

.testimonial {
font-style:italic;
}

.testimonialName {
font-weight: bold;

}


/**************************
WIP
**************************/
/*#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; } */


/* Blog */

#blog_notice {
  margin: 5px 20px 20px 20px;
  padding: 10px;
  background: #F2F2F2;
  color: #B3B4B7;
  border: 1px solid #D2D3D6;
  text-align: center;
  font-family: arial;
  font-size: 12px;
  text-transform: uppercase;
/*  font-weight: bold; */
  }
   
#blog_contentHeader {
  margin: 20px 0 0 0;
  padding: 0 0;
  font-size: 1.8em;
  font-weight: normal;
    font-style: italic;
    font-family:"Times New Roman", Times, serif;
color: #88888C;
letter-spacing: 1px;
  }

#blog_publishedDate {
  margin: 0 0 0 5px;
  font-size: 12px;
  font-style: italic;
      font-family:"Times New Roman", Times, serif;
color: #949599;
letter-spacing: 1px;
  }

#blog_entryContent {
  margin: 0;
  padding: 0 10px 5px 0;
  color: black;
  border: none;
  	font-family: arial;
  text-align: left;
  }

#blog_readMore {
  margin-left: 420px ;
  padding: 0 0 0 25px;
  font-size: 11px;
  	font-family: arial;
 /* text-transform: uppercase;*/
   background: url(images/readmore.gif) no-repeat 90px 5px;

  }
  
.moretext {
  margin-left: 420px ;
  padding: 0 0 0 25px;
  font-size: 11px;
  	font-family: arial;
 /* text-transform: uppercase;*/
   background: url(images/readmore.gif) no-repeat 85px 5px;

  }
  
  #blog_olderEntries {
  margin-left: 5px ;
  padding: 20px 0 0 20px;
  font-size: 11px;
 /* text-transform: uppercase;*/
    background: url(images/olderentries.gif) no-repeat 0px 25px;
  }

  #blog_newerEntries {
  margin-left: 5px ;
  padding: 0 0 0 0;
  font-size: 11px;
 /* text-transform: uppercase;*/
    background: url(images/readmore.gif) no-repeat 80px 5px;
  }
  
    #blog_genLinks {
  font-size: 11px;
  }
  
  #blog_contentFooterNoItalic {
  margin: 10px 0 20px 5px;
  font-size: 11px;
color: #949599;

}
  
#blog_contentFooter {
  margin: 10px 0 20px 5px;
  font-size: 12px;
  font-style: italic;
      font-family:"Times New Roman", Times, serif;
color: #949599;
letter-spacing: 1px;

}


#blog_commentFooter {
  margin: 10px 0 20px 5px;
  font-size: 12px;
  font-style: italic;
      font-family:"Times New Roman", Times, serif;
color: #636365;
letter-spacing: 1px;

}

#blog_poweredFooter {
	  
  font-size: 11px;
  font-style: italic;

width:100%;
text-align:center;
}

hr {
  height: 1px;
  background-color: #D2D3D6;
  width: 98%;
  border: 0;
}

li {
	list-style-type: none;
}

ul {
	list-style-image: url(images/readmore.gif);
}

#blog_columnRight{
	vertical-align: top;	
}

#blog_navigationMenu {
	margin: 20px 0 0 25px;
}

#blog_menuHeadings {
	  margin: 0 0 0 0;
  padding: 0 0;
  color: black;
  border: none;
  text-align: left;
  font-size: 1.3em;
  /*font-weight: bold;*/
  
    font-style: italic;
      font-family:"Times New Roman", Times, serif;
color: #88888C;

letter-spacing: 1px;

}


#blog_content {

vertical-align: top;
 
float: left;

text-align: left;
padding-top: 0px;
padding-bottom: 45px;
padding-left: 45px;
padding-right: 45px;




}