/*
Theme Name: Manji
Theme URI: http://www.brokenkode.com/manji/
Description: Nebula flavoured Manji
Version: 1.01
Author: Khaled Abou Alfa
Ported to Drupal by: Chrisada Sookdhis
Drupal Port URI: http://ichris.ws/drupal/themes/manji


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: #CACACA;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
 font-family: Arial, Helvetica, sans-serif;
}



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

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


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


/*------------------------------- Main Body ----------------------------------*/
#container {
 position: relative;
 margin: 0 auto;
 width: 800px;
 background: #f5f6f7;
 border: 1px solid #000;
 border-top: none;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: .75em;
 text-align: left; /* IE hack Part 2 */
 /*border-top: 15px solid #d5d7db;
 border-bottom: 15px solid #d5d7db;*/
}

#content {
 width: 800px;
 padding: 0;
 background: #ffffff;
 margin: 0 auto;
}

/* --------------------------- 'Sidebar' Structure -------------------------- */
#menu {
 margin: 0 auto;
 width: 680px;
 height: 45px;
 background: #d9d7da;
 border: 1px solid #000;
 border-top: none;
}

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


#hnav ul li{
 display: block;
}


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


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


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


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


a:hover {
 color: #000;
}

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


h2 {
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 margin-bottom: 0px;
 margin-left: 10px;
}


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

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


.title a  {
 text-align: center;
 height: 18px;
 color: #444444;
 display: block;
 text-decoration: none;
 font-size: 1.2em;
 padding-top: 8px;
 font-weight: bold;
}


.title a:hover {
 color: #005D93;
}

#footer {
 margin: 5px auto;
 width: 800px;
 height: 20px;
 font-size: .4em;
 text-align: left;
 color: #444;
}

* html #footer {
 font-size: .6em;
}

#footer a {
color: #666;
}

#footer a:hover {
color: #999;
}


#footer p {
margin-top: 0;
}


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