/* @override http://www.yourweddingastrologer.com/kc-style.css */

/* @override http://www.yourweddingastrologer.com/kc-style.css */

/*
Theme Name: Rin
Theme URI: www.brokenkode.com/rin/
Ported to Textpattern by Stuart (www.thebombsite.com/).
Customized for Karen Christino by Ramette Designs (www.ramettedesigns.com)
with the help of CSSEdit (www.macrabbit.com) and Kuler (kuler.adobe.com).
*/

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


/* @end */

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

a {
	color: #588abf;
}

a:visited {
	color: #4d4d59;
}

/* @group Site Navigation */

#hnav {
	width: 750px;
	margin: 8px auto;
	height: 23px;
	background: #5357f2;
	border-bottom: 1px solid #6567cd;
	border-left: 1px solid #7e80e2;
	border-right: 1px solid #6567cd;
}

#hnav a, #hmenu ul#top li a{
	color: #e1e6e6;
}

#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: #4d4d59 url(images/periwinkle.png);
	width: 750px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #4d4d59;
	border-right: 1px solid #434752;
	border-bottom: 2px solid #4d4d59;
	border-left: 1px solid #434752;
}

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

/* @end */

/* @group 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: 95%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

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

/* @end */

/* @group Site Name */

#blogtitle {
	padding: 5px;
	font-family: 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;
}

/* @end */



/* @group General */

p {
	margin: 10px 0 10px 0;
}

a {
	text-decoration: none;
}

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

top a {
	text-decoration: none;
}

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

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

/* @end */

/* @group Main Body */

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

#container {
	width: 750px;
	margin: 10px auto 10px auto;
	background: #c7ab8d;
	border-left: 1px solid #588abf;
	border-right: 1px solid #588abf;
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	border-top: 15px solid #5357f2;
	border-bottom: 15px solid #5357f2;
	padding: 9px 0 9px 0;
}

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

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

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

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

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

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

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

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

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

h2.title, h2.title a {
	clear: both;
	text-align: left;
	color: #588abf;
	display: block;
	text-decoration: none;
	font-size: 1.5em;
	padding: 8px 0 8px 0;
}

h2.title a:hover {
	color: #4d4d59;
	clear: right;
}

h2#category {
	text-align: center;
	height: 18px;
	color: #5357f2;
	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: #4d4d59;
	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;
}

.storycontent a {
	text-decoration: none;
}

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

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

.storycontent ul.directory{
		margin-left: 25px;
		color: #5357f2;
}

.storycontent ul.directory li a{
		color: #5357f2;
}

.storycontent h4 {
		margin-top: 1.5em;
}

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

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

/* @end */

/* @group 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 p{
	text-align: center;
}

#sidebar ul.directory li,
ul.directory li a{
	margin-bottom: 6px;
	color: #4d4d59;
	text-align: center;
	font: bold 1.1em/1.3em tahoma, arial, sans-serif;
}

#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: #f29057;
	height: 16px;
	margin: 10px 5px 5px 0;
	padding:  8px 0 1px 5px;
	color: #fff;
	letter-spacing: .1em;
	text-transform: uppercase;
	border: 1px solid #808093;
}

#sidebar ul li ul li {
	margin: 4px 10px 4px 10px;
	display: block;
	background: url(/images/bullet.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;
}

#sidebar img{
	border: 1px solid #111;
	padding: 5px;
	background-color: #4d4d59;
}

/* @end */

/* @group 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: #4d4d59;
	font-size: 90%;
}

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

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

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

/* @end */

/* @group Comments */

h3#comment {
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 140%;
	color: #91545c;
}

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/bullet.jpg) no-repeat top right;
}

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

/* @end */

/* @group Comment Form */

#commentFormTitle {
	text-align: center;
	color: #91545c;
}

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

/* @end */

/* @group Error page */

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

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

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

/* @end */

/* @group About, Contact, Archives & Links Pages */

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

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

h3.selected {
	text-align: center;
	color: #91545c;
	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;
}

/* @end */

/* @group Contact form */

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

/* @end */

/* @group Live Search Page */

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

/* @end */

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

/* @group Bottom Menu Bar */

#menu {
	display: none;
	width: 750px;
	height: 45px;
	background: #F0F0F0 url(/images/bottomgradient.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/topbutton.gif) no-repeat top;
	float: right;
	padding-right: 9px;
	padding-top: 3px;
}

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

/* @end */

/* @group Credits */

#footer {
	margin: 10px auto 10px auto;
	width: 750px;
}

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

p.credits a	{
	color: #e1e6e6;
}

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

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

/* @end */