/* ===================================
	styles.css
====================================== */

/* -----------------------------------
	o Reset HTML
	o Import 960px grid
-------------------------------------- */
@import url('reset.css');
@import url('960.css');
@import url('menu.css');


/* -----------------------------------
	Global Restyle 
-------------------------------------- */
em, i {font-style:italic;}
b, strong {font-weight:bold;}
p {margin-bottom:1em;}

/* -----------------------------------
	Global Helper Styles 
-------------------------------------- */
.clearall {clear:both;height:1px;margin-top:-1px;}
.indent {margin-left:5em;}
.tiny {font-size:85%;}
.big {font-size:115%;}
.border {}
.highlight {}
.warning {}
.aligncenter {text-align:center;}
.alignright {float:right;}
.alignleft {float:left;}

/* -----------------------------------
	Common structures (g-regions)
-------------------------------------- */
body.g-container {background-color:#fff;}
body.g-container #container-01 {margin:20px auto 10px auto;width:960px;height:108px;background: url(../skins/2010a/bg-header.jpg) top left no-repeat;}
body.g-container #container-02  {margin:0 auto 0 auto;width:960px;background:#e5e5a0 url(../skins/2010a/bg-main.jpg) top left no-repeat;}
body.g-container #container-02  #content_box {padding:0 20px 0 20px;}
body.g-container #container-02  #content_box #hint-join-top {height:20px;}
body.g-container #container-02  #content_box #content {background-color:#fff;padding:10px;}
body.g-container #container-03 {margin:0 auto 10px auto;width:960px;height:20px;background: url(../skins/2010a/bg-main_bottom.jpg) top left no-repeat;}
body.g-container #container-03  #hint-join-bottom {height:20px;}
body.g-container #container-04 {margin:0 auto 20px auto;width:960px;height:157px;background: url(../skins/2010a/bg-footer.jpg) top left no-repeat;}
body.g-container #container-05 {margin:0 auto 20px auto;width:960px;height:32px;background-color:#fff;}
body.g-header #header_box {} 
body.g-header #header_box #header #logo {float:left;margin-right:10px;width:109px;height:108px;}
body.g-header #header_box #header #logo a {display:block;text-indent: -9999px;width:109px;height:108px;background: url(../skins/2010a/logo.gif);}
body.g-header #header_box #header #nav_box {float:right;width:821px;height:108px;}
body.g-header #header_box #header #nav_box #nav #hint-join-header {width:831px;height:20px;position:absolute;top:110px;}
body.g-footer .footer_box {}
body.g-footer .footer_box .footer {margin-top:20px;height:82px;overflow:hidden;}
body.g-footer #footer_box-01 .footer {margin-left:20px;}
body.g-footer #footer_box-02 .footer {height:102px;}
body.g-footer #footer_box-03 .footer {margin-right:20px;height:92px;}
body.g-footer #footer_box-03 .footer #hint-join-footer {width:300px;height:30px;margin-top:5px;}
body.g-footer #subfooter_box {}
body.g-footer #subfooter_box #subfooter #socialmedia {text-align:center;margin-bottom:0;}
body.g-footer #subfooter_box #subfooter #socialmedia img {padding:0 10px;border:0;}
body.g-footer #subfooter_box #subfooter #copyright {text-align:center;margin:10px 0 20px 0;}

/* -----------------------------------
	Common typography (use on containing div)
-------------------------------------- */

/* typography 01 - Primary content */
.typography-01 {
	font: normal normal normal 14px Georgia, "Times New Roman", Times, serif;
	color:#333;line-height:1.4em;}
.typography-01 a {color:#516f3b;text-decoration:none;}
.typography-01 a:hover {text-decoration:underline;}
.typography-01 h1 {width:580px;margin:0 0 10px 0;padding:5px 10px;background-color:#54723c;color:white;text-transform:uppercase;font-size:19px;letter-spacing:4px;line-height:1.6em;}
.typography-01 h1.wide {width:880px;}
.typography-01 h1.narrow {width:280px;}
.typography-01 h2 {font-size: 120%;margin-bottom:.5em;}
.typography-01 h3 {font-size: 110%;}
.typography-01 ul {margin: 1em 0; padding-left: 2.5em;list-style:none;}
.typography-01 ul li {margin: 0;background: url(../skins/2010a/bullet-body.gif) no-repeat left center;padding: 5px 5px 5px 20px;}
.typography-01 ul.downloads {margin: 1em 0; padding-left: 2.5em;list-style:none;}
.typography-01 ul.downloads li {margin: 0;background: url(../skins/2010a/bullet-pdf.gif) no-repeat left center;padding: 5px 5px 5px 20px;}
.typography-01 ul.order {margin: 1em 0; padding-left: 0;list-style:none;}
.typography-01 ul.order li {margin: 0;background: none;padding: 5px 5px 5px 0px;}
.typography-01 ul.order li a {font-weight:bold;text-transform:uppercase;}
.typography-01 ol {margin: 1em 0; padding-left: 2.5em;}
.typography-01 ol li {}

/* typography 02 - Subfooter */
.typography-02 {
	font: normal normal normal 11px Georgia, "Times New Roman", Times, serif;
	color:#52713b;line-height:1.3em;}
.typography-02 a {color:#52713b;text-decoration:none;}
.typography-02 a:hover {color:#52713b;text-decoration:underline;}

/* typography 03 - Footer */
.typography-03 {
	font: normal normal normal 11px Georgia, "Times New Roman", Times, serif;
	color:#fff;line-height:1.7em;}
.typography-03 h2 {font-size: 120%;margin-bottom:.5em;text-align:center;text-transform:uppercase;}
.typography-03 a {color:#fff;text-decoration:underline;}
.typography-03 a:hover {color:#fff;text-decoration:underline;}

/* typography 04 - Sub columns (restaurants, retail, blog) */
.typography-04 {
	font: normal normal normal 11px Georgia, "Times New Roman", Times, serif;
	color:#333;line-height:1.4em;}
.typography-04 a {color:#516f3b;text-decoration:none;}
.typography-04 a:hover {text-decoration:underline;}
.typography-04 h2 {margin:5px 0 5px 0;padding:2px 5px;background-color:#54723c;color:white;text-transform:uppercase;font-size:14px;letter-spacing:3px;line-height:1.6em;text-align:center;}
.typography-04 h2.top {margin:0 0 5px 0;}
.typography-04 h3 {margin:5px 0 5px 0;padding:2px 5px;background-color:#f6f7e4;color:#949467;text-transform:uppercase;font-size:11px;letter-spacing:2px;line-height:1.6em;text-align:center;}
.typography-04 ul {margin: 0; padding: 0;list-style:none;}
.typography-04 ul li {margin: 0 0 5px 0;background: none;padding: 0;}

/* -----------------------------------
	Template Variant Styles
-------------------------------------- */

/* t02: photo scroll */
body#t02 #content_box #content #right-corner-photo {position:relative;float:right;width:290px;height:290px;overflow:none;margin:0 0 20px 10px;}
body#t02 #content_box #content #right-corner-photo #photo-slide {position:absolute; top:0px;left:0px;}
body#t02 #content_box #content #right-corner-photo #photo-prev {position:absolute; top:270px;left:0px;}
body#t02 #content_box #content #right-corner-photo #photo-next {position:absolute; top:270px;left:145px;}
body#t02 #content_box #content #right-corner-photo-lg {position:relative;float:right;width:590px;height:590px;overflow:none;margin:0 0 20px 10px;}
body#t02 #content_box #content #right-corner-photo-lg #photo-slide {position:absolute; top:0px;left:0px;}

/* t02: critters */
body#t02 #content_box #content .critter {width:600px;margin-bottom:10px;float:left;}
body#t02 #content_box #content .critter-wide {width:900px;}
body#t02 #content_box #content .critter img {float:left;width:145px;height:145px;margin:0 0 0 0;}
body#t02 #content_box #content .critter .info {float:left;width:290px;margin:-;padding-left:10px;}

/* t02: sub-column-small (for restaurants, retail) */
body#t02 #content_box #content .sub-column-small {float:left;width:190px;margin:0 0 0 10px;}

/* t02: photo gallery */
body#t02 #content_box #content #photogallery {margin-top:2em;}
body#t02 #content_box #content #photogallery {margin-top:2em;}
body#t02 #content_box #content #photogallery a.photobox {display:block;float:left;vertical-align:middle;text-align:center;width:136px;height:136px;margin:14px 7px;}
body#t02 #content_box #content #photogallery img {} 
body#t02 #content_box #content #photogallery .pagination a {text-decoration:none;font-weight:normal;margin-right:.25em;}
body#t02 #content_box #content #photogallery .pagination a:hover {text-decoration:none;font-weight:bold;}
body#t02 #content_box #content #photogallery .pagination b {padding:0 3px;}

/* t02: left and right cols */
body#t02 #content_box #content .leftcol {width:290px;float:left;}
body#t02 #content_box #content .rightcol {width:290px;float:right;}
body#t02 #content_box #content .contact-info {margin-top:4em;}

/* t02: photo alignment */
body#t02 #content_box #content img.alignright {float:right;margin:0 0 10px 10px;}
body#t02 #content_box #content img.alignleft {float:left;margin:0 10px 10px 0;}

/* t02: blog */
body#t02 #content_box #content #blog-sidebar {float:right;width:185px;margin-left:10px;padding:10px;background-color:#f6f7e5;min-height:600px;}
body#t02 #content_box #content #blog-sidebar #blog-archives-list {}
body#t02 #content_box #content #blog-content {float:left;width:685px;}
body#t02 #content_box #content #blog-content .blog-entry {border:1px dotted #f6f7e5;padding:10px;margin-bottom:10px;}
body#t02 #content_box #content #blog-content .blog-entry .date {margin-bottom:10px;font-size:11px;font-style:italic;}

/* formspring */
#formMainDiv {;}
#formMainDiv .formHeading {margin:0 0 .5em 0 !important;padding:0 !important;font: normal normal normal 14px Georgia, "Times New Roman", Times, serif !important;
	color:#333 !important;line-height:1.4em !important; font-size: 120% !important;}
#formMainDiv .formText {}
#formMainDiv .formLabel {margin:10px 0 0 20px !important;width:350px !important;font: normal normal normal 12px Georgia, "Times New Roman", Times, serif !important;
	color:#333 !important;line-height:1.4em !important;font-weight:bold !important;text-transform:uppercase;background-color:#fafce9 !important;}
#formMainDiv .formLabel label.mainLabel  {}
#formMainDiv .formRow {border-bottom:1px dotted #f6f7e5 !important;margin:10px 0 !important;}
#formMainDiv .formLabel label.required {}
#formMainDiv .formField {margin:10px 0 0 10px !important;padding:0 !important;}
#formMainDiv .formField .formSupporting {font-size:85% !important;}
#formMainDiv .formField  textarea {width:400px !important;}
#formMainDiv #formSubmitButton {text-align:center !important;}
#formMainDiv #submitButton { }