/* http://zepfanman.com/beta/web-design-tests-credits.php#css */

/* =Basic elements _____*/
* {margin: 0;padding: 0}
html{word-spacing: 0.1em;font: 94% sans-serif}
html>body .content{width: 300px}
body, html{background: url(burst.gif) #900}
body{padding: 0 15px;font-family: sans-serif; font-size: 100%}
/*div{border: 1px solid #bbb}*/
p{margin: .2em 0;padding: .3em 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: .9em .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"}
q:before, .refminor:before{content:open-quote}
q:after, .refminor:after{content:close-quote}
abbr, acronym, dfn{cursor: help;font-style: normal;
	border-bottom: dotted blue 1px}
.initialism{speak: spell-out}
dl, ol, ul{margin: 0}
dl{margin: -0.4em 0 1em}
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}
ol ol{list-style-type: lower-alpha}
ol ol ol{list-style-type: lower-roman}
li{margin: 0 0 .5em}
li li{margin-top: .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;margin: 0;line-height: 97%}
#domain span{color: #900}
a#domain,a:visited#domain,a:hover#domain,
	a:active#domain{font-weight: bold;
	font-size:1.4em;color: black;text-decoration: none}

/* =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;
	padding-bottom: 1.5em;background: white}
#side{float: right;width: 30%;margin: 0 2% 0 0;padding-top: 1em;
	font-size: 90%;word-spacing: -.1em;background: white}
#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,body#bel #footer{background: #fcc}
#nbel a:hover{background: #fcc}
body#bel #nav{border-color: #fcc}
#nled a{width: 7em}
body#led #nled a,body#led #footer{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,body#lin #footer{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 _____*/
#search{display: block;margin: .7em 0 2em}
#side #search{padding: .2em .2em .9em .7em;margin: 0}
.stretch{width: 70%}
.go{width: 20%}

/* =Headings _____*/
h1{font: .8em serif;text-transform: uppercase}
h2{font-size: 1.3em}
#header h1{float: right}
#header h1 a{display: block;float: left;color: white;text-decoration: none;
	padding: .1em .2em .1em .1em;width: 6.3em;border: .2em solid black;
	background: red;font: bold 1.3em sans-serif;
	margin: .2em;text-align: right;line-height: 100%}
#main h1{margin: 3em 0 1em;border-top: .5em solid #900}
#main h1,#side h1{letter-spacing: .3em}
#main h2,.sectiontop{margin-top: 2em;border-top: 1px solid black}
#main h2{margin: 1.3em 0 .5em;padding-top: .1em;
	font-family: Georgia,serif;font-weight: normal}
#main h3, #main h4{margin: 1em 0 .4em}
#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;margin: 0}


/* =Misc _____*/
.ietest{display: none}
.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}
/* .caption requires width:[img+5] 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}
.tr{float: right;margin: 2px 0 3px 3px}
.newline {clear:both}
.topofbox{margin-top: .4em!important}
.topofpage{margin-top: .6em!important}
.textbox{padding: .5em}
.bhome{font-size: 1.5em}
.bmore,.bmore2{padding: 0;font-size: .8em}
.bmore2{margin-bottom: 3em}
#side .bmore{margin-bottom: 2em}
#main hr{display: none}
#main p{line-height: 136%}
p.weblog {padding: .3em 0;margin: 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 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}
#flickr img{margin: 0 0 .7em .7em}
#galrand img{margin: 0 0 1em .7em}

.eventful-sticker{}

/* =Temporary testing _____*/
.testborder{border: 1px solid #bbb}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cleartest{display: block!important}
#betatest{text-transform: uppercase;color: #900;
	text-decoration: none}