/*Theme Name: JMv2theme03
Theme URI: http://wordpress.org/
Description: changed show/hide on side menus for small array cases
Author: MAP
*/

/* Contents
part 1. general
part 2. basic layout
part 3. header, top, meta-menu
part 4. left side with archive menus 
part 5. right side with main content
part 6. footer
part 7. 
part . old comment sysem 
part. SWPM, login, registration, profile

*/

/* part 1. General */
body { 
background-color:#DDA0DD;
margin:0;
padding: 0px;
border: none;
}
h1, h2, h3 {
padding:0;
margin:0;
font-size:1em;
}
div, ul, li, table, tbody, tr, td, iframe, span, img {
border-color:gray;
border-style:solid;
border-width:0px;
margin:0;
padding:0;
}
a { text-decoration:none; }
a:link, a { 
color:black; 
}
a:visited { color: purple; }
a:active { color: red; }
a:hover { color:green; }
.email-address {
font-size:0.9em;
font-weight:bold;
}
/* part 2. Basic layout */
#content {
width:950px;
margin:0 auto;
padding:0 0 10px 0;
font-family: Tahoma,Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1em;
}
#left {
float:left;
width:300px;
text-align:center;
}
#right {
float:right;
width:639px;
margin:0 0 0 310px;
margin:0;
}

/* part 4. left side with archive menus */
/* #CF29CF */
.side-archive {
font-size: 0.95em;
text-align:center;
margin:0 0 0.3em 0;
border-width: 2px;
border-bottom-width:0;
}
.nonmember {
background-color:yellow;
}
#patreon-boxes a {
color:white;
}
.nonmember a:visited { 
color: #CC5200; 
}
#patreon-boxes a:visited { 
color:#FFDAED; 
}
#patreon-nonpatron {
color: white;
min-height:2.1em;
padding:3px;
border-top-width:5px;
border-bottom-width:5px;
}
#patreon-patron {
color: white;
padding:3px;
border-top-width:5px;
border-bottom-width:5px;
font-size:0.95em;
}
#userstatus:hover, #patreon-nonpatron:hover, #patreon-patron:hover, .thetemple li:hover, .thelodge li:hover {
background-color:#8F0047;
}
#patreon-boxes a:hover {
color:#C2E0FF;
}
#patreon-nonpatron img {
float:right;
width:100px;
margin: 0 0 0 5px;
padding: 2% 3px;
}
#patreon-patron img {
float:right;
width:70px;
margin: 0 0 0 5px;
padding: 2% 3px;
}
#patreon-nonpatron .patreon-message {
width:190px;
}
#patreon-patron .patreon-message {
width:220px;
padding:1% 0;
}
#userstatus, #patreon-patron, #patreon-nonpatron, .thetemple, .thelodge {
color:white;
border-color:black;
border-width:4px 2px 3px 2px;
}
#userstatus, #patreon-nonpatron, #patreon-patron {
background-color:#620062;
}
.thetemple, .thelodge {
background-color: #520000;
}
.nonmember li:hover {
background-color:#C2E0FF;
}
.nonmember
#004C80
.archive-title {
padding:3px;
border-bottom-width: 2px;
}
.archive-toggle { 
color: black; 
}
.nonmember .archive-title, .nonmember .archive-toggle {
background-color:#FFD700;
}
#patreon-boxes .archive-title, #patreon-boxes .archive-toggle {
background-color:#390000;
border-color: black;
}
.side-archive-table {
width:284px;
margin:0 auto;
font-size:90%;
}
.side-archive-table td {
background-color:lightyellow;
padding:3px;
}
.side-archive-table td:hover {
background-color:peachpuff3;
}
.side-archive p {
}
.archive-newest {
padding:0px 0 0 0;
}
.archive-newest-post-title {
font-weight:normal;
}
.side-archive p {
margin:0;
}
.side-archive img {
width:270px;
}
.archive-list {
}
.archive-list ul {
list-style-type:none;
font-size:.9em;
}
.archive-list li {
border-bottom-width: 2px;
padding:3px 3px;
}
#patreon-boxes li {
border-color:black;
}
.archive-toggle {
padding:3px;
font-size:.8em;
border-bottom-width: 2px;
}

/* part 3. header, top, meta-menu */
#top a:visited { color: black; }
#top {
}
#intro {
text-align:center;
font-weight:bold;
font-size:1.1em;
border-width:3px;
background-color:#FF69B4;
padding:0 0.2em;
}
#intro:hover {
background-color:gold;
}
#userstatus {
padding:0.2em 0;
}
#userstatus span {
padding: 0 0.2em;
}
#userstatus a, #userstatus a:visited {
color:white;
}
#userstatus a:hover {
color:blue;
}
.username {
font-size:0.9em;
font-weight:bold;
}
.logout-link {
font-size: 0.8em;
font-weight: bold;
}
.login-link {
font-size: 0.9em;
font-weight: bold;
}	
#top-banner {
text-align:center;
margin:0 0 0.3em 0;
border-width: 3px;
background-color:#FF69B4;
}
#top-center img {
width: 700px;
}
	
/* part 5. right side with main content */
.post-header a:visited { color: black; }
.post-header, .page-header {
border-width: 3px;
background-color:#FFD700;
padding: 0.15em;
}
.page-header {
text-align:center;
}
.post-header-left {
float:left;
text-align:left;
width:4.6em;
}
.post-header-right {
float:right;
text-align:right;
width: 6.0em;
}
.post-date {
color:#474747;
font-size: 0.85em;
}
.comments-link {
font-size: 0.85em;
}
#right .post-title {
font-size:1em;
font-weight:normal;
text-align:center;
}
#right .page-title {
text-align:center;
padding:0.1em 10px;
font-weight:bold;
font-size: 1.1em;
}
.clearingfooter {
font-size:.1em;
clear:both;
margin-bottom:-.1em;
line-height:0;
}
.post-body, .page-body {
text-align:left;
padding-left:0.2em;
}
.post-body {
margin:-0.7em 0 0 0;
}
.post-body a:link, .page-body a:link {
color:blue;
font-weight:bold;
}
/* IE hack for "max-width" */
.large-image {
width:620px;
margin: 0 0 5px 0;
}
.post-body img {
max-width:620px;
}
.post-footer-archive {
border: 1px #FFD700;
}
.top-left {
text-align:left;
float:left;
width:110px;
}
.top-right {
text-align:right;
float:right;
width:110px;
}
.top-center {
text-align:center;
}
.top-bottom {
clear:both;
font-size:.1em;
}
.align-center {
text-align:center;
margin:0 auto;
}
img.float-left {
float:left;
margin:0 0.5em 0.5em 0;
}
img.float-right {
float:right;
margin:0 0 0.5em 0.5em;
}

.previous-post-link {
padding:0 50px 0 0;
font-size:1.3em;
}
.next-post-link {
padding:0 0 0 50px;
font-size:1.3em;
}
.navigation-box {
border: none black;
text-align:center;
}

/* part 5. footer */
#bottom {
text-align:center;
clear:both;
margin:10px 0 0 0; 
padding:3px;
background-color:#FF69B4;
border-width: 2px;
}

/* part . Paypal */
.paypal-box {
border-width: 1px;
border-color: black;
}
.paypal-text {
}
.paypal-button {
float:left;
border-width: 1px; 
border-color: black;
margin:0 10px 0 0;
}
.paypal-footer {
clear:left;
font-size:.1em;
}
.paypal-list {
display:inline;
}
.spinning-guy {
border-width: 5px;
border-color: black;
}

/* part . old comment sysem */
.comment {
clear:both;	
border-width:1px;
border-left-width:4px;
padding:.5em .5em 0 .5em;
margin:0px 0px 10px 0px;
text-align:left;
border-color:black;
}
.author {
background-color:#F4CFF4;
}
.commentauthor {
font-weight:bold;
}
.commentformheader {
}
.commentmetadata {
float:right;
width:250px;
text-align:right;
font-weight:normal; 
color:#8C8C8C;
}
.commentdate {
}
.commenttime {
}
.commentnumber {
font-size:1.1em;
padding:0 0 0 1em;
}
.comment-permalink {
margin:0 .5em 0 0;
padding:0 1em .2em 1em;
font-size:75%;
background-color: #FDF5E6;
border-color: black;
border-width: 1px;
border-left-width:3px;
}
.commentquoter {
padding:0 1em .2em 1em;
font-size:75%;
background-color: #FDF5E6;
border-color: black;
border-width: 1px;
border-left-width:3px;
}
.commentquoter:hover {
background-color:yellow;
}
.generalquoter {
padding: .2em .5em .2em .5em;
background-color: #FDF5E6;
border-color: black;
border-width: 1px;
border-left-width:4px;
}
.generalquoter:hover {
background-color:yellow;
}
a.quoteheader {
font-size:80%;
}
.commenttext {
margin: -.7em 0; 
} 
.commentformtext {
margin:-.5em 0; 
} 
.comment-foot {
clear: both;
margin: 0 0 .5em 0;
}
#commentform #author, #commentform #email, #commentform #url 
{
width: 400px;
}
input, textarea
{
margin: 0 0 .2em 0;
font-size:1.2em;
color: red;
background: #FDF5E6;
border-width: 1px;
border-color:  black;
}
.cas_image {
margin: .3em 0 0 0;
}
.cas_input {
margin:0 0 0 10px;
vertical-align:bottom;
}
.cas_audio_message {
font-size:80%;
}
#securitycode {
width:160px;
}
#secureimgdiv {
margin:10px 0 0 0;
width:350px;
padding: 0 5px 0 20px;
border-color: black;
border-width: 1px;
border-left-width:4px;
}
.previewed-comment-header {
margin:1em 0 0 0;
text-align:center;
font-size:140%;
border-width: 1px;
border-color: yellow;
background-color:orange;
}
.previewextensionbutton {
color: black;
background: #FDF5E6;
border-color:  black;
border-width: 1px;
border-left-width:4px;
}
.publishextensionbutton {
color: black;
background: #FDF5E6;
border-color:  black;
border-width: 1px;
border-left-width:4px;
} 
.publishextensionbutton:hover, .previewextensionbutton:hover {
background-color:yellow;
}
#commentform #comment {
    margin: 0 auto;
    width:550px;
}	
.comment-required {
    float: right;
    margin: 2px 2px 8px 2px;
}
/* blockquotes */
.comment blockquote {
clear: both;
margin:1em 0 1em 10px;
padding: 1px 10px;
border-width:1px;
border-left-width:4px;
border-color: #8eaab8 #8eaab8 #8eaab8 #5b86af;
border-color:black;
background-color: #FDF5E6;
}
.comment blockquote blockquote {
margin:1em 0 1em 10px;
padding: 1px 10px;
border-color: #8eaab8 #8eaab8 #8eaab8 #5b86af;
border-left-width:4px;
background-color: #F6E4C2;
}
.comment blockquote blockquote blockquote {
margin:1em 0 1em 10px;
padding: 1px 10px;
border-left-width:4px;
background-color: #FDF5E6;
}
.comment blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #F6E4C2;
}
.comment blockquote blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #FDF5E6;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #F6E4C2;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #FDF5E6;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #F6E4C2;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #FDF5E6;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #F6E4C2;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #FDF5E6;
}
.comment blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {
   margin:1em 0 1em 10px;
	padding: 1px 10px;
   border-left-width:4px;
   background-color: #F6E4C2;
}
 
/* part . SWPM, login, registration, profile */ 
#member-login-explanation, #swpm-login-form {
text-align:left;
}
.registration-link {
font-size:1.2em;
font-weight:bold;
}
input.swpm-text-field {
width:10em;
}
.swpm-login-submit {
padding:0.8em 0;
}
.swpm-forgot-pass-link a {
text-decoration:underline;
color:blue;
}
#swpm-registration-form {
margin-top:1em;
}
#swpm-login-form, #swpm-registration-form input {
max-width:20em;
font-size:1.4em;
}
#swpm-registration-form label {
padding-right:1em;
}
.swpm-registration-submit-section {
padding:0.8em 0;
}

/* part . misc */
#temple-teaser-blurb a, #lodge-teaser-blurb a {
font-weight:bold;
}
#temple-teaser-blurb img {
display:block;
margin:0;
padding:0;
}

/* part . intro page */
#intro-welcome {
}
#intro-old-pages li, #site-history-link {
display:inline;
list-style-type:none;
font-weight:bold;
border-width:2px;
width:10em;
padding:0.3em 2em;
background-color:yellow;
}