/* 
author - Sean Corey (Sean@5-squared.com)

*/

/* ************************************************************************* */
							/* RESET */
/* ************************************************************************* */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

body, select, input, textarea {
	font: 62.5%/1.3 "lucida grande", "lucida sans", arial, helvetica, verdana, sans-serif;
}
body{
	background:#0099B9 url("../i/bg_body.jpg") 0 0 repeat-x;	
	color:#000;
}


/* ************************************************************************* */
							/* LAYOUT */
/* ************************************************************************* */
#container {
	width:966px;
	margin:0 auto;
	position:relative;
}
#content_wrap, #content_wrap_admin{
	width:948px;
	background:url("../i/bg_content_wrap.jpg") 0 0 repeat-y;
	margin-top:95px;
	float:left;
	display:inline; /*IE6 Dub Margin*/
}
#content_wrap_admin{
	background:url("../i/bg_content_wrap_admin.jpg") 0 0 repeat-y;
}
.content_top, .content_top_admin{
	width:948px;
	height:41px;
	background:url("../i/bg_content_wrap_top.jpg") 0 0 no-repeat;
	display:block;	
}
.content_top_admin{
	background:url("../i/bg_content_wrap_top_admin.jpg") 0 0 no-repeat;
}
#content_main, #content_main_admin{
	width:485px;
	float:left;
	margin:0 0 0 60px;
	display:inline; /*IE6 Dub Margin*/
	padding:40px 0 30px 0;
}
#content_main_admin{
	width:828px;
}
#content_sub{
	width:270px;
	float:right;
	margin:0 40px 0 0;
	display:inline; /*IE6 Dub Margin*/
	padding:40px 0 30px 0;
}
#footer, #footer_admin{
	width:948px;
	height:65px;
	clear:left;
	background:url("../i/bg_footer.jpg") 0 0 no-repeat;
	display:block;
	position:relative;
}
#footer_admin{
	background:url("../i/bg_footer_admin.jpg") 0 0 no-repeat;
}
#total_beads{
	position:absolute;
	right:15px;
	top:10px;
	width:400px;
}


/* ************************************************************************* */
							/* LISTS*/
/* ************************************************************************* */
#main_nav{
	list-style:none;
	position:absolute;
	top:50px;
	right:20px;
	width:327px;
	height:36px;
	background:url("../i/bg_main_nav.jpg") 0 0 no-repeat;
	padding:0 0 0 18px;
}
#main_nav li{
	float:left;
}





/* ************************************************************************* */
							/* LINKS */
/* ************************************************************************* */
#donate_today{
	text-indent:-9999px;
	outline:none;
	display:block;
}
#content_main a, #content_sub a, #content_main_admin a{
	color:#C62E59;
}
#content_main .beads a, #content_sub .beads a{
	padding:6px 8px;
	color:#FFF;
	background:#C62E59;
	text-decoration:none;
	
}
#donate_today{
	width:188px;
	height:48px;
	background:url("../i/bg_link_donate_today.jpg") 0 0 no-repeat;
}
#footer a{
	color:#00414F;
}
#footer a:hover{
	color:#FFF;
}

#main_nav a{
	text-decoration:none;
	font-size:1.4em;
	color:#CCC;
	font-weight:bold;
	padding:8px 22px 11px 0;
	display:block;
	outline:none;
}
#logout{
	font-size:1.2em;
	font-weight:bold;
	float:right;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ main-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_home #mn_home, #b_faq #mn_faq, #b_donations #mn_donations, #b_contact #mn_contact{
	color:#FFF;
	background:url("../i/bg_mn_active.jpg") 25% 100% no-repeat;
}



/* ************************************************************************* */
							/* TYPOGRAPHY */
/* ************************************************************************* */
p {
	padding-bottom: 1.6em;
	font-size:1.3em;
	line-height:20px;
	color:#546264;
}
.beads{
	font-size:1.8em;
	font-weight:bold;
	padding-top:10px;
}
#footer p{
	font-size:1.1em;
	color:#00414F;
	position:absolute;
	right:16px;
	top:36px;
}
#footer .fivesquared{
	position:absolute;
	left:22px;
	top:36px;
}
#content_sub p{
	color:#2E3637;
}
#b_faq p strong{
	color:#009DBD;
}
h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;	
}
h1 {
	display:block;
	width:457px;
	height:51px;
	text-indent:-9999px;
	background:transparent url("../i/img_logo.jpg") left top no-repeat;
	position:absolute;
	top:35px;
	left:17px;
}
h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	cursor:pointer;
}
h2 {
	font-size:2.6em;	
}
h3 {
	font-size: 1.6em;	
}
h4 {
	font-size: 1.4em;	
}
h5 {
	font-size: 1.2em;	
}
h6 {
	font-size: 1em;	
}
.guinness{
	background:url("../i/img_guinness.jpg") 0 20% no-repeat;
	padding:7px 0 0 100px;
	margin-bottom:20px;
}
#b_donations strong{
	color:#C62E59;
}	
#total_beads p{
	color:#000;
	font-weight:bold;
	font-size:1.6em;
	float:right;
}
#content_main .shoutout{
	padding:20px;
	background:#FFFFCC;
	border:1px solid #FFD580;
	margin:0 0 12px 0;
}

/* ************************************************************************* */
							/* Forms */
/* ************************************************************************* */

input{
	padding:2px;
	color:#7B7B7B;
	font-size:1.1em;
}
label{
	display: block;
}
.label{
	font-size:1.3em;
	line-height:20px;
	color:#546264;
}


/* ************************************************************************* */
							/* Tables */
/* ************************************************************************* */
table{
	font-size:1.2em;
	width:100%;
}
td{
	padding:6px;
}
.even{
	background:#FFF;
}
.odd{
	background:#E2F3FF;
}
.head{
	font-weight:bold;
	background:#96A0A9;
	color:#FFF;
}


/* ************************************************************************* */
							/* Images */
/* ************************************************************************* */


/* ************************************************************************* */
							/* Tabs */
/* ************************************************************************* */
#content_main .tabs{
	width:100%;
	float:left;
}
#content_main .tab_content_nav{
	width:500px;
	float:left;
	list-style:none;
	font-size:1.1em;
	margin-left:-10px;
}
#content_main .tab_content_nav li{
	float:left;
	margin-left:0;
	padding-left:10px;
}
#content_main .tab_content_nav a{
	color:#000;
	display:block;
	float:left;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	font-size:1.1em;
}
#content_main .tab_content_nav .find_bead a, #content_main .tab_content_nav .find_bead a:hover {text-indent: -9999em;outline: none;padding: 0;width: 134px;height: 61px;background: url("../i/bg_link_findbead.jpg") 0 0 no-repeat;}
#content_main .tab_content_nav .find_bead {padding-left: 20px;}
#content_main .tab_content_nav .tab_selected, #content_main .tab_content_nav .tab_selected:hover{
	color:#FFF;
	font-weight:bold;
	background:#458C8E url("../i/bg_tabnav_active.jpg") 50% 110% no-repeat;
	text-decoration:none;
	padding:5px 10px;
	-moz-border-radius:.4em;
}
#panel1, #panel2, #panel3, #panel4{
	padding:65px 0 0 0;
}