/* Winter by Emily Ravenwood */

/* Blogish style; 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 { margin-top: 5px; margin-bottom: 5px; }

a {color: #336633; font-weight: bold; text-decoration: none;}

a:visited {font-weight: normal;}

a:hover {text-decoration: underline;}


/* total page  containers */

body { font-family: "Century Gothic", Futura, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff; }

	.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 also has the class below; in free mode this will be journal default layout */
	
	.lj-view-entry {}

#container { background: url(http://pics.livejournal.com/_branch_/pic/0003cd69) top left no-repeat;}

#container-inner {background: url(http://pics.livejournal.com/_branch_/pic/0003dccr) top right no-repeat;}



/* header */

#banner {background: url(http://pics.livejournal.com/_branch_/pic/0003ea3w) top center no-repeat;
	margin: 0;
	padding: 0;
	height: 300px;}

#banner-inner {color: #000;
	margin: 0;
	padding: 10px 185px 10px 10px;
	text-align: right;}
	
#banner-inner .module-list {text-align: left; 
	padding: 1px;
	margin-bottom: 80px;} /*ul*/

#banner-inner .module-list-item {display: inline;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: 1px;
	padding: 1px 1em;
	font-size: x-small;} /*li*/
	
	#banner-inner .module-list-item a { font-weight: normal; }

#banner-header { font-weight: normal;
	font-size: x-large; } /* h1, journal title */

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


/* body of page */

#page-body {} 

#page-body-inner {}


/* main column */

#beta { margin: 0 201px 0 0; 
	padding: 0; } 

#beta-inner {}
	
	.lj-view-archive #beta-inner { padding: 1em; }
	.lj-view-archive #beta-inner table { border-collapse: collapse;}
	.lj-view-archive #beta-inner td { border: 1px solid #000; }
	.lj-view-month #beta-inner { padding: 1em; }

.content-nav {margin: 15px auto 0 0;
	text-align: left; /* nav on left */
	/*margin: 15px 0 0 auto;
	text-align: right; */
	padding: 0 3px;
	font-size: small;} 
	
	.content-nav a { font-weight: normal;
	padding: 0 1em; }
	
	.lj-view-entry .content-nav {  }
	
	.lj-view-archive .content-nav a { background: none; border: none; padding: 0; }
	.lj-view-archive .content-nav ul { list-style: none; }
	.lj-view-archive .content-nav li { padding-right: .5em;
		margin-left: auto; }
		
	.lj-view-month .content-nav a { background: none; border: none; padding: 0; }
	.lj-view-month .content-nav { margin-left: auto;
		margin-left: auto;
		width: 20em;
		text-align: center;
		padding-top: 2em; }

.date-header { margin-left: 1em; } /* 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 {border: 1px solid #000;
	padding: .5em 1em 0 1em;
	background: #ffffdd;
	margin: 20px 30px 60px 30px;
	overflow: auto; }

.entry-userpic {font-size: smaller;
	text-align: center;
	padding: 7px;
	margin: -5em 0 5px 5px;
	background: #ffffee;
	border: 1px solid #000;
	float: right;}
	
	.entry-userpic a { color: #FF9922;}

.entry-header {border: 1px solid #000;
	margin: 10px 165px 10px 0;
	padding: 3px;
	font-size: 110%;
	background: #fff;} 
	
	.entry-header a {} /* for when I figure this out in my layer */

.entry-content {min-height: 150px; 
	padding: 1em;
	border: 1px solid #000;
	margin: 5px 0;
	background: #fff;} /* wraps text, tags and footer links */

.entry-body { font-family: Arial, Helvetica, sans-serif; } /* wraps text and tags */

.ljtags {font-weight: normal; 
	font-size: smaller; 
	color: #999;
	margin: 1em 0 .5em 0; } 

.entry-footer { font-size: smaller; } /* 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 {margin: 20px 0;
	padding: 5px 10px;
	background: #ffffdd;
	border: 1px solid #000;}

.comment-userpic {float: right;
	margin: 0 10px 0 5px;
	padding: 7px;
	border: 1px solid #000;
	background: #ffffee;}

.comment-header {} /* h3 */

.comment-content {margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;}

.comment-body {padding: 20px 10px;
	background: #fff;
	border: 1px solid #000;}

.comment-footer {text-align: right; 
	font-size: smaller; 
	margin: 0; 
	padding: 10px;}



/* 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: 200px;
	float: right;
	margin: 0;
	padding: 0; }
	
	#alpha a {  }
	
	#alpha ul { margin-left: 20px; padding-left: 0;
		margin-top: 0; padding-top: 0; } 

#alpha-inner {}

#gamma {}

#gamma-inner {}

.module {font-size: smaller;
	background: #ffffdd;
	color: #000;
	margin: 0 10px 30px 0;
	padding: 5px 0 0 0;
	border: 1px solid #000;}
	
	.module a { font-weight: normal; 
	text-decoration: underline;
	color: #FF9922; }

	.module a:visited {  }

	.module a:hover { text-decoration: none; }

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

.module-header { text-align: left;
	margin: 5px;
	padding: 0 10px 2px 10px;
	border: 1px solid #000;
	background: #ffffee;
	color: #000;
	font-weight: bold;} /* (applies to calendar, link list, categories, summary and syndicate) */

.module-list {} /* ul */

.module-list-item {line-height: 1.5;} /* 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 .module-list { list-style: none; }

.module-calendar { margin-left: 0;
	text-align: center;
	padding-bottom: 5px;} /* div encloses an otherwise un-classed table */

	.module-calendar table { font-size: xx-small; 
	width: auto; 
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto; }
		
	.module-calendar td { border: 1px solid #999; padding: 3px; }
		
	.module-calendar th { color: #666666;
		font-weight: normal; }

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

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

	.module-categories li { padding-bottom: 3px; }

	.module-categories ul li ul { margin-left: 10px; padding-left: 0; }

.module-pagesummary {display: none;} /* the page summary--uses lists */

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

	.module-syndicate .module-content { text-align: center; }

.module-powered {padding-bottom: 10px;} /* powered by note */

	.lj-view-friends .module-powered { margin-top: 40px; }

	.lj-view-entry .module-powered { margin-top: 40px; }
	
	.module-powered .module-content {padding-left: 10px;}


/* Footer */

#content-footer { clear: both; }

#page-footer {background: url(http://pics.livejournal.com/_branch_/pic/0003f73h) center repeat-x;
	height: 100px;}

#page-footer-inner {}