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


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/board 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.


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: url(images/back.jpg) repeat;
 margin:  0px auto;
 padding: 0;
 text-align: center; /* IE hack Part 1 */
 color: #835021;
}



/*---------------------------- Site Navigation -------------------------------*/
#hnav {
 width: 699px;
 margin: 0px auto;
 height: 23px;
 background: url(images/nav.jpg) no-repeat top;
}


#header {
 float: left;
 width: 100px;
 margin-top: -19px;
 margin-left: 30px;
 padding: 0px;
 text-align: left;
 height: 23px;
}


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


#masthead {
 background: url(images/header.jpg);
 width: 699px;
 height: 196px;
 margin: 0 auto;
 padding: 0;
 }


/*------------------------------- Main Body ----------------------------------*/
#container {
 margin: 0 auto;
 width: 699px;
 background: url(images/background.jpg) repeat-y top;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1em;
 text-align: left; /* IE hack Part 2 */
}


#topcontent {
 width: 625px;
 margin: 0px auto;
 height: 0px;
}


#content {
 width: 625px;
 margin: 0 auto;
 text-align: left;
}


.post {
 margin-left: 60px;
 margin-right: 70px;
 margin-bottom: 40px;
}


#bottomcontent {
 width: 625px;
 margin: 0px auto;
 height: 28px;
}


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


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


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


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


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


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


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


#commentlist {
 padding: 0px;
 width: 438px;
 color: #835021;
 list-style-type: none; 
 text-align: justify;
 font-size: .85em;
 font-style: italic;
}


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


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

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


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


/* ----------------------------- Comment Form ------------------------------- */
h2#postcomment {
 margin: 0;
 padding: 0;
}


#commentform {
 color: #644329;
 padding: 0;
 width: 480px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 15px;
}


#commentboxes {
 width: 150px;
 float: left;
 font-size: 0.8em;
 padding-left: 7px;
}


p.instructions {
 margin: 14px 0 0 180px;
 font-size: 0.8em;
 text-align: justify;
 border-left-width: 1px;
 border-left-style: solid;
 padding-top: 5px;
 padding-right: 20px;
 padding-left: 28px
}


#inputbox {
 clear: both;
 font-size: 0.8em;
}


#button{
 padding-top: 0.5em;
}


#commentsbottom {
 margin: 0;
 padding: 0;
 height: 0px;
}


/* --------------------------- 'Sidebar' Structure -------------------------- */
#menu {
 margin: 0 auto;
 width: 699px;
 height: 241px;
 background: url(images/footer.jpg) no-repeat top;
 position: relative;
}


#searchform {
 float: left;
 margin-top: 145px;
 padding-left: 98px;
}

textarea, input {
 padding: 3px;
 border: 3px double #744D36;
 background-color: #DED9D3;
 font: .85em/1.25em "Times New Roman", Times, serif;
 color: #644329;
}


#topimage {
 margin: 0; 
 cursor: pointer;
 width: 357px;
 height: 245px;
 background: url(images/rose.gif) no-repeat top;
 position: absolute;
 top: 12px;
 right: -39px;
}


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


/* ------------------------------- Credits ---------------------------------- */
#footer {
 margin: 10px auto;
 width: 500px;
 font-size: .8em;
}


#footer p {
 margin-top: 0;
 margin-left: 10px;
}

#footer a {
 font-weight: bold;
 font-style: italic;
}


.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: #450402;
 text-decoration: none;
 padding: 5px 0px 5px 15px;
 font-size: 0.7em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}


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


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/* ------------------------------- General ---------------------------------- */
a {
 color: #450402;
 text-decoration: none;
}


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


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


blockquote {
 background: #F3EFE7;
 padding: 10px 20px;
 border: 3px double #744D36;
}


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


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


h2 {
 font-size: 1em;
}


h3 {
 text-align: right;
 margin: 0;
 margin-top: 3px;
 padding: 0;
 font-size: 0.85em;
 line-height: 26px;
 font-weight: bold;
}

/* ------------------------------Site Navigation ---------------------------- */
#blogtitle {
 margin: 0;
 padding: 5px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 font-size: 0.7em;
}


#blogtitle a{
 font-weight: bold;
}


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


/* -------------------------------- Main Body ------------------------------- */
.post {
 color: #512620;
 text-align: justify;
 font-size: .85em;
 font-style: italic;
}


.posted {
 color: #733938;
}


.title a  {
 height: 15px;
 color: #632800;
 display: block;
 text-decoration: none;
 font-size: 1.65em;
 padding-top: 8px;
 padding-bottom: 10px;
 font-variant: small-caps;
 font-style: normal;
 font-weight: bold;
}


.title a:hover {
 color: #4d0000;
}


.storycontent {
 border-top: 1px solid #835021;
 border-bottom: 1px solid #835021;
 padding: 0px 15px 10px;
}


.storycontent a {
 text-decoration: none;
}


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


.storycontent a:visited {
 color: #4d0000;
}


/* ----------------------------- Page Navigation ---------------------------- */
.left a{
 color: #733f0d;
 font-size: 0.85em;
}


.right a{
 color: #733f0d;
 font-size: 0.85em;
}


/* -------------------------------- Comments ------------------------------- */
.commentauthor {
 font-size: 1.1em;
 padding: 0;
 margin: 0;
 font-style: normal;
}


.commentauthor a{
 margin: 0;
 padding: 0;
}


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


#nocomment, #commentsclosed {
 text-align: right;
 margin-top: -25px;
 color: #835021;
 font-size: .85em;
}


/* ------------------------------ Comments Form ----------------------------- */
#comment  {
 width: 427px;
}


#comment, #author, #url, #email, #press{
 background: #d1bea0;
 font-size: 1em;
 color: #512620;
 padding: 2px 2px 1px 1px;
}


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


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


#comment:focus, #author:focus, #url:focus, #email:focus{
 background: #ded9d3;
 border: 1px solid #a99678;
 color: #512620;
 padding: 1px 2px 1px 1px;
}


#commentboxes p {
 margin: 0;
 padding-top: .3em;
 padding-bottom: .9em;
}


h2#comments{
 margin-top: -25px;
 text-align: right;
 font-size: .8em;
 font-weight: normal;
 margin-bottom:40px;
}


p.feeds {
 width: 300px;
 float: right;
 text-align: right;
 margin-top: -1.8em;
 font-size: 0.75em;
 padding-right: 20px;
}


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


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



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


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



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


p.pages a {
 color: #644329;
}


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

p.credits a {
 color: #d4c0a7;
}


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


/* --------------- Search/Archives/Categories Results Pages ------------------*/
.searchresult {
 padding: 30px 0 0 0;
 margin:0;
}


.searchresult a{ 
}


.searchinfo {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 margin: 0 ;
}


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


/*--------------------------- 'Comment Edit' Buttons ------------------------ */
#ed_toolbar {
 padding-left: 5px;
}


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


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


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


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


/*--------------------------- Slideshow ------------------------ */
#pContainer {
	margin: 0 auto;
	position: relative;
	width: 400px;	/* Initial width */
	height: 400px;	/* Initial height */
	text-align: center;
	}

/* Inner container for photo */
#PhotoContainer1 { visibility: hidden; 
position: absolute;
left: 0;
top: 0;
height: 400px;
width: 400px;
text-align: center;
}

#PhotoContainer2 { visibility: hidden;
position: absolute;
left: 0;
top: 0;
height: 400px;
width: 400px;
text-align: center;
}

#Photo1 {
border: 2px solid #835021;
}
#Photo2 {
border: 2px solid #835021;
}

#Counter { color: #333; }
#Caption { color: #c30; }

/* Miscellaneous */	

#SSHeader {
	width: 699px;
	height: 196px;
	margin: 0px auto;
	background-image:url(images/header.jpg);
}
#SSFooter {
	width: 699px;
	height: 241px;
	margin: 0px auto;
	background-image:url(images/footer.jpg)
}
#SSContainer {
	width: 699px;
	height: 436px;
	margin: 0px auto;	
	background-image:url(images/background.jpg)
}
#textContainer {
	position: relative;
	width: 400px;
	margin: 0 auto;
	height: 30px;
}

#textContainer #prevLink {
	margin: 0 50px 0 0;
}

#textContainer #nextLink {
	margin: 0 0 0 50px;
}
#textContainer #Counter {
	 color: #835021;
}
#greets {
	position: relative;
	width: 400px;
	text-align: right;
	font-size: 8pt;
	margin: 0 auto;
}