/* BODY */
body {
	text-align: justify;
	width: 100%;
	font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
	font-size: 16px;
	line-height: 24px;
	color: #727272;
	background-color: #e5e1d5;
	background-image: url(bg.png);
	}

/* WRAPPER */
#wrapper{
	width: 900px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fcfaf3;
	}

	/**-- TOP --**/
	#header{
		position: relative;
		padding: 0px;
		}
	#menu{
		position: relative;
		}
		/***--- NAVIGATION MENU ---***/
		#menu ul{
			width: 90%;
			display: flex; 
			align-items: stretch; 
    		justify-content: space-between;
			}
		#menu ul li {
			 margin: 10px 0px;
			 padding: 0;
			 text-align: center; 
			 list-style-type: none;	
			 }
		#menu ul li a {
			font-size:24px;
			color: #738273;
			text-transform: lowercase;
			font-style: italic;
			text-decoration: none;
			border: 0;
			padding: 0px;
			}
		#menu ul li a:hover {
			color: #fcfaf3;
			background-color: #738273;
			padding: 0px;
			}
	#headerimg{
		position: relative;
		height: 340px;
		width: 850px;
		margin: 0px auto;
		background-image: url(header.png);
		background-repeat: no-repeat;
		}
	/**-- CONTENT --**/
	#content{
		position:relative;
		width:95%;
		margin: 0px auto;
		padding: 0px;
		}
		/***--- TITLES ---***/
			.title, h1 {
			text-align: center;
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 36px;
			color: #da9dab;
			border-bottom: 1px dashed #da9dab;
			width: 100%; 
			font-weight: normal;
			padding: 0px;
			margin: 10px 0px 0px 0px;
			letter-spacing: 14px;
			font-style: italic;
			line-height: 42px;
			text-transform: lowercase;
			}
			.title2, h2 {
			text-align: right;
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 18px;
			color: #738273;
			border-bottom: 0px dashed #000000;
			width: 100%; 
			font-weight: normal;
			padding: 10px 0px;
			margin: 0px;
			letter-spacing: 10px;
			font-style: italic;
			line-height: 20px;
			text-transform: uppercase;
			}
			.title3, h3 {
			text-align: left;
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 16px;
			font-style: italic;
			color: #a18c77;
			border-bottom: 0px dashed #ffffff;
			width: 100%; 
			font-weight: normal;
			padding: 0px;
			margin: 20px 0px 0px 0px;
			letter-spacing: 10px;
			line-height: 18px;
			text-transform: lowercase;
			}
			.title4, h4 {
			text-align: center;
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 16px;
			font-style: normal;
			font-weight: bolder;
			color: #fcfaf3;
			border-bottom: 3px solid #ffffff;
			background-color: #738273;
			width: 100%; 
			font-weight: normal;
			padding: 10px 0px 0px;
			margin: 5px 0px 15px 0px;
			letter-spacing: 15px;
			line-height: 18px;
			text-transform: uppercase;
			}
		/**-- LINKS --**/
		a:link, a:active, a:visited{
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 16px;
			font-style: italic;
			color: #5b2d3c;
			text-decoration: 1px dashed #5b2d3c;
			}
		a:hover {
			color: #a18c77;
			text-decoration: none;
			}
		/**-- text --**/
		b, strong {
			color : #da9dab;
			}
		i, em {
			color : #a18c77;
			}
		/**-- TEXT AREAS AND FORMS --**/	
		input, textarea, option, select, code {
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			font-size: 16px;
			font-style: italic;
			color: #3b3b3b;
			border: 1px dashed #5b2d3c;
			padding: 0px 10px 0px 10px;
			}
		textarea{
			display: block;
			width: 70%;
			text-align: center;
			margin: 20px auto;
			font-family:  Georgia, Helvetica, Garamond,  Tahoma, Verdana, Sans-Serif;
			}
		.show_join_comments textarea, #comments {
			margin: 0;
			width: 30%;
			}
		.show_lostpass_submit_button{
			background-color: #ffffff;
			padding: 0px 10px 0px;
		 	}
		/**-- CODES --**/
		p.codes{
			text-align: center;
			}
		p.icons{
			text-align: center;
			}
		textarea.codes{
			height: 100%;
			padding:20px;
		}
		/**-- JOIN FORM --**/
			fieldset {
			border: 0;
			margin: 0 0 12px 0;
			padding: 2px;
			}
			fieldset label {
			float: left;
			width: 25%;
			}
			fieldset input.input1, fieldset select, fieldset option, {
			float: left;
			margin: 0 1%;
			width: 48%;
			}
			fieldset legend {
			width:100%;
			font-weight:bold;
			border-bottom: 1px solid #ffffff;
			}
		/**-- UL --**/
			#content ul {
			padding: 0px 0px 5px 100px;
			}
			#content ul li  {
			padding: 10px 0px 0px 0px;
			list-style-type: circle;
			}
			#content ol li {
			padding: 3px 0px;
			}
		/**-- FOOTER --**/
			#footer {
			text-align: center;
			position: relative;
			margin: 20px 0px 20px 0px;
			padding: 0px 0px 0px 0px;
			}