/*
Copyright 2012 Josh "Cheeseness" Bush

This file is part of Para CMS.

Para CMS is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Para CMS is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Para CMS. If not, see <http://www.gnu.org/licenses/>.
*/

body { font-family: Arial,Helvetica,sans-serif; background-color: #252221; color: #363636; line-height: 1.5em; width: 1000px; margin-left: auto; margin-right: auto; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.35); font-size: 14px; text-align: justify; }
#wrapper {background-color: #D2CDC8; border-radius: 1em 1em 1em 1em; padding: 1px 0 0 0; margin: 4em 0; box-shadow: 0px 5px 10px #000000; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: top right; }
hgroup { margin: 0.5em; min-height: 64px}
hgroup h1 { font-weight: normal; font-size: 3em; margin-left: 15px; margin-top: 1em; margin-bottom: 0;}
hgroup h1 a, hgroup h1 a:hover { color: #363636; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); }
#navPrimary a { line-height: 30px; }
hgroup a:hover, #navPrimary a:hover { text-decoration: none;}
#navPrimary { box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); margin: 0.5em 0 1em 0; }
#navPrimary ul { list-style-type: none; margin: 0; padding: 0; font-weight: bold; font-size: small; line-height: 2em; }
#navPrimary > ul { padding: 0 0 0 1em; }
#navPrimary li ul { display: none; position: absolute; z-index: 1; }
#navPrimary li:hover > ul { display: block; }
#navPrimary > ul > li { display: inline-block; }
#navPrimary > ul > li > a { min-height: 30px; }
#navPrimary > ul > li > a:hover {  }
#navPrimary > ul > li > ul a { width: 100%; background-color: #D2CDC8; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); }
#navPrimary > ul > li > ul > li ul {left: 100%; }
#navPrimary a { display: inline-block; margin: 0; padding: 0 1em; }
#navPrimary a:hover, #navPrimary li:hover > a, #navPrimary .current > a { background-color: #ADA7A2; color: #D2CDC8; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); }
#navContents { font-size: 1em; float: right; width: 245px; margin: 0; background-color: transparent; padding: 0 1em; z-index: 0; }
#navContents h2 { margin: 0.9em 0 1em 0; font-weight: normal; border-bottom: 1px dotted #555555; }
#navContents ol { list-style-type: circle; margin: 0 0 1em 1em; padding: 0; text-align: left; }
#navContents li { margin: 0; padding: 0 0 0 0.5em; text-indent: -0.5em; }
#navContents li:hover { list-style-type: disc; }
.downArrow { position: relative; display: inline-block; width: 8px; height: 28px; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.35); }
#navPrimary a:hover > .downArrow, #navPrimary li:hover > a > .downArrow, #navPrimary .current > a > .downArrow{ text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.35); }
a { color: #B05115; font-weight: bold; text-decoration: none; }
a:hover { color: #FB6404; text-decoration: underline;}
article {margin: 0 0.5em 2em 0.5em; padding: 0 1em; z-index: 0; }
article p, article ul, article ol { }
article ul, article ol { font-size: 0.9em; }
h1, h2, h3, h4 { }
article h1, article h2, article h3, article h4, #twitterWidget h1 , #mastoWidget h1 { border-bottom: 1px dotted #555555; font-weight: normal; }
article h1, #twitterWidget h1 , #mastoWidget h1 { font-size: 1.5em; }
article h2 { font-size: 1.25em; }
article h3 { font-size: 1em; font-weight: bold; }
article h4 { font-size: 1em; font-weight: bold; margin-left: 1em; }
#content {float: left; position: relative; width: 725px; min-width: 725px; }
.modifiedDate { font-size: small; text-align: right; font-style: italic; }
.downloadSourceLink {font-size: small; text-align: right; margin: 0; padding: 0; position: relative; margin-top: -3em; margin-bottom: 1em; }
footer {clear: both; text-align: center; padding: 1em; background-color: #5E554D; color: #918E84; margin: 0;  border-radius: 0 0 1em 1em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); }
footer a { color: #918E84; }

/*Twitter widget stuff*/
#twitterWidget, #mastoWidget {float: left; margin: 2em 0 1em 15px; position: relative; z-index: 0; padding-top: 5px; width: 246px; }
#mastoWidget iframe {border: none; }