/*  #e3becb - light pink
	#ffd000 - yellow
	#f8ec63 - light yellow
*/

body {margin: 0; padding: 0; background-color: #333; font-family:"Myriad Pro", Arial, sans-serif; font-size: 13px; color: #fff; text-align: center;}
a:active, a:focus {outline: 0;}


#wrapper {width: 800px; margin: 55px auto; padding: 0; background: #58544f url(http://clementscatering.com/images/wrapper_left_bkgrd.jpg) top left repeat-y;}

#leftside {width: 200px; min-height: 510px; background: url(http://clementscatering.com/images/leftside_bkgrd.jpg) top left no-repeat; float: left; text-align: center;}

#rightside {width: 600px; float: left; text-align: left;}
	p.breadcrumbs {width: 575px; margin: -33px 0 20px 0; padding: 0 0 5px 25px; color: #e3becb; font-size: 11px; border-bottom: 1px dotted #333;  }
	p.breadcrumbs a,
	p.breadcrumbs a:visited {text-decoration:none;}


.mainarea {margin: 0 0 15px 0; padding: 0 25px;}
.homearea {margin: -60px 0 0 0; padding: 0 0px;}

#footer {width: 600px; margin-left: 200px; clear: both; text-align: right; color: #333; border-top: 1px dotted #333; font-size: 12px;}
	#footer p {margin: 0 5px; padding: 5px 0;}
	#footer a, #footer a:visited {color: #282828;}

p {margin: 15px 0;}

.mainarea ul {margin: 10px 0 20px 0; padding: 0 0 0 20px;}
.mainarea ul li {margin: 7px 10px 9px 0; padding-left: 15px; background: url(http://clementscatering.com/images/bullet.png) 0 5px no-repeat; list-style: none;}

.mainarea dl dt {margin: 5px 0 0 0; font-style:italic; font-size: 14px; color: #f8ec63;}
.mainarea dl dd {margin: 0 0 20px 0; padding: 5px 0 20px 25px; border-bottom: 1px dotted #000; font-weight: bold;}

a, a:visited {color: #faf29b; }
a:hover {color: #ffd000;}

h1 {margin: 0 0 15px 0; font-size: 25px; font-family: "Gill Sans MT", "trebuchet MS", arial; letter-spacing:.05em;}
h2 {margin: 20px 0 4px 0; font-size: 22px; color: #c67994; font-family:"goudy Old Style", georgia, "times New Roman", serif; font-style:italic;}
h3 {margin: 22px 0 -10px 0; font-size: 20px; font-weight: normal; color: #d8d6c0; letter-spacing: .05em;}
h4 {margin: 12px 0 10px 0; font-size: 15px; color: #d8d6c0; font-weight: normal;}


	
/* ----- extras ----- */
p.twelve, li.tweleve {font-size: 12px;}
.uphigher {margin-top: -10px;} 
.right {float: right; display: inline;}
.left {float: left; display: inline;}
.clear {clear: both;}
.pink {color: #f33b78;}
img.right {margin: 2px 0 7px 10px; float: right; border: 1px solid #6c6862;}
img.left {margin: 2px 10px 7px 0; float: left; border: 1px solid #6c6862;}
ul.nobullet, ul.nobullet li {list-style: none; background: none;}

.mainarea .column {width: 240px; margin: 0 10px 20px 20px;}
.mainarea .column ul {margin: 5px 0 26px 5px;}
.mainarea .column ul li {margin: 6px 0 0 0; font-size: 13px;}




/* ----- menus ----- */
.menus {text-align: center;}
	.menus ul {margin: 0 20px 5px 20px; padding: 0; list-style: none;}
	.menus ul li {margin: 15px 0; padding: 0; background: none;}
	.menus ul li.uphigher {margin-top: -16px;}
	.menus h2 {margin: 25px 0 -5px 0;}


/* ----- Left Side ----- */
#leftside h1 {margin: 0; font-size: 18px; font-family:"Century Gothic", Arial, sans-serif; }
#leftside h2 {margin: 0; font-size: 14px; color: #fed727; font-family:"Century Gothic", Arial, sans-serif; font-style: normal;}
.time {height: 23px; margin: 1px 1px 10px 1px; padding: 8px 0 0 0; background: #333; color: #fff;}
img.logo {margin-top: 42px;}
#leftside a img {border: none;}

#leftside #feedControl {margin: 0px 10px 20px 10px; text-align: left; display: block;}
#leftside #feedControl .gfg-title a,
#leftside #feedControl .gfg-title a:visited {font-size:15px; color: #fff; font-weight:bold; text-decoration: none;}
#leftside #feedControl .gf-title a,
#leftside #feedControl .gf-title a:visited {font-size: 14px; color: #ffd100;}
#leftside #feedControl .gf-author,
#leftside #feedControl .gf-spacer {display: none;}
#leftside #feedControl .gfg-list {margin-top: 15px; padding-top: 10px; border-top: 1px dotted #666;}

.gallery {height: 620px;}

p.hometext {width: 800px; margin: 0; padding: 0; background: #888; text-align: center; color: #46423d;}
p.links {margin: 0; padding: 0; text-transform:uppercase; background: #888; color: #333;}
p.links a,
p.links a:visited {color: #333; text-decoration: none;}

img.left_logo {
	margin-top:0px;
}