/* 

Theme Name: The Wind Cries Mary

Theme URI: 

Description: Livejournal template 	

Author: Grrliz & Grab A Theme

*/



a { color: #555555; text-decoration: underline; }

a:visited { color: #555555; }

a:hover { color: #444444; }



h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}



blockquote {

	margin: 10px 30px; 

	padding: 10px; 

	border: 1px solid #379CB3;

	background: #f3f3f3;

	font-size: 1.2em;

	line-height: 1.3em;

	}

ol {

	margin: 10px 40px;

	padding: 0px;

	list-style: upper-roman;

	}



input, textarea {

	margin: 1px; 

	border: 1px solid #cccccc; 

	background: #ffffff; 

	color: #444444;

	}



#alpha ul {list-style-image:url(images/15_separator.gif)}



/* --------------------------------- */

/* ---------- PAGE LAYOUT ---------- */

/* --------------------------------- */



html {margin: 0px; padding: 0px;}



body {

	margin: 0px; 

	padding: 0px; 

	background: url(images/15_bg.gif) top center repeat #fafafa;

	color: #444444;

	font-size: 0.9em;

	font-family: calibri, georgia, serif;

	line-height: 1.7em;

	text-align: center; 

	} 



#container {

	width: 840px;

	margin: 0px auto; padding: 0px;

	background: url(images/15_containerbg.gif) top right repeat-y #ffffff;

	text-align: left;

	}



#container-inner {

	background: url(images/15_containerbg2.gif) top left repeat-y transparent;

	}





#pagebody {

	margin: 0px auto;

	padding: 0px;

	background: url(images/15_pagebody.gif) bottom right no-repeat transparent;

	}

	

#alpha, #beta {

	display: inline; 

	position: relative; 

	float: left;

	}



/* ---------------------------- */

/* ---------- HEADER ---------- */

/* ---------------------------- */



#banner {

	height: 105px;

	margin: 0px;

	padding: 0px 320px 0px 20px;

	background: url(images/15_bannerbg.gif) top right no-repeat transparent;

	font-family: "palatino linotype", georgia, "times new roman", serif;

	text-transform: uppercase;

	}



#banner-inner {

	padding: 60px 0px 0px 0px;

	}



#banner h1 {

	margin: 0px 20px 0px 0px;

	font-size: 1.5em;

	letter-spacing: 1px;

	}



#banner h1 a {text-decoration:none}



#banner h2 {

	margin: 0px 180px 0px 0px;

	font-size: 1em;

	color: #888888;

	letter-spacing: 1px;

	}



/* ----------------------------- */

/* ---------- CONTENT ---------- */

/* ----------------------------- */



h2.pagetitle {text-align:right;

font-weight:normal;

color:#888;

}



.entry-content {

	position: static; 

	clear: both; 

	}



.entry-content li {

	margin: 10px 0px; 

	}



.content-nav {

	margin: 10px 0px 10px 10px; 

	text-align: right;

	}



div.content-nav a, div.content-nav a:link {color: #379CB3; 

text-decoration: none;}

div.content-nav a:hover {color: #444444;}



.date-header {

	margin: 10px 0px; 

	color: #bbbbbb;

	clear: both;

	}



h2.entry-header {

	padding: 0px 0px 10px 0px;

	border-bottom: 3px double #cccccc;

	color: #379CB3;

	font-size: 1.4em;

	line-height: 1.3em;

	text-transform: uppercase;

	letter-spacing: 1px;

	}



.entry-body a:link, 

.entry-body a:visited, 

.entry-body a:active {

	color: #379CB3;

	text-decoration: none;

	}





.entry-body a:hover {

	color: #444444;

	}



.metadata {

	margin: 10px 0px;

	line-height: 1.2em;

	}



.metadata img {display: none;}



.tags {

	margin-top: 10px;

	margin-bottom: 10px;

	}



.tags a:hover, dl a:hover {color: #379CB3;}



.entry-footer a, 

.entry-footer a:link,

.entry-footer a:visited,

.entry-footer a:active {color: #999999; text-decoration: none;}

.entry-footer a:hover {color: #379CB3;}



.post-footers {

	display: block; 

	margin: 3px 0px 0px 0px; 

	}



div.entry-footer {

	margin: 0px 0px 20px 0px;

	padding: 10px 90px;

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

	background: #eeeeee;

	color: #999999;

	text-align: center;

	}



span.archive-permalink {display:block;

margin:-10px 0 30px 0}



span.separator {

	padding: 8px;

	background: url(images/15_separator.gif) 4px 2px no-repeat;

	color: #eee;

	font-size: 1px !important; 

	line-height: 1px;

	text-indent: -999px;

	}



.comment {

	margin: 0px 0px 10px 0px;

	padding: 0px;

	border: 1px solid #cccccc;

	background: #e9e9e9;

	}



.comment-content {

	padding: 10px;

	}



.comments, .comments-open-header {

	padding: 15px 0px 0px 0px;

	}



.comment-footer {

	margin: 0px;

	padding: 10px;

	border-top: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	background: #e3e3e3;

	}



.entry,

.trackbacks,

.comments,

.archive {position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 0px;}



.entry-content,

.trackbacks-info,

.trackback-content,

.comment-content,

.comments-open-content,

.comments-closed {clear: both; margin: 0px;}



.entry-excerpt,

.entry-body,

.entry-more-link,

.entry-more {clear: both;}



.entry-footer,

.trackback-footer,

.comment-footer,

.comments-open-footer, 

.archive-content {clear: both; margin: 5px 0px 15px 0px;}



.comments-open label { display: block; }



#comment-author, #comment-email, #comment-url, #comment-text {width: 240px;}

#comment-post {font-weight: bold;}











/* ----------------------------- */

/* ---------- MODULES ---------- */

/* ----------------------------- */



.module {

	margin: 0px;

	}



#beta h2 {

	margin:30px 10px 0 0;

	color: #379CB3;

	font-size: 1.3em; 

	font-weight: bold; 

	font-variant: small-caps;

	}



#beta-inner {

	padding: 0 20px 0 0;



	}



#beta a {

	color: #eeeeee;

	text-decoration: none;

	}



#beta a:hover {

	color: #379CB3;

	}





#beta ul li {	

	margin: 0px; padding: 0px;

	list-style-type: none;

	}



#beta ul li ul {margin:0;

padding:0}



#beta ul li ul li {

	margin: 0px; padding: 0px 0px 0px 15px;

	background: url(images/15_betabullet.gif) 0px 6px no-repeat;

	}



#beta ul li ul li ul li{background:none;

padding:0 0 0 8px}





/* --- page links --- */

div#navigation {

	margin: 50px 0px 20px 0px;

	padding: 11px 0px 0px 0px;

	background: url(images/15_viewlinks.gif) top left no-repeat;

	font-size: 1.4em;

	text-transform: lowercase;

	}





div#navigation div.module-content{

	margin: 0px;

	padding: 0px 0px 11px 0px;

	background: url(images/15_viewlinksmc.gif) bottom left no-repeat;

	}



div#navigation ul {

	margin: 0px; padding: 0px;

	background: url(images/15_viewlinksul.gif) top left repeat-y;

	}



div#navigation ul li.page-item {

	margin: 0px 0px 0px 17px; 

	padding: 0px 5px 0px 0px;

	background: none;

	}



div#navigation ul li a {

	display: block;

	padding: 2px 10px 2px 10px;

	border-bottom: 1px solid #2d8fa5;

	margin: 0 5px 0 17px

	}



div#navigation ul li a:hover {

	border-bottom: 1px solid #2d8fa5;

	background: url(images/15_viewlinksa.gif) left center repeat-y transparent;

	color: #ffffff;

	}



div#navigation ul li ul {display:none}





/* --- sidebar calendar --- */

#wp-calendar .module-header {margin: 0px 30px 0px 30px; padding: 0px; background: #333333;}

#wp-calendar table {border-collapse: collapse; width: 100%;}

#wp-calendar th, #wp-calendar td {width: 14%; text-align: center;}

#wp-calendar a {background: #333333; color: #379CB3; display: block; width: 90%; border: 1px solid #666666;}

#wp-calendar a:hover {color: #ffffff;}

td#prev a, td#next a {border:0}





/* --- powered by box --- */

#powered {

	margin: 0px 0px 0px 30px;

	border: 1px solid #222222;

	background: #3a3a3a;

text-align:center

	}



#powered ul {margin:0; padding:0}

#powered .module-content {margin: 0px; padding: 5px 10px;}

#powered a, #powered a:link {font-weight: bold;}













/* --------------------------------------- */

/* ---------- TWO COLUMNS RIGHT ---------- */

/* --------------------------------------- */





.layout-two-column-right #alpha {

	width: 625px;

	}



.layout-two-column-right #alpha-inner {

	margin: 0px 20px;

	background: #ffffff;

	}





.layout-two-column-right #beta {

	float: right;

	width: 215px; 

	padding-bottom: 200px; 

	background: url(images/15_betabg.gif) top right no-repeat;

	color: #dddddd;

	}





a img {border:0}





/* ----------------------------------------------------- */

/* WHATEVER YOU DO, DO NOT EDIT ANYTHING BELOW THIS LINE */

/* ----------------------------------------------------- */



/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after

{

	content: " ";

	display: block;

	visibility: hidden;

	clear: both;

	height: 0.1px;

	font-size: 0.1em;

	line-height: 0;

}

* html .pkg { display: inline-block; }

/* no ie mac \*/

* html .pkg { height: 1%; }

.pkg { display: block; }

/* */