/*  common.css - MoinMoin Default Styles

Copyright (c) 2009 by Hexagram 49, Inc. (Michael Glukhovsky)
*/

@import url('/css/global-style.css');

* {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: small;
}

body {
    background: white;
}

#header {
    width: 910px;
    height: 75px;
    position: relative;
}

#logo {
    float: left;
    margin-left: 25px;
}

#topMargin {
    padding-top: 15px;
}

.links {
    margin-right: 10px;
    height: 75px;
    float: right;
}

.link {
    float: left;
    border-top: 10px solid #FFF;
}

.link img {
    padding-left: 15px;
    padding-right: 15px;
}

.link:hover {
    border-top: 10px solid #E32B22;
}

.selectedLink {
    border-top: 10px solid #E32B22;
}

#containerTop {
    background: url('/images/base/border-shadow-header.png');
    height: 30px;
    width: 960px;
    margin: 0 auto;
}

#mainImage {
    background: url('/images/get-involved/main-image.png');
    position: relative;
    margin: 0 auto;
    width: 860px;
    height: 100px;
}

#container {
    background: url('/images/base/border-shadow-content.png') repeat-y;
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    clear: both;
    overflow: auto;
}

#containerBottom {
    background: url('/images/base/border-shadow-footer.png');
    height: 30px;
    width: 960px;
    margin: 0 auto;
    clear: both;
}

a, a img {
    border: none;
}

a {
    color: #0040B6;
    text-decoration: underline;
}

a:hover {
    color: #CE271F;
}

#header li, #header ul {
    list-style-type: none;
}

.main {
    width: 960px;
    margin: 0 auto;
    clear: both;
}

#wikiContent {
    padding-bottom: 20px;
    width: 860px;
    margin: 0 auto;
    padding-top: 30px;
}

#footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #444;
}

#sidePanels {
    float: right;
    width: 255px;
}

.sidePanel {
    padding-bottom: 15px;
}

.sidePanelTop {
    background: url('/images/base/side-panel-header.png');
    height: 5px;
}

.sidePanelContent {
    background: url('/images/base/side-panel-content.png') repeat-y;
    padding: 5px 15px;
}

.sidePanelBottom {
    background: url('/images/base/side-panel-footer.png');
    height: 5px;
    clear: both;
}

.sidePanelTitle {
    font-size: medium;
    font-weight: bold;
    padding-bottom: 15px;
}

/* MoinMoin-specific classes */

#sitename * {
	font-size: xx-large;
}

#loginbar {
	list-style: none;
	float: right;
	background-color: white;
	padding: 5px;
}

#breadcrumbs {
	margin: 10px 0px;
	padding: 10px;
	background-color: #EDF2F6; 
}

#breadcrumbs * {
	font-size: small;
	display: inline;
}

#breadcrumbsTitle {
	font-weight: bold;
}

#pagetrail {
	padding-left: 10px;
}

#pagelocation * {
	font-size: xx-large;
	color: black;
	text-decoration: none;
	display: inline;
}

#pagelocation {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: medium solid black;
}

#page {
	margin-bottom: 35px;
}

#content {
    padding-top: 0px;
}

#content h1 {
	font-size: x-large;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: thin solid black;
}

#content h2 {
	font-size: large;
	font-weight: normal;
	margin: 15px 0px;
}

#content li {
	margin-left: 35px;
	padding-left: 2px;
}

#content p {
	margin: 1em 0;
}

#content li p {
	margin: 0 !important;
}

#editbar {
	margin: 10px 0px;
	padding: 10px;
	background-color: #EDF2F6; 
}

.editbarOption {
	display: inline;
	margin: 0px 5px;
}

.editbarOption a{
	font-size: x-small;
}

.actionsmenu, .actionsmenu div {
	display: inline;
}

.actionsmenu div select, .actionsmenu div select option {
	font-size: x-small;
}

#pageinfo {
	margin: 1em 0;
	font-style: italic;
}

#wikiFooter {
	margin-top: 20px;
	padding-top: 10px;
	border-top: thin solid #777;
	font-style: italic;
	color: #222;
	font-size: small;
}

#wikiFooter * {
	font-size: x-small;
}

#message {
	background-color: #EDF2F6; 
	margin: 10px 0px;
	padding: 15px 10px;
}

td {
	padding: 5px 10px;
}

#editor-help {
	background: #EDF2F6;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#editor-help dl {
	border-bottom: thin solid #666;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#editor-help img {
	vertical-align: middle;
}

#editor-help dt {
	font-weight: bold;
	margin-top: 0.5em;
}

#editor-textarea {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre {
    background-color: #F3F5F7;
    border: thin solid #AEBDCC;
    font-family: courier, monospace;
    padding: 5px;
    white-space: pre-wrap;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 15px;
}

#preview {
	border-top: medium solid black;
	margin-top: 30px;
	padding-top: 10px;
}