/*  
Theme Name: Heaven
Description: Great "Heaven" theme for Wordpress, features 2 columns layout.
Author: Matthew

Terms of Use:
- DO NOT REMOVE any of the links in the footer!
- You are free to share, to copy, distribute and transmit this theme.
- This theme is distributed for free. You are not allowed to sell this theme.
Thanks for using this theme.

*/


/* -------------------- GENERAL -------------------- */

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form { margin: 0; padding: 0; text-align: justify; }

body { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; vertical-align: top;
		background: #fff url(images/container-body-bg.jpg) repeat-x top;}

h1, h2, h3, h4, h5, h6 { font-size: 22px; font-weight: normal; }

a { text-decoration: none; color: #e46100; }
a:hover { text-decoration: underline; }

a img { border: 0; }

abbr, acronym { border: 0; }
address, dl, p { padding: 10px 0 0 0; }

blockquote { margin: 10px 0 0 0; }
blockquote p { padding: 10px; }
blockquote blockquote { margin: 10px; color: #333; }
code { }
pre { width: 90%; }

dt { font-weight: bold; }
dd { padding: 0 0 0 15px; }
hr { clear: both; margin: 15px 15px 5px 15px; border: 0; height: 1px; text-align: left; background: #eaeaea; color: #cbcbcb; }
small { font-size: 11px; }

input, textarea { font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { border: 1px solid #888; padding: 3px; }
input#author, input#email, input#url { margin: 0 5px 0 0; }



/* -------------------- LAYOUT -------------------- */

#container { margin: 0 auto; width: 864px; padding: 0px 0 0; vertical-align:  top; }

#wrapper { clear: both; float: left; width: 864px;}

#page-wrapper { float: left; margin: 0px 0 0 0px; padding: 0 0 0px 0; display: inline; /* prevent margin doubling in IE 6 */ width: 864px;  }

#page-left { float: left; padding: 0 0 0 0px; width:12px; height:300px; background: url(images/page-left.jpg) no-repeat  top; }

#page { float: right; padding: 0 0 0 0px; width:852px;   background: url(images/body-bg.jpg) repeat-y;  }

.main-column {  }

.posts-wrapper { margin: 0px 0px 0px 0px; }


/* -------------------- HEADER -------------------- */

#header { float: left; margin: 0px 0 0 0; width: 864px; height: 186px; background: url(images/header.jpg) no-repeat; }

#header-bottom { float: left; margin: 0px 0 0 0; width: 864px; height: 90px; }

#header-left{ float: left; margin: 0px 0 0 0; width: 796px; height: 90px; background: url(images/header-left.jpg) no-repeat; }

#rss{ float: left; margin: 0px 0 0 0; width: 68px; height: 90px; background: url(images/rss.jpg) no-repeat; cursor:pointer; }

#header-title { padding: 0px 0 0 0px; float: left;   }

#header-title h1 { padding: 12px 0 0 40px; font-size: 22px; font:Tahoma; text-decoration:none; }
#header-title h1 a { color: #fff; text-decoration:none;}

#description { padding-left: 55px; font-size: 13px; color: #fff; font-style: italic; }



.Search { width: 130px; margin-bottom: 15px;  float:left;}
.Search form { padding: 62px 2px 4px 65px; margin: 0px;}
.Search input { color: #555; font-size: 12px;}

.Search input.keyword { border: none; background: no-repeat; border: none;  width: 145px; } 


/* -------------------- MENU -------------------- */
#menu { padding-left:450px; padding-top:15px; float: right; width: 500px; }
#menu ul { margin: 0; padding: 0 0 0 20px; list-style: none; }
#menu ul li { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; }
#menu ul li a { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top;  color: #2c2c2c; }
#menu ul li:hover { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; }
#menu ul li a:hover { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top;  color: #8c8c8c; }
#menu ul li.current_page_item { float: left; margin: 0 2px 0 0; text-align: left; vertical-align: top; background: url(images/tab-right-hover.gif) no-repeat right top; }
#menu ul li.current_page_item a { display: block; padding: 5px 15px 6px 15px; text-decoration: none; text-align: center; vertical-align: top;  color: #8c8c8c; }



/* -------------------- POSTS -------------------- */
.posts { float:right; padding: 0 33px 0px 0px; width: 554px; }
.posts h2 { padding: 0px 0 0 5px; font-size: 20px; background: url(images/post-title.jpg) no-repeat; height:33px; width:524px; font-family:Tahoma;  }
.posts h2 a { text-decoration: none; color: #175aca; padding: 5px 5px 0px 5px; }
.posts h2 a:hover { text-decoration: none; color: #175aca; }

.postinfo {padding: 0 0 10px 10px;  font-size: 11px; float: left; width: 534px; margin: 0 0 0 0; line-height: 20px;  clear: both;  }
.postinfo ul { list-style-type: none; margin: 0; padding: 0px 0px 0 10px; }
.postinfo ul li { float: left; margin: 0 10px 0 0; display: inline; }

.postinfo ul li.author { padding: 0 0 0 26px; background: url(images/icon-user.jpg) no-repeat 0 3px; }
.postinfo ul li.date { padding: 0 0 0 27px; background: url(images/icon-calendar.jpg) no-repeat 0 3px; }
.postinfo ul li.category-info { padding: 0 0 0 26px; background: url(images/icon-category.jpg) no-repeat 0 3px; }
.postinfo ul li.comment-number { padding: 0 0 0 26px; background: url(images/icon-comments.jpg) no-repeat 0 3px; }
.postinfo ul li.edit-info { padding: 0; }
.postdate { }

.entry { padding: 0px 0 31px 31px; line-height: 21px; width: 525px;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { border: 0; padding: 15px 0 0; }
.entry h1 { font-size: 30px; font-weight: normal; line-height: 36px; }
.entry h2 { font-size: 18px; }
.entry h3 {}
.entry h4 { font-size: 16px; }
.entry h5 { font-size: 14px; }
.entry h6 { font-size: 11px; font-weight: normal; }

.entry img { padding: 5px; margin: 5px; }
.entry img.wp-smiley { padding: 0; border: 0; background-color: transparent; }
.entry img.alignleft { float: left; margin: 5px 10px 0 0; }
.entry img.alignright { float: right; margin: 5px 0 0 10px; }



.browse { margin-left:25px;font-family: Georgia; font-size: 16px; border-top: 1px solid #ccc; line-height: 24px; }


/* -------------------- SIDEBAR -------------------- */
#sidebar { float: left; margin: 0 0px 0 10px; width: 229px; font-size: 11px; color: #f2f2f2; }
#sidebar a { color: #3e3e3e; }
#sidebar ul { margin: 0; padding:  10px; list-style: none; width: 200px; }
#sidebar ul li { padding: 10px 0px 0 0; }
#sidebar ul li h2 { padding: 0 0 0px 5px; color: #2487e9; font-size: 19px; font-family:Tahoma; background: url(images/box-header.jpg) no-repeat; line-height:33px;}
#sidebar ul ul { padding: 0; color: #3e3e3e; background: url(images/box-body.jpg) repeat-y; }
#sidebar ul ul li { padding: 8px 0 0 10px; line-height: 18px; }
#sidebar ul ul ul li { padding: 8px 0 0 15px; }


/* -------------------- FOOTER -------------------- */


#footer { margin: 0 0 0px; float: left; width: 864px; height:74px; font-size: 11px; background:  url(images/footer.jpg) no-repeat left bottom; color: #3e3e3e; }
#footer a { text-decoration: none; font-weight: bold; color: #3e3e3e; }
#footer a:hover { text-decoration: underline; }
#footer p { padding: 40px 20px 20px 20px; line-height: 20px; text-align: center;  }


/* -------------------- COMMENTS -------------------- */


.commentsbox { width: 500px; border: 1px solid #fff; float: left; color: #333; margin: 0 auto; }

.commentsbox p { margin: 0; padding: 0; }
.commentsbox img { border: 1px solid #444; margin: 3px; }

#commentlist ol { margin: 0; padding: 0; }
#commentlist li { padding: 15px 0 15px 0; list-style-position: outside; list-style-type: decimal; border-bottom: 1px solid #ccc; line-height: 24px; }
.alt { background-color: #fff !important; background-image: none !important; }

.comment-title { margin: 0 0 0 0px; font-size: 11px; color: #666; }

.comment-text { }

h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 10px 0 0 0; padding: 0px 0 0 40px; }

.postcomment input, .postcomment textarea { border: 1px solid #ccc; background: #fff; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #ccc; }
.postcomment input#submit:hover { background: #f3b469; }	


/* -------------------- CALENDAR -------------------- */


table#wp-calendar { width: 100%; text-transform: none; }
table#wp-calendar caption { padding: 10px 15px; }
table#wp-calendar th {  color: #000000; padding: 2px; font-weight: bold; text-align: center; vertical-align: top; }
table#wp-calendar td { color: #000000; padding: 1px; text-align: center; }
table#wp-calendar tfoot td {  color: #000000; text-align: center; }

#options { padding: 10px 20px 0 0; text-align: right; float: right; }
#options ul {  color: #000000; float: left; display: inline; margin-left: 10px; }
#options li {  color: #000000; float: left; list-style: none; padding: 5px; }
#options li a {  color: #000000; display: block; width: 5px; margin: 1px; padding: 5px; height: 5px; }
#options li a span {  color: #000000; display: none; }


/* -------------------- OPTIONS -------------------- */

.stylewp { text-align: right; font-size: 75%; padding-top: 1px; color: #ccc; }
.stylewp ul { padding: 0px; margin: 0px; border-left: solid 1px #ccc; display: inline;}
.stylewp li { padding: 0px 5px; margin: 0px; display: inline; border-right: solid 1px #ccc; }
.stylewp li a { color:#ccc; }
.stylewp li a:hover { color:#ccc; }