* { margin: 0; padding: 0; }

html, body { background: #D2B48C; }
body { color: #333; font: 10px arial, sans-serif; border-color: #bbb; }

a { color: #888; }
/*table { width: 100%; }*/
/*td { text-align: left; vertical-align: top; padding: 0 1em 0 0; border: 0; }*/
td { padding: 5px; }
.normal td { padding: 0 1em 0 0 !important; border: 0 !important; }

#container {
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #92744C;
	margin: 0 auto 2em auto;
	padding: 10px 0 0 0;
	position: relative;
	width: 95em;

	background: #fff;
}


#header {
	position: relative;
}


#logo {
	padding: 0 0 25px 0;
}
#logo h1 {
	background: transparent url(../img/tacoma-food-coop-logo.jpg) 0 0 no-repeat;
	height: 218px;
	margin: 0 auto;
	width: 153px;
}
#logo a { display: block; height: 100%; width: 100%; }
#logo a span { display: none; }

#logo .tagline { display: none; }
#logo .tagline a {  }


/*************************
	MENU
*************************/
#menu {
	background: #AC4A2C;
	height: 26px;
	margin: 0 10px 10px 10px;
}
#menu ul {
	list-style-type: none;
}
#menu li {
	float: left;
	position: relative;
}
#menu a {
	display: block;
	padding: 5px 10px;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #6F1600 1px 0;
}
#menu li.active {
	background: #CC6A4C;
}

#menu ul.sub {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #7F2610;
	display: none;
	left: 0;
	position: absolute;
	top: 100%;
	width: 18em;
	z-index: 100;

	background: #AC4A2C;
}
#menu ul.sub li {
	float: none;
}
#menu ul.sub li a {
	font-size: 12px;
	font-weight: normal;
}


/* SIDE MENU */
#side_menu {  }
#side_menu a {  }
#side_menu a:hover {  }

#account {
	position: absolute;
	right: 15px;
	top: 6px;

	color: #fff;
	text-align: right;
}
#account a { color: #EC8A6C }


/*************************
	BASIC CONTENT
*************************/

#content {
	height: 1%;
	/*margin: 10px 0 0 0;*/
	padding: 0 10px;
	position: relative;

	font-size: 13px;
	line-height: 175%;
}
#content h2 {
	padding: 1em 0 0 0;

	color: #362;
	font: bold 26px georgia, times;
}
#content h2 a { color: #362; text-decoration: none; }
#content h2 a:hover { text-decoration: underline;  }
#content h2 .trail {
	display: block;
	position: absolute;
	top: 0;
	font-size: 12px;
}
#content h3 {
	color: #926B39;
	font: normal 22px georgia, times;
}
#content h3 a { color: #926B39; text-decoration: none; }
#content h3 a:hover { text-decoration: underline; }
#content h4 {  }
#content h5 {  }
#content a { color: #3352AF; }
#content p, #content ul, #content ol, #content blockquote { margin: 0 0 1.25em 0; }
#content ul, #content ol, #content dl, #content blockquote { margin-left: 1.5em; }


/*************************
	SIDE COLUMN
*************************/
#side_col {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	position: relative;
	width: 250px;
}
#side_col h3 {
	padding: 5px 10px;

	background: #254D11;
	color: #fff;
}
#side_col h3 a, #side_col h3 a:hover {
	color: #fff;
	text-decoration: none;
}

#side_col .box {
	padding: 5px 10px;

	line-height: 140%;
}
#side_col .box a {  }
#side_col .box p {  }
#side_col .box img {  }
#side_col .box table {
	border-spacing: 0;
}
#side_col .box td {
	padding: 0 10px 10px 0;
}


/*************************
	MAIN COLUMN
*************************/
#main_col {
	float: right;
	padding: 20px 0 0 0;
	position: relative;
	width: 660px;
}
#main_col h2 {}
#main_col hr {
	border: 0;
	border-top: 3px double #362;
	height: 1px;
}

#main_col .box_content div{
	border-top: 3px double #D2B48C;
	padding: 1em 0 0 0;
}
#main_col .box_content div.first_item {
	border: 0;
}

#main_col div.hilite {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #DFCDB5;
	padding: 10px 10px 0 10px;
	width: 50%;

	background: #EFE2D1;
}

/*************************
	CALENDAR STYLES
*************************/
#cal_grid { color: #999; font-size: 11px; padding-left: 0 !important; }
#cal_grid table { /*width: 16.72em;*/ width: 85%; margin: 0 0 .5em 1.5em; }
#cal_grid .heading td { padding-bottom: 5px; border: 0; }
#cal_grid .heading td a { background: transparent; }
#cal_grid th, #cal_grid td { text-align: center; }
#cal_grid th { color: #333; border-bottom: 1px dotted #bbb; }
#cal_grid td { width: 12%; padding: 0 !important; font-size: 13px; border-width: 0 1px 1px 0; border-style: dotted; 
border-color: #bbb; }
#cal_grid td span { display: block; padding: 4px 0; }
#cal_grid td a { display: block; padding: 4px 0; background: #ffc; color: #596699 !important; text-decoration: none; }
#side_col #cal_grid td img { width: auto; height: auto; background: transparent; margin: 0; padding: 0; border: 0; }
#cal_grid td.weeklink { border: 0; border-right: 1px dotted #bbb; }
#cal_grid td.weeklink a { background: transparent; text-decoration: none; }
#cal_grid td.selected { background: #fff; }
#cal_grid td.today { background: #c4f4c4; border-width: 0 1px 1px 0; border-style: solid; border-color: #b4e4b4; }
#cal_grid td.lastmonth { }
#cal_grid td.nextmonth { }

.cal_nav { position: absolute; top: 5px; left: 18px; background: #ececec; color: #888; padding: 0 10px 2px 10px; }
div>.cal_nav { top: 6px; }
.cal_nav a { color: #888 !important; padding: 0 3px 2px 3px; }
.cal_nav a:hover { background: #fff; }

#content .events p { margin: 0; }
#content .events img, img.evt_img { /*position: relative;*/ clear: both; float: right; background: #fff; margin: 1em 0 1em 1em; padding: 6px; border-width: 0 1px 1px 0; border-style: solid; border-color: #bbb; }


/*************************
	FORMS
*************************/

/* TIPS FORM */
#tips_form ul { list-style-type: none; }
#tips_form li { margin: .5em 0 0 0; }
#tips_form input.basics, #tips_form textarea { width: 18em; font: 14px sans-serif; padding: .15em; border: 1px solid #888; }
#tips_form textarea { height: 7em; }

.general_form input, .general_form textarea { width: 15em; }
.general_form td { padding-right: 1em; }
.general_form td.label { width: 9.5em; }

/* FEEDBACK FORM */
#feedback_form { position: absolute; left: 415px; width: 270px; background: #e8e8e8; margin: 1.5em 0 0 0; padding: 20px 15px 15px 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #888; }
div>#feedback_form { left: 429px; }
#feedback_form td, .general_form td { color: #444; vertical-align: middle; padding: .25em 0; }
#feedback_form input.basics, #feedback_form textarea { width: 15em; }
#feedback_form textarea, .general_form textarea { height: 7em; }

#content #feedback_area { width: 395px; margin: 0; padding: 0 20px 0 0; border: 0; border-right: 1px solid #888; }
#content #feedback_area div { margin: 0 0 1em 0; padding: 0 0 1em 0; border: 0; border-bottom: 1px dashed #aaa; }
#content #feedback_area p { font-size: 10pt; line-height: 1.1em; margin: 0; }
#content #feedback_area h5 { color: #888; font: normal 8pt arial, sans-serif; letter-spacing: .1em; margin: .25em 0 0 0; padding: .2em 0 0 1em; }
#content #feedback_area h5 a { color: #888; text-decoration: none; border-width: 0 0 1px 0; border-style: dotted; border-color: #888; }


/*************************
	BLOG POSTS
*************************/

.comments table.blog_comments {
	width: 100%;
}
.comments table.blog_comments td {
	border: 0;
	border-top: 1px solid #ddd;
	padding: .5em .5em .5em 0;
	vertical-align: top;
}
.comments table.blog_comments td.left_col { width: 25%; }
.comments table.blog_comments td.right_col { width: 75%; }

.comments table.blog_comments tr.hilite td { background-color: #EFE2D1; }
.comments table.blog_comments tr.hilite td.left_col { padding: .5em; }

.cmt_flagged { background: #fcc; }

/*************************
	REPORTS
*************************/
.reports {}
.reports table { border-spacing: 0 0; }
.reports tr {}
.reports tr:hover { background: #fff; }
.reports th {
	background: #ccc;
	font-weight: normal;
	font-size: 11.5pt;
	text-align: left;
	padding: 7px 5px;
}
.reports td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.reports .btn {
	cursor: pointer;
	width: auto !important;
	height: 1.5em;
	background-color: #e0e0e0;
	background-position: 5px center;
	background-repeat: no-repeat;
	font: 8pt/1.6em verdana, arial, sans-serif !important;
	text-decoration: none;
	padding: .35em .5em .3em 26px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #f8f8f8 #ccc #ccc #f8f8f8;
}
.reports .btn:active { border-width: 1px 0 0 1px; }
.reports .btn.email {
	background-image: url('../img/icons/email_go.png');
}

.reports tr.pending td {
	background: #ffc;
	color: #666;
	font-style: italic;
}

/*************************
	RICH TEXT TOOLBAR
*************************/
#editor_toolbar {}
#editor_toolbar img {
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 1px 2px 2px 2px;
	border: 1px outset #eee;
}
#editor_toolbar img:hover {
	background: #f4f4f4;
}


/*************************
	POPUP PHOTO UPLOADER
*************************/
#inline_photos {}
#inline_photos p {
	display: block;
	position: relative;
	float: left;
	width: 80px;
	background: #f8f8f8;
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #aaa;
}
#inline_photos p img {
	display: block;
	cursor: pointer;
	width: 100%;
}
#inline_photos p span {
	display: none;
	position: absolute;
	top: 100%;
	right: -1px;
	background: #f8f8f8;
	padding: 0 5px 2px 5px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #aaa;
	z-index: 100;
}
#inline_photos p:hover span {
	display: block;
}


/*************************
	TWEETS
*************************/
img.tweet_auth {
	width: 48px;
	height: 48px;
	padding: 5px;

	background: #fff;
}


/*************************
	FORUM BLOTTER
*************************/
#side_col #forum_blotter {}
#side_col #forum_blotter img {
	width: 220px;
	height: auto;
}


/*************************
	FOOTER
*************************/
#footer { margin: 2em 0 0 0; padding: .5em 0; }


/*************************
	GENERAL STYLES
*************************/

.cleaner { clear: both; font-size: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.clear_it { clear: both; }

input, textarea { font: 13px sans-serif; padding: .15em; border: 1px solid #888; }
iframe { border: 1px solid #888; }
.full input, input.full, textarea.full, .full textarea { width: 18em; }
.fill input, input.fill, textarea.fill, .fill textarea { width: 97%; }
textarea.fill, .fill textarea { height: 10em; }
input.half, textarea.half { width: 8.5em !important; }
input.thirds, textarea.thirds { width: 5em !important; }
input.short { width: 1.5em !important; text-align: center; line-height: 1.25em; }
input.normal { width: auto !important; }

#editor.fill, #source.fill { width: 100%; height: 25em; padding: 0; }
#editor.brief, #source.brief { width: 100%; height: 12em; padding: 0; }

.single_space * { line-height: 1em !important; }
.half_space * { line-height: 1.5em; }

table.two_col_eq th, table.two_col_eq td { width: 50%; }
table.borders_on { border-width: 1px 0 0 1px; border-style: solid; border-color: #aaa; }
table.borders_on td { border-width: 0 1px 1px 0; border-style: solid; border-color: #aaa; }

table.tight th, table.tight td { padding: 0; }

hr { height: 1px; background: transparent; margin: 0 0 1em 0; border: 0; border-top: 1px dashed #aaa; }

.site { position: relative; float: left; margin: 3px .5em 0 0 !important; border: 1px solid #aaa; }
.site a { position: relative; display: block; width: 115px; height: 40px; }
.site span { display: none; }

.dbl_arrow { font-size: 125%; text-decoration: none !important; }

.buttons {
	cursor: pointer;
	width: auto !important;
	height: 2em;
	background: #e0e0e0;
	font: 11pt verdana, arial, sans-serif !important;
	text-decoration: none;
	padding: .35em .5em .3em .5em;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #f8f8f8 #ccc #ccc #f8f8f8;
}
.buttons:active { border-width: 1px 0 0 1px; }

.framed, .framed img {
	background: #fff;
	padding: 6px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #bbb;
}

.submit { background: #c4f4c4; color: #477947 !important; font-weight: bold; border-color: #84b484;}
.edit { background: #cdf; color: #596699 !important; border-color: #89d; }
.delete { background: #fbb; color: #a44 !important; border-color: #c88; }
.preview { background: #f0f0f0; color: #777; border-color: #f0f0f0 #aaa #aaa #f0f0f0; }

.hilite { background: #fff; padding: 1em; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; }
.lowlite { color: #888; }

.gray_links a { color: #777 !important; }

.medium { font-size: 10pt !important; }
.small { font-size: 8pt !important; }
.fine { font-size: 6pt !important; }

.required { color: #c54; font-weight: bold; }
.red_text { color: #e82e30 !important; }

.status { font-size: 10pt; padding: .5em; border-width: 1px 0 0 1px; border-style: solid; }
.success { background: #c4f4c4; border-color: #94c494; }
.error { background: #f4c4c4; border-color: #c494c4; }
.note { background: #f4f4c4; border-color: #c4c494; }

.top_right { position: absolute; top: 3.1em; right: 0; width: 3px; height: 3px; background: transparent url('../img/corner-up-rt.gif') 0 0 no-repeat; z-index: 100; }
.btm_right { position: absolute; bottom: 0; right: 0; width: 3px; height: 3px; background: transparent url('../img/corner-bt-rt.gif') 0 0 no-repeat; z-index: 100; }

.left_it, .left_it * { text-align: left !important; }
.center_it, .center_it * { text-align: center !important; }
.right_it, .right_it * { text-align: right !important; }
.align_top, .align_top td { vertical-align: top !important; }
.align_mdl, .align_mdl td { vertical-align: middle !important; }
.align_btm, .align_btm td { vertical-align: bottom !important; }

.in_thirds td { width: 33% !important; }

.no_margin { margin: 0 !important; }
.no_padding { padding: 0 !important; }
.no_border, table.no_border td, tr.no_border td { border: 0 !important; }
.no_show { display: none; }
.no_u { text-decoration: none !important; }
h3.no_check a:visited { background-image: none; }
.space_below { margin-bottom: 2.5em; }

.lil_pad { padding: 1px 3px !important; }

.float_left { float: left; margin: 0 1em 0 0; }
.float_right { float: right; margin: 0 1em; }

/* social media drop down */
#content .soc_media_contain {
	position: relative;
	padding: 0 7.8em 0 0;

	color: #666;
}
#content .soc_media_list {
	position: absolute;
	top: 3px;
	left: 5em;
	width: 7em;
	height: 1.25em;
	margin: 0;
	padding: 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccc;

	background: #eee url('../img/icons/arrow_dn.gif') 95% .45em no-repeat;
	cursor: pointer;
	line-height: 125%;
	list-style-type: none;
}
div>#content .soc_media_list {
	top: 0;
	/* left: 100%; */
	right: 0;
}
#content .soc_media_list * {
	text-align: left !important;
}
#content .soc_media_list li {
	display: none;
	height: 1%;
	margin: 0;

	font-size: 11px;
}
#content .soc_media_list li a {
	display: block;
	padding: 3px 6px;

	color: #388B2C;
	text-decoration: none;
}
#content .soc_media_list li a:hover {
	background: #388B2C;
	color: #fff;
}

#content .soc_media_list.hover {
	height: auto;
	padding: 1.25em 0 0 0;
}
#content .soc_media_list.hover li {
	display: block;
}