/*
Theme Name: Manji
Theme URI: http://www.brokenkode.com/manji/
Description: Nebula flavoured Manji
Version: 1.11
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/ 

Credits Update - 
Root is now back online and has a host of other templates for you to choose from as well.

Credits -
The Manji template designed by Khaled Abou Alfa (www.brokenkode.com) 
and Root (www.atthe404.com/blog); Root is currently offline. Please go read the FAQ on www.brokenkode.com/manji for further 

information.

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.

TXP Manji 2 was ported to Textpattern with the aid of a little Magic Dust by Stuart (http://thebombsite.com/).

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 >>>>>>> */

* {
  padding: 0;
  margin: 0;
}

html, body {
 background: #fff;
 //margin-top: 5px;
 text-align: center;
margin: 0;
}

body {
background: url(/images/20.jpg) repeat fixed;
border: 1px solid transparent;
}

#accessibility {
position: absolute;
top: -10000px;
}

p {
  padding:10px 0 10px 0;
  line-height: 1.6em;
}

.center {
text-align: center;
}

.center img {
border: 5px solid #ccc;
}


/*-------- Site Navigation --------*/



#hnav {
 width: 680px;
 margin: 10px auto 8px auto;
 height: 23px;
 background: #d9d7da url(/images/12.jpg) repeat-x top;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #f5f6f7;
 border-right: 1px solid #ccced2;
}

#header {
 float: left;
 width: 230px;
 padding: 5px 0 0 10px;
 text-align: left;
}

#hmenu
{
 margin: 2px 25px 0 0;
 text-transform:lowercase;
 float: right;
 text-align:right;
}

#masthead
{
 background: url(/images/15.jpg) no-repeat;
 width: 680px;
 height: 250px;
 margin-left: auto;
 margin-right: auto;
 border-top: 1px solid #b8e4e7;
 border-right: 1px solid #86c9cf;
 border-bottom: 2px solid #00527f;
 border-left: 1px solid #86c9cf;
}

#masthead_inset
{
background: url(/images/21.jpg) no-repeat;
 width: 207px;
 height: 220px;
margin-left: 460px;
margin-top: 15px;
padding-top: 5px;
// padding-right: 80px;
}

#masthead_header
{
// display:block;
// height:100%;
// text-indent:-500em;
// text-decoration:none;
margin-left: -250px;
}

#masthead_header a
{
color: #fff;
font-size: 30px;
line-height: 45px;
}

/*--------- H Menu Styling --------- */


#topnav
{ 
 display: inline;
 list-style-type: none;
}

#hnav ul li
{
 display: inline;
}

#hnav ul li a
{
 color: #919191;
 text-decoration: none;
 padding: 5px 0px 5px 30px;
 font-size: 0.8em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

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


/* ---------Site Name --------- */

h1#blogtitle {
 padding-left: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 0.9em;
}

h1#blogtitle a{
 font-weight: bold;
}

h1#blogtitle a:hover{

 color: #bfbfbf;
 font-weight: bold;
 text-decoration: none;
}


/*--------- Main Body ---------*/

p.anchor {
 display: none;
 height: 0;
 margin: 0;
 padding: 0;
}

#container {
 margin: 10px auto 10px auto;
 width: 680px;
 background: #f5f6f7;
 border-left: 1px solid #d5d7db;
 border-right: 1px solid #d5d7db;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 text-align: center;
 border-top: 15px solid #d5d7db;
 border-bottom: 15px solid #d5d7db;
 padding: 9px 0 9px 0;
}

#topcontent {
 width: 660px;
 background: #f5f6f7 url(/images/9.gif) no-repeat top;
 margin: 0px auto 0px auto;
 padding-top: 27px;
}

#bottomcontent {
 width: 660px;
 background: #f5f6f7 url(/images/2.gif) no-repeat bottom;
 margin: 0px auto 0px auto;
 padding-bottom: 27px;
}

#content {
 width: 660px;
 margin-left: auto;
 margin-right: auto;
 background: #FFFFFF;
}

a {
 color: #005D93;
 text-decoration: none;
}

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

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

blockquote
{
 background: #f5f6f7;
 padding: 10px 20px 10px 20px;
}

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

acronym {
 cursor: help;
 border-bottom: 2px solid #D2D2D2;
}

h3 {
 text-align: center;
 color: #005D93;
 font-size: 0.9em;
 line-height: 26px;
 font-weight: normal;
}

.post {
 width: 520px;
 color: #5b5b5b;
 text-align: justify;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 80px;
}

.post ul, .post ol {
 list-style-position: inside;
}

.post h3 {
  margin-top: 10px;
}

.posted {
 font-size: 1.2em;
 color: #444444;
 line-height: 40px;
}

h2.title {
 text-align: center;
 height: 18px;
 text-decoration: none;
 padding-top: 8px;
}

h2.title a {
 font-size: 1.4em;
 font-weight: bold;
}

h2#category {
 font-size: 1.4em;
 font-weight:bold;
 text-decoration: underline;
 margin: 0;
}

.storycontent {
 border-bottom: 1px solid #bbbbbb;
 padding-bottom: 10px;
 line-height: 14px;
}

.storycontent a {
 text-decoration: none;
}

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

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

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

.feedback {
 clear: both;
 float: right;
 font-size: .9em;
 line-height: 35px;
}

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

hr.clearer {
 clear: both;
 line-height: 1px;
 display: none;
}


/*--------- Page Navigation ---------*/

.postnavigation {
 height: 45px;
}

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

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


/* --------- Comments ---------*/

h3#comment {
 margin: 0 auto 0 auto;
 padding: 0 0 20px 0;
 font-weight: bold;
 font-size: 1.4em;
}


ol.comments {
 padding: 0 10px 0 10px;
 margin: 0 75px 0 75px;
 color: #7b7b7b;
 list-style-type: none; 
 text-align: justify;
}

ol.comments li  p {
/* margin-top: 8px;*/
}

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

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

.commenttext {
 clear: both;
 margin-bottom: 40px;
 border-top: 2px solid #e4ebef;
}

.commentauthor {
 font-weight: bold;
 font-size: 1.2em;
 padding-bottom: 2px;
 color: #000000;
}

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

.commentdate {
 font-size: 0.9em;
 text-align: right;
 line-height: 18px;
}

#cpreview p.preview {
  font-size: 1.2em;
  color: #000000;
  text-align: center;
  margin-bottom: 15px;
}


/* -------- Comment Form -------- */


#commentformtop {
 clear: both;
 background: #FFFFFF url(/images/4.gif) no-repeat top;
 margin: 0 75px 0 75px;
 padding-top: 22px;
}

#commentformbottom {
 background: #FFFFFF url(/images/5.gif) no-repeat bottom;
 padding-bottom: 22px;
}

#commentform {
 background: #f5f6f7; 
 padding: 0 20px 0 20px;
 margin-top: 20px;
 text-align: left;
}

h2#commentformtitle {
 text-align: center;
 color: #005D93;
}

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


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

p.instructions {
 margin: 14px 0 0 200px;
 color: #7b7b7b;
 font-size: 0.9em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #d5d7db;
 padding-left: 15px;
 position: relative;
}

#commentform p {
 color: #7b7b7b;
 font-size: 1em;
 text-align: justify;
}

#inputbox {
 clear: both;
 color: #7b7b7b;
 font-size: 0.9em;
}

#button {
 padding-top: 0.5em;
}

p.notshow {
 display: none;
 height: 0;
}

.nofollow {
 color: #DF2000;
}

input#forget, input#remember {
 margin-right: 5px;
}

textarea.txpCommentInputMessage {
 height: 250px;
 width: 325px;
 margin: 10px 0 10px 0;
}

#commentform input {
 background: #e7e9ed;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
 border: 1px solid #d5d7db;
}

#commentform input:hover {
 border: 1px solid #7b7b7b;
}

#commentform input:focus {
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}

p#txpCommentInputForm {
  width: 300px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 10px 0;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
  background: #F0F0F0 url(/images/6.jpg) repeat-x top;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}



/* -------- Search Bar-------- */


#menu {
 margin: 10px auto 10px auto;
 width: 680px;
 height: 50px;
 background: #F0F0F0 url(/images/3.jpg) repeat-x top;
 border-top: 1px solid #d1d4d9;
 border-right: 1px solid #d5d7db;
 border-bottom: 2px solid #d5d7db;
 border-left: 1px solid #d1d4d9;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
}

#searchbox {
 float: left;
 width: 200px;
}

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

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


/* ---------- Search Results ----------- */

#search {
 text-align: left;
 padding: 15px;
}

h2.searchtitle {
 font-size: 2em;
 font-weight: bold;
 text-transform: capitalize;
 color: #005D93;
 margin-bottom: 20px;
}


/* ---------- About, Contact, Archives and Links pages -------- */


#singlecontent {
 margin-left: 70px;
 margin-right: 70px;
}

#singlecontent p {
 text-align: justify;
}

#singlecontent h2, #linkspage h2, #archivescat h2, #archivesmonth h2, #searchpage h2, #category {
 text-align: center;
 color: #005D93;
 font-size: 2em;
 text-transform: capitalize;
}

#singlecontent input {
 background: #e7e9ed;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
 border: 1px solid #d5d7db;
}

#singlecontent input:hover {
 border: 1px solid #7b7b7b;
}

#singlecontent input:focus {
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}

#singlecontent label {
 color: #7b7b7b;
}

#email {
 text-align: left;
}

#archivescat, #archivesmonth {
 padding: 15px;
}

#linkspage {
 text-align: left;
 padding: 15px;
}

h3.linkstitle {
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #005D93;
 margin-top: 15px;
}

.menutitle {
 font-weight: bold;
 text-align: left;
 font-size: 1em;
 text-decoration: underline;
}

#archivescat {
 background-color: #FFFFFF:
 padding-bottom: 30px;
}

#category {
 font-size: 1.2em;
 line-height:1.6em;
 margin-top: 30px;
}

#categorylisting {
 background-color: #FFFFFF;
 margin-bottom: 30px;
}

.categoryinstruct {
 font-weight:bold;
 font-size: 1em;
}

.categorymenu {
 margin-bottom:20px;
 text-align: left;
 list-style: none;
}

.cattitle {
 clear: both;
 font-size: 1.1em;
 font-weight: bold;
 text-align: left;
 padding-top: 30px;
 border-bottom: 1px solid #444444;
}

.catarticle {
 clear: both;
 font-weight:normal;
}

.catarticle a {
 text-decoration: none;
}

.archivearticle {
 clear: both;
 float: left;
}

.archivedate {
 float: right;
}

.montharchivedate {
 text-align: left;
 font-size: 1.2em;
 font-weight: bold;
 border-bottom: 1px solid #444444;
}

.montharchivearticle {
 clear: right;
 float: right;
 width: 50%;
 text-align: left;
}

.montharchivearticle a {
 text-decoration: none;
}

.back {
 font-size: 0.8em;
 font-weight: bold;
 text-align: right;
}

/* ---------- Credits ---------- */

#footer {
 clear: both;
 margin: 10px auto 10px auto;
 width: 680px;
height: 50px;
background: #F0F0F0 url(/images/3.jpg) repeat-x top;
border-top: 1px solid #d1d4d9;
 border-right: 1px solid #d5d7db;
 border-bottom: 2px solid #d5d7db;
 border-left: 1px solid #d1d4d9;
}

#footer p.credits {
 text-align: center;
 margin: 10px 0 10px 0; 
 color: #9e9e9e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

p.textpattern {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #d5d7db;
}


/* --------- Page Navigation ---------- */

.left a {
 color: #990000;
 font-size: 0.9em;
}

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