/*
Theme Name: Iggli.com emerald theme
Theme URI: iggli.com
Description: New theme for iggli.com
Version: 1.0
Author: Andrew Crocker
Author URI: andrewcrocker.com
.
Created on Aug 27 2009
.
*/

/* ---------------- */
/* ----- CORE ----- */
/* ---------------- */

body {
	background: url(../images/emerald/bg-top.jpg) top left repeat-x #fff;
	padding: 0px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #3b3b3b;
	line-height: 20px;
	text-align: center;
	}
	
/* different page backgrounds */
.emerald-index, .maintenence-index {background: url(../images/emerald/index-bg-top.jpg) top left repeat-x #fff;} /* index page */
.emerald-events {background: url(../images/emerald/event-bg-top.jpg) top left repeat-x #fff;} /* event pages */
.emerald-basic {background: url(../images/emerald/bg-top.jpg) top left repeat-x #fff;}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;}
	
a {outline: none; text-decoration: none; color: #006fb8;}
.article a, a:hover {text-decoration: underline;}
a:visited {color: #38638B;}
img {border: none;}

/* generic classes */

.hidden {visibility: hidden;position: absolute;}
	
.i {font-style: italic;}
.b {font-weight: bold;}
.notb {font-weight: 500;}	
.noti {font-style: normal;}	
	
.blue {color: #006fb8;}
.green {color: #006400;}
.olive {color: #596651;}
.white {color: #fff;}
.black {color: #000;}

.fl-left, .left {float: left;}
.fl-right, .right {float: right;}

.center {text-align: center;}

table {border-collapse:collapse; text-align: left;}

.brand, .brand-hover:hover{color: #006400;}

.brand-bg {background-color: #006400;}
	
.brand-border {border-color: #006400;}

/* end generic classes */

/* structure */

#body-wrap {
	min-width: 960px;
	background: url(../images/emerald/bg-top-middle.jpg) top center no-repeat;
	}

.emerald-index #body-wrap, .maintenence-index #body-wrap {background: url(../images/emerald/index-bg-top-middle.jpg) top center no-repeat;}  /* index page */
.emerald-events #body-wrap {background: url(../images/emerald/event-bg-top-middle.jpg) top center no-repeat;}  /* event page */

#body-wrap2 {
	width: 960px;
	margin: 0px auto;
	background: url(../images/emerald/bg-center-content.jpg) 0px 152px no-repeat;
	min-height: 580px;
	text-align: left;
	}

.emerald-index #body-wrap2, .maintenence-index #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 312px no-repeat;} /* index page */
.emerald-events #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 225px no-repeat;} /* events search page */
.emerald-eventpages #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 152px no-repeat;} /* events events page */
.emerald-myinvite #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 152px no-repeat;} /* events events page */
.emerald-reports #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 152px no-repeat;} /* events events page */
.emerald-default #body-wrap2 {background: url(../images/emerald/bg-center-content-noside.jpg) 0px 152px no-repeat;} /* events events page */


.section, .footer {
	clear: both;}

/* end structure */

/* text styles */

.article {
	overflow: hidden;
	clear: both;
	/* padding: 0px 10px 15px 20px; */
	padding: 0px 0px 15px 0px;
	border-bottom:1px solid #D1D1D1;
	}

/* button */

a.button, a.big-button {
	background-image: url(../images/emerald/white-buttons.gif);
	background-repeat: no-repeat;
	color: #006400;
	text-decoration: none;
	display: inline-table;
	height: 23px;
	padding: 0px 0px 0px 10px;
	text-shadow: 0px 1px 0px #fff;
	}
	
a.button span, a.big-button span {
	background-image: url(../images/emerald/white-buttons.gif);
	background-repeat: no-repeat;
	display: inline-table;
	height: 21px;
	padding: 1px 10px 1px 0px;
	margin-right: -10px;
	}

a.button {background-position: 0px -24px;}

a.button span {background-position: 100% 0px;}

a.button:hover {background-position: 0px -72px;}

a.button:hover span {background-position: 100% -48px;}

a.big-button {
	background-position: 0px -128px;
	height: 31px;
	font-size: 18px;}

a.big-button span {background-position: 100% -96px;
	padding-top: 4px;
	height: 27px;}

a.big-button:hover {background-position: 0px -192px;}

a.big-button:hover span {background-position: 100% -160px;}

/* text styles */

/* header */

.main-header {
	height: 59px;
	position: relative;}

.main-header h1 {
	margin: 0px;}

.main-header h1 a {
	margin: 0px;
	width: 130px;
	height: 59px;
	text-indent: -10000px;
	background: url(../images/emerald/logo.png) center center no-repeat;
	float: left;
	outline: none;
	}

.main-header h2 {
	clear: left;
	float: left;
	margin: 45px 0px 0px 8px;
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	text-shadow: 0px -1px 0px #5e705c;
	}

.main-header h2 a {
	color: #fff;
	text-decoration: none;
	}

.toppagetitle {
	color:#FFFFFF;
	text-decoration:none;
	font-size:40px;
	font-weight:500;
	text-shadow:0 -1px 0 #5E705C;
	}

.pagetitle { /* page titles */
	overflow: hidden;
	padding-bottom: 13px;
	padding-top: 23px;
	color: #006FB8;
	text-shadow:0 1px 0 #FFFFFF;
	font-size:24px;
	margin: 0px;
	line-height: 25px;}
	
.myinvite a {background-color: transparent;} /* fix for brand-bg */

/* header */

/* - universal styles - */

.subtitle-big {
	text-shadow: 0px 0px 2px #002a18;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px;
	
	position: absolute;
	top:97px;
	left:410px;
	}
	
.input-blank {
	background: none;
	border: 0px none;
	text-align: center;}

/* - end universal styles - */


/* ---------------- */
/* ----- INDEX ---- */
/* ---------------- */

/* top content.  for search box see emerald-search.css */

.index {
	position: relative;}

.index.top-search {
	height: 253px;
	color: #fff;
	}
	
.index.top-search h2 {
	background: url(../images/emerald/index-title.gif) top left no-repeat;
	width: 472px;
	height: 37px;
	margin: 0px;
	text-indent: -10000px;
	
	position: absolute;
	top:50px;
	left:400px;
	}

.index.top-search h2.lowercase {  /* TEMPORARY ALTERNATE */
	background: url(../images/emerald/index-title-lowercase.gif) top left no-repeat;
	width: 486px;
	height: 40px;
	margin: 0px;
	text-indent: -10000px;
	
	position: absolute;
	top:53px;
	left:417px;
	}

.index .subtitle-big {
	position: absolute;
	top:97px;
	left:420px;
	}


.index.top-search .subtitle-small {
	text-shadow: 0px 0px 2px #002a18;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px;
	width: 540px;
	
	position: absolute;
	top:204px;
	left:410px;
	}

.index.top-search #photos {
	position: absolute;
	top:10px;
	left:-7px;}
	
.emerald-index .footer {
	margin-top: 80px;
	}
.emerald-index .footer .nav {
	border-top-color: #f1f1f1; 
	}
	
/* botom content */	

.index.bottom-content {
	/* 
	
	margin-left: 420px;
	margin-right: 10px; 
	width: 530px;
	
	*/
	
	margin-left: 449px;
	width: 460px;
	
	
	
	font-size: 14px;
	color: #575757;
	line-height: 24px;
	}

.index.bottom-content #counter {
	font-weight: 100;
	font-size: 28px;
	text-shadow: 0px 2px 0px #ffffff;
	border-bottom: 1px solid #e7e7e7;
	
	padding-bottom: 20px;
	margin-bottom: 25px;
	margin-top: 33px;}

.index.bottom-content h3 {
	font-size: 18px;}
	
.index.bottom-content h3 a {
	display: block;
	height: 30px;}

.index.bottom-content .inv-title, .index.bottom-content .event-w-title {
	text-indent: -10000px;
	height: 30px;
	margin: 0px;
	background-image: url(../images/emerald/index-subtitle.gif);
	background-repeat: no-repeat;}

.index.bottom-content .inv-title {
	background-position: top left;
	}

.index.bottom-content .event-w-title {
background-position: 0px -79px;
	}
	
.index.bottom-content .col {
	/*
	width: 265px;
	*/
	
	
	width: 230px;
	float: left;
	clear: none;
	padding-bottom: 35px;
	}
	
.index.bottom-content .bottom {
	border-top: 1px solid #dadada;
	padding-top: 30px;
	clear: both;
	}

.index.bottom-content .bottom h3 {
	margin: 0px;
	}

.index.bottom-content .bottom .learnmore {
	background-image: url(../images/emerald/button-learn-more.gif);
	width: 226px;
	height: 60px;
	text-indent: -10000px;
	background-position: top left;
	display: block;
	margin: 20px auto;
	outline: none;
	
	}
	
.index.bottom-content .bottom .learnmore:hover {
	background-position: top right;
	}
	
.index.bottom-content .bottom .learnmore:active {
	background-position: top center;
	}
	
/* ---------------- */
/* - EVENT SEARCH - */
/* ---------------- */

.section.events {
	position: relative;
	padding: 0px 10px;}
	
.events.top-search {
	height: 166px;
	color: #fff;
	}

.events.top-search p {
	margin: 0px;
	}
	
.events .subtitle-big {
	left:148px;
	position:absolute;
	top:17px;
	width:664px;
	text-align: center;
	}

.events.bottom-content {
	width: 620px;
	margin: 0px auto;
	}

.events.bottom-content h2 {
	margin-top: 31px;
	margin-bottom: 16px;
	color: #006fb8;
	text-shadow:0 1px 0 #FFFFFF;
	font-size: 30px;
	text-align: center;
	border-bottom:1px solid #E7E7E7;
	padding-bottom: 20px;
	}

.events.bottom-content .col {
	width: 310px;
	float: left;
	clear: none;
	padding-bottom: 16px;
	margin-bottom: 20px;
	border-bottom:1px solid #E7E7E7;
	}

.events.bottom-content .col .header h3, .events.bottom-content .col .header p {
	margin-top: 0px;
	}

.events.bottom-content .partner-cta {
	width: 480px;
	height: 55px;
	background-color: #ebf8d6;
	margin: 0px auto;
	position: relative;
	margin-bottom: 20px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius:12px;
	border-radius: 12px;
	}

.events.bottom-content .partner-cta img {
	position: absolute;
	top: -10px;
	left: -10px;
	}

.events.bottom-content .partner-cta h3 {
	font-size: 18px;
	font-weight: 500;
	margin: 0px;
	padding: 12px 0 0 94px;
	}
	
.events.bottom-content .partner-cta .learnmore {
	width: 115px;
	padding-top: 5px;
	height: 26px; /* was 31 */
	display: block;
	position: absolute;
	bottom: -15px;
	left: 182px;
	text-decoration: none;
	text-align: center;
	color: #000;
	
	background: url(../images/emerald/button-learn-more-event.gif) top left no-repeat;
	}

.events.bottom-content .partner-cta .learnmore:hover {
	color: #fff;
	background-position: top right;
	}
	
/* ---------------- */
/* - EVENT PAGE - */
/* ---------------- */

.section.eventpage {
	position: relative;
	padding: 0px 10px;}
	
.top-search {
	height: 93px;
	}

.top-search p {
	margin: 0px;
	}
	
/* ---------------- */
/* --- MYINVITE --- */
/* ---------------- */

.section.myinvite {
	position: relative;
	padding: 0px 10px;}

.emerald-myinvite .main-header {
	height: 152px;}

.section.my-link-stats #list-tabs {
	border-bottom: #ddd 1px solid;
	margin-bottom: 10px;
	}

.section.my-link-stats table {width: 50%; margin: 0px auto;
	}
	
/* ---------------- */
/* ---- DEFAULT --- */
/* ---------------- */

.emerald-default #body-wrap2>.section {
	padding: 0px 10px;}

.emerald-default .main-header {
	height: 152px;}