/*
Theme Name: SGMHS Theme
Theme URI: http://www.sgmhs.org
Description: Designed specifically for San Gabriel Mission High School.  Valid XHTML 1.0 Strict and CSS.
Version: 1.0
Author: Pearl Sun Designs
Author URI: http://www.pearlsun.com/
Tags: SGMHS, Pearl Sun Design
*/

/* Body */
html {height: auto; overflow: auto;}
* {margin:0; padding:0;}
body {background:#457d40; color:#656565; font:12px Arial,sans-serif;}
#wrap {background-color:#fff; color:#333; margin:0 auto; width:846px;padding-top:30px;}

/* Links */
a {background-color:inherit; color:#50734d; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color: #367007; font-weight:bold; text-decoration:underline;}
a img {border:0;}
a:visited {color: #50734d;}

/* Header */
#Header{ margin: 0 auto; padding: 0; width:846px; height:81px; background: #FFFFFF; position:relative; z-index:5;}
#Header .emblem { position:absolute; top: 0; left: 0; z-index:300; }
#Header .title { position:absolute; top: 0; left: 102px; }
#Banner { margin: 0 auto 0 auto; padding: 0; position: relative; width:846px; height: 288px; overflow: hidden; z-index: 1; }

#BannerBox 
{ margin: 0; padding: 0; width: 221px; height: 226px; position: absolute; top: 36px; left: 28px; background: #ffffff; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85); text-align: center; }
#BannerBox img 
{ margin: 10px auto 0 auto; padding: 0; }
#MainMenuBar{ margin: 0 auto; padding: 0; width: 850px; height: 27px; background: #457d40 url(images/menu_bg.gif) no-repeat top center; }
#MainMenu 
{ margin: 0 0 0 22px; padding: 0; z-index:200;}
#MainMenu ul 
{ margin: 0; padding: 0; list-style:none; width: 850px; z-index:200;}
#MainMenu li 
{ float: left; display:block; z-index:200;}
#MainMenu li a 
{ margin: 1px 0 0 0; padding: 6px 19px 6px 19px; display: block; text-decoration: none; width: auto; color: #50734d; font: bold 11px Gergia; white-space: nowrap; text-transform: Uppercase; z-index:200;}
#MainMenu li a:hover 
{ color: #FFFFFF; background: #3d973b; z-index:200;}
#MainMenu li ul 
{ margin: 0; padding: 0 0; position: absolute; visibility: hidden; width: auto; border-bottom: 2px solid #FFFFFF; z-index:200;} 
#MainMenu li ul li 
{ float: none; display: block; z-index:200;}
#MainMenu li ul li a 
{ margin: 0 0; padding: 5px 10px; width: 150px; background: #3d973b; color: #FFFFFF; font: 10px Arial; border-top: 2px solid #FFFFFF; z-index:200;}
#MainMenu li ul li a:hover 
{ color: #333333; z-index:200;} 
#QuickLinks 
{ margin: 0; padding: 0; width: 212px; text-align: left; }
#QuickLinks img 
{ margin: 1px 0 0 0; padding: 0; width: 183px; height: 52px; display: block; }

#UpcomingEvents{ background: #fffce4; width: 202px; padding: 15px 10px 15px 15px; color:#50734d}
#UpcomingEvents .EventTitle { font: bold 12px Arial;}
#UpcomingEvents .EventDate { font: 12px Arial;}
#UpcomingEvents ul li { margin:0 0 15px 0; padding: 0; display: block;}

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0 0 0 29px; width:183px;}
#extraswide {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:253px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; padding:22px 30px 30px 30px; width:136px;}

#leftside input {margin:0 0 10px; padding: 3px 0 0 5px; width: 178px; height: 17px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extraswide p, #extraswide ul, #extraswide div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extraswide li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extraswide ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extraswide ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extraswide ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extraswide ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extraswide ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extraswide ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extraswide h2, #extraswide ul.linklist li h2, #extraswide h3, table#wp-calendar caption {background-color:inherit; color:#ffffff; font:bold 14px Georgia; text-align:left; margin:0;}
#extraswide h2 { display: block; background: #50734d; width: 212px; height: 15px; padding: 3px 0 5px 15px; text-transform: uppercase;}
#leftside h2 { display: block; background: #50734d; width: 168px; height: 15px; margin: 0; padding: 3px 0 5px 15px; text-transform: uppercase;}
#leftside label, #extraswide label {display:none;}
.donate_button {margin: 15px 0 15px 80px;}

/* Content */
#content {line-height:24px; margin:0 281px 5px 240px; padding:0; text-align: center;}
#contentwide {line-height:1.6em; margin:0 30px 5px 245px; padding:0; text-align: left;}
#contentmax {line-height:1.6em; margin:0 30px 5px 30px; padding:0; text-align: left;}
#content h2 {font:bold 16px Georgia; margin:0 auto 15px auto; display:block; text-transform: uppercase; color: #50734d;}
#contentwide h2, #contentmax h2 {font:bold 16px Georgia; margin:0 auto 5px auto; display:block; text-transform: uppercase; color: #50734d;}
#content h3,#contentwide h3, #contentmax h3 {font:16px Georgia; margin:0 auto 5px auto; display:block; text-transform: uppercase; color: #50734d;}
#content h4,#contentwide h4, #contentmax h4 {font:12px Georgia; margin:0 auto 5px auto; display:block; color: #50734d;}
hr { margin: 0 0 15px 0; padding: 0; background: #344f30;  height: 3px; border: 1px solid #a2bf9f; }
#content ul,#contentwide ul,#content ol,#contentwide ol, #contentmax ul, #contentmax ol {margin:0 0 16px 20px;}
#content li,#contentwide li , #contentmax li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol, #contentmax ul ul, #contentmax ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top:2px solid #e0e0e0; font: 11px Goergia; clear:both; color:#50734d; font-weight:normal; line-height:24px; margin:0 auto; padding:5px 0; text-align:center; width:846px;}
#footer p {margin:0; padding:0;}
#footer a {color:#50734d; font-weight:normal; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span { text-transform:uppercase; }
#footer span.credits {color:#777; font-size:1.1em; font: 11px Arial;}
#footer span.credits a {color:#777;}
#footer span.credits a:hover {text-decoration:none;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}
.clear {clear: both;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}