/* 10/23/2004-2006, copyright Social Design, Inc / Kevin Watt.  
Thanks to 37signals, 43things, basecamp, elitejournal, and the css garden for examples and wisdom.*/

/* margin-left: 17px;  */
.notes_list { list-style-type: none;   padding: 0; padding-left: 0px;	}
.notes_list li {margin-left: 19px; margin-top: 0px; padding: 5px;}
li.notes_date {	font-weight: bold; padding-top: 11px; font-size: 1em; margin-left: 0px;}

.fav_inner {  padding-left: 25px; }

body, html {height: 100%;}
#outer {  min-height: 100%; }

/* outer now has scroll problems with horizontal scrolling, so attempting to go back to using body directly.  also added table-layout: fixed to the inline default.rhtml as well, for now */

#container_container {
  max-width: 860px;
  /* theme also sets width:expression(document.body.clientWidth > 860? "860px": "auto" ); if ie6 */  
	margin: 0px auto 0px auto;
	padding: 0;
	/* causes some problems, like on my author page table-layout: fixed;*/
}

#headerlinks {
  vertical-align: bottom; margin-left: 21px; 
  /*font-size: 1.20em;*/
  font-size: 19px;
}

/*  div {border: 1px solid black;} to put most relevant colors at top when starting */
body { 
	font-family: "trebuchet ms", tahoma, sans-serif;
	color: black;
	margin: 0;
}

#bg_for ul {
  padding: 0; padding-left: 7px;	list-style-type: none;
}
#bg_types li {display: inline;}

#header_advanced_link {
  /*position: relative;
  float: right;*/
  /* liked the idea that it wouldn't take up the top space of an author page, but this way it runs into the user's "Face", which is annoying 
    position:absolute;
  top:0px;
  */
  float: right;
  padding: 4px;
  padding-top: 5px;
  border: 1px dashed #ccc;
  border-right: 0;
  border-top: 0;
}

/* IE 6 hacks */
html { font-size: 100%;}
table { font-size: 100%;  }
td { font-size: 100%;  }
td {vertical-align: top;}

h1, h2, h3, h4, h5 {
	color: #202d65;
}

/* also in default colors in environment. not changeable by css since it's done here vs in body? */
a, A:link, A:active, #dropmenudiv a, .odd a, .error a, .notice a, #header_account div a, #header_account div a:visited, #headerlinks a, #headerdivs div a, #headerlinks a:visited {
	text-decoration: none; /* default?  hmm */
	color: #3273b5;
	/*too dark: 1f5db9, , #1984c1, #354FADnice light blue, tara says too easter eggy. #1984c1;*/
} 

#header_account div a, #header_account div a:visited {
  text-decoration: none;
}

A:visited, #dropmenudiv a:visited, .odd a:visited {
	color:#09768A; /*dk green: 2c6c5f, good: 0791a5, #19A1B2;*/
}
#container_title .banner a, #container_title .banner a:visited {
  color: #44d; /*#B8DBEB;*/
}

/*
A:hover, #sidebar h4 A:hover, #dropmenudiv A:hover, #header_account div A:hover, #headerdivs div A:hover, #container_title .banner a:hover {
	text-decoration: underline;
	color: #D02F33;
}
A:hover, #sidebar h4 A:hover, #headerdivs div A:hover
*/

/* other htingsa re overriding this...  hover must come after visited/regular */
A:hover, #sidebar h4 A:hover, #dropmenudiv A:hover, #header_account div A:hover, #headerdivs div A:hover, #container_title .banner a:hover {
	background-color: #f8f8f8; 
	color: #BE0624 !important; /* *D02F33*/
}

/* WTF, 14px is never followed...*/

#dropmenudiv {
  color: #000;
  Z-INDEX:100001;
}

#dropmenudiv a, .dropcomment, .droparea {
  display: block;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  font-size: 1.1em;
  /*padding-left: 14px;*/
}

.dropcomment, .droparea {
  /* big spacer to the left, odd...  but where does the left spacing for links come from? */ 
  padding-left: 2px;	
}

.droparea { font-weight: bold; }

#dropmenudiv a:hover {
  background-color: #DDE;
}

#ap_header {
  padding-left: 16px;
  padding-bottom: 5px; /* was 12 */
}

/*#top_img:hover {
  border-bottom: 1px solid #3273b5;
  background-color: transparent;
}*/

#container_title {
  padding: 0px 7px 3px 17px;
  text-align: left;
  
  /*  margin-right:  9px; was there to keep it off sidebar..
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;  */
}

#header_account div {
  /*background-color: #F3F3F3;
  color: #666;
  padding: 5px;*/

  /*padding-top: 5px; moved to body.  why was this moved to body??? so that it shows when header is missing likea dvanced pages? */
  
	padding-top: 5px;
  font-size: .95em;
  margin-left: 20px;    
}

#header_account {
  padding-bottom: 4px;  
  margin-bottom: 8px;
	border-bottom:  1px dashed #888;
}

#header_advanced {
  padding-bottom: 4px;
  border-bottom: 1px dashed #999;

  /*font-size: .95em;*/
  padding-left: 20px;

}

#sidebar {
	width: 202px;
	/* want bgcolor in new ap?  Hmm, prob not 
	background-color: #eee;*/
	
	/* ie has so many damn problems with font-size...*/
	font-size:  0.83em;
	
	padding-top: 10px;
	padding-right:  11px; /* was 9 */
}

/* need to put the padding on the inner items individually, so the container_title can be flush left.. */
#main, #top_messages, #bottom, #top_messages_warning {  
  padding-left: 20px;
	padding-right: 22px;
	padding-top: 7px;	
}

#top_messages_warning  {
  font-weight: normal;
  padding-bottom: 8px;
}

#top_messages {
  padding-top: 0; 
  padding-bottom: 7px;
  margin-bottom: 7px;

   /* doesn't affect the bottom border, irritatingly margin-right: 70px; 	border-bottom: 1px solid #888;  */

}

#sidebar h4 {
	border-bottom: 1px solid #444;
	
	margin: 17px 0px 4px 0px;
	font-size: 1.1em;
	font-weight: normal;
	
	margin-right:  4px;
	/*margin-right: -9px;  underilnes to all the way to the edge */
}

#sidebar h4 a {
	color: #464a5f;
}

#sidebar, #sidebar h4, #sidebar h2 {
	color: #464a5f;	
}

#sidebar h2 {
  font-size: 14px;
}


#bottomlinks {
	font-size: .9em;	
	padding: 10px;
	padding-left:  30px;
	text-align: center;
}

.tags {
	clear: both;
	margin-top: -3px;
	margin-bottom: 7px;
	font-size: 12px;
}

/* why aws this 175px, when sidebar is 200 px? */
.cbox {
	/*word-wrap: break-word; doesn't work anyways */
	width:198px; 
	overflow: auto;
}

/* paginator */
.counter, .search_mine {
	font-size: 1em; 
	margin-top: 0px;
	margin-bottom: 9px;
	margin-left: 2px;
}
.search_mine {margin-bottom: 3px;}

/* form styling.  inline-ness might not work with IE, bah */

form { 
	margin: 0; padding: 0; 
	clear: none;
	display: inline; }


input[type=text], input[type=password], textarea { 
  border:            1px solid #666; 
  border-bottom:     1px solid #ccc;
  border-right:      1px solid #ccc;
  margin-bottom:     6px;
  padding-left:      3px;

  vertical-align: middle;
	font-size: 14px;
	font-family: "trebuchet ms", tahoma, sans-serif;	
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border:            1px solid #C0BC4B;
  background:        #ffffee
}

.biginput {font-size: 17px;}
.reallybiginput {font-size: 22px;}

input.bigcolor {
	font-size: 20px;

	/*	font-weight: bold; width: 350px;*/
	padding: 3px;
	margin: 0 0 5px 0;
	color: #54ABDF;
}

h1 {
	font-family: Lucida Grande, arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 26px;
	font-weight: bold;
	
  padding-top: 13px;
  padding-bottom: 7px;
}

/* used for usernames on author pages increased font-size from 26px to 29px 6/08 */
.title {
  padding: 1px 10px 1px 5px;
	margin: 0;
}

h2 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:18px;
  margin: 11px;
  margin-left: 0;
	margin-bottom: 7px;
	padding: 0;
	color: #222;
}

/* whre is h3 used? it's too dense.. */
h3 {
  /*font-family: Helvetica, sans-serif;*/
  font-size:18px;
	font-weight: normal;
	margin: 0; padding: 0;
	margin-bottom: 3px;
  margin-bottom: 10px;	
}

h4 {
	margin: 5px 0 10px 0px;
	padding: 0;
	/*font-size: 14px;*/
	font-size: 1.05em;
		
	color: #111;
	border-bottom: 1px solid #888;
}


/* alerts */
.fieldWithErrors {
  display: inline;
  border: 3px solid #E83227; 
  border-top: 0; border-bottom: 0;
}

.fieldWithErrors input {
  border: 2px solid #E9CFCC;
}

/* not sure why this is still indented */
.notice {
	border: 1px solid #9c9;
	padding: 10px 5px 10px 39px;
	font-size: 14px;
	/*margin: 0 0 7px 5px;*/
	margin: 0;
	margin-bottom: 5px;	
	margin-left: 22px; margin-right: 22px;	
	color: #060;
	background: url(/s/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
  background-position: 7px 5px;
}

.notice a, .notice A:link, .notice A:active, .notice A:visited, #broadcasts A:link, #broadcasts A:visited, .mceMenu a, .mceMenu a:visited {color: #133B91; }

.error {	
	border: 1px solid #c44;	
	padding: 10px 5px 10px 39px;
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;	
	margin-left: 22px; margin-right: 22px;	
	color: #000;
	background: url(/s/images/alertbad_icon.gif) #E9CFCC left no-repeat;
  background-position: 7px 5px;
}
.error a, .error A:link, .error A:active, .error A:visited {color: #B71D21; }

.errorExplanation {
	border: 1px solid #c44;	
	margin: 7px 0px 7px 5px;
	padding: 0px 5px 9px 37px;
	
	font-size: 14px;
	color: #000;
	background: url(/s/images/alertbad_icon.gif) #E9CFCC left no-repeat;
  background-position: 6px 13px;
}

.errorExplanation ul {
  padding-left: 18px;
}

.error a, .formError a { color: #D02F33;}/* #CCCC88*/


/* common */
ul,ol {  
  padding-top: 2px; margin: 0; padding-left: 40px; padding-bottom: 9px;
}

li { margin: 0; padding: 0; margin-bottom: 4px;margin-top: 0px;}

.hi {
	background-color: #ffc;
}

tr {
  vertical-align: top;
}

a span {
  color: black;
}

.clear_left {clear: left;}
div.cleared {clear: left}
div.spacer {clear: left; padding-top: 6px}

.notop {
  /*padding-top: 0 !important;*/
  margin-top: 0 !important;
}

.notopp {
  padding-top: 0 !important;
}

.inline_form {
	margin: 0; padding: 0; 
	display: inline; 
	clear: none;
}

.slimform {
	padding-bottom: 0; margin-bottom: 0;
}

table .header {
  background-color: #2E95D4;
}

table .header td {
  color: white;
  padding: 3px;
  font-size: 14px;
}

/*.even, .odd {  padding: 3px;} hmm */

.odd, .odd h3 {
  color: black;
  background-color: #EEEEF9;/*#eff2fa; too subtle */
}
.odd a, .odd A:link, .odd A:active, .odd span A:link, .odd span A:active {
	color: #3273b5;
}

.morespace li {margin-bottom: 10px;}

.nogap, #sidebar ul {padding-left: 18px;}
.smallgap {padding-left: 22px;}

/* still really ugly!  */

.courselist {   list-style: none;   padding-left: 0;}
.courselist li {margin-bottom: 12px; margin-top: 8px;}

/* why does this still show padding-left then? */
ul.chatims {
  list-style: none; 
  margin: 0; 
  padding: 0; 
  padding-left: 0;
  padding-bottom: 5px;
}

ul.chatims li {
  margin: 0; 
  padding: 0; 
  padding-bottom: 3px;
}

.box p { padding: 0 10px }

.highlight { background-color:#ffc; color: #000;}
.highlight a {color: #090DB9 !important;}
.highlight a:visited {color: #09768A !important; }


img { /* show pngs properly in IE. doesn't affect backgrounds? 
   behavior: url("/stylesheets/pngbehavior.htc");*/
	 border: 0;
}