/*  
Theme Name: berchmans-green
Theme URI: http://www.stjohnberchmans.com/
Description: Green colored theme created by senorfixit for St. John Berchmans.
Version: 1.0
Author: Senor Fix It
Author URI: http://www.senorfixit.com/
Compatability: FF2, IE6, IE7
*/


/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Global Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img
{ 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}

ol,ul
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after
{
	content:'';
}

abbr,acronym
{ 
   border:0;
}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Tag Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

body
{
   background: #E6D6D9 url(images/body-bg.jpg) repeat;
   color: #FFFFFF;
   font-family: helvetica, arial, sanserif;
   font-size: 14px;
   text-align: center;
   width: 100%;
}

strong { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }

ol { list-style-type: decimal; list-style-position: outside; margin: 1.5em 0em 1.5em 0em; }
ol ol { list-style-type: lower-alpha; list-style-position: outside; margin: 1.5em 0em 1.5em 0em; }
ol li { margin: 0em 0em 0.5em 3em; }
ol ol li { margin: 0em 0em 0.5em 6em; }
ul { list-style-type: disc; list-style-position: outside; margin: 1.5em 0em 1.5em 0em; }
ul li { margin: 0em 0em 0.5em 3em; }




/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Container Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

#page
{
   background: #FFFFFF url(images/page-bg.jpg) repeat;
   margin: 30px auto 30px auto;
   padding: 0px;
   text-align: justify;
   width: 750px;
}
  
/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Header Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

#header-cap
{
   background: url(images/header-cap.gif) no-repeat;
   height: 10px;
   width: 750px;
}

#header
{
   background: url(images/header-bg.gif) no-repeat;
   border-bottom: 1px solid #99B893;
   height: 125px;
   margin: 0px 0px 0px 0px;
   padding: 0px 15px 15px 15px;
}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Wrapper Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

#wrapper
{
   background: url(images/content-bg.jpg) repeat-y top left;
   /*overflow: auto;*/
   padding: 0px;
   padding-top: 15px;
   margin: 0px;
   width: 750px;
}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * SideBar Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

.swrapper 
{
   float: left;
   width: 175px;
   display: inline;
}

.sidebar
{
   background: url(images/body-bg.jpg) repeat;
   font-size: 12px;
   margin: 0px 0px 0px 15px;
   padding: 0px 0px 0px 0px;
   width: 175px;   
}

.sidebar ul
{
   margin: 0px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
   text-indent: 0px;
   list-style-type: none;
}

.sidebar ul li
{
   display: inline;
   margin: 0px;
   padding: 0px;
   text-indent: 0px;
}

.sidebar ul li a
{
   background-color: #85AB8B;
   border-left: 10px solid #488151;
   color: #FFFFFF;
   display: block;
   font: 13px Arial, sans-serif;
   font-weight: bold;
   padding: 2px 2px 2px 10px;
   margin-top: 1px;
   text-decoration: none;
}

.sidebar ul li a:hover
{
   background-color: #FFFFFF;
   border-left: 10px solid #488151;
   color: #000000;
   display: block;
}

.sidebar ul li ul
{
   margin: 0px;
   padding: 0px;
}

.sidebar ul li ul li a
{
   background-color: #A4C0A8;
   color: #212B23;
   border-left: 20px solid #488151;
}

.sidebar ul li ul li a:hover
{
   background-color: #FFFFFF;
   border-left: 20px solid #488151;
   color: #000000;
   display: block;
}

.sidepic
{
   margin: 0px 0px 0px 15px;
   padding: 0px 0px 0px 0px;
   text-align: center;
}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Content Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

#content
{
   background: #FFFFFF;
   color: #000000;
   font-size: 12px;
   margin: 0px 0px 0px 205px;
   padding: 10px;
   text-align: justify;
   vertical-align: top;
   width: 510px;
}

#content blockquote
{
   font-weight: bold;
   font-style: italic;
   padding: 0px 3em 0px 3em;
   margin: 1em 0em;
}

#content h1
{
   font-size: 1em;
   font-weight: bold;
   text-decoration: underline;
}

#content p
{
   margin: 1em 0em;
}

* html #content
{
   height: 1%;
}

.clearing 
{
  height: 0;
  clear: both;
}

#wrapper-footer
{
   height: 40px;
}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Post Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

.post
{
   margin: 0px 0px 0px 0px;
}

.post h2
{
   font-size: 150%;
   padding: 0px 0px 15px 0px;
}

.post h2 a
{
   text-decoration: none;
   color: #0460C5;
}

.postmetadata
{
   background: #FFFFFF;
   border-bottom: 1px solid #cdcdcd;
   border-top: 1px solid #cdcdcd;
   margin: 20px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
}

.entry
{

}

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Footer Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/

#footer
{
   border-top: 1px solid #99B893;
   color: #000000; 
   font-size: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 0px;
   text-align: center;
   width: 750px;
}

#footer-boot
{
   background: url(images/footer-boot.gif) no-repeat bottom;
   padding: 0px;
   margin: 0px;
   height: 10px;
   width: 750px;  
}
/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Plugin Link Indication Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/
.lipdf
{
   background: url(images/pdf16x16.gif) no-repeat left;
   padding-left: 20px;
}

.lidoc
{
   background: url(images/word16x16.gif) no-repeat left;
   padding-left: 20px;
}

.limailto
{
   background: url(images/mailto.gif) no-repeat left;
   padding-left: 20px;
}
/* ***********************************************************************************************/
/* ***********************************************************************************************
 * Plugin PayPal Form Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/
.fbintro
{
    margin: 10px auto 0 auto !important;
    width: 410px !important; 
    color: red;
}

.fbrequired { color: red; font-weight: bold; }

.fbform 
{ 
	margin:10px auto 0 auto; 
	width: 410px; 
}

.fbform fieldset	
{ 
	margin-top:20px; 
	padding:5px 0 15px 0; 
	border:1px solid #adadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	background:#f7f7f7; 
}

.fbform h3 
{ 
	margin-left:10px;
    /*margin-top: -20px; */
	padding: 0 2px;
    padding-bottom: 20px;    
	font:normal 20px helvetica;
	color:#666666;
}

.fbform dl 
{
    position: relative;
    width: 350px;
    padding: 0px 10px 0px 10px;
}
.fbform dt 
{
    clear: both;
    float:left;
    width: 150px;
    padding: 4px 0 2px 0;
    text-align: right;
}

.fbform dd
{     
    float: left;
    width: 175px;
    padding-left: 15px;
}

.fbform dd.fbformdivider
{
    padding:0px;
    height: 5px;
}

.fbform input,.fbform textarea,.fbform select { padding:3px;background: #f9f9f9; border: 1px solid #888888; vertical-align:top;}
.fbform input:hover,.fbform textarea:hover,.fbform select:hover	{background:#CEDDDF; }
.fbform input:focus,.fbform textarea:focus,.fbform select:focus	{ background:#F3F8F8; }
.fbform textarea,.fbform input {width:150px; }
.fbform select { width:158px;padding:2px 0; }  
.fbform textarea {	font-family: arial;	font-size: 0.9em;overflow:auto;}

.fbform fieldset.fbsubmit
{
    margin-top:20px; 
	padding:5px 0 15px 0; 
	border:none;
	background:none; 
    text-align:right;
}

input.fbsubmitbtn
{
    width:100px;  
	padding:5px; 
	margin: 10px 0 0 5px;
    text-transform: uppercase;
    font-size: 0.8em;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
    font-weight: bold;
}

.fbformerrormessage
{
    margin:10px auto 0 auto; 
	width: 410px; 
    background:#F7EDF0 none repeat scroll 0 0;
    border:1px solid #CDCDCD;
    padding: 10px 0px 0px 10px;
}

.fbformerrormessage h2 { margin: 0px; padding: 0px; }

/* ***********************************************************************************************/
/* ***********************************************************************************************
 * User Defined Styles
 * ***********************************************************************************************/
/* ***********************************************************************************************/
p.green-header
{
   background: #85AB8B;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px;
   margin: 0px !important;
   text-transform: uppercase;
}

.image-right
{
   float: right;
   border: 1px solid #cdcdcd;
   margin: 10px;
   padding: 5px; 
}

.image-left
{
   float: left;
   border: 1px solid #cdcdcd;
   margin: 10px;
   padding: 5px; 
}

.image-center
{
   border: 1px solid #cdcdcd;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
   text-align: center;
}

.information-table
{
   margin-top: 15px;
   margin-bottom: 15px;
   width: 100%;
}

.information-table td
{
   padding: 5px;
}

.light-green-background
{
   background-color: #E0EAE2;
   padding: 10px;
}

.gallery-image
{
   border: 1px solid #cdcdcd;
   margin: 5px;
   padding: 5px;
   width: 100px;
   height: 75px;
}

.contactform  input { border: 1px solid #cdcdcd; }xt-align: center;
}

.information-table
{
   margin-top: 15px;
   margin-bottom: 15px;
   width: 100%;
}

.information-table td
{
   padding: 5px;
}

.light-green-background
{
   background-color: #E0EAE2;
   padding: 10px;
}

.gallery-image
{
   border: 1px solid #cdcdcd;
   margin: 5px;
   padding: 5px;
   width: 100px;
   height: 75px;
}

#wpsf { border: 1px solid #cdcdcd; padding: 10px;}
#wpsf  input { border: 1px solid #cdcdcd; width: 300px; }
#wpsf textarea { border: 1px solid #cdcdcd; }
.wpsf-submit { width: 100px !important; cursor: pointer; }
marquee { font-weight: bold; color: #488151; font-size: 14px; padding: 10px 0px 10px 0px; }

.outline { border: 1px solid #cdcdcd; }
.outline td { padding: 5px; border: 1px solid #cdcdcd; }
.clear { clear:both;  }