/* Primary Style Sheet for Clementine Cafe
File Name: stylesheet.css
Purpose: Primary stylesheet
Author: Guy Stephens
Date: 04/18/2008

Site Developed by BluOctopus Web Technologies LLC for more
information or support contact us at guy@bluOctopus.com.
================================== */

/* High Level Selectors 
================================== */

body {
    font: .8em Verdana, Arial, sans-serif;
    color: #333333;
    background: #000000 url(../images/bgGrad2.jpg) repeat-x;               
    margin: 0px;
    padding: 0px;
}

.outcontainer {}

.container {
	background: #efe9ae url(../images/bg_clem.jpg) repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.containerbottom {margin:0 auto; background: #efe9ae url(../images/clem_bg_bottom.jpg) repeat-x; width: 970px; height: 68px;}

.flashbox {margin-top: 10px; margin: 0 0 120px -20px; display:block;}

/* Links
=======================*/

a {
    color: #e97b0c;
    text-decoration: none;
}

a:hover {
    color: #EB7509;
    text-decoration: underline;
}

a:visited {
    color: #89A74A;
}


/* Page Areas
=======================*/

#footer {
	color: white;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px;
	font-size:1em;
	text-align:center;
}

#footer a {
    color: #333333;
    text-decoration: none;
}

#footer a:hover {
    color: #999999;
    text-decoration: underline;
}

#footer a:visited {
    color: #666666;
}

.Larger {
font-size: 1.1em;
}


/* mainNav
=======================*/

#verytop {margin:0 auto; background: #ffffff url(../images/verytop.jpg) center; height: 22px; width: 970px;}
#navtop {margin:0 auto; background-color: #5b4846; height: 6px; width: 971px;}

ul#navigation {
    font: 1.1em Arial, sans-serif;  
    margin: 0px;
    padding-bottom:5px;    
    padding-top:0;
    list-style: none;
}

ul#navigation li { 
  	float: left;
  	padding-right: 0px;
  	margin: 0 1px 0 0;
}

ul#navigation a {
	padding: 0 1.1em;
  	line-height: 2.1em;
  	text-decoration: none;
  	float: left;
  	display: block;
}

ul#navigation a:hover {
  	background: #ffffff url(../images/navover3.gif) center; color: #ffffff;
  	
}

li.currentPage a {background: #ffffff url(../images/navover3.gif) center; color: #ffffff;}

.sidebartext {font: 1.1em Arial, sans-serif; padding: 15px 7px 0 0; text-align: center; color: #6d5b59;}

/* Menu Page
=======================*/
	
div.menuCategory ul {
	padding-bottom:25px;
}

div.menuCategory ul li {
	border-bottom:1px solid #E3E0CF;
	color:#231f20;
	font-size:1.1em;
	line-height:160%;
	padding:8px 2px 8px 2px;
}

div.menuCategory ul li span {
	float:right;
	font-style:italic;
	font-weight:bold;
	padding:0 5px 0 5px;
}

div.menuCategory ul li.top {border-bottom:0;}

div.menuCategory li {
	list-style:none;
}

#menu a:link, a:visited, a:active {
	color:#EB7509;
	font-size:1.0em;
	text-decoration:none;
}

div.menuCategory h3 {
	color:#231f20;
}

div.menuCategory h3 span {
	display: block;
	font-size: 0.5em;
	padding-top: 5px;
}


/* Custom Headers
=======================*/

.divisionHead {
	color: #705045;
}

h1.divisionHead {
	font-size: 1.6em;
}

h2.divisionHead {
	font-size: 1.3em;
	font-style: italic;
}

h3.divisionHead {
	font-size: 1.1em;
	font-weight: bold;
}

/* Bottom Text Area Footer 
=======================*/

.baseGutter {
	background: #705045;
	padding: 0;
	margin: 0;
}

/* Contact Form
=======================*/

submit.textbox {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

input.textbox { 
	display: block; 
	margin-bottom: 5px;
	background-color: #fcf4e1;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

select.textbox {
	display: block; 
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fcf4e1;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

textarea {
	background-color: #fcf4e1;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;	
}

/* Menu Page JQuery
=======================*/

#menutopcolor {background-color: #db4b07; height: 6px; width: 710px; margin-left: 1px;}

.menubox { 
  padding-top: .9em;
  padding-bottom: .5em;
  padding-right: .5em;
  padding-left: .5em; 
  margin: 0; 
  background-color: #e0dea0;
}

#userBtns .button {
	color: #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	
	font-size: 1.1em; 
	font-weight:bold;
	background: #DA4701 url(../images/menu2.gif) center;
	padding: .5em;	
	width: 142px;
	height:15px;
	text-align: center;
	float: left;
	margin-left: 0;
	margin-right: .5em;
	
	margin-top: 0;
}

#userBtns .selected {
  	background: #DA4701 url(../images/menu1.gif) center;
}

#userBtns .hover {
  cursor: pointer;
}

.clearboth { 
  clear: both; 
}

.formSpecial {
display:none;
}

#portfolio li {margin:0 0 100px 0;padding:0; list-style:none; display:none; }

.bestof {margin-left:25px;} 