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

a {}

a:visited {}

a:hover {}


/* total page  containers */

body { font-family: Verdana, Arial, sans-serif;
	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 {}

#banner-inner {}

#banner-header {} /* h1, journal title */

#banner-description {} /* h2, journal description/subtitle */


/* body of page */

#page-body {} 

#page-body-inner {}


/* main column */

#beta { margin: 0 200px 0 0; } 

#beta-inner {}

.content-nav {} /* 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 {}

.entry-userpic {}

.entry-header {} /* h3, title of entry */

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

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

.ljtags {} 

.entry-footer {} /* 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 {} /* month grids */


/* 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: 180px;
	float: left; } 

#alpha-inner {}

#gamma {}

#gamma-inner {}

.module {}

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

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

.module-list {} /* ul */

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

.module-photo {} /* your userpic */

.module-viewlinks {} /* navigation links--uses lists */

.module-calendar {} /* div encloses an otherwise un-classed table */

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

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