/*
	@name:		member.css
	@date: 		17/12/09
	@author: 	Sam Benson
*/

/*--------------------------------------------------------------------------------
	General Styles
--------------------------------------------------------------------------------*/

@import url(modal.css);

body {
	background: url(../images/member-bg3.gif) repeat-x top left;
}

.visual_padding {
	padding: 13px;	
}

.right {
	float: right;	
}

a.with_bullet {
	background: url(../images/member-linkRight_gosh.gif) no-repeat top right;
	float: left;
	margin-right: 10px;
	color: #fff;
	font-weight: bold;
}

a.with_bullet span {
	background: url(../images/member-linkLeft_gosh.gif) no-repeat top left;
	display: block;
	padding: 3px 14px 4px 23px;
}

a.bullet {
	background: url(../images/member-bullet_gosh.gif) no-repeat left center;
	padding-left: 8px;
	margin-right: 8px;
}

.member_head {
	background: #F2A612 url(../images/member-sidebarHead.gif) no-repeat;
	padding: 9px 0 9px 9px;
	clear: left;
}

.member_box {
	padding: 9px;
	background: #fbf8f1;
	float: left;
}

.member_foot {
	background: #F7F2E7 url(../images/member-sidebarFoot.gif) repeat-x scroll 0 0;
	border-top: 1px solid #beb295;
	border-bottom: 1px solid #beb295;
	float: left;
	width:208px;
	padding: 5px 9px;
}

/*--------------------------------------------------------------------------------
	Layout
--------------------------------------------------------------------------------*/

#navigation {
	height:24px;
	margin:0 0 20px;
}

/* SUB NAVIGATION & SEARCH FORM */

#sub_nav {
	height: 48px;
	
}

#sub_finder #advfrm {
	float: left;	
	margin-top: 8px;
}

#sub_finder #advSearch {
	background:transparent url(../images/search_icon_find_bar.gif) no-repeat scroll left top;
	display:block;
	float:left;
	height:46px;
	text-indent:-9999em;
	width:156px;
}

#sub_finder #searchTerm {
	background: #fff url(../images/member-searchBg.gif) no-repeat top left;
	border: 1px solid #b4b4b4;
	width: 150px;
	height: 16px;
	padding: 1px;
	float: left;
	margin: 7px 5px 0 0;
}

#sub_finder #submitSearch {
	background: url(../images/find_btn.gif) no-repeat;
	border: 0;
	width: 60px;
	height: 24px;
	margin: 6px 0 0 0;
}

#add_recipe {
	background: url(../images/add_recipe_btn.gif) no-repeat 10px 0;
	text-indent: -99999px;
	float: left;
	width: 116px;
	height: 24px;
	margin-top: 14px; 
	margin-left: 9px; 
	padding-left: 10px;
	border-left: 1px solid #da9437;
}

#advanced_recipe_search {
	background: url(../images/white_arrow_find_bar.gif) no-repeat 10px 0;
	margin-top:5px;
}


#sub_tab {
	background: url(../images/member-subTab.gif) no-repeat;
	float: right;
	width: 200px;
	height: 47px;
	position: relative;
}

#sub_tab a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
}

#sub_tab #basket {
	left:60px;
	top:23px;
}

#sub_tab #lists {
	right:7px;
	top:23px;
}

/* MAIN CONTAINER */

#container {
	clear: left;	
	background: #ecddb9;
	margin-top: 20px;
	padding: 12px;
	margin-bottom: 10px;
}

#container h2 {
	color: #2d190f;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	float: left;
	margin: 0;
}

#full_nav {
	float: right;	
	border-left: 1px solid #bfaf88;
	padding-left: 15px;
	margin: 12px 0;
}

#full_nav li {
	list-style: none;
	float: left;
	border-right: 1px solid #bfaf88;
	margin-right: 15px;
	padding-right: 15px;
}

#full_nav li.last {
	margin: 0;	
}

#full_nav li a {
	color: #f76607;
	font-weight: bold;
	font-size: 13px;
}

#member_container {
	clear: both;	
	border-top: 4px solid #532481;
	padding-top: 2px;
}

#member_intro {
	width: 692px;
	float: left;
	border: 1px solid #beb295;
	background: #fbf8f1;
	padding: 0 0 12px 0;
	min-height:217px;
}

#member_intro_foot {
	width: 682px;
	float: left;
	border: 1px solid #beb295;
	border-top: 0;
	background: #F7F2E7 url(../images/member-sidebarFoot.gif) repeat-x;
	padding: 5px;
	margin: 0 0 12px 0;
}

#member_left {
	float: left;
	width: 226px;
	border-left: 1px solid #beb295;
	border-right: 1px solid #beb295;
	border-top: 1px solid #beb295;
	margin: 0 12px 0 0;
}

#member_mid {
	float: left;
	width: 452px;
	border: 1px solid #beb295;
}

#member_right, #member_top_right {
	float: right;
	width: 227px;
	border-left: 1px solid #beb295;
	border-right: 1px solid #beb295;
	border-top: 1px solid #beb295;
}

#member_top_right {
	margin-bottom: 12px;	
	border-bottom: 1px solid #beb295;
}

#member_right {
	clear: right;
}

#member_sidebar {
	float: right;	
	width: 229px;
}

#avatar {
	border: 1px solid #532481;	
	float: left;
}

#member_intro a.arrow {
	float: left;
	clear: left;
	background: url(../images/member-arrowLink_gosh.gif) no-repeat;
	width: 86px;
	height: 21px;
	padding: 7px 0 0 14px;
	margin: 2px 0 0 0;
}

#member_intro .right {
	width: 550px;
}

#member_intro h3 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #532481;
	margin-bottom: 15px;
}

#member_meta {
	float: right;	
	font-weight: bold;
	color: #1a0f08;
}

#member_meta span {
	font-size: 18px;
	color: #f76607;
}

#member_about {
	float: left;
	border: 1px solid #532481;
	background: #f4ead5;
	padding: 12px;
	position: relative;
	margin: 0 0 8px 0;
	width: 524px;
}

#member_about .left_arrow {
	background: url(../images/member-leftArrow_gosh.gif) no-repeat;	
	width: 10px;
	height: 18px;
	float: left;
	position: absolute;
	top: 10px;
	left: -10px;
}

#member_about p {
	font-style: italic;
	color: #532481;
}



#member_stats {
	font-weight: bold;
}

#member_stats .left {
	float: left;
}

#member_stats p {
	font-style: normal;	
	line-height: 20px;
	margin: 0;
}

#member_stats strong {
	width: 70px;
	float: left;
	clear: left;
}

#member_stats span {
	float: left;
	color: #f76607;
}

#member_stats .right {
	width: 350px;
}

#member_stats .right span {
	width: 280px;	
}

/*
#member_stats dl {
	float: left;
	margin: 0;
}

#member_stats dl.alt {
	width: 345px;
	float: right;
}

#member_stats dl.alt dd {
	width: 275px;	
}

#member_stats dd {
	float: left;	
	margin: 0;
	color: #f76607;
	line-height: 20px;
	width: 70px;
}

#member_stats  dt {
	float: left;	
	clear: left;
	width: 70px;
	line-height: 20px;
}
*/

#member_comment {
	position: relative;	
	width: 550px;
	margin: 0 0 0 0;
	float: left;
}


#post_comment {
	width: 446px;
	height: 23px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #532481;
	padding: 2px 0 0 5px;
	
}

#comment_submit {
	position: absolute;
	top: 0;
	right: 0;
	color:#532481;
}

#comment_cancel {
	position: absolute;
	top: 18px;
	right: 0;
}

.member_head h4 {
	font-size: 20px;
	color: #412415;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: 5px;
}

.member_head p {
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.member_head p span {
	font-size: 18px;	
}

#member_sidebar .member_foot {
	width: 209px;
}

.member_box ul {
	margin: 0;
}

.member_box li {
	list-style: none;	
	width: 192px;
}

.member_box li.recipe img {
	border: 1px solid #9c9c9c;
	float: left;
	margin-right: 5px;
}

.member_box li.recipe a {
	font-weight: bold;	
}

#member_mid .member_foot {
	width: 434px;
	border-bottom: 1px solid #beb295;
}

#member_right .member_foot a.last {
	margin: 0;	
}

#member_recommends {
	background: url(../images/member-recommends.jpg) no-repeat;
	width: 227px;
	height: 77px;
	display: block;
	padding: 0;
}

#member_top_right .alt {
	background: #321c10;
	font-size: 14px;
	color: #fff;
	padding: 12px;
	line-height: 23px;
	width: 204px;
}

#member_top_right .alt h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
}

.member_box h5 {
	color: #29170e;
	font-weight: bold;
	font-size: 14px;
	margin: 6px 0 12px 0;
}

#member_mid .member_box {
	padding: 9px 12px 12px 12px;	
	width: 428px;
}

#member_mid h4 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 10px 0 24px 0;
}

#member_mid h4.alt {
	margin: 0;	
}

#member_mid h6 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 24px;
}

#member_mid ul li.recipe {
	width: 410px;
	margin-bottom: 20px;
}

#member_mid ul li.recipe a {
	color: #f76607;
	margin: 0;
}

#member_mid ul li.recipe p {
	margin: 0 0 3px 0;	
	color: #766666;
	font-size: 12px;
}

#member_mid ul li.recipe .actions a {
	color: #29170e;
	font-weight: normal;
	margin-right: 10px;
}

#member_friends li.recipe {
	width: 93px;
}

#member_friends li.recipe div {
	float: left;
	clear: left;
	min-width: 55px;
}

#member_left .member_box {
	width: 208px;	
}

#member_right .member_box {
	width: 209px;	
}

/* MODAL STYLES */ 

#colorbox {
	background: #fff;
	border: 2px solid #ff5113;
}

#colorbox form {
	clear: left;	
}

#account_form {
	width: 380px;	
}

#colorbox form p {
	margin: 0;	
}

#cboxContent {
	padding: 35px;
}

#cboxClose {
	background: url(../images/member-close.gif)	no-repeat;
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 13px;
	height: 13px;
	text-indent: -99999px;
}

#colorbox h2 {
	color: #6c6720;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
	float: left;
	clear: left;
}

#colorbox h3 {
	color: #6c6720;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;	
	float: left;
	clear: left;
	width: 390px;
}

#colorbox h4 {
	color: #6c6720;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 40px 0;	
	clear: left;
}

#colorbox label {
	color: #412415;
	float: left;
	clear: left;
	width: 115px;
	padding: 1px 0 0 0;
}

#colorbox label.textarea_label {
	width: 378px;
}

#colorbox label.radio_label {
	clear: none;
	width: 55px;
	padding: 0 0 0 4px;
}

#colorbox label.checkbox_label {
	clear: none;
	width: 75px;
	padding: 0px 0 0 4px;
	margin: 0 0 10px 0;
}

#colorbox input {
	float: left;
	margin: 0 0 10px 0;
}

#colorbox input.checkbox {
	margin: 0 0 0 0;
}

#colorbox input.submit {
	clear: left;
	float: right;
	margin-top: 10px;
}

#colorbox select {
	float: left;
	margin: 0 3px 10px 0;
}

#colorbox textarea {
	width: 378px;
	float: left;
	margin: 0 0 25px 0;
}

#input_county {
	display: none;
}

#thankyou {
	display: none;	
}

#cboxLoadedContent #thankyou {
	display: block;	
}

#colorbox .keywords {
	border:2px solid #BEB295;
	color:#B2B2B2;
	padding:10px;
	width:238px;
	float: left;
}

#file_container {
	position:relative;
	width: 385px;
}

#file_container img {
	left:270px;
	position:absolute;
	top:5px;
}

#my-recipes-container{
	background:#FBF8F1 none repeat scroll 0 0;
	border:1px solid #BEB295;
	float:left;
	padding:0 0 12px;
	width:936px;
}


#recipes-container-main{
	display:inline;
	float:left;
	width:730px;
}

#box_actions ul{
				display:block;
				list-style-type: none;
				padding: 0;
				margin: 0; 
			}


			#box_actions ul li {
				background-image: url(http://www.mydish.co.uk/images/member_bullet.gif);
				background-repeat: no-repeat;
				background-position: 0 .4em;
				padding-left: .6em; 
				border-bottom:none;
				line-height:6px;
				padding:0.5em 1em 0.5em 0;

			}
			
			#box_actions ul li a{	
				font-size:14px;
				font-weight:normal;
				position:relative;right:-7px;
			}


.brown_button {
	background: url(../images/member-linkRight_gosh.gif) no-repeat top right;
	float: left;
	margin-right: 10px;
	color: #fff;
	font-weight: bold;
}

#edit_mail_settings{
	color:#532481;
}

#edit_picture{
	color:#532481;
}

#edit_account{
	color:#532481;
}

/* article section */


#articles {
background:#F7F1E3 none repeat scroll 0 0;
border:1px solid #BEB295;
padding:17px 8px 19px 10px;
border-top:1px solid #ECDDB9;
}

#articles h4{
	font-size: 16px;
	font-weight: bold;
	color:#532481
}

#video {
border-top:1px solid #ECDDB9;
padding:10px 5px 0 0;
}

#video ul {
margin:0;
}


#video ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}