/* CSS file structuring inspiration:
http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html and
http://www.contentwithstyle.co.uk/index.php?id=12&s=Articles
http://tantek.com/CSS/Examples/boxmodelhack.html
shorthand: p {font: italic small-caps bold 14pt/110% [/line height] times sans-serif}
trbl, t_rl_b or tb_lr
Floated captions and images have a problem with adjacent borders "intruding" into them - see beta/float-intrusion.php  */

/* =Basic elements _____*/
* {margin: 0;padding: 0;word-spacing: 0.1em}
/* Opera box model hack - not sure what I was testing this on! */
html>body .content{width: 300px}
/* background from http://k10k.net/frames.aspx?section=patterns */
body, html{background: url(burst.gif) #900}
body{padding: 0 15px;font-family: sans-serif; font-size: 100%}
/*div{border: 1px solid #bbb}*/
p{padding: .7em 0}
img{border-width: 0}
a{color: black}
a:visited{color: #666}
a:focus, a:hover, a:active{color: #600}
cite{font-style: normal}
blockquote{margin: .7em .5em .7em 2em;padding: 0 .7em;
	border: 1px solid;border-color: #ccc #666 #666 #ccc;
	background-color: white/*;background: url(bq.gif) top left no-repeat;*/}
.sources{font-size: .8em;border-top: 1px dotted black;
	margin-top: .4em;padding: .5em 0}
.refmajor{font-style: italic}
q{quotes: "\201C" "\201D" "\2018" "\2019"}
/* Since 2018 and 2019 don't render correctly (I don't know why), <q> should only be used on the first nesting; eg “Hello double has ‘Hello single’ within” should use 8216 and 8217 manually &#8220;, &#8221;, &#8216;, and &#8217; */
q:before, .refminor:before{content:open-quote}
q:after, .refminor:after{content:close-quote}
/*acronym is abolished in XHTML2, but abbr does not show in IE5!
	Really only need to consider use with speak: spell-out*/
abbr, acronym, dfn{cursor: help;font-style: normal;
	border-bottom: dotted blue 1px}
.initialism{speak: spell-out}
dl, ol, ul{margin: 0 0 1em}
dl{margin: -0.5em 0 2em}
dt{font-weight: bold;margin: .5em 0 0}
dd{margin: 0 0 0 2em}
dd p{margin: 0 0 .5em}
ul, ol{padding: 0 0 0 2.5ex}
ol{padding-left: 3ex}
li{margin: 0 0 .5em}

/* =Header _____ */
#header{background: #bbb;border-bottom: 1px solid black}
#header li{display: inline;list-style: none}
#skip{position: absolute;left: -9999px}
#header p{padding: .7em;line-height: 95%}
#domain span{color: #900}

/* =Structure _____*/
#wrap{margin: 0 auto;max-width: 60em;background: white;
	position: relative;line-height: 125%}
#main{float: left;width: 60%;margin: 0 0 0 4%;padding-top: 1em}
#side{float: right;width: 30%;margin: 0 2% 0 0;padding-top: 1em}
#footer{clear: both;background: #bbb}

/* =Nav  _____*/
#nav {border-bottom: .8em solid black;float: left;width: 100%;
background: url(/images/bgmeng.jpg) bottom left repeat-x}
#nav ul{margin: 0;padding: 0;float: left}
#nav li,#footer li{display: inline;list-style: none}
#nav a{display: block;float: left;padding: .2em 0 0 .7em;
	height: 1.7em;border-right: 1px solid black}
#nav a:hover{font-style:italic}
body#bel #nbel,body#led #nled,body#gal #ngal,
	body#lin #nlin,body#blo #nblo{font-weight: bold}
#nbel a,#ngal a{width: 5em}
body#bel #nbel a{background: #fcc}
#nbel a:hover{background: #fcc}
body#bel #nav{border-color: #fcc}
#nled a{width: 7em}
body#led #nled a{background: #ffc}
#nled a:hover{background: #ffc}
body#led #nav{border-color: #ffc}
body#gal #ngal a,body#gal #footer{background: #cff}
#ngal a:hover{background: #cff}
body#gal #nav{border-color: #cff}
#nlin a,#nblo a{width: 4em}
body#lin #nlin a{background: #cfc}
#nlin a:hover{background: #cfc}
body#lin #nav{border-color: #cfc}
body#blo #nblo a,body#blo #footer{background: #cc9}
#nblo a:hover{background: #cc9}
body#blo #nav{border-color: #cc9}

/* =Search _____*/
#side .search{padding: .2em .2em .9em .7em}
.search{display: block}
.stretch{width: 70%}
.go{width: 20%}

/* =Headings _____*/
h1{font: normal .8em serif;text-transform: uppercase}
#main h1{margin: 3em 0 2em;border-top: .5em solid #900}
#main h1,#side h1{letter-spacing: .3em}
#main h2,.sectiontop{margin-top: 2em;border-top: 1px solid black}
#main h3, #main h4{margin: 1em 0}
#side h1{padding: .2em;padding-left: .7em;margin: .6em 0;
	border-top: .3em solid #900;
	background: url(/images/bgment.jpg) top left repeat-x}
#side h2{font-size: .8em;padding: .5em .2em .5em .7em;
	border-top: 1px solid #bbb}

/* =Forms _____*/


/* =Footer _____*/
#footer {border-top: .8em solid #900}
#footer h1{display: none}
#footer ul{margin: 0;padding: .5em .7em 0 .7em}
#footer li{margin-right: .3em}
.footdiv{margin-left: .5em}
#footer p{padding:0 .7em .7em .7em}


/* =Misc _____*/
/* ietest shows elements only in Internet Explorer */
.ietest{display: none}
/* http://web-graphics.com/mtarchive/001589.php */
.shadow{float: right;padding: 0 4px 4px 0;margin: 0 0 .7em .9em;
    background: url(http://zepfanman.com/images/shadow.png) no-repeat bottom right}
.shadow img{display: block;position: relative;
    top: -2px;left: -2px;padding: 5px;background: #FFF;
    border: 1px solid;border-color: #ccc #666 #666 #ccc}
/* http://www.simplebits.com/notebook/2004/01/02/simplequiz_part_xi_image_floating.html
	Modified so that width:[img+5] is required inline on main div */
.caption{float: right;border: 1px solid;background: white;
	padding: 5px 0 5px 5px;margin: 0 0 .7em .9em;
	border-color: #ccc #666 #666 #ccc}
.caption label{padding-top: 3px;display: block;font-size: .8em}
.tl{float: left;margin: 0 .9em .7em 0}
.topofbox{margin-top: .4em!important}
.topofpage{margin-top: .6em!important}
.textbox{padding: .5em}
.bmore{padding-top: .7em}
.bmore,.bmore2{padding: 0;font-size: .8em}
.bmore2{margin-bottom: 3em}
#main hr{display: none}
p.weblog {padding: .3em 0;font-size: .8em}
.weblog cite{font-weight: bold;font-size: 1.3em}
.homefav {margin: 1.5em 0}
.homefav dd{margin-bottom: .5em}

.minor{font-size: small;font-weight: normal;
	word-spacing: -.1em}
.linknew, .linkedit {font-style:italic; font-size:smaller;
	line-height:105%}
.linknew, .red {color:red !important}
.linkedit {color:#888}
#side p{margin: .5em .7em}
.maplist ul{padding-left: 5ex;margin-top: .5em}

/* flickr image styling, UNUSED except for last few items
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#flickr p, #galrand p{padding: 0;margin: .1em .7em}
#flickr a:link, #flickr a:visited, #flickr a:hover,
#flickr a:active{color: #3993ff; 
	font-family: Arial, Helvetica, Sans serif}
#flickr a span{color:#ff1c92}
#galrand img{margin: 0 0 1em .7em}

/* =Temporary testing _____*/
#screen-normal{font-weight: bold}
.testborder{border: 1px solid #bbb}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {clear:both}
.cleartest{display: block!important}