/* Worksafe, by Emily Ravenwood; IE by C. Lynch
tan: #EDEBD5; dk gray: #B9B393; med gray: #DBD5B7; lt gray: #EBE8DA; dk olive #7D7949; brt olive: #B0A852; lt brt olive: #C5BC5D; almost white: #F3F0E2;
 */

/* WHOLE PAGE */
body { margin: 0;
	padding: 0; }
	
#IJ-sitepage hr { width: 80%;
	margin: 1em 10%;} /*to override any tag-level widths */
	.ie5 #IJ-sitepage hr,
	.ie6 #IJ-sitepage hr { width: 100%;
	margin: 0;}

#IJ-sitepage li { font-weight: normal; } /* to override the bold specification in the Site Map */
	
h1 { } 
h2 { margin: 0; 
	padding: .5em;
	font-size: x-large; }
h3{ margin: 0; 
	padding: .5em;
	font-size: large; }
	
a { color: #584f34; /*7D7949;*/ }

a:visited { color: #8e886b; /*B0A852;*/ }

a:hover { color: #000; }

.formitemFlag {
  	color: #FF0000;
    font-weight:bold
  }

.noads {
}

#IJ-sitepage { color: #000;
	background: #fff; 
	margin: 0;
	padding: 0;
	width: 100%; } /* outermost container */

	.sidebar {} /* class applied to same div for sidebar formatting */
	.dropdown {}/* class applied to same div for dropdown formatting */
	
#IJ-sitepage-inner {}


/* HEADER */
#IJ-sitepage-header1 {  }

#IJ-sitepage-header2 {  }

#IJ-sitepage-header3 {  }

#IJ-sitepage-header4 {  }

#header-content {}  /* contains tweak, userpic, login and frequently used links */

#header-content H1 {} /* h1 goes around the image or text of the journal name; IE requires this and code geekery approves */

#header-nonmenu { height: 111px;
	 background: #EBE8DA;  } /* contains tweak, userpic and login; useful for defining height since everything inside is floated */

#IJ-sitepage-userpic { height: 111px;
	text-align: center; }
	
	#IJ-sitepage-userpic img {  }
	
	.sidebar #IJ-sitepage-userpic {width: 10em;
		background: #EDEBD5;
		border-right: 1px solid #333;
		float: left; }
	
	.dropdown #IJ-sitepage-userpic { width: 120px;
		float: right; }

#IJ-top-ad  { height: 60px; width: 100%;
	text-align: center; vertical-align: middle;}

        .sidebar #IJ-top-ad {float: left; }

        .dropdown #IJ-sitepage-userpic { float: left; }

#IJ-sitepage-tweak { width: 45%;
	margin-top: 5px;} /* the image, title and Tweak Says */
	
	.sidebar #IJ-sitepage-tweak {float: right; }
	
	.dropdown #IJ-sitepage-tweak { float: left; }

#IJ-sitepage-tweak-inner {}

	.sidebar #IJ-sitepage-tweak-inner { float: right;
		margin-right: 5px; } /* to align things correctly in the right corner */

#tweak-pic { float: left; 
	height: 100px;
	width: 101px;
	background: url(http://www.insanejournal.com/img/tweakcopy.gif) no-repeat; }

#journal-title { margin-left: 102px;  } 
	
	#journal-title h1 { margin: 0;
		padding: 10px 0 0 0;
		font-size: 160%; } 
		
	#journal-title a, #journal-title a:visited { color: #7D7949;
		text-decoration: none;  }

#tweak-says { margin-left: 102px;
	font-size: small; } 
	
	#tweak-says a, #tweak-says a:visited { color: #000;
		font-weight: bold;
		text-decoration: none; }
	
	#tweak-says p {margin: 0;
		padding: 0; }

#IJ-sitepage-login { font-size: small;
	width: 30%; } 

	.sidebar #IJ-sitepage-login { float: left;
		text-align: left; }
	
	.dropdown #IJ-sitepage-login { float: right;
		text-align: right; } 
	
	#IJ-sitepage-login form { padding-top: 6px; 
		margin: 1px 10px;}
		
#IE-clear { clear: both;
	height: 0; } /* extra clearing div to make page flow work in IE */

#IJ-sitepage-freqlinks { background: #DBD5B7;
	margin: 0;
	font-size: small;
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;} /* frequently used links like Post, Friends, My IJ, etc. */

	#IJ-sitepage-freqlinks a { color: #000;
		padding: 0.25em .5em;
		height: 1em;
		text-decoration: none; }
	
	#IJ-sitepage-freqlinks a:hover { background: #7D7949; 
		color: #fff; }
		
	.sidebar #IJ-sitepage-freqlinks { padding: 0.25em 10px; }
	
	.dropdown #IJ-sitepage-freqlinks {  padding: 0.25em 10px;
		background: #F3F0E2; }

#freqlinks { list-style: none;
	 margin: 0;
	 padding: 0;} /* this is applied to the actual ul */

	#freqlinks li { display: inline;
		margin-left: 0;
		padding-left: 0; }
	
#top-search { padding: 0; 
	margin: 0; 
	position: absolute; 
	top: 0; 
	right: 0;  } /* the search form in the frequently used links bar */
	
	#top-search form { margin: 0;
		padding: 0; }
		
	/* section to vertically center search boxes; looks fine in PC Firefox and Safari as is; Mac Gecko and IE need 3px;  */
	.mac.gecko #top-search #searchlj,
	.mac.gecko #top-search #searchby, 
	.mac.gecko #top-search select, 
	.mac.gecko #top-search #searchsub { margin-bottom: 3px;}
	
	.win.ie #top-search #searchlj, 
	.win.ie #top-search #searchby, 
	.win.ie #top-search select, 
	.win.ie #top-search #searchsub { margin-bottom: 3px;}
	

/* BODY CONTAINERS */
	#IJ-sitepage-body { position: relative;
		width: 100%; } /* contains menu, content and footer; useful for styling sidebar versions */
	
	.sidebar #IJ-sitepage-body { background: #EDEBD5;
	padding-bottom: 1px; /*to fix gap-at-bottom bug*/ } 
	
#IJ-sitepage-body-inner {}
	
#IJ-sitepage-columns {} /* contains both general menu and page content--ditto above */

#IJ-sitepage-columns-inner {}


/* SITE MENU */
#IJ-sitepage-nav {  } /* the menu; things applying to both sidebar and dropdown are defined here */

#IJ-sitepage-nav-inner {}

#nav {} /* id of the menu ul */

.nav-header {} /* class of li that has items nested under it */

.notlink {} /* span inside top level li that are not links */

/* the version of IJ-sitepage-nav set up for sidebar*/
	.sidebar #IJ-sitepage-nav { /*float: left;  Cannot be used because of stray clearing elements in the content */
	width: 10em;
	color: #222;
	position: absolute;
	top: 10px;
	left: 0;
	background: #EDEBD5; }  
	
	.win.ie .sidebar #IJ-sitepage-nav {font-size: normal; }
	
	.sidebar #IJ-sitepage-nav a { color: #000; 
		text-decoration: none;
		display: block; 
		padding: 0 2px 0 1em;
		font-size: small; }	
	
	.sidebar #IJ-sitepage-nav ul { list-style: none;
		padding-left: 0;
		margin-left: 0; }
		
	.sidebar #IJ-sitepage-nav li {width: 10em; }
		
	.sidebar #IJ-sitepage-nav ul li { padding: 2px 0; } /* to give a little vertical space */
	
	.sidebar #IJ-sitepage-nav ul ul li:hover,
	.sidebar #IJ-sitepage-nav ul ul li.sfhover { background: #7D7949; }
	.sidebar #IJ-sitepage-nav ul ul li:hover a,
	.sidebar #IJ-sitepage-nav ul ul li.sfhover a {color: #fff; }	
			
	.sidebar #IJ-sitepage-nav .notlink { font-weight: bold;
		padding-left: 5px;}
		
	.sidebar #IJ-sitepage-nav ul li.special { padding-left: 5px; }
	
/* the version of IJ-sitepage-nav set up for drop-down */
	.dropdown #IJ-sitepage-nav { color: #000;
		background: #EDEBD5;
		width: 100%; 
		height: 1.5em;
		border-bottom: 1px solid #7D7949 !important; /* fix for disappearing border in FF2 */
		border-bottom: 1px solid #7D7949;
		border-top: 1px solid #7D7949;
		text-align: center; } 
	
	.dropdown #nav, .dropdown #nav ul { padding: 0;
		margin: auto;
		width: 36em;
		list-style: none;
		text-align: left;}
	
	.dropdown #nav a { display: block;
		color: #000;
		text-decoration: none;
		padding: 0 .25em;
		font-size: small; }
	
	.dropdown #nav .notlink { padding: 0 .25em;
		display: block; } /* so the headers have the same padding as the links and are not overrun by the dropdowns */
		
	.dropdown #nav li { float: left;
		width: 6em;
		height: 1em;
		background: #EDEBD5;
		padding: 0.25em 0; 
		margin: 0;}
	
	.dropdown #nav li ul { position: absolute;
		width: 10em;
		height: auto;
		left: -999em; 
		margin: 0;
		border: 2px solid #7D7949;
		z-index: 100;}
	
	.dropdown #nav li li { width: 10em; }

	.dropdown #nav li:hover ul, .dropdown #nav li.sfhover ul { left: auto; }
	
	.dropdown #nav li:hover, 
	.dropdown #nav li.sfhover {background: #7D7949; 
		color: #fff; }
	.dropdown #nav li ul li:hover a, 
	.dropdown #nav li ul li.sfhover a {color: #fff; }

		


/* PAGE CONTENT */

#IJ-sitepage-content { padding: 1em; /* must have some to fix gap-at-top-and-bottom bug */ } /*individual page content */

	.sidebar #IJ-sitepage-content { background: #fff; /* to make body bg color only behind sidebar */
		margin: 0 0 0 10em; /* to make sidebar background color w/out images */
		border-left: 1px solid #333;
		min-height: 60em;  /*to clear the sidebar*/  } 
		
	.dropdown #IJ-sitepage-content { clear: left;
	border-top: 1px solid #7D7949; } /* good to add for the dropdown menu */
	
#IJ-sitepage-content-inner {  }
	.ie5 #IJ-sitepage-content-inner,
	.ie6 #IJ-sitepage-content-inner { width: 100%; }

#IJ-sitepage-content li { margin-left: 3px;
	padding-left: 0; }
	
#ljbreadcrumbs { font-size: small;
	padding: 1em 0; } /* div enclosing the breadcrumbs */

.ljbreadcrumbs { color: #000; } /* class given to each and every inline tag within the above div, generally a and b */

.IJ-sitepage-floatright { float: right;
	margin: 0 0 2em 1em; } /* to enclose anything that needs to be floated right */
	
table.IJ-AccentBox1 { background: #F3F0E2; 
	border: 1px solid #ccc;
	margin: .5em; } /* Standouto: goes around some dialogue boxes */
	
table.IJ-AccentBox2 { background: #EBE8DA;
	border: 1px solid #000;
	margin: .5em;  } /* Standout: goes around 'save' buttons and so on */

.table-header { background: #000;
	color: #fff; } /* any tr that heads up a table and could do with some emphasis */

	.table-header a, .table-header a:visited { color: #fff; }

#ExtraInfo /* infobox that shows up in a few places like Manage */
{
  float: right;
  width: 20em;
  border: 2px solid #7D7949;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 1em;
  padding-left: 1em;
  color: #333;
}
#ExtraInfo ul {
  padding-left: 1em;
}


/* CLEARING */

#IJ-columns-clear { clear: both; } /* clearing element for floated designs */
	

/* FOOTER */	
#IJ-sitepage-footer { text-align: center;
	margin: 0;
	padding: 0; }

	.sidebar #IJ-sitepage-footer { margin-left: 10em;
		border-left: 1px solid #333; 
		background: #fff; /* to make body bg color only behind sidebar */
		padding: 1px; /*must have to fix gap bug */ }
	
	#IJ-sitepage-footer hr { margin: .5em 10%; }
	
#IJ-sitepage-footer-inner {  }


/* AD CONTAINERS */

#ad-banner { text-align: center;
	color: #999;
	padding: 5px;
	position: static;
	z-index: 50; } /* banner at the top of the page */
	
#ad-stack { float: left; 
	margin: 1em 2em 2em 0;} /* tall ads at the side of the page; comes inside content-inner, just after the top ad banner div*/

	.win.gecko .dropdown #ad-stack,
	.win.ie .dropdown #ad-stack { height: 100%; }





/* -------------------PAGE SPECIFIC CSS--------------------------- */


/* HOME PAGE */
#mainstuff { clear: right;
	text-align: left; }/* announcements entries on home page */

	#mainstuff #entries {  } /* all entries */
	
	#mainstuff .entry { border: 1px solid #999;
		padding: .5em;
		background: #F3F0E2;
		margin-bottom: 2em;} /* each entry */
	
	#mainstuff .entrytext {} /* header and body */
	
	#mainstuff .entryheading {  }
	
	#mainstuff .entrybody { margin: 1em 0; }
	
	#mainstuff .talklinks {} /* comment links */
	

/* SITE MAP */

#IJ-SiteMap {}

#IJ-SiteMap ul { list-style: none; 
	text-align: left;
	margin-left: 0;
	padding-left: 0; }

#IJ-SiteMap ul li { margin: 2em 1em; }
#IJ-SiteMap ul li ul li {margin: 3px 0; }

#IJ-SiteMap li.header h2 { text-align: left; }
	
	
/* ENTRY PAGES */

#IJ-sitepage #Comments {  } /* encloses all comments */

.talk-comment {} /* table; class of each comment */

	
	
/* UPDATE; from in-page style on update.bml */


#IJ-sitepage  #EntryForm #SubmitBar {
     background-color: #F3F0E2;
 }

 #IJ-sitepage #EntryForm #Options {
     background-color: #F3F0E2;
 }

 #IJ-sitepage #EntryForm #infobox table {
     background-color: #F3F0E2;
     border: 2px solid #7D7949;
 }
 /*new update page, from entry.css*/
/* #IJ-sitepage #entry {
    background: url(/img/entry-tab-bg.gif) repeat-x 0 bottom;
}
#IJ-sitepage #entry ul li a {
    border: 1px solid #bbb;
	border-bottom: none;
}*/
#IJ-sitepage #spellcheck-results {
    border: 1px solid #7D7949;
}
#IJ-sitepage #options {
    border: 1px solid #bbb;
    background-color: #F3F0E2;
}
#IJ-sitepage #submitbar {
    background-color: #F3F0E2;
    border: 1px solid #aaa;    
}
	

/* SUPPORT BOARD; used to be in-page on support/help */
#IJ-sitepage .green {
    background-color: #d0eed0;
}
#IJ-sitepage .yellow {
    background-color: #eeeed0;
}
#IJ-sitepage .red {
    background-color: #eed0d0;
}
#IJ-sitepage .clicked {
    background-color: #d0d0ee;
}

.support-requests {} /*class added to the table */

	.support-requests a, .support-requests a:visited { color: #666; }
	
	.support-requests .table-header a, .support-requests .table-header a:visited { color: #fff; }
	

/* SETTINGS; for edit profile, viewing options, comment settings; from lj_settings.css */

.helper {
    font-size: 0.8em;
}

#IJ-sitepage .field_name {
    color: #333;
    background-color: #F3F0E2;
}
#IJ-sitepage .field_desc {
    color: #505050;
}
#IJ-sitepage .section_head {
    color: #000;
    background-color: #EDEBD5;
    border: 1px solid #ccc;
}

#IJ-sitepage .view_options {
    color: #333;
}

/* MORE SETTINGS from lj_base_app */
#IJ-sitepage table.alternating-rows th { 
	background-color: #F3F0E2; 
}


/* CUSTOMIZE JOURNAL; from customize.css */

#IJ-sitepage #Tabs {
    border-bottom: 2em solid #7D7949; 
}
#IJ-sitepage #Tabs li {
    border: 2px solid #7D7949; 
    background: #EDEBD5; 
}

	.ie5 #IJ-sitepage #Tabs li,
	.ie6 #IJ-sitepage #Tabs li { width: 100%; }
	
#IJ-sitepage #Tabs li.SelectedTab {
    background-color: #7D7949; 
}

#IJ-sitepage #Tabs li.SelectedTab {
    color: #fff; 
}
#IJ-sitepage #CurrentTab {
    border: 1px solid #7D7949; 
}

#IJ-sitepage fieldset {
    border: 1px solid #ccc; 
}

#IJ-sitepage #propgroupsbody {
    border: 1px solid #ccc; 
}


/* EDIT USERPICS; from editpics.css */
#IJ-sitepage #uploadBox {
background-color: #F3F0E2;
border: 1px solid #000;
}

.win.geko #IJ-sitepage #list_userpics hr { width: 100%;
	margin: 0;
	padding: 0; }

/* PRIVATE MESSAGES; used to be in default.css */

#message_box b.list {
    font-size: small;
}
 
#message_list td.headnew {
    font-size: small;
}

#IJ-sitepage #message_list td.headfrom {
    font-size: small;      
}

#message_list td.headsub {
    font-size: small;      
}

#message_list td.headdate {
    font-size: small;      
} 

/* ACCOUNT TYPES TABLE; from in-page on accounts.bml */
  #IJ-sitepage   .category
    {
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

  #IJ-sitepage   .header
    {
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

   #IJ-sitepage  .feature_on
    {
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
        background-color:#EDEBD5;
    }

  #IJ-sitepage   .feature
    {
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
		font-size: small;
    }

  #IJ-sitepage   .free
    {
        background-color:#EDEBD5;
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

  #IJ-sitepage   .earlyadopt
    {
        background-color:#F3F0E2;
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

  #IJ-sitepage   .paid
    {
        background-color:#F3F0E2;
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

  #IJ-sitepage   .perm
    {
        background-color:#F3F0E2;
        border-bottom:1px solid #a6a6a6;
        border-right:1px solid #a6a6a6;
    }

    .footnote
    {
        font-size: small;
    }
	

    .note a
    {
       font-size: x-small;
    }


/* FILE MANAGER; from in-page on files.bml */
	
	#IJ-sitepage .tablecontent {  
		border-top: 1px solid #dfdfdf; 
		border-bottom: 1px solid #dfdfdf;
	}
	
#IJ-sitepage 	.tablehead {
		border-bottom: 1px solid #dfdfdf;
	}

	#IJ-sitepage .tablebottom {
		border-top: 1px solid #dfdfdf;
	}
	
	

/* PORTAL; from portal.css */
/* The default portal stylesheet. By Mischa Spiegelmock, 2005 featuring added sexiness by Andy Mai.                      
This is the main global stylesheet for portal. It contains all the layout, positioning, and font attributes.          */

/*---- Global -----*/


#IJ-sitepage #PortalContentContainer {
    clear: none;
    }

.LoadingText {
    font-size: xx-large;
	}

 
 
/*----- Configuration Menus ---*/ 
 
#IJ-sitepage #AddPortalMenuButton {
	background: #B9B393 url(http://pics.livejournal.com/veroz/pic/00051xwq) no-repeat 4% 50%;
	}
	
#IJ-sitepage #AddPortalMenuButton a, #IJ-sitepage #AddPortalMenuButton a:visited {
    color: #fff;
    font-size: smaller;
    }
	 
 
/*--- General Module Styling --*/

#IJ-sitepage .PortalBoxTitleText {
	color: #000;
	}

#IJ-sitepage .PortalBoxTitleText a, #IJ-sitepage .PortalBoxTitleText a:visited, #IJ-sitepage .PortalBoxTitleText a:link, #IJ-sitepage .PortalBoxTitleText a:active {
        color: #000;
}

 
 /*----- Specific Module Stylings ----*/

 /*---- Update Journal ----*/
 
#IJ-sitepage  .UpdateJournal { background: #F3F0E2;
 	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc; }
 
#IJ-sitepage   .UpdateBoxSubject {
 	width: 95%;
	margin-left: 5px;
	}
 	
#IJ-sitepage   .UpdateBoxEvent {
 	width: 95%;
	margin-left: 5px;
 	}
 
#IJ-sitepage  .UpdateJournal table {
	border: 1px outset #000;
	width: 95%;
	margin-left: 5px;
	}
	
	
/*--- Account Management (Quick Links) ---*/

/*--- Announcements ---*/

/*-- Recent Comments --*/

 .RecentCommentItem {
    font-size: 90%;
 	}
 	

 /*--- PopWithFriends ---*/
 
	
 /*--- Text Message ---*/
 

 /*----- New User --*/
 
 .NewUserBlurb {
 	font-size: small !important;
 	}
 	
/*--- Manage Friends --*/
  

/*-- Account Status --*/
	

/*--- Friends Page --*/


/*-- Friends Birthdays ---*/
	

/*-- CProd-*/


/* XColibur css */
#IJ-sitepage .Todo p {
	color: #B9B393;
	}
	
#IJ-sitepage  .Todo td a b {
 	/*color: #B9B393 !important;*/
 	}

#IJ-sitepage .PortalPatternedTitleBar {
	background-color: #B9B393;
	}
	
#IJ-sitepage .PortalBoxTitleBar {
	background-color: #B9B393;
	color: #fff;
	}

#IJ-sitepage .PortalConfigMenuBar {
        background-color: #B9B393;
       color: #fff;
        }
	
#IJ-sitepage .PortalMenuItem {
        background-color: #B9B393;
        color: #fff;
        }

#IJ-sitepage .PortalBoxContent a:link, #IJ-sitepage .PortalBoxContent a:visited {
	font-size: small;
	color: #7D7949;
 	}
 	
 #IJ-sitepage .Manage table a {
	border-left: 3px solid #B9B393;
	}

#IJ-sitepage .PortalRow2 {
	background-color: #B9B393;
	}

#IJ-sitepage .PortalRow1 {
	background-color: #B9B393;
	}

#IJ-sitepage .PortalRow1:hover, .PortalRow2:hover {
	background-color: #B9B393;
	}

#IJ-sitepage .PortalTableHeader td {
	background-color: #B9B393 !important;
	color: #000 !important;
	}



/* -------------------LEFTOVER BASE SETTINGS; from base.css----------------- */


#IJ-sitepage .clear {
    clear: none; /* modified from clear both to let the sidebar float*/
}