/* JASSS article style sheet 

	NG 29 December 2009
	
*/
body {
    margin:0;
    padding:10px; 
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:98%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout */
    /* use Unicode font if possible to allow for special characters */
	font-family: "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Geneva, Arial, sans-serif;
}

/* liquid layout with fixed right column, from
	http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm
	
*/

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* all the article tools stuff should only display on the screen */

@media screen {

/* 2 column right menu settings */
.rightmenu {
    background:#fff;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-180px;	/* - width of right panel (=WRP) + 30 */
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 15px 0 195px;	/* left margin to panel, and WRP + 45 */
    overflow: auto;
}
.col2 {
    float:right;
    width:150px;		/* WRP */
    position:relative;
    left:165px;			/* WRP + 15 */
    background: #CCC;
    border: 1px solid red;
    padding: 7px;
    text-align: center;
    /* add rounded corners to panel; works only with Firefox and Safari, ignored by IE */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	font-size: 11px;
	font-family: Georgia,"Minion Web",serif;
}

.rightmenu #sidebaricon {
	background: #FFF;
	width: 20px;
	left: 35px;
	border: 0;
}


.rightmenu .col2 .sidebarContent {
	background: #EEE;
	border-top: 1px dotted black;
}

.rightmenu .col2 .sidebarTitle {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	padding: 0px;
	margin: 0;
}

.rightmenu .col2 .panel {
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;	
	border-bottom: 1px dotted black;
}

.rightmenu .col2 .panel a {
	color: black;
	text-decoration: none;
}

.rightmenu .col2 .panel a:hover {
	background-color:#FC9;
}

}
	
/* main content */
a:link {
	color:#0000ff;
	}
a:visited {
	color:#006633;
	}
a:active {
	color:#99cc99;
	}
	
img {
	border:0;
	}
	
h1, h2, h3 {
	font-weight: bold;
	font-size: large;
	}
h4 {
	font-weight: bold;
	}
h5 {
	font-weight: bold; 
	font-style: italic; 
	font-size: medium;
	}
h6 {
	font-weight: normal; 
	font-style: italic;
	font-size: medium;
	}

h3 img {
	vertical-align: -20%;
	padding-right: 15px;
}

dl[compact] dt { float: left; clear:both; padding-right: 0.5em}
dl[compact] dd { padding-left: 0.5em; }

tt { font-size: 120%; }

.textit {
    font-style: italic;
    }
.textbf {
    font-weight: bold;
    }
    

.acrobat, .back, .bookorder {
	}
	
.copyright {
	font-size: x-small;
	}

.artauthor {
	font-size: 130%;
	font-weight: bold;
	}

.arttitle {
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	}
	
.artlocation {
	font-size: 120%;
	text-align: center;
	}
	
.artinfo, .artdates {
	font-size: 80%;
	text-align: center;
	}
	
.footer {
	font-size: small;
	text-align: center;
}

/* adapt style for printing */

@media print {
body {font-size: 11pt;}
.colmask {overflow: visible}
.col2 {display:none}
a {color: black; text-decoration: none}
a:link, a:visited, a:active {color:black}
.artauthor {text-align: left; font-weight: normal; font-size: large} 
.arttitle {text-align: left; font-weight: bold; font-size: large} 
.artlocation, .artdates {text-align: left}
.artinfo {display: none}
.back {display: none}
#footer {display: none;}
}