/* MIXED MARKET.com CSS
*	Author: Dan Nikkel		*
*	Nikkelkrome.com			*
*	Copyright 2008			*
*/


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #575757;
}

p { font-size:12px; line-height: 18px; padding: 10px;}

a { color: #464646; }
a:hover { color: #242424; }

.oneColElsCtrHdr #container {
	width: 900px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #header { 
	height: 90px;
	background: #fff;
	border-bottom: 1px solid #ccc;
} 


/* -- COMMON ----------------------------- */
.title { font-size: 24px; }
.subTitle { font-size:14px; }

.common_img { padding: 6px; background-color: #f0f0f0; border: 1px solid #ccc; margin: 8px; }

.disclaimer { font-size:10px; font-style:italic; }

ul { margin-left: 10px; }
li { font-size:11px; list-style:square; margin-bottom: 5px; }

/* -- HEADER  NAV ----------------------------- */

#header a.navItem  {background:#f0f0f0;color:#666666; text-decoration:none;width:auto;height:18px;padding:3px 12px 3px 12px;float:right;margin:7px 2px 0 0; font-size:11px;}
#header a.activeTab  {background:#fff; border: 1px solid #ccc; border-bottom: 1px solid #fff;color:#232323; text-decoration:none;width:auto;height:20px;padding:8px 15px 10px 15px;float:right;margin:0px 2px 0 0; text-transform:capitalize;}
#header a.navItem:hover { background:#b2bb1c; color:#fff;}



/* ------------------------------ */

.oneColElsCtrHdr #mainContent {
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #FFFFFF;
	overflow:auto;
}

#mainContent .billboard { display: block; width: 282px; text-decoration: none; float:left; margin-left:8px; margin-right: 8px; }
#mainContent .billboard .comment { padding: 10px; font-size:12px;}
#mainContent a#shop { display: block; width: 282px; height: 202px; text-decoration: none; background-image:url(../images/_shop.jpg);}
#mainContent a#give { display: block; width: 282px; height: 202px; text-decoration: none; background-image:url(../images/_give.jpg);}
#mainContent a#plant { display: block; width: 282px; height: 202px; text-decoration: none; background-image:url(../images/_plant.jpg);}
#mainContent a#shop:hover, #mainContent a#give:hover, #mainContent a#plant:hover { background-position: 0px -202px;}


.oneColElsCtrHdr #baordInfo { 
	margin-top: 10px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#f0f0f0;
	border: 1px solid #ccc;
	overflow:auto;
}
.oneColElsCtrHdr #baordInfo h1 {
	color: #52cbf5;
	margin: 0;
	padding: 10px 0;
	font-size: 18px;
} 
.oneColElsCtrHdr #baordInfoContent { 
	margin: 0 15px 25px 15px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #fff;
	overflow:auto;
} 

.oneColElsCtrHdr #div0 { position:absolute; left:50; top:50; visibility: visible; width: 900px; overflow:auto;}
.oneColElsCtrHdr #div1 { position:absolute; left:50; top:50; visibility: hidden; width: 900px; overflow:auto;}
.oneColElsCtrHdr #div2 { position:absolute; left:50; top:50; visibility: hidden; width: 900px; overflow:auto;}

a .shopImg, a .giveImg, a .plantImg { padding: 8px; background-color: #f0f0f0; border: 1px solid #ddd; margin: 15px 20px 15px 15px; }
a .shopImg:hover {background-color: #52cbf5;}
a .giveImg:hover {background-color: #f47d31;}
a .plantImg:hover {background-color: #b2bb1e;}



/* -- FOOTER ----------------------------- */
.oneColElsCtrHdr #footer { margin-top: 10px 0 10px 0; padding: 0 10px 10px 0; background:#fff; font-size:10px; color: #999; border-top: 1px solid #ccc;} 
.oneColElsCtrHdr #footer p { margin: 0; padding: 10px 0; }
.oneColElsCtrHdr #footer a { font-size:11px; color: #777; }
.oneColElsCtrHdr #footer a:hover { color: #b2bb1e; }

/* -- AFFILIATES PAGE ----------------------------- */
td a { font-size: 12px; }

a.aff img { padding: 1px; background-color: #ccc; margin-top: 2px;}
a.aff img:hover { background-color: #b2bb1c;}


/* -- PRESS PAGE ----------------------------- */
.press_item { border: 1px solid #ccc; padding: 5px; margin: 15px; background-color: #f0f0f0; float:left; font-size:9px;}
.press_item a img { padding: 8px; background-color: #fff; border: 1px solid #ddd; }
.press_item a img:hover {background-color: #b2bb1e; }
.press_item .pTitle { font-size:14px; color: #333; padding: 4px; font-family:Arial, Helvetica, sans-serif; }
.press_item .pTitle a { color: #333; text-decoration:none;}
.press_item .pTitle a:hover { color: #b2bb1e; text-decoration:underline;}
.press_item .pDate { font-size:10px; padding-left: 4px; }