/* 

Theme Name: The Wind Cries Mary

Theme URI: http://grabatheme.com/grab/thewindcriesmary

Description: Livejournal template by <a href="http://community.livejournal.com/thefulcrum">grrliz</a>, converted to WP by <a href="http://grabatheme.com">Grab A Theme</a>.

Background image by<a href="http://www.24-7media.de">24-7 Media</a>, brushes by <a href="http://www.designfruit.com/jasongaylor/blog/">Jason Gaylor</a>.	

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 {
	background-color: #FFCCFF;
	background-image: url(images/pienktile.gif);
	background-repeat: repeat;
	margin-top: 10px;
	margin-right: -5px;
	margin-bottom: 10px;
	margin-left: -5px;
	padding: 5px;
	border-top-width: 10px;
	border-right-width: 5px;
	border-bottom-width: 10px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;

	}

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.7em;
	font-family: georgia, "times new roman", serif;
	line-height: 1.7em;
	text-align: center; 
	} 
#container {
	width: 960px;
	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 {
	margin: 0px;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-left: 190px;
	padding-top: 10px;
	}
#banner-inner {
	background-image: url(images/logo.gif);
	height: 204px;
	width: 365px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	margin-top: 5px;

	}

#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: 1em;
	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 {
	background: url(images/15_viewlinks.gif) top left no-repeat;
	font-size: 1.4em;
	text-transform: lowercase;
	margin-top: 160px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	}

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: 725px!IMPORTANT;
	}



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

	margin: 0px 20px;

	background: #ffffff;

	}





.layout-two-column-right #beta {
	float: right;
	width: 215px;
	padding-bottom: 200px;
	color: #dddddd;
	background-image: url(images/15-betabg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -310px;

	}



.entry-body a img, .entry-body img {
	border:1px solid #CCCCCC;
	margin: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	display: inline;
}






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

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

/* */
.odd{
	background-color:#F0FFFF;
	padding: 5px;
}
.even{
	background-color:#FFF0FF;
	padding: 5px;
	background-image: url(images/pienktile.gif);
	background-position: left top;
}
.entry-body {
	font-size: 1.1em;
	letter-spacing: 1px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
#wraps {
	height: 1px;
	margin-top: -2px;
	visibility: hidden;
}
.social {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}
.social img{ border:none;}