/* generic */
body {padding: 0; margin: 1em 0 1em 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; text-align: center; font-size: 80%; color: #333; background: #1F4B64 url(../pics/background.jpg) repeat-x}
img {border: 0}

/* links */
a:hover {text-decoration: none}

/* misc */
.clear {display: block; clear: both; line-height: 0; font-size: 1px}
.center {text-align: center}

/* wrapper */
#wrap {position: relative; top: 0; left: 0; width: 70em; margin: 0 auto; background: #fff; border: 1px solid #bbb}

/* colorbox */
.colorbox {width: 100%; overflow: hidden}
.colorbox .topleft, .colorbox .topright, .colorbox .bottomleft, .colorbox .bottomright {width: 9px; height: 9px; line-height: 9px; overflow: hidden}
.colorbox .corners {position: relative; overflow: hidden; height: 9px; line-height: 0px}
.colorbox .corners .topleft {background: url(../pics/corners.gif); position: absolute}
.colorbox .corners .topright {background: url(../pics/corners.gif) top right; position: absolute; right: 0}
.colorbox .corners .bottomleft {background: url(../pics/corners.gif) 0 -9px; position: absolute}
.colorbox .corners .bottomright {background: url(../pics/corners.gif) -9px -9px; position: absolute; right: 0}

/* header */
#header {margin: 2em 2em 4em 2em; text-align: left; height: 8.7em}
#header .colorbox {background: #5487aa}
#header p {margin: 0; padding: 0; position: relative; top: 0; left: 0; height: 7.3em}
#header #chars {padding: 0 2em}

/* main */
#main {font-size: .85em; line-height: 1.6em; margin: 0; padding: 0 4.5em 1em 4.5em; text-align: left; background-color: #eee; border-bottom: 1px solid #ccc; border-top: 1px solid #fff}
#main h1, #main h2, #main h3 {font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif}
#main h1 {font-size: 2em; color: #4d4d4d; padding: 1em 0 0 0; margin: 0 0 .5em 0; text-transform: capitalize}
#main h2 {font-size: 1.5em; color: #4d4d4d; padding: 1em 0 0 0; margin: 0}
#main h3 {font-size: 1em; color: #4d4d4d; padding: .5em 0 0 0; margin: 0}
#main ol {margin: .7em 0 1em 0; padding: 0 0 0 2em}
#main p {margin: 0 0 1em 0}

/* box */
#main div.box {border: 1px solid #bbb; padding: 0.6em; margin: 0.6em; background-color: #f3f3f3; -moz-border-radius: 0.6em; width: 31em ! important; float: left; height: 11.4em; line-height: 1.4em}
#main div.box h2 {margin-top: 0; padding-top: 0 ! important; color: #465A73}
#main div.box:hover {border-color: #465A73}
#main div.box span {font-style: italic}
#main div.box img {float: right}

/* copyright */
#copyright {position: relative; font-family: arial, verdana, helvetica, sans-serif; margin: 1.7em 0 1.7em 0; font-size: .9em; color: #999; text-align: center}

/* lastmod */
#pagedate {font-size: .7em; text-align: right}

/* menu */
* html #nav {padding-top: 0.8em} /* IE hack */
ul#nav {position: absolute; top: 12em; left: 0; text-align: center; background: #ccc; list-style-type: none; margin: 0; padding: 0; font-weight: bold; width: 100%}
ul#nav li {margin: 0; padding: 0; display: block; float: left; text-align: center}
ul#nav li a {color: #4d4d4d; height: 2.6em; width: 7.5em; padding: 0; display: block; text-align: center; letter-spacing: 1px; line-height: 2em}
ul#nav li a:hover {color: #fff; background: #7BA2BD ! important; border-bottom: 1px solid #000 ! important}
ul#nav li a.members {background: url(../pics/lock.png) no-repeat 8px 6px; padding-left: 12px}
ul#nav li a.members:hover {background: #7BA2BD url(../pics/lock.png) no-repeat 8px 6px ! important; border-bottom: 1px solid #000 ! important}
ul#nav li.active {background: #eee; border-bottom: 1px solid #000}

/* banners */
#firefox {margin-left: 60em; position: relative; top: -43px}

#main .blogpost {border-bottom: none; margin-bottom: 3em; padding: 0 0 0 20px; border-left: 1px solid #999; border-bottom: 1px solid #999}
#main .blogpostsingle {border: none; padding-left: 0}
#main .blogpost .blogposted {margin-bottom: 0; padding-right: 6px; font-size: 80%; text-align: right}
#main .blogcommentposted {text-align: right; padding-right: 6px}
#main .blogpost h3 {margin: 0 0 4px 0}
#main .blognew {background: url(ny.gif) no-repeat right top}
#main .blognew h1, #main .blognew h3 {width: 92%}
#main .blognav {padding-bottom: 30px}
#main .blognav .alignleft, #main .blognav .alignright {float: left; width: 50%; height: 20px}
#main .blognav .alignright {text-align: right}
#main a img.blogthumb {float: left; margin-left: 0; margin-right: 10px}
#main .blogpost h3 a {color: #000; text-decoration: none}

/* calendar */
#main iframe#googlecal {width: 100%; height: 600px; border: none}

@media print {
	body * {color: #000 ! important; margin: 0}
	a {text-decoration: none}
	#wrap {border: 0 ! important; margin: 0; padding: 0}
	#header {margin: 0}
	#header #chars {display: none}
	#header, #menu, #nav, #copyright, #firefox, #banner, #banner-bottom {display: none}
	#main {font-size: 1em; border: none; margin: 0; padding: 0}
	#main a:link:after, #main a:visited:after {content: " (" attr(href) ") "}
	#main div.box {float: none}
	#main h1 {padding-top: 0}
	#main .center {text-align: left}
}