/*  
Theme Name: Saint Agnes Parish v2
Theme URI: http://saintagnesparish.org
Description: Custom designed theme for Saint Agnes Parish - 2009
Version: 2.0
Author: Daniel Galfano - Galfano Design
Author URI: http://www.galfanodesign.com
*/

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
     	font: 100%/1.125em Verdana, Arial sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }

/* Page Structure */
body {
	color: #444;
	margin: 0 auto;
	padding: 0;
	min-width: 960px;
	background: #EBE8DC url(images/header-bg.jpg) repeat-x;
	font: 1em "Trebuchet MS", Arial;
} 

#wrapper {
	background: url(images/saintagnes-header-bg.jpg) no-repeat right top;
	margin: 0 auto;
	width: 960px;
	padding-top: 7px;
} 
#secondary-content {
	margin: 0 auto;
	width: 910px;
	padding-top: 7px;
} 

/* Top Site Search */
#search .searchform { text-align:right; background: url(images/site-search-bg.gif) no-repeat right; height: 2.1em; font-family: "Trebuchet MS", Arial;
 }
#search .searchsubmit {margin-right: 35px; font-size: .8em !important; color: #fff !important; background-color: #69c; border: 1px solid #fff; padding: 2px 5px}
#search .s {width: 170px; border: 2px solid #ccc; background: #fff url(images/magnifying-glass.gif) no-repeat; padding: 2px 2px 3px 32px}

#search .searchform input {font-size: .8em; color: #369}

/* in page search form */
.s {width: 500px;}
#maincontent .searchsubmit {	width:100px;  
	padding:5px 0 4px; 
	margin: 10px 0 0 5px;
	background:url(images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;}
.searchform input, .searchform textarea {color: #369; padding: 5px}
#maincontent input, #maincontent textarea, #maincontent select {color: #369; border: 1px solid #ccc}
#maincontent input:active, #maincontent textarea:active {background: #D6DED5 }


#header {padding: 10px 0 30px}

h1 { clear: both; color: #369; font-size: 1.6em}
h2 { margin: 20px 0 10px; color: #369; font: bold 1.4em "Trebuchet MS", Verdana, Arial, sans-serif; text-align:center }
h3 {color: #369; font-weight: bold; font-size: 1.1em; margin: 20px 0 0}
#maincontent h2 { margin: 20px 0 10px; color: #369; font: bold 1.4em "Trebuchet MS", Verdana, Arial, sans-serif; text-align:left }
h2.title, h1.title {font-size: 1.4em !important; margin: 20px 0 1px !important; padding-bottom: 3px; border-bottom: 1px dotted #ccc; clear: none}
#sidebar h2 {color: #fff; font-size: 1.2em; background: #369 url(images/nav-bg.gif) repeat-x; padding: 3px; margin-bottom: 0}
h2.widgettitle {margin: 15px 0 0 !important}


/* Links */
h2 a {text-decoration: none !important}
#toolbar a:link, #toolbar a:visited {color: #663 !important}
#toolbar a:hover, #toolbar a:active, #toolbar a:focus {background-color: #DFDCD1 !important}
.darkblue a:link, .darkblue a:visited {color: #147; text-decoration: underline; font: 1em "Trebuchet MS", Verdana, Arial, sans-serif;}
.darkblue a:hover, .darkblue a:active, .darkblue a:focus {color: #fff; background-color: #69c; text-decoration: none;}
.white a:link, .white a:visited, .calendar-heading a:link, .calendar-heading a:visited  {color: #fff; text-decoration: underline; font: 1em "Trebuchet MS", Verdana, Arial, sans-serif;}
.white a:hover, .white a:active, .white a:focus, .calendar-heading a:hover, .calendar-heading a:active, .calendar-heading a:focus {color: #fff; background-color: #369; text-decoration: none;}

/* Tables */
caption{text-align: left; font-size: .75em;}

.mctable tr:hover, .mctable tr.alt:hover {background-color: #ddd !important}
.mctable a {border: 1px solid #eee; padding: 2px 4px;}
.mctable th a {border: none!important} .mctable th a:hover {background-color: transparent}
.mctable a:hover {border: 1px solid #369; padding: 2px 4px; color: #fff; background-color: #90ACC8}
.mctable th {background-color: #369; color: #fff}
.mctable tr.alt {background-color: #fff !important}
.mctable {width: 100%; border-collapse: collapse; margin: 10px 0; border-bottom: 2px solid #369 }
.mctable td {border: 1px solid #ccc; padding: 8px; vertical-align: top}
.mctable td.text {border: 1px solid #ccc; padding: 5px 15px 10px; vertical-align: top}
.mctable tr {background-color: #eee; vertical-align:  }


/* Calendar and Upcoming Events in Side Bar */
#sidebar {
	font-size: 0.75em;
	width: 215px;
	padding-bottom: 20px;
	float: left;
} 
#sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 0; 
	}
	

#sidebar ul.darkblue ul {border: 1px solid #ccc; padding-top: 10px}
#sidebar ul.darkblue ul ul {border: none; padding: 0}
#sidebar ul.darkblue li {background-color: #fff;}
#sidebar ul.darkblue ul li {padding: 1px 8px; font-weight: bold; color: #149; margin-bottom: 2px}
#sidebar ul.darkblue li ul {margin: 0; padding-bottom: 10px}


/* Main Content */

#maincontent {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 25px 15px;
	width: 700px;
	float: right;
	} 

#maincontent input {font-size: 1em}

.breadcrumb {font-size: .85em; margin: 20px 0}

#maincontent ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#maincontent ul li
{padding: 3px 0 8px 25px;
background-image: url(images/cross.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}


/* Blog Content */
.textwidget {padding: 10px}
#widget-changer p {background-color: #fff; border: 1px solid #ccc; margin: 0; padding: 10px}
#wpstats {display: none}
.postdate {float: left; width: 45px; height: 46px;  background-image:url(images/date.gif); margin: 0 10px 0 0; padding-top: 2px; color: #fff; text-align:center; font-size: 11px; }
.postdate-day {color:#369; font-size: 1.7em; line-height:1.2em}
.postmetadata {background-color: #DFDCD1; border-top: 1px dotted #999; padding: 1px 5px; margin: 25px 0 35px; color: #777}
.postdetails {color: #888}
.entry {margin: 20px 0 0}
.navigation {overflow: hidden; }
.alignleft {float: left; width: 50%}
.alignright {float: right; width: 50%; text-align: right}
#chgfontsizeoptions {display: inline;}
.alt {background-color: #eee !important}
.avatar {margin: 10px; padding: 2px; border: 1px solid #999; background-color: #eee}
.commentlist {border-top: 5px solid #369; list-style:none}
.commentlist li {border-bottom: 2px solid #ccc; border-left: 2px solid #ccc ;border-right: 2px solid #ccc ; margin: 0; background: #fff url(/wp-content/themes/default/images/comment-divider.gif) no-repeat 140px top;}
.commentlist li p.contributor {float: left; padding: 10px 10px 20px 10px; margin: 0; width: 130px; text-align:center}
.comment-text {overflow: hidden; padding: 0 20px 0 40px; color: #369}
li.author p.contributor {float: right}
li.author {background: #eee url(/wp-content/themes/default/images/comment-divider.gif) no-repeat 525px top;}
li.author .comment-text {margin-left: 0; padding: 0 40px 0 20px; color: #333;}
#commentform textarea {width: 690px}
.rss {background: #EBE8DC url(/wp-content/themes/default/images/rss-round.gif) no-repeat; padding: 2px 0 3px 25px; margin: 20px 0 20px 5px}

/* Sub Content */

#subcontent {
	margin: 0;
	padding: 0;
	background: url(images/sub-content-bg.gif) repeat-x;
}
#secondary-content {padding: 20px 0 15px}
#subcontent table {margin: 0 auto; width: 100%; }


#footer {
	color: #fff;
	font-size: 0.75em;
	padding: 9px 9px 8px;
	background: url(images/footer-bg.jpg) repeat-x;	
	text-align: center;
	line-height: 18px;
}
#footer p {margin: 0; padding: 0}

/* Page Elements */
.left {float: left; margin:  5px 10px 10px 5px; border: 1px solid #ccc; padding: 10px; background-color: #fff}
.tpmleft {float: left; margin:  2px 10px 0 5px; border: 1px solid #ccc; padding: 10px; background-color: #fff}
.right {float: right; margin: 5px 5px 10px 10px; border: 1px solid #ccc; padding: 10px; background-color: #fff}
.center {text-align:center}
.textright {text-align: right}
.container {overflow: hidden}
.floatr {float: right; margin: 0}
.floatl {float: left; margin: 0}
.img {margin:  5px; border: 1px solid #ccc; padding: 8px; background-color: #fff}
img a {border: none;}
img {border-style:none;}
.clear {clear: both; height: 0; line-height: 0.0; font-size: 0;}
.titles {margin: 25px 0}
small {font-size: .85em}
.small {font-size: .85em; margin: 0}
#toolbar {overflow: hidden; font-size: .85em; margin: 4px 0 25px; background-color:#DFDCD1; padding: 2px 5px 3px 5px; height: 20px}
.yd_rp_widget img {display: none}
.yd_rp_widget h4 {font-size: 1.2em !important}
.yd_rp_excerpt {line-height: 2em}
.yd_rp_widget li {padding: 0px 0 8px 25px !important}
.latest-news ul li {background-image: none !important; margin: 10px 0 !important}
.latest-news ul li ul li {padding: 3px 0 8px 25px;
background-image: url(images/cross.gif) !important;
background-repeat: no-repeat;
background-position: 0 .2em;}
.yd_linkware {display: none}


/* Home */
.news-item {margin: 30px 10px 10px 10px; line-height: 20px}
.readmore {text-align:right; margin: 3px 0}
.getinvolved {width: 100%; border-collapse:collapse; }
.getinvolved td {width: 50%}
.getinvolved p {margin: .5em}
.getnews {
padding: 5px 0;
background: #D6DED5 url(images/rss.gif) no-repeat 9.7em .4em;
text-align: center;
border: 1px solid #ccc
}

/* Home Tab Panel - Saint Agnes School */
#overall p {padding: 0; text-align:justify; margin: 2px 6px}
#overall {width:670px; margin:0 auto;}
#overall .col {width:315px; padding: 0 20px 0 0; float:left;}
.CCspace {width:160px; height:220px; float:right;}
.CCpullout {width:315px; height:200px; padding:28px 0 0 0; float:left; margin-left:-175px;}
.CCpullout del {font-size:0px; color:#fff; position:absolute;}

/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Vertical
  Style Theme: 08 - Cayenne
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMv08 {
	width: auto;
	margin: 0 auto 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	padding: 0;
	text-align: left;
	line-height: normal;
	position: relative;
    z-index: 999; 
}
/*Hide Sub-Menu in Design View*/
.p7PMMv08 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMv08 ul {
	margin: 0;
	padding: 0;
	border: 1px solid #6699CC;
	width: 215px
}
.p7PMMv08 li {
	list-style-type: none;
	background: #369 url(images/nav-bg.gif) repeat-x; 
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #6699CC;
}
.p7PMMv08 a {
	display: block;
	text-decoration: none;
	padding: 11px 25px 10px 10px;
	color: #fff !important;
	text-align: left;
	line-height:1;
	text-align: right;
	font-size: 1.3em;
}
.p7PMMv08 a:hover {
	color: #FFF !important;
	background-color: #369 !important;
/*	border-color: #000;
*/}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMv08 ul a.pmmfirst {
}
.p7PMMv08 ul a.pmmlast {
}
.p7PMMv08 ul li.pmmfirst {
}
.p7PMMv08 ul li.pmmlast {
}

/*First Sub Level*/
.p7PMMv08 ul ul {
	z-index: 10000;
	width: 210px;
	background-color: #369;
	font-size: .85em
}
.p7PMMv08 ul ul li {

}
.p7PMMv08 ul ul a {
border-color: #444 #000 #000 #444;
	text-align: left;
	overflow: hidden;
}
.p7PMMv08 ul ul a:hover {
	border-color: #E83A00;
	background-color: #369
}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMv08 img {
	border: 0;
}
.p7PMMv08 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}

/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Root Level*/
.p7PMMv08 a.trig_open {
	border-color: #69c;
}
.p7PMMv08 a.trig_closed {
	background-image: url(images/pmm_east_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv08 a.trig_closed_up {
	background-image: url(images/pmm_north_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv08 a.trig_closed_left {
	background-image: url(images/pmm_west_light.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv08 a.trig_open, .p7PMMv08 a.trig_open_left {
/*	color: #CCC !important;
	background-color: #000 !important;*/
}
/*Sub Level*/
.p7PMMv08 ul ul a.trig_closed {
	background-image: url(images/pmm_east_medium.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv08 ul ul a.trig_closed_left {
	background-image: url(images/pmm_west_medium.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv08 ul ul a.trig_open, .p7PMMv08 ul ul a.trig_open_left {
	color: #fff !important;
	background-color: #369 !important;
	background-image: none;
	border-color: #E83A00;
}

/*The Current Marker (You are here) links*/
.p7PMMv08 .current_mark {
	background-color: #369;
	color: #fff !important;
}
.p7PMMv08 ul ul .current_mark {
	color: #EEE !important;
}
.p7PMMv08 .current_mark:hover {
	color: #FFFFFF !important;
}



/* 
  -----------------------------------
  TabPanel Magic Style Sheet
  by Project Seven Development
  www.projectseven.com

  Style Theme: 01 - Win XP Style
  -----------------------------------
*/

.p7TPpanel {
	background-color: #ECE9D8;
/*	border: 2px groove #fff;
*/}
.p7TPwrapper {
/*	padding: 8px 8px 7px 8px;*/
	margin: 25px 0
}
.p7TPheader {
/*	padding: 7px 6px;
*/	border-bottom: 1px solid #666666;
/*	background: #E1E3DC url(images/titles/welcome-to-saint-agnes.jpg) no-repeat;
*/}
.p7TPheader h2, .p7TPheader h3 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}
.p7TP_tabs {
	padding: 0;
	font-size: 1em;
}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a,
#p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, 
#p7TP5 .p7TP_tabs a {
	padding: 8px 10px 4px 10px;
	display: block;
	float: left;
	color: #444;
	text-decoration: none;
	background-image: url(p7tp/img/tabs01_up2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
}
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus,
#p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus,
#p7TP5 .p7TP_tabs a:focus {
	outline: 1px dotted;
	outline-color: #CCCCCC;
}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, 
#p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, 
#p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, 
#p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active,
#p7TP4 .p7TP_tabs a:active, 
#p7TP5 .p7TP_tabs a:active {
	color: #369;
	background-color: transparent;
}
.p7TP_tabs div {
	display: block;
	float: left;
	background-image: url(p7tp/img/tabs01_up.gif);
	background-repeat: no-repeat;
	margin: 0 -2px 0 0;
}
.p7TP_tabs p {margin: 0}
.p7TPclear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.p7TPcontent {
	padding: 20px;
	background-color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 0;
	border: 1px solid #999;
}
.p7TPcontent h2, .p7TPcontent h3, 
.p7TPcontent h4 {
	font-size: 1.3em;
	color: #369;
	margin: 0px;
	line-height: normal;
}
.p7TPcontent h4 {border-bottom: 1px solid #69c; margin: 10px 0}
/*.p7TPcontent p {
	margin: .3em 0;
}*/
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, 
#p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, 
#p7TP5 .p7TP_tabs div.down {
	padding: 0;
	position: relative;
	z-index: 2;
	background-image: url(p7tp/img/tabs01_down.gif);
	background-repeat: no-repeat;
}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, 
#p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, 
#p7TP5 .p7TP_tabs div.down a {
	background-image: url(p7tp/img/tabs01_down2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #369
}
/*HIDE the TABS*/
.p7TP_tabs {
	display: none;
}.
.yd_rp_widget a.rpw_bottom_link {display: none !important}