/*
Theme Name: Rin
Theme URI: http://www.brokenkode.com/rin/
Description: Nebula flavoured Rin
Version: 1.0
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/

Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.

Original Manji Credits -
The Manji template designed by Khaled Abou Alfa (www.brokenkode.com)
and Root (www.atthe404.com/blog);

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.

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

body {
 background: #fff;
 margin:  0;
 padding: 0;
 text-align: center;
 font-size: 1em !important;
 font-size: 1.2em;
}


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

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

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

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

#masthead
{
 clear: both;
 background: url(/mcd/images/15.jpg);
 width: 750px;
 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;
}

#masthead a
{
 display:block;
 height:100%;
 text-indent:-500em;
 text-decoration:none;
}


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


#top
{ 
 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: 70%;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

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


/* --------- General ---------*/

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;
}

code
{
 font-family: "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
}

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


#blogtitle
{
 margin: 0;
 padding: 5px;
 font-family: "Lucinda Sans",Verdana,Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 90%;
}

#blogtitle a
{
 font-weight: bold;
}

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


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

h1
{
 display:block;
 height:0;
 margin: 0;
 padding: 0;
 text-indent:-500em;
 text-decoration:none;
}

#container
{
 width: 750px;
 margin: 10px auto;
 background: #f5f6f7;
 border-left: 1px solid #d5d7db;
 border-right: 1px solid #d5d7db;
 font-family: "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 text-align: left;
 border-top: 15px solid #d5d7db;
 border-bottom: 15px solid #d5d7db;
 padding: 9px 0 9px 0;
}

#contentright
{
 float: right;
 width: 510px;
}

#topcontentdouble
{
 height: 27px;
 background: #f5f6f7 url(/mcd/images/13.gif) no-repeat right bottom;
 margin: 0 10px 0 0;
}

#topcontent
{
 width: 730px;
 background: #f5f6f7 url(/mcd/images/12.gif) no-repeat top;
 margin: 0 auto 0 auto;
 height: 27px;
}

#content
{
 width: 500px;
 background: #ffffff;
 margin:  -16px 10px -1px 0 !important;
 margin: -16px 10px -5px 0;
}

#singlecontent
{
 width: 730px;
 background: #ffffff;
 padding-top:0;
 margin:  -16px auto 0 auto;
}

.post
{
 margin-top: 0px;
 margin-left: 25px;
 margin-right: 25px;
 margin-bottom: 80px;
}

.post, .singlepost, .pagepost
{
 color: #3f3f3f;
 text-align: left;
}

.pagepost
{
 margin-top: 0px;
 margin-left: 105px;
 margin-right: 105px;
 margin-bottom: 0;
}

.pagepost p
{
 margin-bottom: 0;
}

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

.singlepost p
{
 margin-top: 0;
}

h2.title a
{
 clear: both;
 text-align: left;
 height: 20px;
 color: #444444;
 display: block;
 text-decoration: none;
 font-size: 160%;
 padding-top: 8px;
}

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

h2#category
{
 text-align: center;
 height: 18px;
 color: #005D93;
 display: block;
 text-decoration: none;
 text-transform: capitalize;
 font-size: 140%;
 padding-top: 8px;
 font-weight: bold;
 margin-top: 0;
}

h3.date
{
 text-align: left;
 color: #005D93;
 margin: 0;
 margin-top: 3px;
 padding: 0;
 font-size: 90%;
 line-height: 26px;
 font-weight: normal;
}

.posted
{
 color: #555555;
}

.storycontent
{
 border-bottom: 1px solid #BBBBBB;
 padding: 0px 0px 5px 0px;
 font: 1.1em "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 line-height: 18px;
}

.storycontent a
{
 text-decoration: none;
}

.storycontent a:hover
{

 text-decoration: underline;
}

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

.meta
{
 font-size: 90%;
 line-height: 18px;
}

.feedback
{
 float: right;
 font-size: 100%;
 line-height: 35px;
}

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

#bottomcontent
{
 width: 730px;
 background: #f5f6f7 url(/mcd/images/2.gif) no-repeat top;
 margin: 0px auto 0px auto;
 height: 27px;
}

#bottomcontentdouble
{
 background: #f5f6f7 url(/mcd/images/3.gif) no-repeat right top;
 margin: 0 10px 0 0;
 height: 27px;
}


/* --------- Sidebar ---------*/

#sidebar
{
 float: left;
 width: 225px;
 margin: -13px 0 0 10px !important;
 margin: -18px 0 0 4px;
 font-family: "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 text-align: left;
}

#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: #fff;
 margin: 0 5px 0 0;
 padding: 10px 5px 15px 5px;
}

#sidebar h3.sidebar
{
 background: url(/mcd/images/16.jpg) repeat-x bottom;
 height: 16px;
 margin: 10px 5px 0 0px;
 padding:  8px 0 1px 5px;
 color: #8B9198;
 border-bottom: 1px solid #fff;
}

#sidebar ul li ul li
{
 margin: 4px 10px 4px 10px;
 display: block;
 background: url(/mcd/images/6.jpg) no-repeat;
 padding: 0 0 0 18px;
}

#sidebar ul li ul li a
{
 display: block;
 height:1%; /* IE WIN */
}

#sidebar ul li ul li a:hover
{
 background: #F0F0F0;
 text-decoration: none;
}

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

#sidebar form
{
 margin-left: 12px;
}


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

.left a
{
 color: #990000;
 font-size: 90%;
}

.right a
{
 font-size: 90%;
 color: #990000;
}

.leftdouble a
{
 color: #990000;
 font-size: 90%;
}

.rightdouble a
{
 font-size: 90%;
 color: #990000;
}


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

h3#comment
{
 text-align: center;
 margin: 0 0 0 0;
 padding: 0 0 20px 0;
 font-weight: bold;
 font-size: 140%;
 color: #005D93;
}

ol
{
 margin: 0 110px;
 padding: 0px 20px 0px 20px;
 color: #7b7b7b;
 list-style-type: none;
 text-align: justify;
}

ol li  p
{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}

.commentname
{
 width: 220px;
 float: left;
 font-size: 90%;
 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: 70px;
 border-top: 1px solid #e4ebef;
 text-align:left;
 line-height:16px;
}

.commentauthor
{
 font-weight: bold;
 font-size: 120%;
 padding: 0 0 2px 0;
 margin: 0;
 color: #000000;
}

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

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


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

#commentformtop
{
 text-align: center;
 margin: 40px auto 0px auto;
}

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

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

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

#inputbox
{
 clear: both;
 color: #7b7b7b;
 font-size: 90%;
}

#commentform input
{
 background: #e7e9ed;

 font-family: "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 110%;
 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;
}

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

#button
{
 padding-top: 0.5em;
}

#commentsbottom
{
 text-align: center;
}

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

.nofollow
{
 color: #DF2000;
}


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


#archivescat, #archivesmonth, #linkspage
{
 margin-bottom: 0;
}

#page h2, #linkspage h2, #archivescat h2, #archivesmonth h2, #searchpage h2
{
 text-align: center;
 color: #005D93;
 font-size: 200%;
 text-transform: capitalize;
 margin-top: 0;
}

#linkspage p
{
 margin-bottom: 0;
}

dl
{
 margin-bottom: 0;
}

.rssJump
{
 text-align: right;
}

.rssCatArchiveMenu
{
 margin-bottom: 35px;
}

#rssCatArchive ul, #rssCatList ul, .rssMenu
{
 list-style: none;
}

.rssCart
{
 font-weight: bold;
 text-align: left;
 margin-top: 15px;
}

.archivemenu
{
 padding-left: 40px;
 font-weight: bold;
 font-size: 100%;
 text-decoration: underline;
}

#email
{
 text-align: left;
 margin-bottom: -13px;
}



/* ---------- Live Search Page ----------- */

/* Because the "LSResult" div uses "absolute" for positioning it has no respect for the footer. In other words it will overlay it. With this in mind I have given the "searchpage" div a height. Whether you want this or not is up to you. If you keep it the height can be adjusted dependent on the maximum number of returned search results set for the plug-in (default=20) */

#searchpage
{
 height: 600px;
}

#LSResult
{
 position: absolute;
 background-color: #FFFFFF;
 width: 480px;
 margin: 10px 0 10px 0;
}

#LSShadow
{
 border: 3px solid #005D93;
 padding: 5px;
 background-color: #F5F6F7;
 color:#000000;
}

#LSRes
{
 background-color: #FFFFFF;
}

.LSRow
{
 padding: 0 5px;
}

#LSHighlight
{
 background-color: #AAAAAA;
}

#LSHeader
{
 padding: 2px 2px 8px;
}

.lsDate
{
 display: block;
 color: #555555;
}


/* -------- Bottom Menu Bar -------- */

#menu
{
 width: 750px;
 height: 45px;
 background: #F0F0F0 url(/mcd/images/5.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-size: 90%;
}

#menu .livesearch
{
 float: left;
 padding-left: 20px;
 margin-top: 15px;
}

#topimage
{
 margin: 2px 0 0 0;
 cursor: pointer;
 width: 60px;
 height: 40px;
 background: url(/mcd/images/17.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
{
 clear: both;
 margin: 10px auto;
 width: 750px;
 font-size: 80%;
}

#footer p
{
 margin-top: 0;
}

p.credits
{
 padding: 0px 0px;
 text-align: center;
 margin: 10px 0px;
 color: #9e9e9e;
 font-family: "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
}

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

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