/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    display         : block;
    width           : 800px;
    margin          : 0 auto;
}

h1 
{
}

h2 
{
}

h3 
{
    margin-bottom   : 10px;
}

h4 
{
    margin-top      : 10px;
}

h5 
{
    margin-bottom   : 7px;
}

h6 
{
}

p 
{
    padding-bottom  : 1em;
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.primary
{
    display         : inline-block;
    width           : 500px;
    vertical-align  : top;
    padding         : 20px 10px;
}

.adPage .primary
{
    width           : 323px;
    padding         : 0 20px 0 20px;
}

.home .primary,
.vendors .primary
{
    width           : 451px;
    padding         : 15px 20px 10px;
}

.sidebar
{
    display         : inline-block;
    width           : 255px;
    padding         : 20px 10px;
    vertical-align  : top;
}

.home .sidebar,
.vendors .sidebar
{
    padding         : 0 20px 15px 0;
    width           : 270px;
	margin			: 15px 0 0 -6px;
}

.vcard
{
    position        : relative;
    display         : inline-block;
    width           : 320px;
    padding         : 5px 0;
    margin-bottom   : 6px;
    overflow        : hidden;
    padding-top     : 15px;
}

.profile
{
    padding-bottom  : 10px;
    margin          : 0 0 10px 190px;    
}

.vendor.profile
{
	margin			: 0 0 10px 0;	
}

.vcard.profile
{
    width           : 100%;
    margin          : 0 0 10px 0;
}


.url,
.adr,
.street-address,
.profile .tel,
.profile .email
{
    display         : block;
}

.fresh,
.happenings
{
    margin			: 0 0 15px 0;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ ASIDE _________________________________________________________________*/

/*___ DIV _________________________________________________________________*/
.header
{
    position        : relative;
    display         : block;
    height          : 207px;
    position        : relative;
    overflow        : hidden;
    z-index         : 1;
}

.footer
{
    position        : relative;
    display         : block;
    padding         : 0 10px 5px 20px;
}

#mainNav
{
    position        : relative;
    display         : block;
    width           : 584px;
    height          : 51px;
    margin          : -51px 0 0 216px;
    z-index         : 2;
}

#rotator
{
    display         : block;
    position        : absolute;
    left            : 289px;
    top             : 11px;
    width           : 473px;
    height          : 127px;
}

.flickr_badge_image
{
    display         : inline-block;
    width           : 25%;
    text-align      : center;
    vertical-align  : bottom;
}

.ad
{
    position        : relative;
	padding			: 8px 20px;
	height			: 91px;
}

/*___ SPAN _________________________________________________________________*/
.vevent span
{
    display         : block;
}

.n
{
    display         : inline-block;
}

.newsletter span
{
    display         : inline-block;
    width           : 57px;
}

.copyInfo
{
	display			: block;
	text-align		: center;
	margin			: 0.5em 0;	
}

.phone
{
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 250px;
    line-height     : 12px;
}

.phone span
{
    display         : inline;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/
.header h2
{
    text-align      : right;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/
.sidebar h4
{
    padding-bottom  : 10px;
    margin-bottom   : 5px;
}

.home .sidebar h4,
.vendors .sidebar h4
{
	margin			: 0 -10px 8px -14px;
	padding			: 10px 0 10px 15px;	
}

.sidebar .alternate
{
    padding         : 5px 10px;
    margin          : 0 -10px 0 -14px;
}

.home h4,
.vendors h4
{
    margin-top      : 0;
}

.fresh .alternate,
.happenings .alternate,
.newsletter .alternate
{
    padding         : 10px;
}

/*___ H5 _________________________________________________________________*/
h5.org
{
    display         : block;
    margin-bottom   : 0;
    margin-right    : 2px;
    padding-right   : 5px;
}

.home h5
{
    margin          : 5px 0;
}

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
.home p
{
    padding         : 0;
}

/*___ UL _________________________________________________________________*/
.download
{
    margin-bottom   : 50px;
}

.footerNav
{
    margin-bottom   : 10px;
}

.photos
{
    display         : inline-block;
    float           : left;
    width           : 185px;
    margin-right    : 10px;
}

.home .sidebar > ul,
.vendors .sidebar >ul
{
	padding-left	: 13px;	
}

.home .sidebar .help,
.vendors .sidebar .help
{
	margin			: 0 0 20px -7px;
}

.category
{
    margin-left     : -3px;
}

#rotator ul
{
    position        : relative;
    overflow        : hidden;
    width           : 473px;
    height          : 127px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
#mainNav li
{
    display         : inline-block;
    width           : 24%;
}

ol li
{
    margin-left     : 20px;
    padding-bottom  : 1em;
    list-style-type : decimal;
}

.download li
{
    padding-bottom  : 8px;
    margin-bottom   : 8px;
}

.footer li
{
    display         : inline-block;
    max-width       : 178px;
    padding-right   : 15px;
    vertical-align  : top;
}

.footerNav li
{
    padding-right   : 20px;
}

.vendors .vcard
{
    display         : block;
}

.footer .vcard
{
    width           : auto;
    overflow        : visible;
}

.profile li
{
    display         : inline-block;
}

.links li
{
    margin-top      : 5px;
    display         : inline-block;
    vertical-align  : top;
}

.home .sidebar > ul > li,
.vendors .sidebar > ul > li
{
	padding-bottom	: 15px;
}

.help li
{
    padding-bottom  : 5px;
}

.category li
{
    display         : inline-block;
    width           : 104px;
    vertical-align  : bottom;
    padding-bottom  : 15px;
    line-height     : 1.3em;
    margin-left     : 3px;
}

.vendors .sidebar ul .vendorTypes
{
    padding-bottom  : 50px;
}

#rotator li
{
    position        : absolute;
    top             : 0;
    left            : 0;
}

#rotator.active li
{
	left			: 473px;	
}

#rotator li.current
{
	left			: 0;
}

#rotator li.upcoming
{
	z-index			: 2;
}


/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.subHead
{
    display         : block;
    margin-top      : -.5em;
}

.download a
{
    padding-left    : 1em;
}

.directions
{
    display         : block;
}

a.profile
{
    display         : block;
    margin-left     : 0;
}

#twitter_update_list a,
#twitter_update_list a:hover,
#twitter_update_list a:visited
{
    display         : block;
}

.category a
{
    display         : block;
    text-align      : center;
}

.category .name
{
    height          : 3em;
}

.facebook
{
	display			: block;
	float			: left;
	margin-right	: 19px;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
.footer img
{
    float           : left;
}

.photos img
{
    display         : block;
    width           : 185px;
    height          : auto;
    margin-bottom   : 10px;
}

.fresh img,
.happenings img,
.newsletter img
{
    float           : left;
    margin-right    : 5px;
}

.primary img[style*="float: left;"]
{
    margin-right    : 10px;
}

.primary img[style*="float: right;"]
{
    margin-left     : 10px;
}

.sidebar .flickr_badge_image img
{
	padding-left	: 11px;
}

/*___ FORM _________________________________________________________________*/
.home form
{
	position		: relative;
}

/*___ INPUT _________________________________________________________________*/
input[type="text"]
{
    width           : 200px;
    padding         : 2px;
}

.home input[type="submit"]
{
    position		: absolute;
	top				: 2px;
	right			: 0;
    cursor          : pointer;
}

.home input[type="text"]
{
    width           : 164px;
	height			: 16px;
    padding         : 5px 45px 5px 26px;
}

/*___ LABEL _________________________________________________________________*/
.newsletter label
{
    display         : block;
    margin          : 0 0 7px 10px;
    padding-top     : 7px;
}

/*___ ABBR _________________________________________________________________*/
.dtstart,
.dtend
{
    display         : none;
}

/*___ CITE _________________________________________________________________*/
cite
{
    display         : block;
    width           : 100%;
    margin-bottom   : 5px;
}

/*___ BUTTON _________________________________________________________________*/
#rotator button
{
    position        : absolute;
    width           : 27px;
    height          : 27px;
    text-indent     : -9999em;
    top             : 50px;
    display         : none;
    cursor          : pointer;
    z-index         : 5;
}

#rotator.active button
{
    display         : block;
}

button.before
{
    left            : -20px;
}

button.after
{
    right           : -20px;
}

/*___Group/Section/Class_________________________________________________________________*/