/*  
Theme Name: Project Zen (Code Calobi)
Theme URI: http://www.projectzen.com/
Description: A hybrid design for Project Zen's frontpage
Version: 1.0
Author: Zhi Luang
Author URI: http://projectzen.com

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

body {
	background: #f2f2f2 url(images/bgt.png);
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 69.1%;
}

#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	width:1020px;
	height:1250px;
	margin-left: auto;
	margin-right: auto;
}

#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	width:950px;
	height:1250px;
	margin-left: auto;
	margin-right: auto;
}

#index-01_ {
	position:relative;
	left:9px;
	top:0px;
	width:950px;
	height:300px;
	background-image: url(images/index_01.jpg);	
}

#index-02_ {
	position:relative;
	left:9px;
	top:0px;
	width:950px;
	height:204px;
	color: #686868;
	background-image: url(images/index_02.jpg);	
}

#eindex-02_ {
	position:relative;
	left:9px;
	top:0px;
	width:950px;
	color: #686868;
	background: url(images/index_02.jpg) no-repeat;	
}

#index-03_ {
	position:relative;
	left:9px;
	top:0px;
	width:950px;
	background: url(images/index_03.jpg) no-repeat;
}

#index-04_ {
	position:relative;
	left:9px;
	top:0px;
	width:950px;
	height:34px;
	background-image: url(images/index_04.jpg);
}

#index-05_ {
	position:relative;
	left:9px;
	top:0px;
	width:880px;
	height:305px;
	padding-left: 70px;
	padding-top: 10px;
	background: url(images/index_05.jpg) no-repeat;
}

#index-06_ {
	position:relative;
	left:2px;
	top:-10px;
	width:958px;
	height:124px;
	background-image: url(images/index_06.png);
}

a {
	color: #6f2929;
	text-decoration: none;
}

#featcontent {
	padding-top: 5px;
	padding-left: 50px;
	width: 420px;
	float: left;
}

h1 a {
	color: #6f2929;
	font-style: bold;
	text-decoration: none;
}

.story h3{
	color: #656161;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0px 0px 1.5em 0px;
}

.story h3 a{
	color: #ad5656;
	font-weight: normal;
	text-decoration: none;
}

.recent {
	float:left;
	padding-right: 7px;
	border: 0px;
	margin-top: -6px;
}

.inside{
	width:88%;
	min-width:65em;
	max-width:85em;
	margin-left: 110px;
}

.singlepost {
	margin-left: 60px;
}

#primary.twocol-stories .story{
	float:left;
	width:45%;
	word-spacing: 0.1em;
	padding-right: 35px;
	padding-bottom: 3px;
	margin:0 0 0;
	display:inline;
}

.featured {
	postion: relative;
	color: #222;
	margin-top: 0px;
	margin-left: -50px;
	float: left;
	font-style: italic;
	padding-left: 70px;
	position: relative;
	width: 230px;
}

.featured a {
	color: #7b7f80;
}


.artav {
	margin-top: 5px;
	width: 30px;
	height: 30px;
	float: left;
	border: 1px solid #bcbcbc;
}

div.featured h2 {
	margin-left: 0px;
	font-size: 1.30em;
	color: #646d60;
	font-style: normal;
}

#secondary {
	font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	clear: both;
	margin-left: -80px;
	color: #222;
	padding-top: 20px;
	top: 20px;
}

#comstart {
	background: #fff url(images/cornertop.gif) no-repeat;
	width: 371px;
	height: 191px;
}

#comend {
	background: url(images/cornerbottom.gif) no-repeat;
	width: 371px;
	height: 191px;
	margin-left: 520px;
	margin-top: -168px;
	z-index: 10;
}

ol#comments {
	margin-top: 5px;
}

h3.formhead {
	margin-left: 300px;
}

form#commentform {
	margin-left: 300px;
}

textarea#comment.commentbox {
	height: 100px;
	width: 350px;
}

#secondary a {
	color: #222;
}

span.date {
	font-style: normal;
	display: block;
	font-size: 0.80em;
	margin-left: 45px;
}

div.content {
	margin-left: 270px;
	margin-top: -65px;
	width: 490px;
	font-size: 0.85em;
	padding-bottom: 20px;
}

li {
	width: 760px;
	list-style-type: none;
}

#even {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 760px;
	border-bottom: 1px solid #ccc;
}

#uneven {
	background: #f8f7f7;
	width: 760px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	z-index: 20;
		width: 760px;
	border-bottom: 1px solid #ccc;
}

span.author {
	font-size: 1.10em;
	font-weight: bold;
	padding-left: 10px;
}

.primary {
	postion: relative;
	font-size: 1.0em;
	color: #222;
	line-height: 1.4em;
	margin-right: 80px;
	width: 500px;
	float: right;
}

h1 {
	color: #6f2929;
}

h2 {
	color: #fff;
	margin-left: -40px;
	font-size: 1.60em;
	font-style: italic;
}

.comment-head {
	margin-left: 40px;
	margin-top: -170px;
	color: #ccc;
}

.comment-head h2 {
	margin-right: 50px;
	float: right;
	margin-top: -3px;
	color: #dbdbdb;
	font-size: 1.10em;
}

#othernews {
	padding-top: 70px;
	margin-left: -40px;
}

#newsbg {
	position: relative;
	height:100%;
	overflow: auto;
}

#backshadow {
	position: relative;
	width: 970px;
	margin-top: -8px;
	padding-left: 1px;
	background: url(images/bg2.png);
}

.title {
	font-weight: bold;
	color: #e9a645;
	display: block;
}

.title a {
	font-weight: bold;
	color: #e9a645;
	padding-left: 15px;
	text-decoration: none;
}

.name {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.desc {
	color: #7a7a7a;
	font-style: italic;
	padding-left: 15px;
}

.icon {
	float: left;
}

.acticon  {
	float: left;
	padding-left: 1px;
	padding-top: 1px;
}

#bordericon {
	background: url(images/pbg.gif);
	height: 26px;
	width: 26px;
	float: left;
}

#topics {
	margin-left: 285px;
	margin-top: -178px;
}

#pagebox {
	margin-left: 605px;
	margin-top: -178px;
	color: #fff;
	width: 230px;
}

input {
	float: none;
}
.datesb {
	font-style: italic;
	display: block;
}

.headart {
	float:right;
	margin-right:20px;
	height:212px;
	z-index: 20;
	border: 0px;
}

#navmenu{
	position: relative;
	margin-left: 730px;
}

#homelink {
	position: relative;
	background: url(images/home.png) 191 0 no-repeat;
	height: 36px;
	top: 18px;
}

#homelink:hover {
	position: relative;
	background: url(images/home.png) no-repeat 0 0px;
	height: 36px;
}

#forumlink {
	position: relative;
	background: url(images/forum.png) 191 0 no-repeat;
	height: 36px;
	top: 27px;
}

#forumlink:hover {
	position: relative;
	background: url(images/forum.png) no-repeat 0 0px;
	height: 36px;
	padding-top: 30px;
}

#exhibitlink {
	position: relative;
	background: url(images/exhibit.png) 191 0 no-repeat;
	height: 36px;
	top: 35px;
}

#exhibitlink:hover {
	position: relative;
	background: url(images/exhibit.png) no-repeat 0 0px;
	height: 36px;
}

#interactlink {
	position: relative;
	background: url(images/interact.png) 191 0 no-repeat;
	height: 36px;
	top: 40px;
}

#interactlink:hover {
	position: relative;
	background: url(images/interact.png) no-repeat 0 0px;
	height: 36px;
}


#archivelink {
	position: relative;
	background: url(images/archive.png) 191 0 no-repeat;
	height: 36px;
	top: 46px;
}

#archivelink:hover {
	position: relative;
	background: url(images/archive.png) no-repeat 0 0px;
	height: 36px;
}

#templelink {
	position: relative;
	background: url(images/temple.png) 191 0 no-repeat;
	height: 36px;
	top: 52px;
}

#templelink:hover {
	position: relative;
	background: url(images/temple.png) no-repeat 0 0px;
	height: 36px;
}

#shoutarea {
	overflow: hidden;
	height: 230px;
}