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

/* Clear Method from http://www.positioniseverything.net/easyclearing.html */
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clear { height: 1%; }

.clear { display: inline-block; }

* {
  padding:0;
  margin:0;
}

body { 
  font-family: arial;
  font-size: 12px;
  background: #fffCff url(/app/webroot/img/bg.jpg) no-repeat top center;
  color: #8f8f8f;
  font-size: 11px;
}

h1,h2,h3,h4,h5,h6 { 
  padding: 6px 0 6px 0;
  color: #000;
}


h1 { font-size: 2.1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.3em; color: #8f8f8f;}
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }


img { 
  border: 0;
}

fieldset { 
  padding: 10px;
  width: 200px;
}

table, tr, td, th { 
  text-align: left;
  border-spacing: 0;
}

td, th { 
  border-bottom: 1px #000 solid;
  padding: 3px 20px 3px 20px;
}

ul { 
  padding: 10px;
}

ol { 
  padding: 10px 10px 10px 15px;
}

hr { 
  border: 1px #eee solid;
  margin: 5px 0 5px 0;
}

/* Admin Interface
   -------------------------------------------- */

td.actions, td.actions a { 
  background: #ccc;
  text-align: center;
  color: #f00;
}

.error_message {  
  color: #f00;
}

div.admin_nav { 
  margin-top: 20px;
}

/* Wrapper
   -------------------------------------------- */

#w { 
  width: 850px;
  height: auto;
  margin: 0 auto 0 auto;
  background: transparent;
}

/* Header
   -------------------------------------------- */

#nav { 
  background: #000 url(/app/webroot/img/bg_header.gif);
  color: #fff;
  height: 36px;
}

#h a,
#h a:visited { 
  color: #fff;
  text-decoration: none;
}

#h a:hover,
#h a:active { 
  color: #ffe5fe;
  text-decoration: underline;
}

#h ul li {
  display: inline;
  padding: 0 10px 0 10px; 
  font-weight: bold;
}

#h ul li#c_info {  
  position: relative;
  left: 113px;
  font-weight: normal;
  font-size: 10px;
  color: #ffe5fe;

}

#header { 
  background: url(/app/webroot/img/header_img1.jpg);
  width: 850px;
  height: 269px;
  margin-bottom: 10px;
}

#header #header_info {  
  color: #fff;
  width: 380px;
  position: relative;
  top: 209px;
  left: 41px;
}

/* Content area
   -------------------------------------------- */

div#w div.c { 
  background-color: #fff;
  padding: 30px 23px 30px 23px;
  width: 804px;
}


/* Index page
   -------------------------------------------- */

.index h3 { 
  display: inline;
}

.index #news_box {
  float: left;
  width: 275px;
  margin: 0 20px 0 0;
}

.index #news_box .top_head {
  width: 275px;
}

.index #right { 
  float: left;
  width: 462px;
  margin: 0 0 0 40px;
}

.index #image_box {
  margin-bottom: 60px;
}

.index #blog_box .top_head,
.index #image_box .top_head {
  width: 462px;
}


.index #image_box ul {
  padding: 0;
}

.index #image_box ul li {
  display: inline;  
}

.index #image_box ul li img { 
  width: 90px;
}

.index #trig_banner { 
  margin: 50px 0 0 0;
  width: 820px;
}

.index .section { 
  margin: 10px 0 10px 0;
}

.index table { 
  width: 275px;
}

.index table tr,
.index table td,
.index table { 
  padding: 3px 0 3px 0;  
  text-align: left;  
  border-bottom: 1px #eee solid;
}

.index table tr td a {
  color: #8f8f8f;
  text-decoration: none;
}

.index table td.left {
  width: 78px;
}

.index .head_1 { 
  float: left;
}

.index .quicklink { 
  float: right;
  position: relative;
  top: 20px;
  color: #b7c8b8;
}

.index .quicklink a,
.index .quicklink a:visited { 
  color: #b7c8b8;
  text-decoration: none;
}

.index .quicklink a:hover { 
  color: #000;
}

.index .quicklink img { 
  margin-left: 5px;
}

/* Portfolio
   -------------------------------------------- */

.portfolio ul li { 
  float: left;
  display: inline;
  width: 170px;
  margin: 0 20px 20px 0;
}

.portfolio ul li div { 
  width: 150px;
  height: 240px;
  padding: 10px;
  border: 1px solid #d9d9d9;
}

.portfolio a,
.portfolio a:visited,
.portfolio ul li div h4 { 
  color: #e89ae6;
  text-decoration: none;
}

.portfolio li div img { 
  width: 150px;
}


/* View album
   -------------------------------------------- */

.view_album ul li { 
  float: left;
  display: inline;
  width: 102px;
  margin: 0 10px 10px 0;
}

.view_album a,
.view_album a:visited,
.view_album h4 { 
  color: #e89ae6;
  text-decoration: none;
}

.view_album ul li div { 
  width: 90px;
  height: 135px;
  padding: 5px;
  border: 1px solid #d9d9d9;
}

.view_album li div img { 
  width: 90px;
}

.view_album h4 img { 
  margin-right: 5px;
}

.view_album .sub_nav {
  width: 804px;
}

/* News/blog/comment archive
   -------------------------------------------- */

.news ul li,
.blog ul li,
.guestbook ul li {
  list-style: none;
}

.news .section hr,
.blog .section hr,
.guestbook .section hr {
  margin: 10px 0 10px 0;
}

.news .section,
.blog .section,
.guestbook .section {
  width: 460px;   
}

.pagination {
  display: box;
  margin: 0 3px 15px 5px;
}

.pagination a,
.pagination a:visited { 
  color: #b7c8b8;
  text-decoration: none;
}

.pagination a:hover { 
  color: #000;
}

/* Guest book
   -------------------------------------------- */

.guestbook .post {
  margin: 23px 0 0 11px;
}

/* Links
   -------------------------------------------- */

.links ul li {
  list-style: none;
}

.links a,
.links a:visited {
  color: #8f8f8f;
  text-decoration: none;
}

.links a:hover {
  color: #000;
  text-decoration: underline;
}

/* Bio
   -------------------------------------------- */

.bio ul li {
  list-style: none;
}