/* Color Scheme
* Background: #140d0b
* Generic text: #866a60
* Standout text: #7fa99d
* Standout background: #281e1a
* Error background: #2c0000
*/

/* @group Generic */

body {
	color: #866a60;
	width: 1024px;
	list-style-type: circle;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #140d0b;
	font: 12pt gesta-1, gesta-2;
}

a {
	text-decoration: none;
	color: #7fa99d;
} a:hover {
	color: #99cabd;	
}

img {
	border: none;
}

h1, h2, h3 {
	font: 12pt chennai-1, chennai-2, Calibri;
	color: #7fa99d;
}


h1 {
	text-align: center;
	font-size: 18pt;
	letter-spacing: 2px;
	word-spacing: 3px;
} h2, h3 {
	font: 14pt/10px Calibri;
}

ul {
	text-indent: 20px;
	margin-top: 5px;
}

hr {
	color: #866a60;
}

/* @end */

.header {
	text-align: center;
	/*margin: 50px;*/
	letter-spacing: 2px;
	word-spacing: 8px;
	font-size: 15pt;
	height: 97px;
	width: 997;
}


.logo {
	margin: 40px;
	border: none;
}


/* @group Navigation */

.navigation {
	text-align: center;
	width: 100%;
	-webkit-border-bottom-right-radius: 80px;
	-moz-border-radius-bottomright: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius-bottomleft: 80px;
	background-color: #211815;
	position: relative;
	top: -10px;
	font-family: chennai-1, chennai-2;
} .navigation a {
	display: inline-block;
	background-color: #211815;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	margin: 10px auto;
	
	color: #866a60;
	letter-spacing: 2px;
	
	width: 70px;
	text-align: center;
	padding: 2px 10px;
} .navigation a:hover {
	background-color: #281e1a;
	color: #7fa99d;
	border: none;
} .navigation span.links {
	position: relative;
	left: 100px;
} .navigation span.login {
	background-color: #281e1a;
	vertical-align: middle;
	display: inline-block;
	float: right;
	position: static;
	width: auto;
	margin-right: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	height: auto;
	margin-top: 10px;
	padding: 0 10px 6px;
} .navigation span.login a {
	font-size: 7pt;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0;
} .navigation span.login li:hover, .navigation span.login a:hover {
	color: #7fa99d;
} 

/* @end */

/* @group Inputs/Controls */

input[type="submit"], input[type="button"] {
	background-color: #211815;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 15px;
	border: none;
	margin: 5px;
	color: #866a60;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;

} input[type="submit"]:hover, input[type="button"]:hover {
	color: #7fa99d;
}

input[type="text"], input[type="password"], textarea {
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	background-color: #211815;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 5px;
	padding: 5px;
	text-align: left;
	border: none;
	text-indent: 5px;
	color: #866a60;
	font: 12pt Calibri;
}

.errorExplanation {
	border: 2px solid #2c0000;
	padding: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
} .fieldWithErrors input {
	background-color: #2c0000;
}

/* @end */

.body {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

#content {
	background: url(../images/back.png) repeat-y center top;
}

.pagination {
	text-align: center;
	font: 14px;
	word-spacing: 10px;
}

.footer {
	text-align: center;
	margin: 50px;
	position: relative;
	bottom: 0;
	font-size: 8pt;
} .foot-note {
	text-align: center;
	margin-top: 40px;
	position: relative;
	bottom: 0;
	font-size: 8pt;	
}

.login {
	text-align: right;
	width: 250px;
	margin: auto;
	vertical-align: middle;
} .register {
	text-align: right;
	width: 400px;
	margin: auto;
	vertical-align: middle;
}

.hang_letter {
	position: relative;
	left: 9px;
}

/* @group Table */

table {
	border-style: none;
	border-collapse: collapse;
	-webkit-box-shadow: -9px 20px 20px #000;
	-moz-box-shadow: -9px 20px 20px #000;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
} thead {
	padding: 10px;
	background-color: #281e1a;
	color: #7fa99d;
} tr, th {
	padding: 10px;
	border-bottom: 1px solid #866a60;
} tr:last-child {
	border: none;
}
 td {
	padding: 10px;
}

td.list {
	
	white-space: nowrap;
	text-align: left;
}

/* @end */

/* @group Blog */



.blog {
	border-style: none;
	border-collapse: collapse;
	-webkit-box-shadow: 0px 6px 10px #000;
	-moz-box-shadow: 0px 6px 10px #000;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
} .blog .title {
	padding: 10px;
	background-color: #281e1a;
	color: #7fa99d;
	text-indent: 20px;
	font: 24pt chennai-1, chennai-2;;
	width: 65%;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-bottomright:100px;
	display: inline-block;
} .blog .date {
	display: inline-block;
	position: relative;
	left: 75px;
	text-align: center;
	text-indent: 0;
} .blog .text {
	padding: 5px 20px;
} .blog .links {
	text-align: center;
	margin: 10px;
} .comments {
	width:  85%;
	padding: 5px 20px;	
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

/* @end */

.links {
	text-align: center;
}

#flash {
	text-align: center;
	position: relative;
}

.notice {
	padding: 20px;
	background-color: #193130;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width: 65%;
	margin-right: auto;
	margin-left: auto;
}

.error {
	width: 65%;
	padding: 20px;
	background-color: #400;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-right: auto;
	margin-left: auto;
}