/* HSJP Stylesheet */

/* main element locations */

#Header  { position: absolute; top: 0px; left: 0px; 
	   padding-left: 150px;
	   padding-top: 30px;
           background: #FFFFFF url(../images/title.gif) no-repeat; 
	   background-position: 150px 30px;
           width: 650px; height: 106px; 
	   z-index: 2; }           

#Menu	 { position:absolute; top:136px; left:50px; 
	   width:158px; height: 80%; 
	   background: #eeeeee; }

#Content { position: absolute; top: 136px;
	   margin-left: 228px; 
	   margin-top: 0px; 
	   margin-right: 50px; 
	   padding-bottom: 50px; 
	   z-index: 1;
	   width: 550px; }

/* generic style settings */

font		{font-family: Verdana,Helvetica; font-size: 10px}
p		{font-family: Verdana,Helvetica; font-size: 10px}
div		{font-family: Verdana,Helvetica; font-size: 10px}
input 		{border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
textarea	{border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
select		{border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
form 		{font-family: Verdana,Helvetica; font-size: 10px}
th		{font-family: Verdana,Helvetica; font-size: 10px; vertical-align: top; }
td		{font-family: Verdana,Helvetica; font-size: 10px; vertical-align: top; }

body               { background: #ffffff; color: #000000; font-family: Verdana,Helvetica; font-size: 10px; } 
a                  { background: none; color: #363636; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline}
a:link             { background: none; color: #363636; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline}
a:active           { background: none; color: #363636; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline}
a:visited          { background: none; color: #363636; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline}
a:hover            { background: none; color: #363636; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline}

/* menu box */
.box-title   	{ background: #c0c0c0; color: #000000; font-weight: bold; padding: 3px; border: 1px solid black; margin-bottom: 4px; }
.box-item       { color: #363636; font-size: 10px; padding: 1px;
                  display: list-item;
                  list-style-type: disc;
                  list-style-position: inside;
                  list-style-image: url(../images/dot.gif); }
.box-item-small { color: #363636; font-size: 8px; padding: 1px;
                  display: list-item;
                  list-style-type: disc;
                  list-style-position: inside;
                  list-style-image: url(../images/dot.gif); }

/* view page */
.view      	{ background: #eeeeee; color: #000000; border: 1px solid gray; padding: 15px; }
.view-title	{ margin-bottom: 10px; }
.view-text      {  }
.view-list      {  }
.view-details	{ color: #999999; padding: 3px; border: 1px solid #eeeeee; margin-top: 10px; text-align: right; }

/* item list */
.item        	{ margin-top: 10px; margin-bottom: 10px; }
.item-title  	{ background: #c0c0c0; color: #000000; font-weight: bold; padding: 3px; width: 450px; border: 1px solid black; }
.item-text   	{ margin-top: 5px; width: 450px; }
.item-author 	{ color: #999999; padding: 3px; border: 1px solid #eeeeee; margin-top: 10px; text-align: center; }
.item-edit	{ }

/* welcome text + login text */
.text-title   	{ background: #eeeeee; color: #000000; border: 1px solid gray; text-align: center; padding: 10px; font-weight: bold; font-size: 14px; margin-bottom: 12px; }
.welcome        { background: #eeeeee; color: #000000; border: 1px solid gray; padding: 15px; }
.welcome-title	{ font-weight: bold; text-align: center; }
.flash			{ background: #eeeeee; text-align: center; margin-top: 5px; }
.flash-text		{ margin-top: 5px; }

.login          { background: #eeeeee; color: #000000; border: 1px solid gray; padding: 10px; }
.edit           { background: #eeeeee; color: #000000; border: 1px solid gray; padding: 10px; }
.error          { background: #eeeeee; color: #000000; border: 1px solid gray; padding: 10px; }

/* rss feeds */
.rss		{ background: #eeeeee; color: #000000; border: 1px solid gray; padding: 10px; margin-top: 20px; }
.rss-title	{ font-weight: bold; padding: 3px; text-align: center; margin-bottom: 5px; }
.rss-item	{ display: list-item;
                  list-style-type: disc;
                  list-style-position: inside;
                  list-style-image: url(../images/dot.gif); }
.rss-link	{ margin-top: 10px; margin-left: 20px; }	

/* exported rss */

.etc-footer	{ text-align: center; font-size: small; margin-top: 10px; }

/* wiki elements */
.table-with-border 	{border: 1px solid gray; padding: 5px; border-collapse: collapse; margin-top: 5px; margin-bottom: 5px; }
.table-with-border th	{border: 1px solid gray; padding: 5px; border-collapse: collapse; }
.table-with-border td   {border: 1px solid gray; padding: 5px; border-collapse: collapse; }

h1	{ font-size: 16px; }
h2	{ font-size: 14px; }

/* Album */

.album 		{ margin: 20px; text-align: left; float: left; }
.album img 		{ margin: 5px; width: 100px; height: 100px; border: 1px solid black; padding: 3px; }
.album-description	{ display: none; }