/*
THEME NAME: Summit Prevention Alliance
THEME URI: 
DESCRIPTION: A theme for Summit Prevention Alliance
VERSION: 1.0
AUTHOR: <a href="http://timeforcake.com/">Time For Cake</a>
AUTHOR URI: http://timeforcake.com
*/

/** ------------------------------
 CLEARFIX
------------------------------ **/
.clearfix:after,
.hlist:after,
.body:after,
.content:after,
.sub-content:after,
.copy:after,
.sub-copy:after,
#focus-on:after,
.foot:after,
.post:after,
.entry-meta:after,
.figure-a:after,
.figure-b:after,
.figure-c:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clearfix,
.hlist,
.body,
.content,
.sub-content,
.copy,
.sub-copy,
#focus-on,
.foot,
.post,
.entry-meta,
.figure-a,
.figure-b,
.figure-c{display:inline-block;}

/* Hide from IE Mac \*/
.clearfix,
.hlist,
.body,
.content,
.sub-content,
.copy,
.sub-copy,
#focus-on,
.foot,
.post,
.entry-meta,
.figure-a,
.figure-b,
.figure-c{display:block;}
/* End hide from IE Mac */



/** ------------------------------
 SCREEN READER ELEMENTS
------------------------------ **/
.skip-link,
.sr{left:-9999px; position:absolute; top:-9999px;}


/** ------------------------------
 IMAGE REPLACED ELMENTS
------------------------------ **/
.ir{background:no-repeat top left; display:block; height:0; overflow:hidden;}

/** ------------------------------
 GLOBAL ELEMENT STYLES
------------------------------ **/

*{border:none; font-size:100%; list-style-type:none; margin:0; padding:0; text-decoration:none;}

abbr{}

embed{display:block; margin:0 auto}

/** =h1 =h2 =h3 =h4 =h5 =h6 **/
*.section-title{color:#fff; display:block; font:44px/44px "trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:18px;}

.page-title{color:#005e52; font-size:27px; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; line-height:36px; margin-bottom:18px;}


.pageid-3 h2,
#donate h2{font-size:44px; line-height:44px; margin:0;}

h2{color:#355fac; font:20px/27px "trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:18px; margin-top:36px;}
h3{}
h4{}
h5{}
h6{}

p{margin-bottom:18px;}

/** =ul =ol **/
ul,
ol{margin-left:2em; margin-bottom:18px;}
	ul li{background:url('img/bullet_blue-square.png') no-repeat 0 5px; list-style-type:none; padding-left:15px; position:relative;}
	ol li{list-style-type:decimal; margin-left:2em;}

/** =form **/
form{}
	fieldset{}
		legend{}
		form p{}

/* Form Elements */
input[type=hidden]{display:none;}
input[type=checkbox]{height:14px; width:14px;}

/** ------------------------------
 BUTTONS / LINKS
------------------------------ **/
/** =a **/
a{color:#b0976f;}
a:link{}
a:hover{color:#467d74;}
a:active{}

a img{border:none;}

a.btn{}
a.btn:hover{}
a.btn:active{}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;}
h1 a{text-decoration:none;}

.edit-link a{background:url('img/icon_page_white_edit_blue.png') no-repeat center left; display:block; padding-left:20px; position:absolute; top:70px; left:-22px; width:0; width:"20px"; overflow:hidden;}
.post .edit-link a{top:16px;}

.top{}
.read-more{background:#d1b897; color:#fff; padding:3px;}
	.read-more:hover{background:#467d74; color:#fff;}


/** ------------------------------
 Figures =.figure

 <div class="figure">
	<img src="/path/to/img.jpg" alt="" />
	<p class="credit"><abbr class="type" title="Phtotograph">Photo</abbr> by <cite>Bob Johnson</cite></p>
	<p class="caption"><em class="title">Figure 1</em> Cras rutrum, enim at placerat varius, nisi massa consectetuer.</p>
 </div>

 See: http://microformats.org/wiki?title=figure-examples&direction=next&oldid=21491
------------------------------ **/

.figure-a,
.figure-b,
.figure-c{
	background:#fff;
	border:1px solid #85B6E0;
	padding:8px;
	text-align:center;
}

.figure-a{display:inline; float:left; margin:0 18px 18px 0;}
.figure-b{margin-left:auto; margin-right:auto; margin-bottom:18px;}
.figure-c{display:inline; float:right; margin:0 0 18px 18px;}

.figure-a img,
.figure-b img,
.figure-c img{display:block;}




/** ------------------------------
 MENUS
------------------------------ **/
.menu,
.menu ul{margin:0; padding:0;}
	.menu li{background:none; list-style-type:none; margin:0; padding:0;}
		.menu li a{display:block; text-decoration:none;}

.hlist{}
	.hlist li{float:left; display:inline;}
		.hlist li a{}
		.hlist li li{display:block; float:none;}

.vlist{}
	.vlist li{}
		.vlist li a{}

/* Jump Nav =#nav_jump */
#nav_jump{}

/* Main Nav =.nav_00 */
.nav_00{height:33px; position:relative; z-index:100;}

	.nav_00 li{line-height:27px; margin:3px 0; position:relative;}
	.nav_00 li.hover{background:#3f6eb6;}
	.nav_00 li a{color:#fff; line-height:27px; padding:0 18px;}
	.nav_00 li a:hover{color:#fff;}
	.nav_00 li.hover a {}
	.nav_00 li.current_page_item a,
	.nav_00 li.current_page_parent a{}

	.nav_00 li ul{background:#3f6eb6; display:none; font-size:12px; left:0; position:absolute; top:27px; width:200px;}
	.nav_00 li ul li{border-bottom:1px solid #517fc4;  margin:0; padding:3px; width:194px;}
	.nav_00 li ul li a{line-height:18px; padding:3px 18px; width:158px;}

	.nav_00 li ul li a,
	.nav_00 li.hover ul li a,
	.nav_00 li.current_page_parent ul li a{}

	.nav_00 li ul li a:hover,
	.nav_00 li.hover ul li a:hover,
	.nav_00 li.current_page_parent ul li a:hover{background:#355fac;}
	
	.page-item-7 li.hover a{}

	
/* Sub Nav =#nav_01 */
.nav_01{}
	.nav_01 h2{margin:18px 0 13px 0;}
	.nav_01 li{float:left; margin:0; width:216px;}
	.nav_01 li a {background:url('img/bullet_blue-square.png') no-repeat 3px 10px; list-style-type:none; margin:0; padding-left:15px; width:201px; float:left;}
	.nav_01 .current_page_item a,
	.nav_01 .current_page_item,
	.nav_01 .current-cat a{color:#467d74; font-weight:bold;}
	.nav_01 .current-cat li a{color:#b0976f; font-weight:normal;}
	.nav_01 .current-cat li a:hover{color:#467d74}
	.nav_01 a{border-top:1px dotted #fff; padding:5px 0;}
		.nav_01 li li a{background-position:18px 10px; font-size:11px; padding-left:30px;}
	
	.content .nav_01 li{width:714px;}
	.content .nav_01 li a{width:699px;}


/** ------------------------------
 SITE STRUCTURE
------------------------------ **/

html, body{height: 100%;}
.site{position:relative; min-height:100%;}
* html .site{ height: 100%; }

body{background:#bad9f2 url('img/bg_site.png') repeat-x 0 261px; color:#404040; font:13px/18px Georgia, Arial, Verdana, Sans-serif; text-align:center;}
.site{background:url('img/bg_body.jpg') repeat-x top center; margin:0;}
	.head,
	.body,
	.foot p{margin:0 auto; text-align:left; width:960px;}
	.head{height:255px; position:relative; z-index:50;}
		.head h1 a{background:url('img/logo.gif'); display:block; height:0; height:"210px"; font-size:11px; left:22px; padding-top:210px; overflow:hidden; position:absolute; top:65px; width:174px;}
	.body{ font-size:13px; padding-bottom:108px;}
	.pageid-3 .body{font-size:11px;}
		.content{float:right; position:relative; top:-34px;  width:714px;}
			.content .copy,
			.content .sub-copy{position:relative;}
			.content .copy{}
			.pageid-3 .content .copy{float:left; width:450px;}
			.pageid-3 .content .sub-copy{float:right; width:234px;}
			.content .nav{margin-top:34px;}
		.sub-content{float:left; width:216px;}
			.sub-content .copy{}
			.sub-content .sub-copy{}
	.foot{background:#85b6e0 url('img/bg_foot.png') repeat-x top left; color:#fff; font-size:11px; height:54px; line-height:18px; margin-top:-90px; padding:18px 0; position:relative; text-align:left; width:100%;}
		.foot .vcard{float:none; margin:0 auto; width:960px;}
		.foot .col{float:left;}
		.foot #col1{padding: 0 40px 0 0;}
		.foot #col2{padding: 0 40px 0 0;}
		.foot #col3{padding: 0 40px 0 0;}
		.foot #col4{padding: 0 40px 0 0;}
			.site-map{display:block; background:#5690cc; float:left; margin-right:10px; padding:0 5px; text-align:center;}
			.site-map:hover{background:#355FAC;}
		.foot a{color:#fff;}
		.foot p{margin:0;}


#donate{background:#355fac url('img/bg_donate.png') no-repeat bottom left; height:86px; padding:41px 45px 0 29px;}
	#donate h2{color:#fff;}
	#donate a{background:#5690cc; color:#fff; display:block; font-size:12px; margin:0; text-align:center;}

#events{padding:24px 20px;}
	#events h2{margin-bottom:18px;}
	#events h3{font-size:13px; font-weight:bold; float:left; margin-right:5px;}

#intro{margin-bottom:27px;}
	#intro h2{color:#fff; margin-bottom:9px;}
		#intro h2 small{font-size:18px; position:relative; top:-5px;}

#focus-on{background:#5690cc url('img/bg_dark_blue_north.png') repeat-x top left; color:#fff; padding:20px;}
	#focus-on h2{color:#fff;}
	#focus-on h3{background:#355fac; font-size:13px; padding:5px 10px; margin:12px 0 9px;}
	#focus-on img{border:1px solid #84b6e0; float:left; clear:left;  margin:3px 13px 0 0; width:100px; height:100px; background:#fff;}
	#focus-on p{clear:both;}
        #focus-on a{color:#0D336F;}
        #focus-on a:hover{color:white;}

#blog-excerpts{margin-bottom:27px;}
	#blog-excerpts h2{color:#fff; margin-bottom:9px;}
		#blog-excerpts h2 small{font-size:18px; position:relative; top:-5px;}
	#blog-excerpts h3{font-size:13px; font-weight:bold; float:left; margin-right:5px;}

#posts{border-top:1px dotted #fff;}
	.post{padding-bottom:18px; padding-top:36px; position:relative; clear:both;}
	#posts .alt{background:url('img/bg_fff_30.png'); margin:0 -18px; padding-left: 18px; padding-right:18px; float:left; width:714px;}
	* html .hfeed .alt{background:#CEE4F5;}
		.post h2{border-bottom:1px dotted #85B6E0; margin:0 0 18px 0; padding-right:50px;}
		.post .entry-date{font-size:11px; left:0; position:absolute; top:18px;}
		#posts .alt .entry-date{left:18px;}
		.post .entry-meta{font-size:11px;}
			.post .entry-meta .cat-links {background:url('img/icon_tag_blue.png') no-repeat center left; float:right; padding-left:20px;}
			.post .entry-meta .comments-link {background:url('img/icon_comments.png') no-repeat center left; float:left; padding-left:20px;}
			.post .author,
			.post .meta-sep{display:none;}

.wp-pagenavi{border-top:1px dotted #fff; margin-top:18px; padding-top:17px;}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:active { background-color: #eef5fc; border: 1px solid #0066cc; color: #0066cc; margin: 2px; padding: 3px 5px 3px 5px; text-decoration: none; }
.wp-pagenavi a:hover { background-color: #FFFFFF; border: 1px solid #114477; color: #114477; }
.wp-pagenavi span.pages { background-color: #eef5fc; border: 1px solid #355fac; color: #355fac; margin: 2px; padding: 3px 5px 3px 5px; }
.wp-pagenavi span.current { background-color: #FFFFFF; border: 1px solid #355fac; color: #355fac; font-weight: bold; padding: 3px 5px 3px 5px; margin: 2px; }
.wp-pagenavi span.extend { padding: 3px 5px 3px 5px;  margin: 2px;	 border: 1px solid #355fac; color: #355fac; background-color: #eef5fc; }

.single .content .sub-copy{float:none; width:auto;}
.single .post{padding-top:0;}
	.single .entry-meta{background:url('img/bg_fff_30.png'); border-bottom:1px dotted #85B6E0; margin:0 -18px; padding:18px; width:714px; float:left;}
	* html .single .entry-meta{background:#CEE4F5;}
	
.comments ol {margin:0; padding:0;}
	.comments ol li{border-bottom:1px solid #BAD9F2; list-style-type:none; margin-bottom:18px; position:relative; padding-bottom:0px;}
.comments .alt{background:url('img/bg_fff_30.png'); margin:0 -18px 17px -18px; padding:18px 18px 0px 18px;}
* html .comments .alt{background:#CEE4F5;}
.comment-author{border-bottom:1px dotted #fff; display:block; font-weight:bold; margin-bottom:8px; padding-bottom:9px;}
.comment-meta{top:0px; right:0px; font-size:11px; padding-right:20px; position:absolute;}
.alt .comment-meta{top:18px; right:18px;}
.comment-meta .edit-link {background:none; right:0; top:0;}
.comment-meta .meta-sep{display:none;}
.comment-meta a{background:url('img/icon_permalink.png'); display:block; padding:16px 0 0 0; height:0; overflow:hidden; position:absolute; top:0; right:0; width:16px;}
.comment-meta .edit-link a{background-image:url('img/icon_page_white_edit_blue.png');}

#commentform div{ float:left; margin-bottom:9px; width:357px;}

#commentform div input,
#commentform div textarea{border:1px solid #355fac; font-family:Georgia, Arial, Verdana, Sans-serif; height:13px; font-size:13px; line-height:13px; padding:7px; width:300px;}
#commentform div textarea{height:130px; width:657px;}

#commentform .button{background:#fff; border:1px solid #355fac; clear:both; display:block; padding:7px; cursor:hand; cursor: pointer;}

::-moz-selection{
	background-color: #3c63b0;
	color: #fff;
}
.pageid-50 iframe{background:#BAD9F2; height:580px; width:714px;}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.3.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.3
 * @date October 12, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*------------------------------------

IFRAME USED FOR MYEMMA.COM SIGNUP

--------------------------------------*/

iframe {
     float: left;
     margin: 0;
     padding: 0;
}