/* Bleach: Red and Gray, by branchandroot@insanejournal for the bleach_fandom community

Background images by Kubo Tite, from the _All Color But The Black_ artbook

ids apply to divs unless otherwise noted; this version applies to the sidebar-on-left layout, in which Alpha contains the sidebar and Beta the main column.

Remember to select sidebar-on-left in the Customize dialogue. */


/* general classes */

.pkg {} /* applied to all -inner divs */

h1, h2, h3 { font-family: "Century Gothic", Verdana, sans-serif;
	}

a { color:#CC0000;
	text-decoration: none; }

a:visited { color: #990000; }

a:hover { text-decoration: underline;}


/* total page  containers */

body { color: #000000;
	background: #ffffff; }

	.layout-two-column-right {}

	.layout-two-column-left {} /* this is the one to use with this layout, if you want to */

	.lj-view-recent {}

	.lj-view-archive {}

	.lj-view-month {}
	
	/* Paid would probably have an lj-view-entry, but in free mode this will be lj default layout */

#container { }

#container-inner {}



/* header */

#banner {background: url(http://pics.livejournal.com/branchandroot/pic/0003s34r) top left no-repeat;
	padding-top: 1px; }

#banner-inner {background: url(http://pics.livejournal.com/branchandroot/pic/0003tpbz) top right no-repeat;
	height: 300px;
	padding: 0 220px;
	padding-top: 1px;
	text-align: center;}

#banner-header { border: 2px solid #000;
	background-color: #bb0000;
	color: #fff; 
	font-weight: normal;
	padding: .15em;
	margin-top: 50px;} /* h1, journal title */

#banner-description { font-weight: normal;
	font-style: italic;} /* h2, journal description/subtitle */


/* body of page */

#page-body {  } 

#page-body-inner {}


/* main column */

#beta { margin: 0 0 0 15em;
	padding: 1px 1em 1em 2em; } 

#beta-inner {}

.content-nav { text-align: right;
	font-size: small;} /* p, the 'previous 20' link; same style applies to top and bottom of page */

.date-header {} /* h2, the header for the day, as opposed to entry headers; set to display:none if you don't want days marked out */


/* entries */

.entry { margin: 2em 1em 4em 1em;}

.entry-userpic { float: right;
	text-align: right;
	margin: 0 0 1em 1em; }
	
	.entry-userpic img {
	margin: 5px;
	border: 1px solid #666666;}
	
	p.poster { margin: 0;
		padding: 0;} /*username under pic */

.entry-header { display: block;
	border: 2px solid #000;
	background-color: #bb0000;
	color: #fff; 
	font-weight: normal;
	padding: 2px 4px;} /* h3, title of entry */

.entry-content {} /* wraps text, tags and footer links */

.entry-body {} /* wraps text and tags */

.metadata { font-size: small;
	margin-bottom: 1.5em;
	color: #999999;} /*mood and location */

.ljtags { font-size: small;
	font-weight: bold;
	margin: 1.5em 0;} 

.entry-footer { font-size: small; } /* p, encloses the time stamp and footer links */

.permalink {} /* applies to the base url link only */

.separator {} /* span, applies to the pipes that separate the links */


/* comments (currently total guesswork, since I use bloggish in free mode, in which comment pages are default lj style) */

.comments-header {}

.comment {}

.comment-userpic {}

.comment-header {}

.comment-content {}

.comment-body {}

.comment-footer {}



/* archive view done with unclassed list and table with styles at tag-level; not alterable; to change, alter at code layer */

.lj-view-archive ul {  }

.lj-view-archive li { } /* links to years */ 

.lj-view-archive table { }

.lj-view-archive td { padding: 3px;} /* month grids */

.lj-view-archive th { padding: 3px; }


/* month view done with a definition list, unclassed */

.lj-view-month dl {} /* list as a whole */

.lj-view-month dt {} /* dates */

.lj-view-month dd {} /* entry titles /*



/* sidebar(s) */

#alpha { width: 13em;
	float: left;
	padding: .5em; } 

#alpha-inner { font-size: small;}

#gamma {}

#gamma-inner {}

.module { padding: 1px 0 1em 0;}

.module-content {} /* note for specificity:  outer div is styled with classes 'specific-module module' while inner div is styled with 'module-content' */

.module-header { font-size: large; } /* h2 (applies to calendar, link list, categories, summary and syndicate) */

.module-list { list-style: square;} /* ul */

.module-list-item {} /* li. The list list-item classes apply to all sidebar lists */

.module-photo { display: none;} /* your userpic */

.module-viewlinks {} /* navigation links--uses lists */
	.module-viewlinks  ul { list-style: none;
		padding-left: 0;
		margin-left: 0; }
	.module-viewlinks li { padding-left: 0;
		margin-left: 0; }
	.module-viewlinks a { display: block;
		background: #eee;
		padding: .5em 1em;
		margin: .25em 2em .25em .5em;
		border: 1px solid #999999;
		 }
	.module-viewlinks a:visited {  }
	.module-viewlinks a:hover { background-color: #ddd;
		text-decoration: none; }

.module-calendar { } /* div encloses an otherwise un-classed table */
	.module-calendar .module-content { padding-left: .5em; }

	.module-calendar table { border: solid 1px #999999;
		border-collapse: collapse; }
		
	.module-calendar td { border: solid 1px #999999;
		border-collapse: collapse;
		padding: 3px; }
		
	.module-calendar th { color: #666666;
		font-weight: normal;
		padding: 3px; }

.module-typelist {} /* your link list--uses lists */

.module-categories {} /* your tags--uses lists */

.module-pagesummary {} /* the page summary--uses lists */

.module-syndicate {} /* syndicate note for feeds */

.module-powered {} /* powered by note */