@import url(style.css);

/* style.css is the part of this css which is loaded (directly) by the blog */

/* the css here is specific to the features etc. */

#header { background: url('images/topright_black_fade_06.gif') #404040 no-repeat top right;}
#menubar { background: url('images/menubar_01.png') #e7e7e7 repeat-x; border: none;}

/* instead of having to put a .post on every page: */
#content{
	text-align: justify;
}

#content p a:visited, #content li a:visited{
	color: #b38080;
}

/* START of TAKEN FROM OLD MARK II CSS */

a.hidden:link{color:#000000; text-decoration: none;}
a.hidden:visited{color:#000000; text-decoration: none;}
a.hidden:hover{color:#000000; text-decoration: underline;}
a.hidden:active{color:#000000; text-decoration: underline;}

span.char{color:#000000; font-variant: small-caps; font-weight: bold;}

p.documentlogo{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/* miscellaneous styles */

p.centrepar{
text-align: center;
}

p.bigcentre{
text-align: center;
font-size: x-large;
}

p.right{
text-align: right;
}

p.caption{
	font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-size: small;
font-weight: bold;
}

p#readitnow{
font-size: large;
}

div#rndlinks{
text-align: center;
margin-top: 5ex;
}

div#title{
text-align: center;
margin-bottom: 40px;
}

div#title h1{
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
}

p.underh1{
text-align: center;
font-style: italic;
}

h2.pghd{
margin-top: 4ex;
color: #000000;
font-size: medium;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

h2.major{
	border-bottom: 1px solid #949494;
	font-weight: normal;
	font-size: x-large;
}

h2.zingy{
color: #ff0000;
font-style: italic;
font-weight: normal;
}

table.form th{
text-align: right;
vertical-align: middle;
border: none;
padding: 10px;
}

table.form td{
text-align: left;
border: none;
padding: 10px;
}

div.search{
text-align: center;
}

div.search table{
margin-top: 2em;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
text-align: left;
}

span.small{
font-size: small;
}

img.lineup{
vertical-align: text-bottom;
}

.xsred{
color: red;
}

p.ftnote{
font-size: xx-small;
}

img#xsbox{
float: right;
margin-left: 10px;
}

.floatright{
float: right;
margin-left: 10px;
border: 1px solid black;
}

.floatright_noborder{
	position: relative;
	float: right;
	margin-left: 10px;
}

.brd{
	border: 1px solid black;
}

#stdwdth,#stdwdth2{
	width: 280px;
}

.floatright_noborder_stdwdth{
	position: relative;
	float: right;
	margin-left: 10px;
	/* New margin-top needed to push away from h2
	   in Mark IV design (don't know why!) */
	margin-top: 15px;
	width: 280px;
}

.floatright_noborder p,.floatright_noborder_stdwdth p{
	font-size: x-small;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #949494;
}
	
.floatleft_noborder{
	position: relative;
	float: left;
	margin-right: 10px;
}
	
br.clear{
	clear: both;
}

br.clearleft{
	clear: left;
}
	
.centreimg{
margin-top: 3ex;
text-align: center;
}

.centreimg img{
border: 1px solid black;
}

p.intro{
font-style: italic;
}

#wmd{
margin-top: 10px;
}

a.crosshair:hover{cursor:crosshair}

blockquote{
	font-style: italic;
}

.lihd{
font-weight: bold;
}

.allcaps{
	text-transform: uppercase;
}

p.question{
	margin-bottom: 0.5ex;
}

p.inputs{
	margin-left: 3em;
	margin-top: 0ex;
	margin-bottom: 4ex;
}

img.vtop{
	vertical-align: top;
}

img.vmid{
	vertical-align: middle;
}

img.vbottom{
	vertical-align: bottom;
}

table.iq td{
	vertical-align: middle;
}

table.iq td#iq_mag{
	width: 277px;
}

table.iq td#iq_tonic{
	width: 100px;
}

table.iq img{
	margin-left: 10px;
	margin-right: 10px;
}

p.sh_border{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #6699ff;
}

table#chemreaction{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
	
table#chemreaction td{
	vertical-align: middle;
	padding: 10px;
}

/* END of TAKEN FROM OLD MARK II CSS */

/* New stuff for stories */
.contentitem{
	/* not used yet */
}

.leftillustration{
	vertical-align: top;
	padding-top: 35px;
	padding-right: 20px;
}

.rightillustration{
	vertical-align: top;
	padding-top: 35px;
	padding-left: 20px;
}
/* End of new stuff for stories */

img.cartoon{
    width: 600px;
    height: 425px;
}