/*

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:hover ul, .nav_00 li a:hover ul{display:block;}

	

	.nav_00 li ul li ul{top:1px; position:absolute; margin-left:200px;}



	.nav_00 li:hover ul li ul{display:none!important;}

	.nav_00 li ul li:hover ul{display:block!important;}



	.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;

}