/*
Theme Name: IGM 2011
Theme URI: http://irishglobalmission.org
Description: Design for Irish Global Mission 2011.
Author: Daniel Paul
Author URI: http://danielpaul.me
Version: 1.1 
*/
 
@charset "utf-8";

/* Reset Styles
------------------------------------------------------------ */
*{
	margin:0;
	padding:0;
	outline:0;
}
img {
	border: 0; 
}
.clear { 
	clear: both; 
}



/*********************************************************************
 * Master Styles
 *********************************************************************/
html {
	background: url(images/worldmap.png) no-repeat top center, url(images/noice.png);
}
body { 
	font: .74em Arial, Verdana, Tahoma, Sans-Serif; 
	color: #555;
}

#welcome {
	display: none;
	margin: 0 auto;
	padding-top: 250px;
	width: 300px;
	text-align: center;
}

/* typography and links */

@font-face {
    font-family: 'SansationRegular';
    src: url('sansation-fontface/Sansation_Regular-webfont.eot');
    src: url('sansation-fontface/Sansation_Regular-webfont.eot?iefix') format('eot'),
         url('sansation-fontface/Sansation_Regular-webfont.woff') format('woff'),
         url('sansation-fontface/Sansation_Regular-webfont.ttf') format('truetype'),
         url('sansation-fontface/Sansation_Regular-webfont.svg#webfontw28k2xtN') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, #top, #menu, #copy, .blog-date {
	font-family: 'SansationRegular', Arial, sans-serif !important;
}

/* @font-face {
    font-family: 'SansationLight';
    src: url('Sansation_Light-webfont.eot');
    src: url('Sansation_Light-webfont.eot?iefix') format('eot'),
         url('Sansation_Light-webfont.woff') format('woff'),
         url('Sansation_Light-webfont.ttf') format('truetype'),
         url('Sansation_Light-webfont.svg#webfontJY9BDD6R') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationBold';
    src: url('Sansation_Bold-webfont.eot');
    src: url('Sansation_Bold-webfont.eot?iefix') format('eot'),
         url('Sansation_Bold-webfont.woff') format('woff'),
         url('Sansation_Bold-webfont.ttf') format('truetype'),
         url('Sansation_Bold-webfont.svg#webfonth1l4beys') format('svg');
    font-weight: normal;
    font-style: normal;

} */



a { 
	text-decoration: none; 
}

p  { 
	margin: 0 0 17px; 
	line-height: 1.6em; 
}

/* headings */
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
h1 { 
	float: left; 
	width: 350px;  
	line-height: 1.4em; 
	font-size: 2.6em; 
	color: #000; 
	letter-spacing: -1.2px; 
	margin: 0 0 25px 0;
	padding: 32px 0 0 10px;
}
h1 a { 
	color: #000; 
}
h2 { 
	margin: 0 0 15px; 
	font-size: 1.9em; 
	color: #000; 
}
h2.inner { 
	border-bottom: 1px solid #ddd; 
	margin: 0 0 25px; 
	padding: 0 0 10px; 
}
h3 { 
	margin: 0 0 7px;  
	font-size: 1.3em; 
	clear: both; 
	color: #000; 
	line-height: 1.3em; 
}
h4 { 
	margin: 0 0 10px; 
	font-size: 1.2em; 
	color: #000; 
}
h5 {
	font-size: 1em;
	color: #eee; 
	margin: 0 0 14px;
}

/* content holder */
#content { 
	margin: 0 auto; 
	width: 960px;
}

/* top bar */
#top { 
	margin: 0; 
}
#top a {
	float: right;
	padding: 8px 14px 10px; 
	color: #fff; 
	background: #757575; 
}
#top a:hover { 
	background: #888; 
}

/* main menu */
#menu { 
	clear: right;
	float: right; 
	padding: 52px 0 0 0;
	width: 600px;
}
#menu ul { 
	float: right; 
}
#menu li { 
	list-style: none;
	float: left;
	margin: 0 0 0 18px;
}
#menu li a { 
	float: left;
	color: #888; 
	font-size: 1.2em; 
	padding: 4px;
	border-bottom: 1px solid none;
	overflow: hidden;
	height: 1%;
}
#menu li a.current { 
	color: #000; 
}

/* pitch slideshow */
#pitch { 
	clear: both; 
	height: 310px; 
	background: #fff;
	
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}
#slideshow {
    position:relative;
    height:310px;
    
    -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
  	border-radius: 10px; /* CSS3 */
    
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
    
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}

/* pitch overlay */
.overlay {
	clear: both;
	float: left; 
	z-index: 100;
	width: 300px;
	position: relative; 
	margin: -230px 0 0; 
	padding: 20px 20px 10px;
	
	-moz-border-radius-topright: 5px; /* Firefox */
	-moz-border-radius-bottomright: 5px; /* Firefox */
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	background: rgba(6, 138, 202, 0.70) !important;
}
.overlay h2 {
font-size: 15px;
}
.overlay p {
text-align: right
}
.overlay h2, .overlay p { 
	color: #fff; 
}
.transparent { 
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90; 
}

#pitch .transparent {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80; 
}


/* inner pitch */
#page-pitch {
	clear: both;
	background: #fff;
	height: 200px;
	
    -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
  	border-radius: 10px; /* CSS3 */
}
#page-pitch #slideshow {
    height:200px;
}
#page-pitch .overlay {
	margin: -130px 0 0; 
	padding: 20px 20px 10px;
	width: 200px;
}

/* main content */
#main { 
	clear: left; 
	float: left; 
	width: 675px;
	padding: 35px 0 0;
}

/* holder for page content */
#page { 
	font-size: 1.1em; 
}
.justify { text-align: justify; }

/* images align */
.left, .right { 
	border: 1px solid #ddd; 
}
.left { 
	float: left; 
	margin: 0 15px 5px 0; 
}
.right { 
	float: right; 
	margin: 0 0 5px 15px; 
}

/* tables */
table { 
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 30px;	
}
table td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
table thead td {
	font-weight: bold;
	border-bottom: 3px double #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
}
table .odd td { background: #fff; }



/* blog posts */
.blog-post  { 
	border-bottom: 1px solid #ddd; 
	margin: 0 0 30px; 
}
.blog-date { 
	float: left; 
	width: 40px; 
	text-align: right; 
	font-size: .9em; 
}
.blog-date span { 
	font-size: 3em; 
}
.blog-body { 
	float: right; 
	width: 570px; 
}

/* lists */
#page ul, #page ol { margin: 0 0 25px 27px; }
#page li { padding: 6px 0; list-style: square; }

/* boxes */
.half, .third { 
	float: left; 
	width: 292px; 
	background: #fff; 
	padding: 15px; 
	margin: 0 30px 30px 0; 
}
.third {
	width: 175px;
}

.last { 
	margin-right: 0; 
}

/* home page bits */
#bits {
	margin: 0 0 25px; 
	padding: 0 0 25px;
	border-bottom: 1px solid #ddd;
}

.bit {
	float: left;
	width: 188px;
	padding: 0 20px 0 22px;
}
.bit p {
	margin: 0;
}
.bit.last { padding-right: 0; }

/* home page news columns */
.col-left { 
	float: left; 
	width: 320px;  
}
.col-right { 
	float: right; 
	width: 310px; 
}
.img { 
	clear: both; 
	margin: 0 0 15px; 
	background: #fff; 
	padding: 5px; 
}
.date { 
	margin: 0 0 12px; 
	color: #444; 
}

/* sidebar */
#side { 
	position: relative; 
	float: right; 
	margin: -46px 0 0; 
	width: 250px; 
	z-index: 100; 
}
#side .news img {
	display: none;
}
#side .notice {
	background: #fff;
	border: 1px #dddddd solid;
	margin: 10px 0;
	padding: 10px;
			    
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

#side .notice.highlight {
  border: 1px solid #1e8cc9;
  
  -moz-box-shadow: 0 0 5px #67b1de;
  -webkit-box-shadow: 0 0 5px #67b1de;
  box-shadow: 0 0 5px #67b1de;
  
}

#side h4 { 
	background: #333; 
	padding: 15px; 
	color: #fff; 
	margin: 0; 
		
	-moz-border-radius-topleft: 5px; /* Firefox */
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}
#side .news { 
	background: #fff; 
	padding: 15px;
	border: 1px #dddddd solid;

	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px; /* Firefox */
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#side iframe {
	display: none;
}

/* newsletter */
#newsletter {
	background: #333; 
	padding: 15px;
	
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; /* Firefox */
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#newsletter input.text { 
	width: 180px; 
	float: left; 
	border: 0; 
}
#newsletter input.submit {
	float: right;
	padding: 0
	width: 26px;
	height: 26px;
}

/* side menu */
.side-menu li { 
	list-style: none; 
	padding: 10px 4px; 
	border-bottom: 1px solid #ddd; 
}

/* side box */
.side-box { background: #333; 
	padding: 15px; 
	color: #ddd; 
	margin: 0; 
	font-size: .94em;
}
.side-box p {
	margin: 0;
}

/* forms */
fieldset {
	border: 0;
}
label { 
	display: block;
	color: #000;
	padding: 0 0 2px;
}
input.text, textarea.text {
	width: 250px;
	padding: 5px;
	border: 0;
	border-bottom: 2px solid #ddd;
	margin: 0 0 3px;
}
textarea.text  {
	width: 400px;
	height: 120px;
}
input.submit {
	color: #fff;
	padding: 7px 10px;
	border: 0;
	font-weight: bold;
}
	

/* tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
	margin-bottom: 10px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
	overflow: hidden;
	position: relative;
	background: #f4f4f4;
	margin-right: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.tabs li.current, ul.tabs li:hover {
	-moz-box-shadow: 0 0 5px #67b1de;
	-webkit-box-shadow: 0 0 5px #67b1de;
	box-shadow: 0 0 5px #67b1de;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
}



/* footer */
footer { 
	clear: both; 
	border-top: 1px solid #ddd; 
	color: #999; 
	padding: 15px 0 15px 0;
	margin: 25px 0;
}
footer p { 
	margin: 0 0 12px; 
}
footer a { 
	color: #555; 
	margin: 0 10px 0 0; 
	padding: 0 0 0 10px; 
	background: url(images/dot.png) no-repeat left center; 
}
footer a:hover {
	color: #000;
}

footer .col-left a, footer .col-right a {
	margin: 0;
	padding: 0;
	background: none;
}

footer .col-left {
	width: 380px;
}

footer .col-right {
	width: 250px;
	text-align: right;
}

footer #right { 
	float: right; 
}

hr {
	color: #ddd;
	background-color: #ddd;
	border: none;
	margin-bottom: 20px;
	height: 1px;
}

.em-location-map {
	width: 100% !important;
	height: 400px !important;
}

/* Theme Colors
------------------------------------------------------------ */

/* Default Blue */
a, .table thead td { 
	color: #038bcc; 
}
a:hover { 
	color: #039ce6; 
}
#menu li a:hover, #menu li a.current { 
	border-bottom: 1px solid #038bcc; 
}

#menu ul li ul {
	border: none;
	padding-top: 20px;
	position: absolute;
	font-size: 10px;
	display: none;
	margin-top: 15px;
}
#menu ul li ul.left {
	margin-left: -80px;
}
#menu ul li ul.right {
	margin-left: -230px;
}
#menu ul li ul.activities {
	margin-left: -310px;
}


.overlay, input.submit {
	background: #038bcc;
}
.bit {
	border-left: 1px solid #038bcc;
	background: url(images/blue_bullet.png) no-repeat;
}
#newsletter input.submit {
	background: url(images/blue_submit.png) no-repeat;
}

/* Red */
body.red a, body.red .table thead td { 
	color: #9C2716; 
}
body.red a:hover { 
	color: #6D1C10; 
}
body.red #menu li a:hover, body.red #menu li a.current { 
	border-bottom: 1px solid #9C2716; 
}
body.red .overlay, body.red input.submit {
	background: #9C2716;
}
body.red .bit {
	border-left: 1px solid #9C2716;
	background: url(images/red_bullet.png) no-repeat;
}
body.red #newsletter input.submit {
	background: url(images/red_submit.png) no-repeat;
}

/*!
 * Copyright 2011, Daniel Paul
 * http://danielpaul.me
 *
 * Date: Jun 01 2011
 */
 
 /* Pure CSS Buttons */
 
.g-button {
padding: 6px 10px;
-webkit-border-radius: 2px 2px;
border: solid 1px rgb(153, 153, 153);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
color: #333;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
}

/* TipTip Tooltip CSS */

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* -------------------------------------------------------------- 
   
   Stencil forms.css
   * Sets up default form styling.
  
-------------------------------------------------------------- */


form { width: 100%; padding: 5px; margin: 0 auto; }


form fieldset
{
	border: none;
	padding-top: 30px;;
	padding-bottom: 1.5em;
	margin-bottom: 2em;
	position: relative;
	
}

form legend 
{ 
	background: transparent;
	font-size: 16px;
	font-weight: bold; 
	font-style: italic;
	padding: 0 10px .5em; 
	display: block;
	margin-bottom: 0;
	border-bottom: 3px solid #EEE;
	width: 100%;
}

form legend { margin-bottom: 2.25em; }

@-moz-document url-prefix() { form legend { margin-bottom: 0 !important; } } 


legend span
{
	font-family: georgia;
	font-size: 30px;
	padding-right: .5em;
}





form label
{ 
	margin-right: 10px; 
	padding-right: 10px; 
	line-height: 2.75em;
	padding-bottom: .5em;
	width: 125px; 
	display: block; 
	float: left;  
	font-weight: bold; 
	text-align: right; 
	position: relative; 
}

	form label em.required { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }

form   input:focus,
form   textarea:focus,
form   select:focus { outline: none; border-color: #86C1D2; 	-moz-box-shadow: 1px 1px 10px #9CCCDA; -webkit-box-shadow: 1px 1px 10px #9CCCDA; }

form  .error input,
form  .error textarea,
form  .error select { border-color: #c00 !important; -moz-box-shadow: 0px 0px 5px #F00 !important; -webkit-box-shadow: 0px 0px 5px #F00 !important; }

	.error > .errorText { display: block; }

	.errorText { display: none; font-size: 11px; color: #C00; margin-left: 150px; margin-top: .25em; }

form   { margin-bottom: 2em; position: relative; }

	form   input, form   select
	{
		padding: 6px;
		border: 1px solid #BBB;
		-moz-border-radius: 3px;	
		-webkit-border-radius: 3px;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
	}

form .controlset .controlset-fields { margin-left: 150px; }

	form .controlset .controlset-fields label
	{ 
		font-size: 11px;
		font-weight: normal;
		display: inline;
		width: auto;
		padding-left: 5px;
		float: none;
		text-shadow: none;
	}

	form .controlset .controlset-fields input { display: inline !important; float: none !important; border: none !important; }


form.label-top label { width: 100%; text-align: left; display: block; }
	form.label-top   { margin-bottom: 1.5em;}
	form.label-top label em { position: relative; }
	form.label-top .controlset-fields { margin-left: 0;}
	form.label-top .actionrow { margin-left: 0; }
	form.label-top .help { padding-left: 0; margin-left: 0; }
	form.label-top .errorText { margin-left: 0; }
	form.label-top legend { padding: 0; }

form .actionrow { margin-left: 150px; }



form a.help{
	background: url(../images/help.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	font-size: 0;
    position:relative;
    z-index:24;
    color:#000;
    left: 8px;
    top: 2px;
    text-decoration:none;
    outline: none;
}

form a.help:hover{z-index:25;}

form a.help span{display: none}

form a.help:hover span
{
    display:block;
    font-size: 11px;
    position:absolute;
    top:-6px; 
    left:1.5em; 
    width:17em;
    border:1px solid #DDD;
    padding: 3px 7px;
    background-color:#F1F1F1; color:#000;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.25);
}