/* Technology Stylesheet */

body { margin: 0; font-size: 14px; line-height: 22px; font-family: "Open Sans", "Helvetica", "Arial", sans-serif; background: url('bg.gif') repeat-x; }

@media screen and (max-device-width: 480px) {
  body { -webkit-text-size-adjust: 100%; }
}

#container { width: 1024px; margin: 0 auto;}

#search { font-size: 12px; }

p { margin-top: 1em; margin-bottom: 1em; }

h2 { margin-top: 22px; }

h3 { color: #009bbc; }

pre { 
	font-family: Monaco, Consolas, "Lucida Console", "Courier New", Courier, monospace;
	background-color: #eeeeee;
	padding: 8px;
}

code { font-family: Monaco, Consolas, "Lucida Console", "Courier New", Courier, monospace; }

ul li {
	margin:11px 0px 0px -22px;
	list-style-type: square;
}

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub { top: 0.4em; }

.logo { width:241px; height:40px; }

.box {
	border:1px #CCCCCC solid;
	padding: 0 8px 16px 8px;
}

/* Tables */

table { border-collapse: collapse; margin: 10px 0 }

td { border: 1px solid #DDD; vertical-align: top; padding: 2px; }

table.new { border: none; }
table.new thead tr { border: none; border-bottom: 3px solid #eee; }
table.new tbody tr { border:none; border-bottom: 2px solid #e9e9e9; }
table.new td { padding-right: 6px; border: none; }

td a:link, td a:visited {text-decoration: none; color: black; }
td a:hover {text-decoration: underline; color: #009bbc; }

th, td { padding: 0 4px 0 4px; }

/* Equations */

.eqn { display: inline-block; vertical-align: middle; }
.num { display: block; text-align: center; border-bottom: 1px solid; }
.den { display: block; text-align: center; } 

/* Links */

a:link, a:visited {text-decoration: none; color: #009bbc; }

a:hover {text-decoration: underline; color: #009bbc; }

/* Styles */

.center { text-align:center; }

/* Textarea */

.wysiwyg { margin-top: 0; }

.wysiwyg textarea {width: 720px; }

.headernav {
	width: 960px;
        margin: 0 auto 0 auto;
}

#usernav, #searchform {
	margin-top: 22px;
	float: right;
	clear: both;
	width: 200px;
}

.searchinput { width: 10em; }

.logo { 
	display: block;
	margin: 0 auto 0 auto;
	padding-right: 719px;
}

#title { display: none; }

#header {
	padding-top: 32px;
}

.description {
	width: 960px;
        margin: 0 auto;
	padding-bottom: 4px;
}

#wiki {
	width: 960px;
        margin: 0 auto;
	padding-bottom: 16px;
}

#content {
	width: 720px;
}

#content table {
    	border-collapse: collapse;
    	font-size: 13px;
}

#navigation, #colophon {
	margin-left: 40px;
	margin-bottom: 0;
	width: 200px;
        float: right;
        clear: both;
}

#colophon h3, #navigation h3 { color: black; }

#colophon h4, #navigation h4 { margin-bottom:0; margin-top:0; }

#colophon li, #navigation li {
	list-style:none;
	margin: 0 0 0 18px;
	text-indent: -18px;
}

#colophon ul, #navigation ul {
	padding-left:0;
	margin-bottom:0; margin-top:0;
}

h4 a:link, h4 a:visited {color: black; }

/* Popular */

#popular {
	margin-left: 40px;
	margin-bottom: 0;
	width: 200px;
        float: right;
        clear: both;
}

#popular h3 { color: black; }

#popular li {
	list-style:none;
	margin: 0 0 0 18px;
	text-indent: -18px;
}

#popular ul {
	padding-left:0;
	margin-bottom:0; margin-top:0;
}