*{margin:0;padding:0;}
body{font-size:62.5%;font-family:Georgia, serif;background:#4a4c52;}
.clear{clear:both;}

h1,.contentheading {font-size:2em;text-align:center;padding:10px 0;border-bottom:1px #000 dashed;}
h1#home{border-bottom:0px;color:#fff;font-size:2em;text-align:center;background:url(../images/header.png) repeat;padding:10px 0;}
h2{font-size:2em;font-weight:400;}
h3{font-size:1.8em;}

p{margin-bottom:15px;font-size:1.4em;}
img{border:none;vertical-align:middle;}
ul{list-style:disc inside;}
ul li{font-size:1.4em;}

div#page-wrap{width:340px;margin:0 auto;padding:0 5px;}

#slider{width:320px;overflow:hidden;position:relative;}
#mask{width:3200px;position:relative;left:0;}
#mainMenu{width:320px;float:left;margin-top:5px;}

.article-text, .contentpaneopen {width:320px;float:left;overflow:hidden;background:url(../images/article-gradient.png) repeat-y;}
.article-text *  {padding:5px 10px;}
.article-text img  {padding:0;}
.headline{background:url(../images/bg.png) top center no-repeat;min-height:60px;cursor:pointer;padding:3px 50px 0 13px;}

pre{width:300px;overflow:auto;font-size:1.5em;}
.date{background:url(../images/date.png) no-repeat;padding: 2px 0 0 6px;color:#fff;height:23px;float:left;width:55px;}

.h2{line-height:25px;}
h1 a,h2 a{text-decoration:none;color:#212575;}

#menu {background:url(../images/menu.png) repeat-x;height:45px;}
.menu li {padding: 0px 15px;padding-top:5px;list-style:none;float:left;margin:6px 3px 0 1px;width:40px;height:30px;background:url(../images/menuli.png) no-repeat;}
.menu li a {color:#fff;text-decoration:none;padding-top:5px;font-size:12px;font-weight:bold;text-align:center;}
.menutop {width:340px;margin:0 auto;padding:0 5px;}
/* === TYPOGRAPHY === */
.poem {
        color: #424242;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 20px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
        }

.firstletter {margin-right:6px;margin-top:5px;float:left;color:white;background:#ccc;border:1px solid #999;font-size:50px;line-height:50px;padding-top:2px;padding-right:5px;}
.quote {
float: right;
width: 8em;
background: url(../images/icons/openquote.gif) top left no-repeat;
color: #000;
font-size: 2em;
line-height: 0.9;
font-style: italic;
padding: 0.5em;
margin: 0;
		}

.message-box {padding: 5px; color:#545454; width:70%;  margin:5px auto; }

.info  {padding:7px 10px 7px 60px; background: #f7fafd url(../images/icons/Info.png) 5px no-repeat; border-bottom: 2px solid #b5d3ff;border-top: 2px solid #b5d3ff;}
.ok    {padding:7px 10px 7px 60px; background: #d7f7c4 url(../images/icons/Next.png) 5px no-repeat; border-top: 2px solid #82cb2f;border-bottom: 2px solid #82cb2f;}
.alert {padding:7px 10px 7px 60px; background: #fef5be url(../images/icons/Warning.png) 5px no-repeat; border-top: 2px solid #fdd425;border-bottom: 2px solid #fdd425;}
.error {padding:7px 10px 7px 60px; background: #ffcdd1 url(../images/icons/Delete.png) 5px no-repeat; border-top: 2px solid #e10c0c;border-bottom: 2px solid #e10c0c;}

h4.h4 {
font-size:20px;
}

h5.h5 {
font-size:16px;
}

h6.h6 {
font-size:12px;
}

ol.ordered {margin-left:20px;}
ul.unordered, ul {margin-left:10px;}
ul.a {list-style-image: url(../images/icons/1.png);}
ul.b {list-style-image: url(../images/icons/2.png);}
ul.c {list-style-image: url(../images/icons/3.png);}
ul.d {list-style-image: url(../images/icons/4.png);}
ul.e {list-style-image: url(../images/icons/5.png);}