/*------------------------------------------------------------------------------
Overall Document Styles

version:	1.5
author:		gus torres
website:	gling.com
------------------------------------------------------------------------------*/

/* =Document Style for 'gling.com'
------------------------------------------------------------------------------*/


/* Global document styling */

/* Ignore this for now - trying to standardize some font values

html	{
	font-size: 100%;
}

body	{
	font-size: 0.8125em;
}

*/

body	{
	background: #E5F1BB;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

a:link, a:visited,
a:hover, a:active	{
	text-decoration: none;
}

a:link, a:visited	{
	color: #a8c545; /* gling green */
}

a:hover, a:active	{
	color: #0092b2; /* gling blue */
}

img.center	{
	display: block;
	margin: 0 auto; /* centers the image within its block */
}

hr	{
	display: none;
}

.clearfix	{
	clear: both;
	overflow: auto;
}

/*= Used to style the 'document' or 'page */

#wrapper	{
	background: #FFF url(../images/bkgd_doc.gif) left top repeat-y;
	margin: 0 auto; /* all browsers understand this as centering the #wrapper except for IE6 */
	position: relative;
	width: 960px;
}

/*= Search and login region */

#tabhead	{
	background: #dfd3b7 url(../images/bkgd_tabhead.gif) left top repeat-x;
	margin: 0 10px;
	height: 45px;
}

#tabhead #search-main	{
	float: left;
	margin-left: 20px;
	margin-top: 8px;
}

#tabhead #search-main p	{
	font-size: 11px;
	text-transform: uppercase;
	color: #776045; /* gling brown */
}

#tabhead #search-main p select#filter	{
	font-size: 11px;
	text-transform: none;
}

#tabhead input.text 	{
	font-size: 12px;
	font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 220px;
	color: #776045;
	padding: 2px;
}

input.image	{
	width: 28px;
	height: 28px;
	border: none;
	vertical-align: middle; /* This makes the image button line up with input text to the left. */
}

#tabhead .login	{
	float: right;
	padding-right: 10px;
}

#tabhead .login p	{
	font-size: 11px;
	text-transform: uppercase;
	margin: 1.5em;
}

#tabhead .login p a:link,
#tabhead .login p a:visited	{
	color: #776045;
}

#tabhead .login p a:hover,
#tabhead .login p a:active	{
	color: #0092b2;
}

/*= #body houses the remaining #content styles including #main and .right_tab */
#body	{
	clear: both;
}

#body h2.logo a	{
	/* provides a 'text' version of the gling logo */
	float: left;
	background: url(../images/img_logo.png) no-repeat left top;
	text-indent: -5000px;
	font-size: 10px;
	width: 150px;
	height: 75px;
	margin-left: 35px;
	display: block /*used to make any linked text 'hot' */;
}

#body h2.logo a:hover,
#body h2.logo a:active	{
	background-position: left bottom;
}

#body .tabs	{
	margin: 0 138px 0 0;
	float: right;
}

#body .tabs ul li	{
	float: left;
}

#body .tabs ul a	{
	display: block; /* makes the whole link region 'clickable' */
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1em;
	text-align: center;
	height: 25px;
	padding-top: 50px;
}

#body .tabs ul a:hover,
#body .tabs ul a:active	{
	color: #0092b2;
	text-decoration: none;			
}

#body .tabs ul li#stream	{
	margin: 0;
	padding: 0;
	background: url(../images/img_stream.gif) 50% 25% no-repeat;
	width: 88px;
	height: 75px;
}

#body .tabs ul li#stream a.active	{
	background: url(../images/img_stream_on.gif) 50% 25% no-repeat;
	color: #0092b2;
}

#body .tabs ul li#recipes	{
	margin: 0;
	padding: 0;
	background: url(../images/img_recipes.gif) 50% 25% no-repeat;
	width: 88px;
	height: 75px;
}

#body .tabs ul li#recipes a.active	{
	background: url(../images/img_recipes_on.gif) 50% 25% no-repeat;
	color: #0092b2;
}

#body .tabs ul li#food	{
	margin: 0;
	padding: 0;
	background: url(../images/img_food.gif) 50% 25% no-repeat;
	width: 74px;
	height: 75px;
}

#body .tabs ul li#food a.active	{
	background: url(../images/img_food_on.gif) 50% 25% no-repeat;
	color: #0092b2;
}

#body .tabs ul li#locations	{
	margin: 0;
	padding: 0;
	background: url(../images/img_locations.gif) 50% 25% no-repeat;
	width: 114px;
	height: 75px;
}

#body .tabs ul li#locations a.active	{
	background: url(../images/img_locations_on.gif) 50% 25% no-repeat;
	color: #0092b2;
}

/* = Primary content area including #subnav and #main */

#body #content	{
	margin-left: 35px;
	float: left;
	width: 780px;
	min-height: 1024px;
}

/* Watermarks for recipes, food and locations */

#content.recipe-set	{
	background: url(../images/bkgd_recipes.gif) bottom right no-repeat;
}

#content.food-set	{
	background: url(../images/bkgd_food.gif) bottom right no-repeat;
}

#content.location-set	{
	background: url(../images/bkgd_location.gif) bottom right no-repeat;
}

/* #subnav navigation is related to the primary navigation in #body .tabs */
/* The following classes .recipe, .food, and .locations control the marker used in an active tab */

#content #subnav .main-block	{
	background: #0092b2;
	height: 6px;
}

#content #subnav .stream	{
	background: #0092b2 url(../images/img_tabselected.gif) 458px 0 no-repeat;
	height: 6px;
}

#content #subnav .recipes	{
	background: #0092b2 url(../images/img_tabselected.gif) 546px 0 no-repeat;
	height: 6px;
}

#content #subnav .food	{
	background: #0092b2 url(../images/img_tabselected.gif) 627px 0 no-repeat;
	height: 6px;
}

#content #subnav .locations	{
	background: #0092b2 url(../images/img_tabselected.gif) 721px 0 no-repeat;
	height: 6px;
}

#content #subnav .main-block ul,
#content #subnav .main-block p	{
	float: left;
	background: #0092b2 url(../images/bkgd_sub_tabs.gif) left bottom repeat-x;
	margin-top: 6px; /* so one can see the selected menu above */
	width: 780px;
	height: 30px;
}

#content #subnav .main-block p	{
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	color: #FFF;
}

#content #subnav .main-block ul li	{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	background: url(../images/bkgd_tab_right.png) right top no-repeat;
}

#content #subnav .main-block ul li a	{
	display: block; /* makes the whole link region 'clickable' */
	padding: .9em .8em .5em .8em;
	line-height: 1em;
	font-size: .7em;
	text-transform: uppercase;
	color: #00b0d6;
	background: url(../images/bkgd_tab_left.png) left top no-repeat;
}

#content #subnav .main-block ul li.active	{
	background: #FFF url(../images/bkgd_tab_right_active.png) right top no-repeat;
}

#content #subnav .main-block ul li.active a	{
	background: url(../images/bkgd_tab_left_active.png) left top no-repeat;
}

#content #subnav .main-block ul a:hover,
#content #subnav .main-block ul li.active a:hover	{
	color: #776045;
	text-decoration: none;
}

/* sections related to subsets of the section tabs */

#content #subnav .subset-block ul	{
	float: right;
	font-size: .8em;
}

#content #subnav .subset-block ul li	{
	float: left;
	margin: 12px 15px 12px 0;
	padding: 0;
}

#content #subnav .subset-block ul a	{
	display: block; /* makes the whole link region 'clickable' */
	padding: .5em .5em .5em 1.3em;
	line-height: 1em;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #a8c545;
}

#content #subnav .subset-block ul li a.icn-add	{
	background: transparent url(../images/bkgd_addrecipe.gif) 0 50% no-repeat;
}

#content #subnav .subset-block ul li a.icn-edit	{
	background: transparent url(../images/bkgd_editrecipe.png) 0 50% no-repeat;
}

#content #subnav .subset-block ul li a.icn-delete	{
	background: transparent url(../images/bkgd_deleterecipe.gif) 0 50% no-repeat;
}

#content #subnav .subset-block ul li a:hover	{
	color: #0092b2;
	text-decoration: none;
}

/* = Content */

#content	{
	float: left; /* originally had 'clear: both' but caused issues with IE7. 'float: left' doesn't effect Safari, Firefox or IE */
	border-left: 3px solid #0092b2;
	border-right: 3px solid #0092b2;
	border-bottom: 3px solid #0092b2;
	padding: 0;
}

/* Majority styling for the following is carried over to external stylesheet main.css */

#content #main	{
	margin: 45px 20px 20px 20px;
	padding: 0;
}

/* Used to style the right-hand column */

#body .right_tab	{
	float: left;
	width: 104px;
}

/* Style for .right_tab .primary */

#body .right_tab ul.primary	{
	background: #a8c545 url(../images/bkgd_primary_top.gif) right top no-repeat;
	padding-left: 4px;
	padding-top: 10px;
}

#body .right_tab ul.primary li	{
	padding-bottom: 15px;
}

#body .right_tab ul.primary li a.icn-favorite	{
	font-weight: bold;
	background: transparent url(../images/bkgd_favorite.png) 0 50% no-repeat;
	color: #E5F1BB;
}

#body .right_tab .primary li.last	{
	background: #a8c545 url(../images/bkgd_primary_btm.gif) right bottom no-repeat;
	padding-bottom: 15px;
}

#body .right_tab ul.primary li a	{
	font-size: .8em;
	color: #FFF;
	padding-left: 17px;
}

#body .right_tab ul.primary li a:hover	{
	color: #0092b2;
	text-decoration: none;
}

#body .right_tab ul.primary li.active a	{
	background: url(../images/bkgd_righttab_icn.png) 0 50% no-repeat;
	color: #0092b2;
}

#body .right_tab ul.primary li.active a:hover	{
	color: #FFF;
}

/* Style for original .right_tab .feedback and new .coupon added 8/2009 */

#body .right_tab ul.feedback,
#body .right_tab ul.coupon	{
	margin-top: 20px;
}

#body .right_tab ul.feedback li,
#body .right_tab ul.coupon li	{
	width: 75px;
	height: 50px;
}

#body .right_tab ul.feedback li	{
	background: #FF8522 url(../images/bkgd_feedback.gif) right top no-repeat;
}

#body .right_tab ul.coupon li	{
	background: #FF8522 url(../images/bkgd_coupon.gif) right top no-repeat;
}

#body .right_tab ul.feedback a,
#body .right_tab ul.coupon a	{
	font-size: .6em;
	color: #FFF;
	display: block; /* makes the whole link region 'clickable' */
	padding-top: 33px;
	padding-left: 10px;
	width: 65px;
	height: 15px;
}

#body .right_tab ul.feedback a:hover,
#body .right_tab ul.coupon a:hover	{
	color: #000;
	text-decoration: none;
}

/* Special for AddThis.com button */

.right_tab a.addthis_button	{
	display: block;
	padding-top: 20px;
	padding-left: 5px;
}

/*= #footer anchors the #wrapper and styles any .legal info */

#footer	{
	clear: both;
	background: #FFF url(../images/bkgd_footer.gif) left bottom no-repeat;
	padding: 10px;
}

#footer .legal	{
	text-align: center;
	margin: 10px 0;
	font-size: .7em;
	color: #776045;
}

#footer .legal a	{
	font-weight: bold;
}