/*
Theme Name: Old St. Patrick's Church Sunday Giving Commitment
Theme URI: http://giving.oldstpats.org/
Description: This is a totaly custom theme for Old St. Patrick's Church Sunday Giving Commitment Campaign.
Version: 1.0
Author: Anthony D'Arco
Author URI: http://design-fury.com/
Tags: Old St. Pat's Church, Sunday Giving Commitment
*/


/* sturcture */
.wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF9D2;
	border-left-color: #FFF9D2;
}
#header_bar {
	position: relative;
	height: 25px;
	background-image: url(images/footer-patter.jpg);
	background-repeat: no-repeat;
	background-position: 0px -25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #011061;
}

#header {
	position: relative;
	height: 230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A03F35;
	background-image: url(images/yellow-corners-tl.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A03F35;
}

#osp-name {
	position: absolute;
	height: 60px;
	width: 600px;
	text-indent: -20px;
	top: -75px;
	z-index: 10;
	right: 0px;
}

#logo {
	background-image: url(images/sunday-giving-commitment-logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	height: 230px;
	width: 320px;
	background-position: 15px 5px;
	left: 25px;
}
#header-seperator {
	position: relative;
	height: 24px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A64B40;
	border-bottom-width: 1px;
	background-image: url(images/separator.jpg);
	}
	
#bottom-seperator {
	background-image: url(images/separator.jpg);
	background-repeat: repeat-x;
	height: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A64B40;
	}

#slogan {
	position: absolute;
	height: 36px;
	width: 510px;
	background-image: url(images/theme.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	top: -3px;
	z-index: 10;
	right: 125px;
}

#header-pics {
	background-color: #D09E8F;
	height: 230px;
	position: relative;
	width: 307px;
	float: right;
}

/*Used for the header plug-in*/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/*ends the header plug-in*/

.give_now {
	position: absolute;
	height: 47px;
	width: 130px;
	top: -15px;
	left: -15px;
	background-image: url(images/giving-button.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 11;
}

/*For test menu*/
#dock {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 25px;
	height: 85px;
}
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span {
	display: none;
	font-size: 12px;
	width: 50px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: bold;
}
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }
/*end for test menu*/

/*For News Ticker*/
#tickerContainer {
	position:relative;
	}
#ticker {
	width:235px;
	height:300px;
	overflow:hidden;
	position: relative;
}
#ticker dt {
	padding:0 10px 5px 10px;
	padding-top:10px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A03F35;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-variant: normal;
}
#ticker dd {
	margin-left:0;
	font:normal .8em Verdana;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #aaaaaa;
	position:relative;
}

#ticker div { margin-top:0; }
/*End News Ticker*/

#main_content {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF9D3;
	background-image: url(images/yellow-corners-tl.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	z-index: 1;
}

#content {
	position: relative;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	width: 480px;
	margin-left: 265px;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #E1D087;
	padding-top: 10px;
	min-height: 560px;
}

#sidebar {
	position: relative;
	width: 240px;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#bottom_yellow {
	background-image: url(images/yellow-corners-br.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 300px;
	width: 760px;
	bottom: 100px;
	z-index: 0;
}
.footer {
	background-color: #A9483E;
	position: relative;
	height: 100px;
	background-image: url(images/footer-patter.jpg);
	background-repeat: repeat-x;
	background-position: -25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #01105E;
}
/*End Structure*/

/* Global Defaults */
html, body {
	padding: 0px;
	border: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F9EEB0;
	background-image: url(images/drop-shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
body {
	font-size: 1em;
	line-height: 1.25;
}

/* Headlines */
h1, h2, h3, h4, h5, h6, h5 a  {
	padding: 0;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	color: #01178A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Text Styles */
th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.25;
	font-weight: normal;
	font-variant: normal;
}
p {
	font-size: 0.9em;
	letter-spacing: 0.03em;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
blockquote {
	font-style: italic;
	font-size: 1.2em;
	padding-left: 0.5em;
}
q {
  	font-style: italic;
}
acronym, abbr {
  	cursor: help;
  	border-bottom: 1px dashed;
}
small {
  	font-size:.85em;
}
big {
  	font-size:1.2em;
}
a:link {
	text-decoration: none;
	color: #011682;
}
a:visited {
	text-decoration: none;
	color: #0020B1;
}
a:hover {
	text-decoration: underline;
	color: #011682;
}
a:active {
	text-decoration: none;
	color: #0020B1;
}

.notation {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}
img {
  	border: none;
}

/*Lists*/
ol{
	margin-left: 1.25em;
	font-size: .9em;
	letter-spacing: .02em;
	margin-bottom: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
ol li{
	margin-left: 1.25em;
	font-size: 1em;
	letter-spacing: .02em;
	margin-bottom: .25em;
	list-style-type: decimal;
	font-family: Arial, Helvetica, sans-serif;
}
ol li a{
	margin-left: 1.25em;
	font-size: 1em;
	letter-spacing: .02em;
	margin-bottom: .25em;
	list-style-type: decimal;
	font-family: Arial, Helvetica, sans-serif;
}
ul{
	margin-left: 1.25em;
	font-size: .9em;
	letter-spacing: .02em;
	margin-bottom: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
ul li{
	margin-left: 1.25em;
	font-size: 1em;
	letter-spacing: .02em;
	margin-bottom: .25em;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
}
/* Tables */
table {
  	margin: 0;
  	padding: 0;
  	border: none;
}

/* Forms */
form {
  	margin: 0;
  	padding: 0;
  	display: inline;
}
label {
	cursor: pointer;
}
.floatr {	
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	position: relative;
}
.floatr {	
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	position: relative;
}


/*THIS SECTION IS FOR INDIVIDUAL PAGE TEMPLATES!!!!*/
/*START TOOL KIT CSS*/
#timeline-contianer {
	position: relative;
	width: 480px;
	height: 120px;
	left: 0px;
	top: 0px;
}
#special-timeline-container {
	position: relative;
}
#header-image {
	position:relative;
}
/*Begin Step 1*/
#step1 a:link {
	background-image: url(images/timeline-icons/step1/sgc-before.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 0px;
	top: 0px;
}

#step1 a:hover {
	background-image: url(images/timeline-icons/step1/sgc-during.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 0px;
	top: 0px;
}

#step1 a:active {
	background-image: url(images/timeline-icons/step1/sgc-during.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 0px;
	top: 0px;
}

#step1 a:visited {
	background-image: url(images/timeline-icons/step1/sgc-after.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 0px;
	top: 0px;
}
/*End Step 1*/


/*Begin Step 2*/
#step2 a:link {
	background-image: url(images/timeline-icons/step2/calculator-before.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 133px;
	top: 0px;
}

#step2 a:hover {
	background-image: url(images/timeline-icons/step2/calculator-during.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 133px;
	top: 0px;
}

#step2 a:active {
	background-image: url(images/timeline-icons/step2/calculator-during.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 133px;
	top: 0px;
}

#step2 a:visited {
	background-image: url(images/timeline-icons/step2/calculator-after.png);
	position: absolute;
	height: 109px;
	width: 116px;
	left: 133px;
	top: 0px;
}
/*End Step 2*/


/*Begin Step 3*/
#step3 a:link {
	background-image: url(images/timeline-icons/step3/give-green-before.png);
	position: absolute;
	height: 109px;
	width: 111px;
	left: 240px;
	top: 0px;
}
#step3 a:hover {
	background-image: url(images/timeline-icons/step3/give-green-during.png);
	position: absolute;
	height: 109px;
	width: 111px;
	left: 240px;
	top: 0px;
}
#step3 a:active {
	background-image: url(images/timeline-icons/step3/give-green-during.png);
	position: absolute;
	height: 109px;
	width: 111px;
	left: 240px;
	top: 0px;
}
#step3 a:visited {
	background-image: url(images/timeline-icons/step3/give-green-after.png);
	position: absolute;
	height: 109px;
	width: 111px;
	left: 240px;
	top: 0px;
}

/*End Step 3*/

/*Begin Step 4*/
#step4 a:link {
	background-image: url(images/timeline-icons/step4/giving-before.png);
	position: absolute;
	height: 109px;
	width: 110px;
	left: 360px;
	top: 0px;
}
#step4 a:hover {
	background-image: url(images/timeline-icons/step4/giving-during.png);
	position: absolute;
	height: 109px;
	width: 110px;
	left: 360px;
	top: 0px;
}
#step4 a:active {
	background-image: url(images/timeline-icons/step4/giving-during.png);
	position: absolute;
	height: 109px;
	width: 110px;
	left: 360px;
	top: 0px;
}
#step4 a:visited {
	background-image: url(images/timeline-icons/step4/giving-during.png);
	position: absolute;
	height: 109px;
	width: 110px;
	left: 360px;
	top: 0px;
}


/*End Step 4*/

.arrow  {
	background-image: url(images/timeline-icons/arrow/arrow-before.png);
	position: relative;
	height: 68px;
	width: 60px;
	left: 110px;
	top: 20px;
	display: block;
	float: left;
	padding-left: 45px;
	background-repeat: no-repeat;
}
.checkmark a{
}
/*END TOOL KIT CSS*/

/*Begin Testimonials*/
.testimonials_box {
	border: 2px solid #011061;
	margin-bottom: 20px;
}
.testimonials_inside {
	border: 1px solid #A03F35;
	padding: 10px;
	background-image: url(../../images/yellow-corners-tl.jpg);
	background-repeat: no-repeat;
}
.picture_box {
	border: 1px solid #A03F35;
	height: 130px;
	width: 130px;
	float: left;
}
.picture_inside {
	border: 1px solid #011061;
	height: 128px;
	width: 128px;
}
.testimonial_text {
	overflow: hidden;
	position: relative;
	height: 130px;
	padding-left: 10px;
}
/*End Testimonials*/

/*For Pro Player Plug-in*/
.pro-player-container {
	width: 440px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* Used for WordPress' auto floating of images. */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}