/* 
Theme Name: rumi_english
Theme URL: http://www.rumi.com
Description: Custom Wordpress Theme, English Edition, for Rumi Restaurants.
Author: IdeaCouture
Author URI: http://www.ideacouture.com
Version: 1.0
*/

/*STYLING RESETS, this resets all the browser issues, and resets everything to 0*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, ol, ul, li, fieldset, form, label, legend, table, tbody,tr, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
color: #72684f;
background: url('images/bg_tile.gif') #dfd2a3;
text-align: center;
font-family:  arial, verdana, serif;
line-height: 17px;
font-size: 14px;
}

a {
text-decoration: none;
cursor: pointer;
color: #3c0700;
}

a:hover {
text-decoration: underline;
}

br.secret {
height: 1px;
line-height: 1px;
clear: both;
border: solid red 1px;
}

.wrapper {
width: 940px;
text-align: left;
margin: 40px auto 0 auto;
background: url('images/middle_bg.gif') repeat-y top left;

}


	.header {
		width: 940px;
		background: url('images/header_bg.gif') no-repeat top left;
	}
	
		.logo {
			margin: 23px 0 0 20px;
			float: left;
		}
		
		.language {
			text-align: right;
			font-size: 10px;
			text-transform: uppercase;
			float: left;
			margin: 25px 20px 0 0;
			color: #72684f;
			width: 744px;
		}
			.language a { color: #3c0700; text-decoration: none; }
			.language a:hover { text-decoration: underline; }
			
			
		.topnav {
				list-style-type: none;
				width: 586px;
				float: left;
				margin: 10px 0 0 157px;
				_margin-top: 10px;
				line-height: 0;
		}		
			.topnav li { float: left; height: 42px; }
		
		.bottomnav {
				list-style-type: none;
				width: 741px;
				height: 39px;
				float: left;
				line-height: 0;
				_margin-top: -5px;
		}
			.bottomnav li {float: left;}
	
	.banner { margin-left: 20px; }
	
	.triplet {
		width: 902px;
		background: url('images/triplet.gif') no-repeat top left;
		height: 280px;
		margin-left: 20px;
	}
	
	.triplet img { border-top: solid 1px #3c0700; border-bottom: solid 1px #3c0700; }
	
		.first {width: 292px; float: left; margin-right: 7px; _margin: 0; }
			.first img { margin: 6px; _margin: 6px 1px 6px 6px; }
		
		.second { width: 292px; float: left; margin-right: 7px; _margin: 0;}
			.second img { margin: 6px 2px 6px 1px; _margin: 6px 0; }
		
		.third { width: 293px; float: left;_margin: 0;}
			.third img {margin: 6px 2px 6px 4px; _margin: 6px 0; }
		
			.triplet h2 { 
				font-size: 14px; 
				color: #3c0700; 
				margin: 10px 0 0 20px; 
				_margin: 10px 0 0 20px; 
				width: 200px;
				}
			.triplet p { font-size: 12px; color: #72684f; margin: 10px 20px 0 20px; background: none;}
			
.triplet .button { float: right; margin: 0 15px 25px 0; display: block;  }
.triplet .button a { display: block; background: url('images/more.gif') no-repeat top left; width: 72px; height: 32px; }
	
	.footerprt1 { /*this is the top-most footer.*/
		width: 915px;
		padding-left: 25px;
		background: url('images/footer_bg.gif') no-repeat bottom left;
	}
	
		.footerprt1 .address { color: #72684f; font-size: 12px; float: left; margin-top: 8px; _margin-top: 4px; }
		.footerprt1 .address a { text-transform: uppercase; font-size: 10px;}
		.footerprt1 strong { font-size: 14px ; color: #72684f; font-weight: bold; }
		.footerprt1 .sister { float: right; margin: 0 27px 20px 0; _margin: 0 10px 20px 0;}
		
	.footerprt2 {
		width: 940px;
		margin: 10px auto;
		padding-bottom: 10px;
		text-align: left;
		border-bottom: dashed 1px black;
		font-size: 13px;
		line-height: 13px; 
	}
	
		.footerprt2 .left { list-style-type: none; float: left; margin-left: 15px; _margin-left: 6px; }
			.footerprt2 .left li, .footerprt2 .right li { float: left; padding: 0 10px; border-right: solid 1px #8c8164; }
			.footerprt2 .left li.noright, .footerprt2 .right li.noright { border-right: none; }
			
		.footerprt2 .right { list-style-type: none; float: right; margin-right: 15px; _margin-right: 6px; }
		
/*Custom Navigation Menu*/
.bottomnav a, .topnav a { text-indent: -90000px; display: block; background-position: top left; }
.bottomnav a:hover, .topnav a:hover, .bottomnav .active a, .topnav .active a { background-position: bottom left; }

	.bottomnav .brunch { background: url('images/nav/brunch.gif'); width: 108px; height: 39px;  }
	.bottomnav .lunch { background: url('images/nav/lunch.gif'); width: 105px; height: 39px;  }
	.bottomnav .dinner { background: url('images/nav/dinner.gif') no-repeat; width: 111px; height: 39px;  }
	.bottomnav .desserts { background: url('images/nav/desserts.gif'); width: 120px; height: 39px;  }
	.bottomnav .drinks { background: url('images/nav/drinks.gif'); width: 105px; height: 39px;  }
	.bottomnav .wine { background: url('images/nav/wine.gif'); width: 88px; height: 39px;  }
	.topnav .philosophy { background: url('images/nav/philosophy.gif'); width: 146px; height: 42px;  }
	.topnav .media { background: url('images/nav/media.gif'); width: 78px; height: 42px;  }
	.topnav .gallery { background: url('images/nav/gallery.gif'); width: 90px; height: 42px;  }
	.topnav .catering { background: url('images/nav/catering.gif'); width: 166px; height: 42px;  }
	.topnav .contact { background: url('images/nav/contact.gif'); width: 106px; height: 42px;  }
	
/*Text Page Setup (This is for pages, not menu items)*/
.text {
	margin-left: 20px;
	background: url('images/text_pattern.gif') repeat-y top left;
}

	.text_top {
			padding: 50px 0 0 23px;
			background: url('images/text_top.gif') no-repeat top left;
	}
		.text_top h1 {color: #3c0700;font-size: 20px;}
		.text_top em { color: #974221; font-size: 14px; font-family: georgia, garamond; display: block; width: 450px; padding: 10px 0; margin: 0!important;}
		
	.text h2 {
		text-transform: uppercase;
		font-family: georgia, garamond;
		font-size: 18px;
		font-weight: normal;
		color: #974221;
		margin-top: 15px;
		padding: 18px 0;
		border-top: dashed 1px black;
		width: 550px;
	}
	.text h2.full {width: 850px!important; }
	
	.text p {
			width: 550px;
			margin: 0 0 10px 0;
			line-height: 18px;
	}
	
	.text p.right {
			float: right; 
			width: 300px; 
			margin-right: 25px;}
				.text ul { width: 410px; margin: 0 0 10px 30px; line-height:20px; }

			
/* Menu Page Styling */
.menucap {
	margin: 0 !important;
	padding: 10px 0;
	width: 450px;
	font-size: 12px;
	color: #72684f;
}

	.menucap strong {
			font-family: georgia, garamond;
			font-size: 14px;
			font-weight: normal;
			color: #974221;
			text-transform: uppercase;
	}
		
div.divider {width: 860px; margin:0 0 20px 0;border-bottom: dashed 1px black; }
.menu div.divider {width: 550px!important; margin: 40px 0 15px 0 !important; .margin: 28px 0 15px 0;}
.sidebar { float: left; margin-right: 30px; }
.sidebar p { width: 215px; }
.sideimage { float: right; width: 300px; margin-right: 27px; }
.lefty { float: left; }

.menu { float: left; }
.menu h2 {
		width: 550px;
		border: none;
		padding: 13px 0;
		margin: 0;
		background: url('images/menu_icon.gif') no-repeat top right;
}

.menuitem { padding-bottom: 15px; border-bottom: solid 1px #e7dab4; margin-bottom: 15px; width: 550px; }
	.menuitem p.left {margin: 0 30px 0 0; .margin: 0 10px 0 0; width: 320px; font-size: 13px; float: left;}
		.menuitem p.left strong { font-size: 14px; color: #3c0700; text-transform: uppercase; font-weight: normal;  }

.menuitem p.right { width: 120px; float: left; font-family: georgia, garamond; border-left: solid 1px #c17a49; padding-left: 15px;}
	.menuitem p.right strong { font-size: 22px; color: #72684f; font-weight: normal; line-height: 24px;  }