/* @group Basic */

html{height: 100%;}

body{
	margin: 0; padding: 0;
  height: 100%;
  background-image: url(../images/body-bg2.jpg);
  text-align: center;
}

#page{
  margin: 0 auto 0 auto;
  background-color: #EABA52;
  position: relative;
  width: 600px;

  padding-bottom: 400px;
  min-height: 100%;
  text-align: left;
}

* html #page{ overflow: hidden;}

#header{
  position: relative;
  width: 600px; height: 100px;
}

#chintas #header{
  background: #000 url(../images/header_chintas.gif) no-repeat scroll bottom;
}

#arkfam #header{
  background: #000 url(../images/header_arkfam.gif) no-repeat scroll bottom;
}

#header h1 a{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
}

#header span{ margin-left: -1000em;}

#header div#links, #header div#links a{color: #623922;}
#header div#links a.bright{color: #EABA52;}
#header div#links:hover, #header div#links:hover a, #header div#links a:hover{color:#EABA52;}

#links{
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
  list-style: none;
}

#content{
  background-color: rgb(234,186,82);
  width: 600px;
}

#footer{
  background: rgb(98,57,34);
  position: relative;
  height: 380px;
  width: 600px;
  margin: auto;
  margin-top: -380px; 
}

.clear{ 
  clear: both;
  height: 0;
}

/* @end */

/* @group article */

.article{margin-top: 0;padding: 0;border: none;}

.article .date{
  display: block;
  width: 58px;
  margin-left: -72px;
  background: #623922;
  color: #EABA52;
  float: left;
  display: relative;
  text-align: center;
}

* html .article .date{margin-left: -36px;}

.article .date .day{
  padding: 0 4px 0px 10px;
  margin: 0 0 6px 0;
  display: block;
  font: bold 26px/26px Georgia, "Times New Roman", Times, serif;
}

.article .date .month{
  display: block;
  background: #281507;
  padding: 4px 4px 4px 10px;
  margin: 4px 4px 4px 4px;
 	font-weight: bold;
 	line-height: 10px;
 	font-size: 10px;
}


.article{
  padding: 20px 60px 0 72px;
}

.article p{
  padding-left: 20px;
}

.article .footer{
  color: #EABA52;
  background: #623922 url(../images/chai.gif) no-repeat bottom;
  text-align: left;

  height: 30px;
  width: 320px;
  margin: auto;
  margin-top: -15px;
  margin-bottom: 10px;
  padding: 31px 0 0 80px;
}

.article .footer a{
  color: #EABA52;
}

div.service_intro{
  background-color: #603921;
  color: #EABA52;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

div.service_intro h2 a, div.service_intro a{
  color: #EABA52;
}

ul{
  padding-left: 50px;
  list-style: square outside;
  margin-bottom: 12px;
}

div.case_study h2{
  background-color: #603921;
  color: #EABA52;
  padding: 3px 6px;
}

.article blockquote p{
  padding: 10px 30px 5px 40px;
  margin-left: 20px;
  background: transparent url(../images/quotes.gif) no-repeat center left;
  font-style: italic;
}

/* @end */

/* @group comments */

#comments ol{
	list-style-type:none;
	margin:12px 0;
}
#comments ol li{
	list-style-type:none;
	margin:12px 0;
}

#comments cite{
  color:#623922;
	float:left;
	width:31%;
	font-style:normal;
	text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
	display:block;
}
#comments cite .author{ font-size: 12px; line-height: 14px; font-weight: bold;}
#comments cite .date{ font-size: 10px; line-height: 11px; }
#comments cite .author a{
	text-decoration:none;
}

#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
	display:block;
	padding-top:68px;
}

#comments .content{
	float:left;
	width:60%;
	margin-left:1.9%;
	border-left:1px dotted #623922;
	padding: 0 0 0 2%;
}
#comments .content p{
	margin:0 0 1em 0;
}
#comments .content h3{
	margin:0;
	font-size:12px;
}

#comment-form{
  display: block;
	padding:1em 10em 3em 35.4%;
	background:#D3A74A;
	border-top: 1px solid #623922;
	border-bottom: 1px solid #623922;
	color:#623922;
	margin: 0;
}
input.textfield, #comment_author, 
#comment_author_email, #comment_author_url {
	width: 15em;
	margin:5px 0;
}
textarea.commentbox{
	width:16em;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
label.text{
	position:relative;
	left:0.5em;
	top:-0.5em;
}

.formactions input.submit{ 
	float:right; 
	margin:0;
	padding:0;
}
.formactions .spinner{
	float:right;
	margin:-8px -20px 0 0;
}

/* @end */

/* @group Footer */

#footer{
  color: #EABA52;
	padding:2em 0 0 0;
	font: 12px/16px Verdana, Arial, sans-serif;
	text-align: left;
}
#footer a{color: #EABA52;}
#footer a:hover{color: #FFF;}
#footer ul{padding:  0;}
#footer .block{
	display: block;
	position: relative;
	float:left;
	padding: 0;
	margin:0 0 0 20px;
}

* html #footer .block{margin: 0 10px 0 10px;}

#footer #recent{width: 360px;}
#footer #categories{ width: 180px;}

#footer .block h2, #footer .block h3{
	margin:0 0 2em 0;
}

/* @end */

/* @group dates */

ul.dates, ul.counts, ul.links{
	list-style-type:none;
	margin:1.5em 0;
	border-top:1px dotted #321F11;
}
ul.dates li, ul.counts li, ul.links li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	border-bottom:1px dotted #321F11;
}
ul.dates .date{
	color:#321F11;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#321F11;
}

ul.dates a, ul.counts a{
	color:#EABA52;
	text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{ 
	color:#FFF;
}

/* @end */

a img{
  border: 2px solid #281507;
  margin-left: -10px;
}

input, textarea{
  border: 1px solid #623922;
  color: #623922;
  padding: 3px;
  font: 13px/20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

/* @group Events */

div.events {
 	margin: 20px 0 40px;
}

h3{
	clear: both;
 	text-align: left;
 	padding: 4px 30px 4px 10px;
 	color: #eaba52;
 	background-color: #623922;
 	margin-bottom: 0;
 	margin-top: 20px;
 	margin-left: -4px;
 	border-left: 4px solid #eaba52;
 	font-weight: normal;
 	font-style: normal;
}

div.events ul {
	margin: 0;
	padding: 0;
}

div.events li{
	list-style: none;
 	border-top: 1px solid #d8ac4b;
 	clear: both;
 	padding: 0 10px 0 0;
 	margin: 4px 0 0;
 	overflow: hidden;
}

div.events li .date{
	display: block;
	float: left;
	width: 110px;
	text-align: right;
 	color: #623922;
 	padding: 4px 8px;
 	overflow: hidden;
 	margin: 0 8px 0 0;
 	background-color: #d8ac4b;
}

div.events li .description{
	display: block;
	float: left;
	width: 420px;
 	padding-bottom: 4px;
 	padding-top: 4px;
}

/* @end */