/* Base, by Emily Ravenwood */

/*  It's helpful to put your color codes up here to keep track of them.
#ffffff  white; #000000 black; #999999 gray; #eeeeee lt gray; #335500 green */


/* Repeatedly used classes; only define things here if you want them to apply to every instance */
.hidden { display: none; }

.item { list-style: none; }

.decor {}

.lj-entry-securityicon {}

.datetime {   }

.user-icon { float: left;
	margin: 10px; }

.separator {}

.page-header2 {  }

.page-header-4 {  }

a { color: #350; font-weight: bold; }


/* Formatting, somewhat in order of appearance */

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

table#lj_controlstrip {  } 

.asset-stream {}

/*  Now altered to go with a theme layer that switches beta/gamma to come first in the html, and thus allow a flexible layout */
body.layout-wt #alpha { margin: 20px 200px 20px 15px; }
body.layout-wt #beta { float: right; }

body.layout-tw #alpha { margin: 20px 15px 20px 200px; }
body.layout-tw #beta { float: left; }

body.layout-wtt #alpha { margin: 20px 380px 20px 15px; }
body.layout-wtt #beta, #gamma { float: right; display: inline; }

body.layout-ttw #alpha { margin: 20px 15px 20px 380px; }
body.layout-ttw #beta, #gamma { float: left; display: inline; } /* this is not a currently available option, but you can get the effect by pasting these specifications into alpha, beta and gamma below, if you have edited your S2 layers */

body.layout-twt #alpha { margin: 20px 200px 20px 200px; }
body.layout-twt #beta { float: left; display: inline; }
body.layout-twt #gamma { float: right; display: inline; }

.lj-view-friends {}

.lj-view-entry  {}

.lj-view-recent {}

#home {}


/* divs that contain the whole page */
#container {  } 

#container-inner {}

#page {}

#page-inner {}


/* divs that make up the header */
#header { margin: 0 0 30px 0;
	padding: 0;
	 }

#header-inner {}

#header-content { background: url() top right no-repeat; }

#header-content-inner {}

#header-photo { }

#header-photo-inner {  }

#header-text { padding: 30px 0; }

ul.nav { margin: 10px 0 30px 0;
	padding: 0 30px;
	}
	
.nav li { display: inline;
	border-left: 1px solid gray;
	padding: 0 1em;
	font-size: small; }
	
.nav li a { font-weight: normal; }
	
.nav li.first { border-left: none; padding-left: 0; }

.nav li.current a { color: black; text-decoration: none; }

#header-name { font-size: xx-large; margin-left: 30px; }

#header-name a { font-weight: normal; text-decoration: none; }

#header-description { color: #999; font-size: x-large; margin-left: 30px; }

#header-content-decor {}

#header-decor {}


/* divs that contain the body text of the page */
#content { margin: 20px 0 0 0;
	padding: 0; }

#content-inner {}


/* divs containing the entries */
#alpha { }

#alpha-inner {}

.stream-header {}

.prevnext {}

.post-asset { margin: 50px 25px 50px 25px; }

.asset-inner { overflow: auto;  }

.asset-header  { padding-left: 1em; }

.asset-name { margin: 5px 0 10px 0; font-size: larger; }

.asset-name a { text-decoration: none; font-weight: normal; }

.asset-name a:hover { text-decoration: underline; }

.asset-meta { margin: 0 0 10px 0; }

.asset-meta-list {}

.asset-meta-list .datetime  { font-size: small; margin: 0 .5em 1em 1em; }

.asset-content { min-height: 150px; padding: 0 1em; }

.asset-body { margin-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif; }
	
.asset-body .user-icon { font-size: smaller;
	text-align: center;
	margin: 0 10px 10px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee; }
	 
.lj-currents ul li { 
	list-style: none;
    margin-left: -19px;
	font-size: small;
}
.ljuser {
        display: inline;
}
.entryMetadata-label {
        font-weight: bold;
}
.entryMetadata-content {
    margin-left: 2px;
}

.asset-tags {  }

.asset-tags-header { float: left; 
	margin: 0 1em 1em 0;}

.asset-tags-list {}

ul.asset-tags-list li { display: inline; margin-left: 3px; margin-right: 1px; }

ul.asset-tags-list li a { font-weight: normal; font-size: smaller; color: #333 }

.asset-meta-comments {}

.asset-meta-no-comments  {}

ul.asset-meta-list { margin: 0; padding: 0; text-align: left;
	overflow: hidden;
	 }

.asset-meta-list li.asset-meta-comments { display: inline;
	border-left: 1px solid black;
	padding: 0 .5em;
	font-size: smaller;
	margin-left: -2px; }

.asset-footer {}


/* divs containing the comments */
.quickreply { margin: 1em;
        width:90%;
        padding-top: 5px;
        padding-bottom: 10px; }

#comments {}

.comment { margin: 20px 0; }

.comment-odd {  }

.comment-even {  }

.comments-inner {}

.comments-header {  }

.comments-body { }

.comments-nav { text-align: center; }

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

.comment-meta { }

.commenter-name { }

.comment-date {}

.comment-date .datetime { font-size: x-small; }

.comment-subject { font-weight: bold;  }

.comment-body { padding: 20px 10px;
	 }

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

.permalink {}


/* divs containing the sidebar(s) */
#beta { width: 180px; margin: 0;  }

#beta-inner {}

#gamma { width: 180px; margin: 0; }

#gamma-inner {}

.widget { font-size: smaller; }

.widget a { font-weight: normal; text-decoration: underline; }

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

.widget-inner {}

.widget-header { font-weight: normal; padding-left: 1em; }

.widget-header a { text-decoration: none; }

.widget-content { padding: 0 5px; }

.widget-list {}

ul.widget-list li.item { line-height: 1.5; }

.widget-footer {}

.about-me-widget {}

.about-me-widget div.user-pic { text-align: center; }

.profile-list {}

.profile-username {}

.profile-name {}

.calendar-widget {}

.calendar-widget div.widget-content { padding-left: 2em; }

.calendar-widget table { font-size: xx-small; }

.typelist-widget {}

.categories-widget {}

.tagcloud {}

.powered-widget { padding-bottom: 10px; }

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

.lj-view-entry .powered-widget { margin-top: 40px; }


/* divs containing the page footer */
#footer { background: url() top left repeat-x; 
	float: left; width: 100%; height: 60px;
	 }

#footer-inner {}


/* Sponsored Plus ---------------------------------------*/

#ad-5linkunit {
    clear: both;
}

#ad-leaderboard {
        margin-bottom: 10px;
}