/* styles for MENTAL SHOES 001 */

/* body */
body { background-color: rgb(20,20,20); text-align: center; min-width: 800px; min-height: 800px; }


/* divs */
#page { position: absolute;  text-align: center;  left: 0px; top: 5px; right: 0px; margin-left: auto; margin-right: auto; width: 800px; height: 800px; z-index: 0; }

#content { position: absolute; text-align: left; left: 0px; top: 0px; width: 800px; height: 800px;  background-color: rgb(200,200,200); z-index: 1; }

#this_issue { position: absolute; text-align: left; left: 10px; top: 10px; width: 320px; height: 750px; z-index: 2;}

#share_area { position: absolute; text-align: left; left: 10px; top: 750px; width: 320px; height: 30px; z-index: 2; }

#all_issues { position: absolute; text-align: left; left: 330px; top: 10px; width: 470px; height: 780px; background-color: rgb(210,210,210); z-index: 2;}




/* text behaviors general */

h1 { font-family:Verdana,Helvetica,Arial,"Sans Serif"; font-size: 18px; font-weight: normal; color: rgb(40,40,40); margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 0px; text-indent:0px; line-height:100%;}

h2 { font-family:Verdana,Helvetica,Arial,"Sans Serif"; font-size: 16px; font-weight: normal; color: rgb(40,40,40); margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 0px; text-indent:0px; line-height:100%;}

p { font-family:Verdana,Helvetica,Arial,"Sans Serif"; font-size:10px; font-weight: normal; color: rgb(40,40,40); margin-left:10px; margin-right:10px; margin-top: 6px; margin-bottom: 0px; text-indent:0px; line-height:130%; } 

p.issue { margin: 0px 0px 0px 0px; text-align: left; font-weight: normal; font-size: 10px;   }

b.label { font-family:Verdana,Helvetica,Arial,"Sans Serif"; font-size:10px; font-weight: normal; text-decoration: none; color: rgb(40,40,40); margin-left: -60px; margin-right: 40px;}

b.descr { font-family:Verdana,Helvetica,Arial,"Sans Serif"; font-size:10px; font-weight: normal; text-decoration: none; color: rgb(40,40,40); margin-left: 10px; margin-right: 20px; }

span.pic { position: absolute; left: -320px; top: 61px; width: 320px; z-index: 4; }

span.descr { position: absolute; left: -310px; top: 380px; width: 300px;  background-color: rgb(200,200,200); z-index: 4; }

#all_issues img { margin: 10px 0px 20px 10px; }


/* link behaviors */
a:link, a:visited { color: rgb(50,50,50); font-weight: normal; text-decoration: none; }
a:hover { color: rgb(50,50,50); font-weight: normal; text-decoration: none; }

#all_issues a:link, $all_issues a:visited { color: rgb(90,90,90); font-weight: normal; text-decoration: none; }
#all_issues a:link img { background-color: none; }
#all_issues a:hover img { background-color: none; }


/* link mouseover span behaviors */

div#all_issues a span { }

div#all_issues a:link span { visibility: hidden; }
div#all_issues a:visited span { visibility: hidden; }
div#all_issues a:hover span { visibility: visible; }

#programming_info { position: absolute; left: 0px; top: 760px; height: 30px; width: 800px; background-color: green; z-index: 4;}