/* Reset
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

/* Font face
================================================== */
@font-face {
	font-family: "EdScriptITC";
	src: url("fonts/ITCEDSCR.eot");
	src: local("☺"), url("fonts/ITCEDSCR.woff") format("woff"), url("fonts/ITCEDSCR.ttf") format("truetype"), url("fonts/ITCEDSCR.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "ArabType Family";
	src: url("fonts/arabtype.eot");
	src: local("☺"), url("fonts/arabtype.woff") format("woff"), url("fonts/arabtype.ttf") format("truetype"), url("fonts/arabtype.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Page styles
================================================== */

body {
 background-color: #fff5ee;
 background-image: url("bg.png");
 background-repeat: no-repeat;
 background-position: 50% -200px;
 overflow-y: scroll;
}

#container {
	width: 800px;
	margin: 0 auto;
}

h1 {
	padding: 40px 0 0 0;
	font-family: "Edwardian Script ITC", "EdScriptITC";
	font-size: 70px;
	line-height: 70px;
	font-weight: normal;
	color: #8b4726;
	text-align: left;
}

h2 {
	padding: 0 0 0 300px;
	font-family: "Edwardian Script ITC", "EdScriptITC";
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;
	color: #8b4726;
	text-align: left;
}

h3 {
	padding: 0 0 20px 0;
	font-family: "Edwardian Script ITC", "EdScriptITC";
	font-size: 48px;
	line-height: 48px;
	font-weight: normal;
	color: #8b4726;
	letter-spacing: 1px;
	text-align: left;
}

p {
	padding: 0 0 20px 0;
	font-family: "Arabic Typesetting", "ArabType Family", serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #8b4726;
	text-align: left;
}

a {
	color: #8b4726;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}

#content {
	padding: 50px 0 0 0;
}

	#content nav {
		float: left;
		width: 220px;
		height: 100%;
		overflow: hidden;
	}

		#content nav ul {
			margin: 10px 0 0 0;
			list-style-type: none;
		}

			#content nav ul li {
				padding: 0 0 10px 0;
				font-family: "Edwardian Script ITC";
				font-size: 36px;
				line-height: 36px;
				font-weight: normal;
				color: #8b4726;
				text-align: left;
			}

				#content nav ul li a {
					color: #8b4726;
					text-decoration: none;
				}

				#content nav ul li a:hover,
				#content nav ul li a.active {
					text-decoration: underline;
				}

	#content .tabs {
		width: 560px;
		float: right;
	}