/*
Theme Name: Obsidian2
Theme URI: http://scottdot.org
Description: Obsidian2 Flavored Manji2 
Version: 1,0
Author: Scott
Author URI: http://www.scottdot.org/ 

Credits - for Obsidian2

Obsidian originally created by Scott (www.scottdot.org), converted for wordpress.
Thanks to tw3k(http://e107themes.tw3k.net/) and Gnat (www.squaremelon.ws) for answering all my questions.
Khaled for the great theme it was based on Manji (www.brokenkode.com) and to BB (http://www.bbiverson.com/) for updating with sidebar.

Credits - for Manji2
Author: Khaled Abou Alfa
Author URI: Manji http://brokenkode.com
Manji2 Theme URI: http://www.brokenkode.com/Manji/

The Manji template designed by Khaled Abou Alfa (www.brokenkode.com) 
and Root (www.atthe404.com/blog); Root is currently offline.

Joshua (aka Alphaoide) has been helping complete this project in the wake of 
Root's disappearance.

Also a big shout out to Franchesco Anselmo & David Prince for their invaluable 
support.

Also I've got to thank the wordpress forums for all the little help in solving 
loads of questions we had when creating this theme.

Credits - for Comments Live Preview
Plugin URI: http://www.softius.net/wp/plugins/comment-live-preview/
Version: 0.1
Author: Iacovos Constantinou
Author URI: http://www.softius.net/

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Theme for blogging software. Initially released for Wordpress.
Copyright (C) 2004 khaled abou alfa.

This program is free software; you can redistribute it and/or modify it under 
the terms of the GNU General Public License as published by the Free Software 
Foundation, version 2 of the License.

This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 

PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/

/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: #677 url(images/bg.gif) no-repeat 50% 0;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}

/*---------------------------- Site Navigation -------------------------------*/
#hnav {
 width: 748px;
 margin: 0px auto;
 height: 23px;
 margin-top: 0px;
 background: #614F27  repeat-x top;
 border: 5px solid #CDC3AA;
}

#header {
 float: left;
 width: 200px;
 margin: 0px;
 padding: 0px;
 height: 1em;
 text-align: left;
}

#hmenu {
 margin: 2px 5px 0 0;

 text-align: right;
 float: right;
 width: 540px;
}

#masthead {
 width: 748px;
 height: 198px;
 margin: 0px auto;
 padding: 0px;
 border-left: 5px solid #CDC3AA;
 border-right: 5px solid #CDC3AA;
 border-bottom: 5px solid #CDC3AA;
}

/*------------------------------- Main Body ----------------------------------*/
#container {
 width: 748px;
 margin: 0 auto;
 background: #B2AD9D;
 font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: .80em;
 text-align: left; /* IE hack Part 2 */
 border-left: 5px solid #CDC3AA;
 border-right: 5px solid #CDC3AA;
 border-bottom: 5px solid #CDC3AA;
}

#topcontentdouble {
 float: right;
 width: 540px;
 height: 27px;
 background: #B2AD9D  no-repeat right top;
 display: inline;
 border-top: 5px solid #B2AD9D;
 border-left: 5px solid #B2AD9D;
 border-right: 5px solid #B2AD9D;
 margin-top: 5px;
}

#topcontent {
 width: 730px;
 background: #B2AD9D ) no-repeat top;
 margin: 0px auto 0px auto;
 height: 27px;
 border-top: 5px solid #B2AD9D;
}

#content {
 float: right;
 width: 540px;
 background: #F7F3E7;
 margin: 0 auto;
 display: inline;
 border-left: 5px solid #B2AD9D;
 border-right: 5px solid #B2AD9D;
}

#bottomcontentdouble {
 clear: both;
 width: 540px;
 background: #B2AD9D  no-repeat right;
 margin: 0 10px 5px 203px;
 height: 27px;
 background-position: bottom;
}

#singlecontent {
 width: 730px;
 background: #F7F3E7;
 padding-top:0;
 margin:  0 auto;
 border-bottom: 5px solid #B2AD9D;
}

.post {
 margin-top: 0px;
 margin-left: 30px;
 margin-right: 30px;
 margin-bottom: 50px;
}

.singlepost {
 margin: 0px 105px 80px 105px;
}

#bottomcontent {
 width: 730px;
 background: #F7F3E7  no-repeat top;
 margin: 0px auto 0px auto;
 padding-bottom: 9px;
 height: 27px;
}

.meta {
 font-size: .9em;
 line-height: 18px;
}

.feedback {
 float: right;
 font-size: .8em;
 line-height: 28px;
}

.author {
 width: 200px;
 float: right;
 text-align: right;
}

/*---------------------------- Page Navigation -------------------------------*/
.postnavigation {
 height: 45px;
}

.left {
 float: left;
 padding-left: 105px;
}

.right {
 float: right;
 padding-right: 105px; 
}

.leftdouble {
 float: left;
 padding-left: 10px;

}

.rightdouble {
 float: right;
 padding-right: 10px; 
}

/* ------------------------------ Sidebars -----------------------------------*/
#sidebar {
 position: relative;
 float: left;
 width: 193px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: .9em;
 text-align: left; /* IE hack Part 2 */
 display: inline;
 background: #B2AD9D;
 padding-left: 5px;


}

#sidebar ul {
 position: relative;
}

#sidebar ul li {
 list-style-type: none;
 list-style-image: none;

}

#sidebar ul, #sidebar ul li {
 margin: 0;
 padding: 0;

}

#sidebar ul li ul{
 background: #F7F3E7;
 margin: 0 5px 0 0px;
 padding: 1px 1px 1px 5px;
padding-bottom: 10px;
}

#sidebar h2 {
 background: #51411C;
 margin: 10px 5px 0 0px;
 padding: 1px 0 3px 5px;
 text-align: center;
 color: #B2AD9D;
 border: 1px solid #331F02;

}

/*
The following is the fix
for 3-pixel-jog bug in IE 
*/

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content {
 /*margin-right: 7px;*/
}
 
* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */

/* ------------------------------ Comments -----------------------------------*/
#response {
 margin: 0px 110px;
}

#commentlist {
 padding: 0px 10px 0px 10px;
 margin-left: 10px;
 margin-right: 10px;
 color: #634D25;
 list-style-type: none; 
 text-align: justify;
}

#commentlist li  p{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}

.commentname {
 width: 220px;
 float: left;
 font-size: 0.9em;
 margin: 0;
 padding: 0  0 2px 0;
}

.commentinfo{
 width: 250px;
 float: right;
 text-align: right;
}

.commenttext {
 clear: both;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 50px;
 border-top: 1px solid #e4ebef;
}

/* ----------------------------- Comment Form ------------------------------- */
h2#postcomment {
 background: #F7F2E7 url(images/comments.gif) no-repeat center top; 
 margin: 10px 0px 0px 0px;
 padding: 0 0 20px 10px;
}

#commentform {
 background: #B2AD9D/*#DEE7EC*/; 
 padding: 1px 20px;
 margin-top: 0px;
 margin-bottom: 0px;
}

#commentboxes {
 width: 200px;
 float: left;
 color: #634D25;
 font-size: 0.9em;
}

p.instructions {
 margin: 14px 0 0 255px;
 color: #634D25;
 font-size: 0.9em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #51411C;
 padding-left: 15px;
 position: relative;
}

#inputbox {
 clear: both;
 color: #634D25;
 font-size: 0.9em;
}

#button{
 padding-top: 0.5em;
}

#commentsbottom {
 background: #F7F3E7 url(images/commentsdown.gif) no-repeat center top; 
 margin: 0;
 padding: 0;
 height: 22px;
}

/* --------------------------- 'Sidebar' Structure -------------------------- */
#menu {
 /*margin: 10px auto;*/
 width: 747px;
 height: 45px;

 
 border-bottom: 1px solid #51411C;
}

#searchform {
 float: left;
 margin-top: 12px;
 padding-left: 20px;
}

#topimage {
 margin: 2px 0 0 0; 
 cursor: pointer;
 width: 60px;
 height: 40px;
 background: url(images/topbutton.gif) no-repeat top;
 float: right;
 padding-right: 9px;
 padding-top: 3px;
}

#topimage a {
 display: block;
 height: 100%;
 overflow: hidden;
 text-decoration: none;
}

/* ------------------------------- Credits ---------------------------------- */
#footer {
 margin: 0px auto;
 width: 748px;
 font-size: .8em;
 border-left: 5px solid #CDC3AA;
 border-right: 5px solid #CDC3AA;
 border-bottom: 5px solid #CDC3AA;
 background-color: #CDC3AA;
}

#footer p {
 margin-top: 0;
}

.clearer {
 clear: both;
 line-height: 0px;
}

/*------------------------------ H Menu Styling ----------------------------- */
#top { 
 display: inline;
 list-style-type: none;
}

#hnav ul li{
 display: inline;
}

#hnav ul li a {
 color: #FFFFFF;
 text-decoration: none;
 padding: 5px 15px 5px 15px;
 font-size: .7em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

#hnav ul li a:hover {
 color: #B2AD9D;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ------------------------------- General ---------------------------------- */
a {
 color: #444444;
 text-decoration: none;
}

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

top a {
 border: 0;
 text-decoration: none;
}

blockquote {
 background: #E5DFCF;
 padding: 10px 20px;
 border: double;
}

code {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.0em;
}

h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 color: #FFFFFF;
}

h2 {
 color: #444444;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 margin-bottom: 10px;
 margin-top: 40px;
 margin-left: 10px;
}

.singlepost h2{
margin-top: 0px;
}

h3 {
 text-align: left;
 color: #444444;
 margin: 0;
 margin-top: 3px;
 padding: 0;
 font-size: 0.8em;
 line-height: 26px;
 font-weight: normal;
}

/* ------------------------------Site Navigation ---------------------------- */
#blogtitle {
 margin: 0;
 padding: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: .7em;
}

#blogtitle a{
 font-weight: bold;
}

#blogtitle a:hover{
 color: #ADA899;
 font-weight: bold;
 text-decoration: none;
}

/* -------------------------------- Main Body ------------------------------- */
.post {
 color: #4D3C1D;
 text-align: justify;
}

.singlepost {
 color: #4D3C1D;
 text-align: justify;
}

.posted {
 color: #555555;
text-align: center;
}

.title a  {
 text-align: center;
 color: #444444;
 display: block;
 text-decoration: none;
 font-size: 1.10m;
 font-weight: bold;
 padding: 5px 0px 5px 0px;
}


.title a:hover {
 color: #990000;
}

.storycontent {
 border-top: 1px solid #331F02;
 border-bottom: 1px solid #331F02;
 padding-top: 10px;
}

.singlepost p {
margin-top: 0;
}

.storycontent a {
 text-decoration: none;
}

.storycontent a:hover {
 text-decoration: underline;
}

.storycontent a:visited {
 color: #000000;
}

/* ----------------------------- Page Navigation ---------------------------- */
.left a{
 color: #990000;
 font-size: 0.7em;
}

.right a{
 font-size: 0.7em;
 color: #990000;
}

.leftdouble a{
 color: #990000;
 font-size: 0.7em;
}

.rightdouble a{
 font-size: 0.7em;
 color: #990000;
}

/* -------------------------------- Comments ------------------------------- */
.commentauthor {
 font-weight: bold;
 font-size: 1.2em;
 padding: 0 0 2px 0;
 margin: 0;
 color: #000000;
}

.commentauthor a{
 font-weight: bold;
 margin: 0;
 padding: 0 20px 0 0;
 background: url(images/icon.jpg) no-repeat top right;
}

.commentdate {
 font-size: 0.8em;
 text-align: right;
 line-height: 18px;
 padding: 0;
 margin: 0;
}

#nocomment, #commentsclosed {
 text-align: center;
 color: #634D25;
 font-size: 1.1em;
}

/* ------------------------------ Comment Form ----------------------------- */
#comment  {
 width: 465px;
}

#comment, #author, #url, #email, #press{
 background: #F7F3E7/*#f5f6f7*/;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #634D25;
 padding: 1px 2px 1px 1px;
}

#comment, #author, #url, #email{
 border: 1px solid #d5d7db;
}

#comment:hover, #author:hover, #url:hover, #email:hover{
 border: 1px solid #634D25;
}

#comment:focus, #author:focus, #url:focus, #email:focus{
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #634D25;
 padding: 1px 2px 1px 1px;
}

#commentboxes p {
 margin: 0;
 padding-bottom: 0.9em;
}

h2#comments{
 margin-bottom:40px;
}

p.feeds {
 float: right;
 margin-top: -1.8em;
 font-size: 0.9em;
}

p.feeds a, p.feeds a:hover  {
 text-decoration: none;
}

p.feeds a:hover {
 color: #770304;
}

#inputbox a {
 color: #634D25;
}

#inputbox a:hover {
 color: #FFFFFF;
}

p.inputbox {
 margin: 0;
 padding-bottom: 10px;
}

p.pages {
 margin: 0;
 padding: 40px 40px;
 padding-top: 0;
 text-align: center;
}

p.pages a {
 color: #193E45;
}

/* -------------------------------- Credits --------------------------------- */
p.credits {
 background: #CDC3AA;
 padding-top: 10px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

p.wordpress {
 margin: 0;
 padding: 0;
}






/* --------------- Search/Archives/Categories Results Pages ------------------*/
.searchresult {
 text-align: left;
 color: #444444;
 display: block;
 text-decoration: none;
 font-weight: bold;
 padding: 5px 0px 5px 0px;
 margin: auto;
}

.searchresult a:hover {
 color: #990000; 
 text-decoration: none;
 display: block;
}

.searchinfo {
 font-size: .9em;
 padding: 0px 2px;
 color: #444444;
 margin-bottom: 40px;

}

.searchdetails {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #444444;
 margin-bottom: 20px;
 border-bottom: 1px solid #BBBBBB;
}

/*--------------------------- 'Comment Edit' Buttons ------------------------ */
#ed_toolbar {
 background: #EBE6E8; 
 border: 1px solid #EBE6E8;
 padding-left: 5px;
}

#ed_bold {
 background: url(images/bold.png) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
}

#ed_italic {
 background: url(images/italic.png) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}

#ed_link {
 background: url(images/link.png) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}

#ed_close{
 background: url(images/close.png) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 25px;
}

/* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */


}
    .lp {
        border: 0px solid;
        width: 400px;
        margin-left: 65px;
}