/*  
Theme Name: Pheonah Theme
Theme URI: http://www.tinysigns.com
Description: A WordPress theme designed by <a href="http://www.tiangson.com">Philip</a>.
Version: 1.0
Author: Philip
Author URI: http://www.tiangson.com/

	This theme was designed and built by Philip.

	To use this theme, a link back at the footer must be provided. You are free to:
	- use this theme for personal or commercial projects
	- modify, translate, or distribute
	- do anything you want but please give me some credit by linking back to my website...
	
	Thank you!
*/

*{
	margin:0px;
	padding:0px;
}
body {
	margin:0;

	background: #FFFFFF;
	font: normal 12px arial, sans-serif, times;
	
	color: #5D5539;
}
a img{
  border:0;
}

.entry h1 {	
	font: bold 2.5em/120% arial, sans-serif, times;
}
.entry h2 {
	font: bold 2em/120% arial, sans-serif, times;
}
.entry h3 {
	font: bold 1.8em/120% arial, sans-serif, times;
}
.entry h4{
  font: bold 1.5em/120% arial, sans-serif, times;
}
.entry h5{
  font: bold 1.3em/120% arial, sans-serif, times;
}

p.validations {
  float:right;
}

#page{
	width: 1000px;
	margin: 0px 0px;
	background: #FFFFFF /* url("images/bg.jpg") no-repeat left top */;
}

/* ------------------------------------------------------- page header --- */
#page-header {
	height: 207px;
	clear: both;
	background: url("images/header.jpg") no-repeat left top;
}
.header{
	position: relative;
	margin: 34px 0 0 79px;	
	height:139px;
	float:left;
}
.header h1 {
	font: normal 36px arial, sans-serif, times;
	padding: 10px 0 0 0px;
	margin: 0px;
	letter-spacing:-.05em;
}
.header h1 a, .header h1 a:visited {
  color: #000;
  text-decoration:none;
}
.header h1 a:hover {
  color: #0000FF;
  text-decoration:none;
}
.header .description{
	margin: 0px 0 0 10px;
	color: #000;
	font-size: 16px;
}

/* ---------------------------------------------------------- search form --- */
#searchform {
	position: relative;
	top: -20px;
	height: 23px;
	width: 300px;
	left: 555px;
}
#searchform #s {
  position: relative;
	vertical-align: middle;
	height: 18px;
	width: 200px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	color: #000;
	border: 1px solid #000;
	font: 12px arial, sans-serif, times;
	left:0px;
}
#searchform #searchsubmit { 
	background: url(images/submit.gif) no-repeat center center;
	height: 21px;
	width: 39px;
	border: 0;
	text-indent: -500px;
	line-height: 0px;
	position: relative;
	vertical-align: middle;
}

/* ------------------------------------------------------ navigation area --- */
#navbar{
	padding: 0 0px;
	font: 14px arial, sans-serif, times;
	background-color: #FFFFFF;
	height:46px;
	margin-bottom:25px;
}

/* -------------------------------------------------------------- intro --- */

.intro {
  /* font: normal 16px/140% , Helvetica, Arial, sans-serif; */
  font: normal 18px/140% arial, sans-serif, times;
	text-align: justify;
  padding: 0px 0px 0 0px;
}
.intro p {
  padding: 6px 0;
}

.intro a, .intro a:visited {
  color: #0000FF;
  text-decoration:none;
}
.intro a:hover {
  color: #0000FF;
  text-decoration:none;
}


/* -------------------------------------------------------------- content --- */

#content{
	float: left;
	width: 100%;	
	font: 11px/140% arial, sans-serif, times;
}
#content1 {
  margin: 0px 200px 0px 200px;
	background: #FFFFFF /* url('images/content-c.png') repeat-y center center */;
	min-height:600px;
}
#content-bottom {
  margin: 0px 200px 0px 200px;
	background: #FFFFFF /* url('images/content-b.png') no-repeat bottom center */;
	height:15px;
}
#content-top {
  margin: 0px 200px 0px 200px;
  background: #FFFFFF /* url('images/content-t.png') no-repeat top center */;
  height:15px;
  
}
.post {
  padding: 0px 0px 0px 0px;
  color: #000000;
}
.entry {
  padding-bottom:10px;
}
.entry-title-c {
  background-color:#FFFFFF;
  width:600px;
  padding: 0 0px;
}
.entry-title-t{
  background: #FFFFFF /* url('images/title-t.gif') no-repeat top left */;
  height:0px;
}
.entry-title-b{
  background: #FFFFFF /* url('images/title-b.gif') no-repeat bottom left */;
  height:5px;
}
.entry-title-c h2, .entry-title-c h2 a:link, .entry-title-c h2 a:visited, .entry-title-c h2 a:hover {
  font: normal 26px/140% arial, sans-serif, times;
  color: #0000FF;
  text-decoration:none;
}
.post-content {
  font: normal 16px/140% arial, sans-serif, times;
	text-align: justify;
  padding: 0px 0px 0 0px;
}
.post-content p {
  padding: 6px 0;
}

.post-content ul {
  padding-left: 45px;
  line-height:140%;
}
.post-content ul li {
  padding-left: 5px;
}
.post-content ol {
  padding-left: 30px;
  line-height:140%;
}
.post-content ol li {
  padding-left: 5px;
}
.post a, .post a:visited {
  color: #0000FF;
  text-decoration:none;
}
.post a:hover {
  color: #0000FF;
  text-decoration:underline;
}
.post pre {
  font: normal 14px/140% courier, times;
}
.post code {
  font: normal 14px/140% courier, times;
}
.post-meta-info {
  font: bold 11px/180% arial, sans-serif, times;

}
.post-meta-info-r {
  font: bold 11px/150% arial, sans-serif, times;
  padding-left:210px;
}
.entry-bottom {
  padding: 10px 0 25px 0px;
  background: #FFFFFF /* url(images/post-b.gif) no-repeat bottom left */;
  font: normal 11px/100% arial, sans-serif, times;
}
blockquote { 
  min-height: 45px; 
  padding: 5px 5px 5px 30px;
  margin: 5px 0px 0px 0px; 
  background: #FFFFFF /* url('images/bq.gif') no-repeat */; 
  font: 1.0em arial, sans-serif, times; 
  line-height: 1.6em; 
  font-style: italic; 
  clear: left; 
}

/* --------------------------------------------------------- comment area --- */
span#comments, span#respond {
	padding: 10px 0 0 5px;
	font: bold 12px/150% arial, sans-serif, times;
	clear: both;
}
/* --------------------------------------------------------- comment form --- */
#commentform {
	margin: 10px 10px 0 5px;
}
#commentform p.notice {
	border: #a0a0a0 1px solid;
	margin: 5px 0;
	padding: 10px 5px;
	background-color:#cfcfcf;	
}
#commentform label {
	color:#666;
	font: bold 12px arial, sans-serif, times;
	padding-left: 5px;
}
#commentform small {
	color: #5f5f5f;
	font: normal 10px arial, sans-serif, times;
}
#commentform input {
	font: 100% arial, sans-serif, times;
	width: 220px;
	padding: 2px 2px 2px 5px;
	margin: 5px 0;
	border: 1px solid #C9E845;
}
#commentform textarea {
	font: 100% arial, sans-serif, times;
	height: 140px;
	border: 1px solid #C9E845;
	padding: 2px 2px 2px 5px;
	width: 100%;
}
#commentform #submit {
	font: 12px/100% arial, sans-serif, times;
	color: #000;
	width: 125px;
	height: 25px;
	padding-top: 2px;
	margin:10px 0 0  320px;
}


/* ------------------------------------------------------------- comments --- */
.commentlist {
	margin: 5px 0 10px 0px;
	padding-left: 0;
	line-height: 150%;
	width: 98%;
	list-style: none;
	font: normal 12px/150% arial, sans-serif, times;
}
.commentlist li {
	padding: 0px 3px 10px 10px;
	margin: 0 0 10px;
	background: #AFE7DA;
}
.commentlist .alt {
	background-color: #D8F3ED;
}
.commentlist cite, .commentlist cite a:link, .commentlist cite a:visited {
	font: bold 15px arial, sans-serif, times;
  color: #457BCC;
	text-decoration:none;
}
.commentlist cite a:hover {
  color: #749EE2;
	text-decoration:none;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font: normal 10px arial, sans-serif, times;
}
.commentmetadata {
  padding:0 0;
}
.comment_number {
  float:right;  
	font: normal 5em arial, sans-serif, times;
	padding: 0 0px 0px 0;
	color: #6997D6;
}


/* -------------------------------------- next & previous page navigation --- */
.page-nav, .page-navigation {
	clear: both;
	height: 25px;
	font: 12px/150% arial, sans-serif, times;
}
.page-nav a:link, .page-nav a:visited {
	color: #5D5539;
	text-decoration: underline;
}
.page-nav a:hover {
	color: #5D5539;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding: 0px 0 0 5px;
	margin-left: 15px;
}
.next-entries a {
	float: right;
	padding: 0px 0 0 5px;
	margin-right: 25px;
}


/* -------------------------------------------------------------- sidebars ---*/
#left-sidebar, #right-sidebar {
	float: left;
	font: 12px/180% arial, sans-serif, times;
	margin: 0px 0 0px 0;
}
#left-sidebar{
	margin-left: -200px;
	width: 200px;
}
#right-sidebar {
	margin-left: -1000px;
	width: 200px;	
}
.box {
  width:100%;  
}
#right-sidebar .box-top {
  background: #FFFFFF /* url(images/right-t.png) no-repeat */;
  height:5px;
}
#right-sidebar .box-top div {
  font: normal 18px arial, sans-serif, times;
  padding: 3px 0 0 0px;
  color:#000;
}
#right-sidebar .box-content {
  background: #FFFFFF /* url(images/right-c.png) repeat-y */;
  height:100%;
  padding:0px 0px;
}
#right-sidebar .box-bottom {
  background:  #FFFFFF /* url(images/right-b.png) no-repeat */;
  height:50px;
}


#left-sidebar .box-top {
  background: #FFFFFF /* url(images/left-t.png) no-repeat */;
  height:40px;
}
#left-sidebar .box-top div {
  font: normal 18px arial, sans-serif, times;
  padding: 2px 0 0 20px;
  color:#000;
}
#left-sidebar .box-content {
  background: #FFFFFF /* url(images/left-c.png) repeat-y */;
  height:100%;
  padding:0px 0px;
}
#left-sidebar .box-bottom {
  background:  #FFFFFF /* url(images/left-b.png) no-repeat */;
  height:35px;
}

.sidebar ul {
  list-style: none;
  font: normal 12px/180% arial, sans-serif, times;
}
.sidebar ul li {
	padding-left: 20px;
	background: #FFFFFF /* url(images/bullet.gif) no-repeat */;
}
.sidebar ul li ul {
  margin-left: 0px;
}
.sidebar ul li ul li {
	margin-left: 0px;
}
.sidebar a, .sidebar a:visited {
	color: #0000FF;
	text-decoration:none;
}
.sidebar a:hover {
  color:#0000FF;
	text-decoration:underline;
}

#page-footer {
	clear: both;
	width: 100%;
	background-color: #FFFFFF;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	margin-top: 10px;
	height:25px;
}
.credits {
  text-align:center;
  font: normal 10px arial, sans-serif, times;
  background: url(images/foot.gif) no-repeat top center;
}

.credits a:link, .credits a:visited {
	color: #C9E845;
  text-decoration:none;
}
.credits a:hover {
  color: #D0E8F5;
	text-decoration: none;
}


p.error0 {
  font: bold 16px arial, sans-serif, times;
}
p.error1 {
  font: normal 14px arial, sans-serif, times;
  color: #ff0000;
}

/* ------------------------------------------------------------- calendar --- */
#calendar {
  color: #888;
}
#calendar table{
	margin: 0 10px;
}
#calendar table caption{
	padding: 5px 0;
	font: bold 14px Arial;
	color: #000;
}
#calendar table td{
	padding: 1px 7px;
}