/* standard elements */
html { min-height: 100%; }
* {	margin: 0; padding: 0; }
a { color: #22180F; }
a:hover { color: #797167; }
a img { border: none; }
body { background-color: #22180F; background-image: url('/Images/body.jpg'); background-repeat: repeat-x; color: #444; font: normal 62.5% Lucida Sans Unicode, Lucida Grande, sans-serif; padding-top: 40px; }
.outerouter {  }
p,code,ul { padding-bottom: 1.2em; }
li { list-style: none; }
h1
{
	font: normal 1.7em Lucida Sans Unicode, Lucida Grande, sans-serif;
	border-bottom: dashed 1px #211810;	
}
h2 { font: bold 1.5em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h3 { font: bold 1.2em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h4 { font: bold 0.9em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h5 { font: normal 0.8em Lucida Sans Unicode, Lucida Grande, sans-serif; }
form,input { margin: 0; padding: 0; display: inline; }
code { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #CCC; color: #666; display: block; font: normal 1em Courier New, sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; }
blockquote { background: url(/Images/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; }
h1,h2,h3,h4,h5 { padding-top: 6px; color: #797167; margin-bottom: 4px; }

/* misc */
.clearer { clear: both; font-size: 0; }
.left {  float:left;}
.right { float: right; }

/* structure */
.inner-container {  clear:both;border: 2px solid #D7D7D2; background: #FFF; font-size: 1.2em; margin: -5 auto; padding: 10px; width: 780px; }
.outer-container {  margin:0 auto; width:780px;  }

/* headere & title */
.header { background: #222 url('/images/banners/1-welcome.jpg') no-repeat; height: 160px; margin-bottom: 5px; text-align: center; }
.header .title { color: #FFF; position: relative; }
.header .title .sitename a { color: #FFF; font: normal 3em Lucida Sans Unicode, Lucida Grande, sans-serif; padding-bottom: 2px; text-decoration: none; }
.header .title .sitename { position: absolute; left: 20px; top: 40px; z-index: 101; }
.header .title .sitenameshadow { color: #000; opacity: .25; filter: alpha(opacity=25); font: normal 3em Lucida Sans Unicode, Lucida Grande, sans-serif; padding-bottom: 2px; text-decoration: none; position: absolute; left: 23px; top: 43px; z-index: 100; }
.header .title a:hover { border-color: #F60; }
.header .title .slogan { font: normal 1.1em Lucida Sans Unicode, Lucida Grande, sans-serif; padding-top: 6px; position: absolute; left: 22px; top: 80px; }

/* footer */
.footer {  color: #F7F7F2; font: 1em Verdana,sans-serif; margin-top: 5px; padding: 10px 12px 5px 12px; height: 20px;}
.footermenulink a { color: #F7F7F2; text-decoration: none; }
.footermenulink a:hover { color: #FFC; }

/* main */
.main { background: url(/Images/main.gif) repeat-y; border-top: 4px solid #FFF; padding: 8px 12px 0 0; }

/* path (horizontal navigation) */
.path { background: #797167; color: #FFF; font: normal 1.1em Verdana,sans-serif; padding: 0px 12px 0px 12px; height: 35px; }
.path li,.path ul { display: inline; }
.path a { color: #FAFAFA; text-decoration: none; margin-right: 16px; }
.path a:hover { color: #FFE; text-decoration: underline; }
.path .left { float: left; padding: 9px 0px 0px 0px; }
.path .right { float: right; padding: 5px 0px 0px 0px; text-align: right; }
.path .right a { margin-right: 0px }
.adminpath { background: #9f9487; color: #FFF; font: normal 1.1em Verdana,sans-serif; padding: 8px 12px; border-top: 1px solid #ddd5d0; }
.adminpath h2 { font-weight: normal; font-size: 1em; color: #ddd5d0; display: inline; margin-right: 15px; }
.adminpath li,.adminpath ul { display: inline; }
.adminpath a { color: #FAFAFA; text-decoration: none; margin-right: 16px; text-transform: capitalize; }
.adminpath a:hover { color: #FFE; text-decoration: underline; }

/* navigation */
.navigation { float: left; width: 180px; padding: 0px 15px 0px 15px; }
.navigation .block { margin-bottom: 14px; }
.navigation h2 { color: #5A5A43; font: bold 1.1em Arial,sans-serif; line-height: 1.4em; margin-bottom: 6px; padding-left: 0px; border-bottom: 1px dashed #D2C2B2; }
.navigation ul { padding: 0; margin: 0; text-transform: capitalize; }
.navigation li { display: block; font-size: 1.1em; color: #554; padding: 2px 0 2px 0; margin-left: 12px; border-bottom: 0px dashed #D2C2B2; text-decoration: none; }
.navigation li ul li { border-bottom: 1px dashed #D2C2B2; }
.navigation li a { color: #554; text-decoration: none; }
.navigation li img { padding-right: 5px; }
.navigation li a:hover { background: #797167; color: #FAFAFA; }

/* content */
.content { float: right; width: 538px; }
.content .descr { color: #664; font-size: 1em; margin-bottom: 8px; }
.content li { list-style: url(/Images/li.gif); margin-left: 18px; }
.content p { font-family: "Lucida Sans Unicode",sans-serif; line-height: 1.4em; font-size: 1.1em; }

/* comments */
.comment { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding-top: 5px; margin-bottom: 5px; padding-bottom: 0px; }
.comment .date { text-align: left; margin: 0; padding: 3px 0px; }
.comment .author { margin: 0; text-align: left; padding-top: 3px; margin: 5px 0px 3px 0px; clear: both; }
.self { background-color:#F5F5F5; }
.comment .gravatar { float: right; width: 80px; margin: 5px 5px 5px 5px; }
.comment .gravatar img { height: 80px; width: 80px; }
.comment .content { float:left; min-height: 85px; width: 440px; margin: 5px 0 0 0px; }
.commentForm { padding: 5px; }
.commentForm label { float: left; display: block; width: 80px; }
.commentForm input { width: 130px; }
.commentForm textarea { width: 100%; height: 150px; }


/* contact */
#contact { padding: 10px; }
#contact h1 { margin-top: 0; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

.articletitle h2
{
	font: bold 1.2em Lucida Sans Unicode, Lucida Grande, sans-serif; 
	font-style: normal;	
}

.articletitle a
{
	text-decoration: none;
}

.articletitle a:hover
{
	text-decoration: underline;
}

.articletitle span
{
	font-size: 0.9em;
}

.breadcrumbs
{
	float:right;
}

.articlefooter
{
	border-bottom: dashed 1px #211810;
}

.userLinks
{			
	float:left;	
	margin-top: -30px;
	text-align:right;
	width:780px;
	margin-bottom: 5px;
}

.userLinks li
{
	padding-left:0pt;
	padding-right:0px;
	padding-top:3px;
	float:right;
	color:#FFFFFF;
	font-size:1.2em;
}

.userLink
{
	color:#FFFFFF;
	font-size:1.2em;
}

.login
{		
	color:#FFFFFF;
	float:left;
	font-size:1.1em;
	margin-top: -40px;
	text-align:right;
	width:780px;
	margin-bottom: 5px;
}

.loginError
{
	display:inline;
	height:10px;
}

.loginLabels
{
	color:#FFFFFF;
	float:left;
	font-size:1.1em;
	padding-left:490px;	
}

.loginLabel
{
	display:block;
	width:120px;
	text-align:left;
	float:left;	
}

.loginForm
{
	display:inline;
	border: 0px;
	float:right;
	padding: 0px;
}

.loginWrapper
{
	display:inline;
	float:left;
	height:23px;
	margin-left:6px;
	padding:0pt 1px;
	text-align:right;
}

.loginField 
{	
	margin:0pt;
	height:15px;
	border:medium none;
	font-size:1em;	
	vertical-align:top;
}

.loginButton 
{	
	color:#372A21;
	font-size:1.1em;
	font-weight:bold;
	height:28px;
	margin:0pt;
	padding-left: 3px;
	margin-top:-8px;
	vertical-align:top;
}

.loginLinks
{
	display:inline;
	list-style-type:none;
	margin:0pt;
	padding:0pt;	
}

.loginLinks li
{
	padding-left:0pt;
	padding-right:15px;
	padding-top:3px;
	float:right;
}

.loginLink
{
	color:#FFFFFF;
}

.aboutLink
{
	text-decoration: none;
	font-size: 1.1em;
}

.aboutLink a:hover
{
	text-decoration: underline;	
}