/* Seaside by Emily Ravenwood; ids apply to divs unless otherwise noted.

Image Credits: wave by Johnny Automatic, birds by Stormo di Uccelli: openclipart.com

Colors reference-- blue: #007CC2; dk blue: #016096; darker blue: #004C92; med blue:#A0DBFD; lt blue:#EBF6FC;   */


/* GENERAL CLASSES */

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

.separator {} /* span, applies to the pipes that separate links in entry and comment linkbars */

blockquote { font-style: italic; }

h1, h2, h3 {}

a { color: #007CC2; 
	text-decoration: none;}

a:visited { color: #016096; }

a:hover { text-decoration: underline;}

a:active {}


/* WHOLE PAGE CONTAINERS */

body { color: #000000;
	background: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; }

	.layout-one-column {}
	
	.layout-two-column-right {}
		.layout-two-column-right #alpha { margin: 0 13em 0 0; }
		.layout-two-column-right #beta { float: right; width: 13em; }

	.layout-two-column-left {} 
		.layout-two-column-left #alpha { margin: 0 0 0 13em; }
		.layout-two-column-left #beta { float: left; width: 13em; }
	
	.layout-three-column-middle {}
		.layout-three-column-middle #alpha { margin: 0 13em; }
		.layout-three-column-middle #beta { float: left; width: 13em; }
		.layout-three-column-middle #gamma { float: right; width: 13em; }
		
	.layout-three-column-right {}
		.layout-three-column-right #alpha { margin: 0 26em 0 .5em; }
		.layout-three-column-right #beta { float: right; width: 13em; }
		.layout-three-column-right #gamma { float: right; width: 13em; }
		
	.layout-three-column-left {}
		.layout-three-column-left #alpha { margin: 0 .5em 0 26em; }
		.layout-three-column-left #beta { float: left; width: 13em; }
		.layout-three-column-left #gamma { float: left; width: 13em; }

	.lj-view-recent {}

	.lj-view-archive {}

	.lj-view-month {}
	
	.lj-view-day {}
	
	.lj-view-tags {}
	
	.lj-view-entry {} /* Paid versions only; in free mode this will be lj default layout */

#container { }

#container-inner {}



/* HEADER: you may wish to set either #nav-above or #nav-below to display:none */

#header { background: url(wave-johnny_automatic.jpg) bottom left no-repeat;
	margin: 10px 10px 30px 10px;
	border: solid 2px #000; }

#header-inner { background: url(birds-stormo_di_uccelli.png) top right no-repeat;}

#banner {  }

#banner-inner {}

#banner-text { height: 250px; } 

#nav-above { padding-left: 0;
		margin-left: 0;
		list-style: none;
		font-size: small; } /* ul containing navigation links, above title and description */
		
		#nav-above a { background: #EBF6FC;
			padding: 3px;
			border: 1px solid #A0DBFD; }
			
		#nav-above a:hover { background: #fff;
			text-decoration: none; }

.banner-viewlinks { display: inline;
	padding: 0 .5em; } /* class of each li */

.first {} /*first item in the list */
	
.current {} /* link for current page */
	
	#nav-above .current a { color: #000;
		background: #fff; }
		
#header-text { text-align: center;
	padding-top: 10px;} /* banner-header and banner-description */

	#header-text a, #header-text a:visited { color: #000;} /* the h1 is a link */
	
	#header-text a:hover { text-decoration: none; }

#banner-header { font-weight: normal;
	margin-right: 150px;} /* h1, journal title */

#banner-description { font-size: large;
	margin-left: 275px; } /* p, journal description/subtitle */

#nav-below { display: none;  } /* ul containing navigation links, below title and description; same classes apply */


/* BODY OF PAGE; contains both columns */

#page-body {} 

#page-body-inner {}


/* MAIN COLUMN */

#alpha { padding: 1em 1px; /*gap fix*/ } 

#alpha-inner {}

.content-nav { margin: .5em 1em;} /* the 'previous/next' links; same style applies to top and bottom of page */

	.nav-top {text-align: right; } /* the one on top of the day, recent and friends page */
	.nav-bottom { text-align: right; } /* the one at the bottom of the day, recent and friends page */
	.entrypage { text-align: center; } /* version at the top of the entry pages */

#tagpage-header { text-align: center;} /* contains h2 header on pages of tagged posts, that says what tag group you are viewing */

.date-header { margin: 1em;
	border-top: 2px solid  #A0DBFD;
	border-bottom: 2px solid  #A0DBFD;} /* contains the h2 header for the day, as opposed to entry headers */
	
	.date-header h2 { padding: 7px .5em;
		margin: 0; }

#column-footer { clear: both; } /* clearing element at the end of #alpha; use to bring a background all the way down the page */



/* ENTRIES: remember to set either .pic-poster or .header-poster and either .outer-entry-userpic or .innter-entry-userpic to display:none */

#sticky-note {} /* the sticky has the same classes as a regular entry; if you want to style it differently, you can do so with #sticky-note .entry, #sticky-note .entry-header, etc. */

	#sticky-note .entry-header { text-align: center; }
		
	#sticky-note .entry {border: 1px solid #007CC2; }
	
	#sticky-note .entry-text { padding: 0 1em; }

.entry { margin: 0 1em 50px 1em;
	padding: 1px; /* gap/margin fix */}

.entry-inner {}

.outer-entry-userpic { display: none; } /* just above entry-header div */

	.pic-poster { } /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.entry-header {padding: 1px 10px; /*gap fix*/
	background: #007CC2;
	border: solid 1px #004C92;
	color: #fff; } /* contains title h3 and date */

	.entry-header h3, .entry-header h2 { margin: 0;
		padding: .25em 0;}
		
	.entry-header a { color: #fff; }
	.entry-header a:visited { color: #fff;}
	
.entry-header-inner {} /*useful for backgrounds */

.mid-entry-userpic { display: none; } /* comes inside .entry-header div, before the H3 */

	.pic-poster {} /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.header-poster { display: none; } /* span; username on fpage, under title */

.entry-datetime { font-size: small;
	color: #999;}

.entry-content { margin-top: .5em; } /* wraps text, inner-pic tags and footer links */

.entry-body {} /* wraps text, inner-pic, metadata and tags */

.entry-text { min-height: 150px;
	overflow: auto; } /* wraps text, inner userpic and tags */

.inner-entry-userpic {float: left;
	margin: 0 20px 10px 0;
	text-align: center; } /* along with the text */

	.pic-poster {} /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.entry-metadata {} /* mood, location, music */

.ljtags { margin: 1em 0;} 

.entry-linkbar { font-size: small; } /* reply etc. links */

	.entry-linkbar ul { list-style: none;
		padding-left: 0;
		margin-left: 0; }

	.entry-linkbar li { display: inline;
		border-left: 1px solid #000;
		padding: 2px .5em;
		margin: .15em 0;  } 

	li.first-el { border-left: none;
		padding-left: 0;} /* class of the first li; useful for styling separators with borders */

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

.entry-footer {} /* falls outside content at same level as header; of use for separator images */



/* COMMENTS */

#comments { margin: 0 1em; } /* contains comment list for an entry */

#comments-inner {}

.comments-header { } /* contains h2 title of section */

.comments-nav { text-align: center;
	margin: 2em; } /* on entry page, the Add Comment link; on the reply page, the Read Comments link */

.comments-list {} /* contains comment list */

.comment {} /* contains a comment and any replies to it */

.comment-each { margin: 20px 0 0 0;
	padding: 1px; /*gap/margin fix */
	min-height: 125px; } /* contains individual comments */

.comment-header { background: #007CC2;
	border: solid 1px #004C92;
	color: #fff;
	padding: 3px;} /* contains userpic, poster, date and subject */
	
	.comment-header a, .comment-header a:visited { color: #fff; }

.comment-userpic { float: right;
	margin: 5px 5px;}

.comment-by {}

	.poster {} /*username*/
	.metadata { font-size: small; } /*ip address*/

.comment-date { font-size: small;
	color: #eee;}

.comment-subject {} /* encloses h3 with subject line, if any */

	.comment-subject h3 {  margin: 0;
	padding: .15em 0;
	font-weight: normal; }

.comment-content { padding-top: 1em; } /* text of comment */

.comment-footer {} /* encloses .comment-linkbar */

.comment-linkbar {} /* surrounds the ul of links */

	.comment-linkbar ul { list-style: none;
		margin-left: 0;
		padding-left: 0; }
		
	.comment-linkbar li { display: inline;
		padding: 0 .5em;
		border-left: 1px solid #000; }

	li.first-cl { border-left: none;
		padding-left: 0; } /* class of the first li, good for styling separators with the borders */

.comment-replies { margin-left: 35px;} /* contains replies to a comment */

.collapsed-comment {} /* extra class applied to .comment when string is collapsed; contains comment-footer with subject, poster and date */

	.collapsed-comment .comment-footer { margin-bottom: 1em; } /* each collapsed line */

.collapsed-comment-link {} /*contains subject */

.replyform {} /* contains standard reply to entry form */

.quickreply_comment {} /* class of the div around the quick-reply form */

#commenttext { width: 100%;} /* the textarea of the system reply form; width 100% fixes occassional form overspill */


/* ARCHIVE VIEW */

.yearlinks {} /* list of years */

.year { list-style: none; } /* the ul */

	.year li { display: inline;
		padding: .5em;} /* links to each year */

	.active {} /* the li of the year currently displayed */

/* NOTE THAT EACH MONTH TABLE IS ENCLOSED IN THE SAME DIVS AS ENTRIES AND WILL TAKE THE SAME STYLING UNLESS OTHERWISE SPECIFIED. Use .lj-view-archive .entry/.entry-inner/.entry-content/.entry-body to restyle */

.yeartable { border-collapse: collapse;
	border: 1px solid #000;  } /* each table of a month */

td.monthlable { text-align: left; } /* td; class of box containing name of month */

td.viewmonth { text-align: right;} /* td; class of View Subjects box */

.dayname {} /* class of tds containing names of days */

.yeartable td { border: 1px solid #000;} /* month grids */


/* MONTH VIEW; done with a definition list, unclassed */

.lj-view-month form {} /* the month selector at the top */

.lj-view-month dl { margin: .5em 1em; } /* list as a whole */

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

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


/* DAY VIEW */

.day {} /* encloses entries in day view */


/* TAG LIST */

.ljtaglist {} /* ul that contains list of all tags */

.lj-view-tags #alpha { padding: 1em; }


/* SIDEBAR(S) */

#beta {}  /* primary sidebar */

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

#gamma {} /* secondary sidebar */

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

.module {  padding: 1px; 
	margin: 0 10px 2em 10px; } /* each .module also recieves class .specific-module */

.module-inner {}

.module-header { padding: 1px; /* gap fix; delete if using a border */
	background: #000;
	border: 1px solid #ccc;
	color: #fff; } /* contains h3 header of module */
	
	.module-header h3 { margin: 0;
		padding: .15em 3px; }
		
	.module-header a { color: #fff; }
	.module-header a:visited {color: #fff; }
	
.module-header-inner {} /* useful for backgrounds */

.module-content {}

.module-list {} /* ul */

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

.module-about {} /* profile */

	.module-about .module-content {text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;}

	.userpic {}
	
		.userpic img { border: none; } /* to get rid of link border */
	
	.username {}
	
	.journalname {} /* name you list in your profile */
	
	.usersite {} /* website */

.module-customtext {} /* free text box */

	.module-customtext .module-content { padding: 5px 2px; }

.module-customtext2 {} /* second free text box */

	.module-customtext2 .module-content { padding: 5px 2px; }

.module-viewlinks {} /* navigation links; formatted as a list */

	.module-viewlinks ul { list-style: none;
		margin-left: 0;
		padding-left: 1em; }

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

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

	.module-calendar table { border: solid 1px #999;
		border-collapse: collapse;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px; }
		
	.module-calendar td { border: solid 1px #999999; }
		
	.module-calendar th { color: #666666;
		font-weight: normal; } /* cells with the day names in them */

.module-typelist {} /* your link list--formatted as a list */

	.module-typelist ul { list-style: none;
		margin-left: 0;
		padding-left: 1em; }

.module-categories {} /* your tags--formatted as a list */

	#tag-hierarchy {} /* an extra dive when you have selected "list", to allow different styling */

		#tag-hierarchy ul { padding-left: 0;
		margin-left: 20px }
	
		#tag-hierarchy li { }
		
		.tag-count { font-size: x-small; } /* span around the number of tags, if that option is enabled */
	
	#tag-cloud {} /* an extra div when you have selected "cloud", to allow different styling */
	
		#tag-cloud ul { list-style: none;
			padding-left: 0;
			margin-left: 0; }
		
		#tag-cloud li { float: left;
			padding: 2px 5px; }
		
		#tagclear { clear: both; } /* clearing element */


.module-pagesummary { } /* the page summary--formatted as a list */

	.module-pagesummary ul { margin-left: 0;
		padding-left: 20px; }

.module-layoutcredit {} /* optional credit to your layout maker */

	.module-layoutcredit p { padding: 1px;
		margin: 5px 1em; } /* for formatting the actual text */

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

.module-powered { border: 1px solid #000;
	padding: 3px;} /* powered by note */

.module-ads {} /* ads; remember the display property */

.all-link {} /* class of the p enclosing the View All link for both tags and calendar */


/* CONTENT FOOTER */

#content-footer { clear: both; } /* clearing element; falls inside page-body after both columns */


/* PAGE FOOTER */

#page-footer {}

#page-footer-inner {}



/* ADS */

#ad-leaderboard {} /* header ads */

#ad-5linkunit {} /* footer ads */