/*
Theme Name: Empyrean
Theme URI: http://i.ph/
Description: thoughts otherwise lost in paper
Version: 1.0
Author: Ley Mababangloob
latest bug fix: 01-14-07 (captcha psoitioning - by leah)
*/


body{
	margin: 0px auto;
	background-repeat:repeat-x !important;
	background-position:top !important;
	font-family: arial,verdana, tahoma;
	font-size: 12px;
	color:#000000 !important;
	background-color:#e1d8ba !important;
}

p{
	font-family: arial,verdana, tahoma;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}	

label {
color: #6f4810 !important;
display:block;
margin-bottom:2px;
}

#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 760px;
}

#container {
	background-repeat:repeat-x !important;
	background-position:top !important;
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/bg/header-bg.gif) !important;
}

/*header*/

#header {
  	margin: 0px;
  	padding: 0px;
  	width: 760px;
  	height: 328px !important;
  	background-repeat: no-repeat;
  	text-align: left;
  	position: relative;
  	z-index: 180;
  	top:0;
	margin-bottom: 0;
	padding-bottom: 0;
	display: block;
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/header.gif) !important;
}

#pics{
	position: relative;
	display: block;
	z-index: 15;
}

#pic1 {
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/pic1.jpg);
}

#pic1 {
 	background-repeat: no-repeat;
	position: absolute;
	width: 215px;
	height: 150px;
	top:-275px;
	left: 24px !important;
	z-index: 1;
}

#pic2 {
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/pic2.jpg);
}

#pic2 {
  	background-repeat: no-repeat;
	position: absolute  !important;
	width: 190px;
	height: 130px;
	top:-255px ;
	left: 321px;
	z-index: 1;
}

#pic3 {
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/pic3.jpg);
}

#pic3 {
 	background-repeat: no-repeat;
	position: absolute;
	width: 135px;
	height: 195px;
	top:-275px;
	left: 562px;
	z-index: 5;
}

/*blog title*/

#em_blogtitle {
    width: 417px;
    height: 54px !important;
    padding: 0 !important;
    margin:0 !important;
    position: relative;
    z-index:0 !important;
}

#title-wrap{
      width: 425px;
      position: relative;
      top: 255px;
      left:60px;
}

/* main paper background*/

#top {
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/bg-body.jpg) !important;
	background-repeat: repeat;
	margin:0px auto;
	padding-top:0px;
	margin-top:0px;
	width: 714px;
}

#main {
       background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/bg-top.jpg) !important;
	   background-position:top;
	   background-repeat: no-repeat;
	   margin:0;
	   width: 714px; 
	   vertical-align: top;
	   padding-top:0;
}


/*sidebar*/

#side {
	   width: 230px; 
	   border-right: 1px dashed #6f4810;
	   float: left;
	   margin:0px;
	   padding: 10px 5px 10px 20px;
}

/*sidebar general elements*/
.drag_element{
 		width: 190px;
		margin: 0 auto;
		padding: 0;  
		overflow: hidden;
}

h4.drag_title{
	font-size: 14px;	
	padding-left: 10px;
	background-color:#967340;
	padding-top:3px;
	padding-bottom:3px;
	color:#573106;
    margin-bottom:10px;
}

.drag_container {
	margin-bottom: 10px;
}

.drag_content p{
	padding: 0;
}

.drag_container ul {
    padding-left:25px;
    padding-bottom: 0;
    padding-top: 0;
}

.drag_container ul li {
    list-style-type:square;
    color:#573106; 
}

.drag_container ol {
    padding-left:25px;
    padding-bottom: 0;
    padding-top: 0;
}

.drag_container li a{
    text-decoration: none;
}

.drag_container li a:hover{
    text-decoration: underline;
}


/*sidebar specific elements*/

/*calendar*/
#em_calendar .drag_container{
background: url(/calliope/3.9.0/imagesdb/empyrean/misc/blog-calendar-new.jpg);
background-repeat: no-repeat;
width: 188px;
height: 188px;
text-align:center;
}

#wp-calendar {
width: 95%;
height:155px;
margin: 3px 0 0 7px !important;
padding:0 auto !important;
}

#wp-calendar caption{
font-weight: bold;
color: #644a22;
padding:3px;
margin:0 auto;
vertical-align:middle !important;
}

#wp-calendar th {
color: #7e4f10;
text-align: center;
margin:0 !important;
padding:0 !important;
vertical-align:middle;
}

#wp-calendar tbody{
margin:0 !important;
padding:0 !important;
vertical-align:top;
}

#wp-calendar td {
color: #7a674d;
text-align: center;
vertical-align: middle;
line-height: 20px;
}

#wp-calendar td a{
color: #573106;
font-weight: bold;
}

#wp-calendar td a:hover{
text-decoration: underline;
}

#calendar_button{
background: none;
height: 0 !important;
padding: 0 !important;
margin:0 !important;
display:inline;
z-index:100;
position:absolute;
}


#next a{
color: #4b3907;
text-decoration:none;
font-weight: bold;
padding-bottom:12px;
}

#next a:hover{
text-decoration:underline;
}

#prev a{
color: #4b3907;
font-weight: bold;
text-decoration:none;
padding-bottom:12px;
}

#prev a:hover{
text-decoration:underline;
}

#today {
font-weight: bold;
color: #442c07 !important;
text-align: center;
border: 1px dashed #6f4810;
background-color: #bda365 !important;
vertical-align: middle;
}

/*calliope logo*/
#em_calliopelogo h4.drag_title {
background: none;
padding: 0  !important;
margin:0  !important;
}

.drag_content #em_calliopelogo_src{
margin:0 auto !important;
padding: 0 !important;
text-align: center;
}

/*email*/
#em_email_content{
text-align: center;
}

/*search*/
#em_search div{
margin:0 auto;
padding-bottom: 3px;
text-align: center;
}


#s {
background: none;
border: 1px solid #4b3907;
margin-right: 5px;

}

#searchsubmit {
background: transparent;
color: #573a0f;
padding:1px;
font-weight: bold;
border: 1px solid #573a0f;
}

/*tagcloud*/
#em_tags_headerText {
margin:0 0 3px 0 !important;
}

#blog-tag-cloud {
text-align: left !important;
}

#blog-tag-cloud a {
line-height:160% !important;
padding: 0 !important;
display: inline !important; 
}

#blog-tag-cloud a:link, #blog-tag-cloud a:visited {
color: #7c6035 !important;
}

#blog-tag-cloud a:hover { 
color: #643f09 !important; 
background: none !important;
}

/*rss atom*/
#em_rssatom {
position:relative;
padding:0;
margin:0 auto;
}

h4#rss_button{
background: none;
margin: 0;
padding: 0;
height: 1px;
}

#xml_feeds {
padding:0 30px;
margin: 0 auto;
}

#xml_feeds img {
position: relative;
top: 0;
}

/*about me*/

.more {
background: transparent;
padding:3px;
float:right;
margin-bottom:5px;
text-transform: uppercase;
}

/*photos*/
#em_recentphoto .drag_container{
}

/*link list*/
#em_linklist_content {
}

/*subscription feed*/
#em_feedsubs .drag_content {
margin: 0 auto;
text-align: center;
}

/*tagboard*/
#em_tagboard .drag_content{
}

#shoutbox {
   color: #5B5743;
   background: transparent !important;
   overflow: auto;
   width: 188px;
   height: 30em;
   margin-bottom: 5px;
}

#shoutbox dl * {
   margin: 0;
   padding: 0;
   text-align: left;
 }

#shoutbox dl dt * {
   margin: 0;
   padding: 0;
   text-align: left;
}

#shoutbox dl dd * {
   margin: 0;
   padding: 0;
   text-align: left;
}

#shoutbox dl dt.row-entry-1 {
   background-color: #F6F3E0 !important;
   overflow:hidden;
}

#shoutbox dl dt.row-entry-2 {
   background-color: #FEFFF3 !important;
   overflow:hidden;
}

#shoutbox dl dt {
   padding: 3px 0 3px 3px;
}

#shoutbox dl dt a {
   font-weight: bold !important;
   color: #6f4810 !important;
}

#shoutbox dl dt a:hover {
   text-decoration: underline !important;
   color: #5B5743;
}

#shoutbox dl dd {
    padding: 0 3px 7px 3px;
}

#shoutbox dl dd.row-entry-1 {
   background-color: #F6F3E0 !important;
   overflow:hidden;
}

#shoutbox dl dd.row-entry-2 {
   background-color: #FEFFF3 !important;
   overflow:hidden;
}

#shoutform * {
   text-align: left;
}

#shoutform form textarea{
   width: 170px;
}

#shoutform form label {
   /*display: block;*/
   color: #6f4810 !important;
   margin-bottom:8px;
}

#ss_content{
margin-top:0 !important;
}

#securetagbimgdiv{
height:110px;
position:relative;
top:0;
}

#securetagbimgdiv{
position:relative;
top:-7px;
margin: 0 !important;
padding:0 !important;
}

#shoutform #securitycode{
position:relative !important;
top:5px !important;
}

#shoutform .button{
margin-top:7px !important;
}


/*entries*/

#content {
	margin:0;
	width:410px !important; 
	float: left;
	padding-left:20px;
	overflow: hidden
}

#blog_entries { width: 410px !important; margin: 0 auto 0 auto }

.entry {line-height: 1.4em; word-wrap: break-word; overflow: hidden; padding: 0 }

.entry p {margin: 5px 0 10px 0;}

.entry *{ line-height: 1.4em;}

.entry a {text-decoration:underline;}

.entry a:hover {text-decoration:none;}

.blog { width: 410px; margin: 0 auto 20px auto; padding: 0 }


.date{
		color:#5B5743 !important;
		font-weight: bold;
		text-transform: uppercase;
		font-size:10px !important;
		font-family: Arial, Helvetica, sans-serif !important;
}

.entrytitle{
		text-align: left !important;
		align: left;
		line-height: 1.2em;
}

.entrytitle a{
		color:#7d6333  !important;
		font-weight: bold;
		text-align: left !important;
                text-decoration:none !important;
}

.entrytitle a:hover{
text-decoration: none;
color:#643f09 !important;
}

.entry ul {
		margin: 10px 0;
}

.entry ol {
		margin: 10px 0;
}

.entry ol li{
	text-align: left;
	color:#583d14; 
	margin: 0 45px;
}

.entry ul li {
		text-align: left;
		margin: 0 45px;
		color:#583d14; 
		list-style-type:square;
}

.entry blockquote{
		margin: 15px 20px;
        padding: 0 10px 0 35px;
		background-image: url(/calliope/3.9.0/imagesdb/empyrean/misc/leftquote2.gif) !important;
		background-repeat: no-repeat  !important;
		background-position: 5px 5px !important;
        background-color: #baab85!important;
        border:1px solid #968864;
		color: #332602;
		line-height:normal;
}

.drag_content_editmode, #conDesc_editmode{
	background-color: #baab85
}

.entry_editmode {
	background-color: #baab85
}

.tag-list { 
color:#7d6333;
margin:0;
clear: both;
padding:0;
font-size:12px !important;
font-family: Arial, Helvetica, sans-serif !important;
}

.tag-list a{ 
text-decoration: none !important;
margin-right: 5px;
}

.tag-list a:hover {
text-decoration: underline !important;
}

.tag-title{
display:inline;
color:#7d6333;
}

.meta-post{
margin-bottom: 10px;
font-size:12px !important;
color: #614606;
margin:0;
position:relative;
font-family: Arial, Helvetica, sans-serif !important;

}

.meta-post a {
font-weight: bold;
text-decoration:none !important;
}

.meta-post a:hover {
text-decoration:underline !important;
}

/*tagline*/
#tagline-container {
	   top: 10;
	   position: relative;
	   padding-top: 15px;
	   margin-bottom: 10px;
}

#leftquote {
    text-align: left;
	background: url(/calliope/3.9.0/imagesdb/empyrean/misc/leftquote2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#descHead {
padding:0;
margin:0;
display: inline;
}

#conDesc {
padding-left: 35px;
padding-right:20px;
padding-bottom: 0;
margin:0 !important;
background: url(/calliope/3.9.0/imagesdb/empyrean/misc/rightquote2.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#conDesc:first-letter {
font-family: Arial;
font-size: 37px;
font-weight: bold;
margin: 0 5px 2px 0;
float: left;
} 

#descContainer {
margin:0;
padding:0;
display: inline;
}

/*breadcrumbs*/

.bc-container {
		background-color: #967340;
		margin: 0px 0px 10px 0px;
		padding: 3px 0;
		width: 410px;
}

h3#breadcrumbs{
		text-align: left;
		color:#573106;
		font-size: 12px;
		padding-left: 10px;
		margin: 0px;
		font-weight: bold;
}

#breadcrumbs a{
color: #cbb28d;
}

/*separator*/
.separator{
margin: 5px 0 15px 0 !important;
}

.separator_img {
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
}


/*comments*/

#commentform p{
margin:5px 0;
}

#commentform input{
z-index:1000;
position:relative;
}

.blogbuttons{
margin-top:20px !important;
cursor:pointer;
}

.add_comment_head{
padding:5px 15px;
margin-top:10px;
margin-bottom:5px;
font-size: 12px;
background-color:#967340;
color:#573106;
}

.commententry {
margin: 10px 0 5px 0;
padding:5px 10px;
border:1px dashed #573106;
}

p.comment_notify
{
margin: 10px !important;
}

.commententry  p{
padding: 5px 0;v
}

.posted_by{
font-size: 11px;
display:block;
padding:5px 0;
margin:0;
}

.textfield{
margin:0 0 10px 0 !important;
position: relative !important;
top:0 !important;
}

#commentform label{
margin: 0 !important;
}

form label{
margin-top:10px
}

#captchaimgdivcomment{
position:relative;
top:-35px;
}

#captchaimgdivcomment img{
position:relative;
left:-5px;
}

#commentform #securitycode{
margin:0 !important;
top:80px !important;
position: relative !important;
}

#secureimgdiv{
margin: -35px 0 50px 0!important;
padding:0 !important;

}

form{
line-height: 7px;
}

#iph_comment_form{
margin: 10px 0;
padding:0;
}

#iph_comment_form p{
color:#573106;
font-style: italic;
font-size:12px;
padding-bottom:3px;
}


/*footer-pagination */
#foot {
	position: relative;
	background-image:url(/calliope/3.9.0/imagesdb/empyrean/misc/bg-foot.jpg);
	background-repeat: no-repeat;
	width: 715px;
	height: 89px;
	margin: 0px auto;
}

/*clear*/
.clear {
	display: block;
	clear: both;
	height: .1px;
	visibility: hidden;
	content: ".";
}

.clear:after {
	content:".";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
	position:relative;
}


/*page navigation*/
#page-navigation{
background: #967340 !important;
padding: 2px;
display:block !important;
}

.page-num-head {
color:#573106;
font-weight: bold;
margin-left: 10px;
margin-right: 5px;
}

.page-number{
margin-right: 1px;
padding: 2px 4px;
background:#ad926b;
font-weight: bold;
color: #573106;
}

.page-number a{
background:none;
font-weight: normal;
text-decoration: underline;
}

.page-number a:hover{
color:#9e8961;
}

#buttons{
 z-index:250 !important;
  position: relative;
  width:434px;
  margin:0;
  padding:0;
  align: left;
  text-align: left;
}

#button1{
top:-125px;
left:25px;
position: absolute;
align: left;
text-align: left;
width:100px;
}


#button2{
top:-120px;
left: 350px;
position: absolute;
}

#button3{
top:-75px;
left: 600px;
position: absolute;
}

.adsense-top {
margin: 10px 0 !important;
}

.adsense-top iframe{
padding:5px;
}

#em_adsense_content iframe{
padding-left:10px;
}

.adsense-inpost{
padding:0  !important;
display:block;
width:336px;
margin:10px 0 !important;
}

/* images */

.entry p img {
  margin: 10px;
}

.wp-smiley {
border-style: none !important;
background: none !important;
margin: 0 !important;
}