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

/* ============================================
 Global
=============================================== */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 1px; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* ============================================
 Structural Layout
=============================================== */

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

/* ============================================
 Site Navigation
=============================================== */

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

#header {
	float: left;
	width: 235px;
	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(/images/65.jpg);
	width: 750px;
	height: 135px;
	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 a {
	display:block;
	height:100%;
	text-indent:-500em;
	text-decoration:none;
}

#masthead h2 {
	font-family: Helvetica,Arial,Sans;
	text-align: left;
	height: 20px;
	color: #f5f6f7;
	display: block;
	text-decoration: none;
	font-size: 160%;
	padding: 8px 0 8px 8px;
}

/* ============================================
 Top Navigation
=============================================== */


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

#hnav ul li {
	display: inline;
}

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

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


/* ============================================
 General
=============================================== */

p {
	margin: 10px 0 10px 0;
	text-align: justify;
}

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

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

top a {
	text-decoration: none;
}

blockquote {
	background: #f5f6f7;
	padding: 10px 20px 10px 20px;
	font-family: Palatino, Times, Arial, Verdana, Helvetica, sans-serif;
}

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

/* ============================================
 Site Name
=============================================== */

#blogtitle {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	text-transform: capitalize;
}

#blogtitle a {
	font-weight: bold;
	text-transform: capitalize;
}

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

/* ============================================
 Main Body
=============================================== */

h1 {
	display: block;
	height: 1px;
	text-indent: -500em;
	text-decoration: none;
}

#container {
	width: 750px;
	margin: 10px auto 10px auto;
	background: #f5f6f7;
	border-left: 1px solid #d5d7db;
	border-right: 1px solid #d5d7db;
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: justify;
	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(/images/60.gif) no-repeat right bottom;
	margin-right: 10px;
}

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

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

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

.post {
	margin: 0 25px 80px 25px;
}

.post img
{
     padding: 3px;
     border: 1px solid #7f9db9;
     margin: 2px;
}

.singlepost img
{
     padding: 3px;
     border: 1px solid #7f9db9;
     margin: 2px;
}

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

.pagepost {
	margin: 0 105px 0 105px;
}

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

h2.title a {
	clear: both;
	text-align: left;
	height: 20px;
	color: #444444;

	text-decoration: none;
	font-size: 160%;
	padding: 8px 0 8px 0;
}

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: 8px 0 8px 0;
	font-weight: bold;
}

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

.posted {
	color: #555555;
}

.storycontent	{
	border-bottom: 1px solid #BBBBBB;
	padding-bottom: 5px;
	font: 1.1em Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
}

.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(/images/50.gif) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	height: 27px;
}

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


/* ============================================
 Sidebar
=============================================== */

#sidebar {
	float: left;
	width: 225px;
	margin: -13px 0 0 10px !important;
	margin: -18px 0 0 4px;
	padding-top: 25px;
	font-family: 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 li ul {
	background: #fff;
	margin-right: 5px;
	padding: 10px 5px 15px 5px;
}

#sidebar h3.sidebar {
	background: url(/images/62.jpg) repeat-x bottom;
	height: 16px;
	margin: 10px 5px 0 0;
	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(/images/53.jpg) no-repeat;
	padding-left: 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 form {
	margin-left: 12px;
}

.catlist {
	margin: 5px 0 5px 10px;
	font-size: 120%;
	font-family: Helvetica, Arial, sans-serif;
}

/* ============================================
 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;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 140%;
	color: #005D93;
}

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

ol li  p {
	margin-top: 8px;
}

.commentDescription {
	line-height: 50px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

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

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

.commenttext {
	clear: both;
	margin-bottom: 70px;
	border-top: 1px solid #e4ebef;
	text-align:left;
	line-height:16px;
}

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

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

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

/* ============================================
 Comment Form
=============================================== */

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

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

#commentform {
	background: #f5f6f7;
	padding: 1px 20px 1px 20px;
	margin: 0 110px 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,
#commentform textarea {
	background: #e7e9ed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #7b7b7b;
	padding: 1px 2px 1px 1px;
	border: 1px solid #d5d7db;
}

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

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

#commentform textarea {
	width: 465px;
	height: 200px;
}

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

#button {
	padding-top: 0.5em;
}

#commentsbottom {
	text-align: center;
}

p#txpCommentInputForm {
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

p.notshow {
	display: none;
	height: 1px;
}

.nofollow {
	color: #DF2000;
}

/* ============================================
 Error Page
=============================================== */

#error #singlecontent {
	text-align: center;
	height: 200px;
}

#error h3 {
	font: 2em Palatino, Times, serif;
	padding-top: 50px;
}

#error .errorMessage {
	font:1.2em Palatino, Times, serif;
}

/* ============================================
 About, Contact, Archives & Links Pages
=============================================== */

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

#archivescat h3,
#archivesmonth h3 {
	margin-bottom: 20px;
}

h3.selected {
	text-align: center;
	color: #005D93;
	font-size: 150%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#linkspage p {
	margin-bottom: 0;
}

#linkspage h3 {
	margin-top: 20px;
}

.rssJump {
	text-align: right;
}

ul.rssCatArchiveMenu {
	margin-bottom: 35px;
}

ul.rssMenu li,
ul.rssCatArchiveMenu li {
	padding: 2px 0 2px 0;
}

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

.rssCcat {
	border-top: 1px solid #005D93;
	padding-top: 2px;
	margin-top: 2px;
}

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

#archivesmonth dt {
	border-top: 1px solid #005D93;
	padding-top: 2px;
	margin-top: 2px;
}

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

/* ============================================
 Email Form (Contact)
=============================================== */

form.zemContactForm legend {
	display: none;
}

form.zemContactForm input#Name,
form.zemContactForm input#Email,
form.zemContactForm textarea#Message {
	border: 1px solid #7b7b7b;
	padding: 1px 2px 1px 1px;
}

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

#searchpage h2 {
	margin-bottom: 20px;
}

form#searchform input {
	border: 1px solid #7b7b7b;
	padding: 1px 2px 1px 1px;
}

#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 0 5px;
}

#LSHighlight {
	background-color: #AAAAAA;
}

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

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

/* ============================================
 Bottom Menu Bar
=============================================== */

#menu {
	width: 750px;
	height: 45px;
	background: #F0F0F0 url(/images/52.jpg) repeat-x top;
	border-top: 1px solid #d1d4d9;
	border-right: 1px solid #d5d7db;
	border-bottom: 2px solid #d5d7db;
	border-left: 1px solid #d1d4d9;
}

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

#topimage {
	margin-top: 2px;
	cursor: pointer;
	width: 60px;
	height: 40px;
	background: url(/images/63.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: 10px auto 10px auto;
	width: 750px;
}

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

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

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

/* ============================================
 Micropost
=============================================== */

.micropost {
     margin: 50px 20px 20px 20px;
     border: 2px dotted #EAEBEC;
     background: #F8FEFF;
     Font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: italic;
     width: 300px;
     line-height: 23px;
     text-align: justify;
     padding: 5px;
}

.micropost img {
     border: 1px solid #EAEBEC;
     padding: 3px;
}