/* CSS for The Green Nut - Recipes Channel */


/* ===========================================
         MAIN LAYOUT
==============================================*/

#main {
	padding-bottom: 50px;
	}


/* ===========================================
         FEATURED
==============================================*/

#featured {
	float: left;
	width: 575px;
	margin-top: 16px;
	}

#featured .boxContent {
	min-height: 420px;
	_height: 420px; /* IE6 */
	padding: 51px 0 29px 20px;
	background: url(../images/recipes/bg-featuredRecipes.gif) 8px 7px no-repeat;
	}
	
#featured .viewAll {
	float: right;
	margin: -34px 14px auto auto;
	padding-right: 15px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	background: url(../images/global/arrow-viewAll-pinkBg.gif) top right no-repeat;
	}

#featured h4 {
	min-height: 44px;
	_height: 44px; /* IE6 */
	margin: 14px 90px 4px 14px;
	}

#featured h4 a {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	color: #9aa51d;
	text-decoration: none;
	}

#featured h4 a:hover {
	text-decoration: underline;
	}

#featured h4 span {
	font-size: 0.65em;
	}

#featured .link-more {
	margin-left: 14px;
	}

#featured #pagination {
  position: relative;
  z-index: 100;
}

/*---- Pagination ---- */

#pagination {
	float: right;
	margin: -16px 40px auto auto;
	text-align: right;
	font-size: 1.1em;
	line-height: 1em;
	_display: inline; /* IE6 */
	}

#pagination .prev,
#pagination .next,
#pagination span {
	float: right;
	}

#pagination span {
	margin: 0.1em 1em auto;
	}

#pagination span a {
	float: none;
	margin-left: 0.6em;
	font-size: 1.2em;
	text-decoration: none;
	}

#pagination span a.selected {
	font-weight: bold;
	}


/* ===========================================
         BROWSE
==============================================*/

#browse {
	position: relative;
	float: left;
	width: 357px;
	margin: 14px auto auto 16px;
	}

#browse .boxContent {
	min-height: 474px;
	_height: 474px; /* IE6 */
	padding: 20px 0 13px 14px;
	}

#browse h3 {
	text-align: center;
	padding-right: 14px;
	}

/*---- Tabs ---- */

#browse #tabs {
	margin-top: 8px;
	}

#browse #tabs li {
	float: left;
	}

#browse #tabs a {
	display: block;
	height: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
	}

#browse #tab-appetizers a 	{ width: 76px; background-image: url(../images/recipes/bu-appetizers.gif); }
#browse #tab-desserts a 	{ width: 56px; background-image: url(../images/recipes/bu-desserts.gif); }
#browse #tab-mainDish a 	{ width: 66px; background-image: url(../images/recipes/bu-mainDish.gif); }
#browse #tab-salads a 		{ width: 55px; background-image: url(../images/recipes/bu-salads.gif); }
#browse #tab-sideDish a 	{ width: 71px; background-image: url(../images/recipes/bu-sideDish.gif); }

#browse #tabs a:hover,
#browse #tabs a.selected {
	background-position: 0 100%;
	}
	

/*---- Panels ---- */

#browse .holder {
	position: absolute;
	width: 345px;
	height: 420px;
	top: 70px;
	_top: 69px; /* IE6 */
	left: 14px;
	}
	*+html #browse .holder { top: 69px; /* IE7 */ }
	
#browse .holder a {
	display: block;
	padding: 8px 20px 10px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-decoration: none;
	background-color: #f0e4cb;
	border-bottom: 1px solid #cbcda0;
	}

#browse .alt a {
	background-color: #f7f1e4;
	}
	
#browse .holder .thumb {
	float: left;
	}

#browse .holder h5 {
	margin: 4px auto 0 77px;
	font-weight: bold;
	}

#browse .holder p {
	margin-left: 77px;
	}

#browse .holder-bdr_b {
	height: 1px;
	background: url(../images/recipes/scrollpane-bottom.gif) 0 100% no-repeat;
	}

/* ------ SCROLL CONTROLS ------ */

#browse .jScrollPaneTrack {
	right: 4px;
	_right: 3px; /* IE6 */
	height: 420px !important;
	background-color: transparent;
	}

#browse .scroll-pane {
	height: 420px;
	border: 1px solid #b6af9f;
	}

#browse .jScrollPaneDrag {
	background: url(../images/global/scrollbar-vertical.gif) no-repeat 0 50%;
	}

/* ------ ADJUST WIDTH FOR NON-SCROLLING PANES ------ */

#browse #appetizers,
#browse #salads {
	width: 325px;
	}

#browse #appetizers .jScrollPaneContainer,
#browse #salads .jScrollPaneContainer {
	border-right: 1px solid #cbcda0;
	}