/*
Theme Name: Rootdown Denver
Theme URI: http://www.rootdownndenver.com/
Description: Built for Rootdown Denver by Fireball Creative.
Version: 1.0
Author: David Mcguffin
Author URI: http://www.fireballcreative.net/
*/
@charset "utf-8";

/* Layout Architecture */

* { margin: 0; border-width: 0; padding: 0; } 
body { margin: 0, auto; background: url(images/screen-background.jpg) repeat center top; }
#pagewrapper { width: 970px; margin: 20px auto 20px auto; }
#main-content-area { float: left; width: 757px; height: auto; background: url(images/page-background.gif) no-repeat; }
#design-credit { width: 757px; height: auto; text-align: center; padding-top: 10px; }
#design-credit-expandable { margin: 20px auto; }
#main-content-area-left { float: left; width: 283px; }
#iframe-area { display: inline; float: right; overflow-x: hidden; overflow-y: auto; width: 319px; height: 515px; margin-top: 48px; margin-right: 28px; background: url(images/iframe-background.jpg) repeat-y; padding: 9px 11px 9px 8px; }

#navigation-area { float: right; width: 185px; margin: 30px 0 0 20px; }
#footer-contact-info { position: absolute; z-index: 1; margin: 590px 0 0 160px; width: 590px; height: 35px; font-family: "Times New Roman", Times, serif; font-size: 10px; color: #330; line-height: normal; }
.clear-all { clear: both; }
#content-area { padding: 15px 9px 2px 0; text-align: center; }
#content-area-gallery { padding: 75px 0 6px 0; text-align: center; }

#expandable-header-background { background: url(images/expandable-header-background.gif) no-repeat top; }
#expandable-gallery-header-background { background: url(images/expandable-gallery-header-background.gif) no-repeat top; }
#expandable-iframe-area { float: right; width: 319px; hight: auto; margin-right: 28px; padding: 55px 11px 20px 8px; }
#expandable-footer-background { background: url(images/expandable-footer-background.gif) no-repeat bottom; }
#expandable-main-content-area { background: url(images/expandable-repeating-background.gif) repeat-y; float: left; width: 757px; height: auto; }
#expandable-main-content-area-gallery { float: left; width: 757px; height: auto; }
#expandable-footer-contact-info { text-align: center; width: 757px; height: 15px; font-family: "Times New Roman", Times, serif; font-size: 10px; color: #330; line-height: normal; padding-bottom: 27px; }

/* typography */

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #330; line-height: normal; }
.times-smaller { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #330; line-height: normal; text-decoration: none; }
.georgia { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #330; line-height: 12px; text-decoration: none; }
p { margin: 10px; }
a { color: #699; }
.footer-contact-info { font-family: "Times New Roman", Times, serif; font-size: 10px; color: #330; line-height: normal; text-decoration: none; }

/* Navigation & Buttons */
#home-button { margin-top: 10px; }
#home-button a { display: block; width: 142px; height: 34px; background: url(images/navigation.gif) no-repeat -11px -17px; }
#home-button a:hover { background-position: -181px -17px; }
#home-button-current { margin-top: 10px; display: block; width: 142px; height: 34px; background: url(images/navigation.gif) no-repeat -350px -17px; }

#map-button { margin-top: 30px; }

#map-button a { display: block; width: 134px; height: 45px; background: url(images/navigation.gif) no-repeat -5px -77px; }

#map-button a:hover { background-position: -175px -77px; }

#map-button-current { margin-top: 30px; display: block; width: 134px; height: 45px; background: url(images/navigation.gif) no-repeat -344px -77px; }

#menus-button { margin-top: 30px; }

#menus-button a { display: block; width: 134px; height: 30px; background: url(images/navigation.gif) no-repeat -3px -143px; }

#menus-button a:hover { background-position: -173px -143px; }

#menus-button-current { margin-top: 30px; display: block; width: 134px; height: 30px; background: url(images/navigation.gif) no-repeat -342px -143px; }

#photo-button { margin-top: 30px; }

#photo-button a { display: block; width: 135px; height: 32px; background: url(images/navigation.gif) no-repeat -5px -209px; }

#photo-button a:hover { background-position: -175px -209px; }

#photo-button-current { margin-top: 30px; display: block; width: 135px; height: 32px; background: url(images/navigation.gif) no-repeat -344px -209px; }

#send-button { margin-top: 30px; }

#send-button a { display: block; width: 158px; height: 32px; background: url(images/navigation.gif) no-repeat -5px -272px; }

#send-button a:hover { background-position: -175px -272px; }

#send-button-current { margin-top: 30px; display: block; width: 158px; height: 32px; background: url(images/navigation.gif) no-repeat -344px -272px; }

#events-button { margin-top: 30px; }

#events-button a { display: block; width: 133px; height: 32px; background: url(images/navigation.gif) no-repeat -5px -342px; }

#events-button a:hover { background-position: -175px -342px; }

#events-button-current { margin-top: 30px; display: block; width: 133px; height: 32px; background: url(images/navigation.gif) no-repeat -344px -342px; }

#bios-button { margin-top: 30px; }

#bios-button a { display: block; width: 134px; height: 30px; background: url(images/navigation.gif) no-repeat -5px -413px; }

#bios-button a:hover { background-position: -175px -413px; }

#bios-button-current { margin-top: 30px; display: block; width: 134px; height: 30px; background: url(images/navigation.gif) no-repeat -344px -413px; }

#sustainability-button { margin-top: 30px; }

#sustainability-button a { display: block; width: 144px; height: 36px; background: url(images/navigation.gif) no-repeat -6px -486px; }

#sustainability-button a:hover { background-position: -176px -486px; }

#sustainability-button-current { margin-top: 30px; display: block; width: 144px; height: 36px; background: url(images/navigation.gif) no-repeat -345px -486px; }

#store-button { margin-top: 30px; }

#store-button a { display: block; width: 124px; height: 42px; background: url(images/navigation.gif) no-repeat -5px -555px; }

#store-button a:hover { background-position: -175px -555px; }

#store-button-current { margin-top: 30px; isplay: block; width: 124px; height: 42px; background: url(images/navigation.gif) no-repeat -344px -555px; }

/* Image */

#logo { display: block; width: 167px; height: 150px; margin: 75px 0 0 130px; background: url(images/logo.png) no-repeat; }

#e-card-button { margin: 10px 0 0 30px; }

#e-card-button a { display: block; width: 120px; height: 75px; background: url(images/send-an-e-card.png) no-repeat; }

#e-card-button a:hover { background-position: 0 -74px; }


/* E-Postcards */

#ft_wpecards_image_select_list{

	width:300px;

}



.ft_wpecards_image_select_item {

	list-style: none;

	display: block;

	float: left;

	padding-right: 10px;

	margin: 5px;

}



.ft_wpecards_image_select_item span {

	display:block;

	text-align:center;

}



.entry #ft_wpecards_image_select_list li:before {

	content: none;

}



#ft_wpecards_sender_recipient_info {

	clear:left;

}



ul#ft_wpecards_sender , ul#ft_wpecards_recipient {

	list-style:none;

	float:left;

	width:180px;

	margin: 0;

	padding: 0;

}



.ft_wpecards_rname_item , .ft_wpecards_remail_item , 

.ft_wpecards_rname_field , .ft_wpecards_remail_field , 

.ft_wpecards_sname_item , .ft_wpecards_semail_item , 

.ft_wpecards_sname_field , .ft_wpecards_semail_field {

	float:left;

	clear:left;

	margin: 2px 0 2px 0;

}



.entry form {

	text-align:left;

}



.ft_wpecards_image_instructions, .ft_wpecards_message_instructions {

	font-weight:bold;

	margin: 2px 0 4px 0;

}



#ft_wpecards_message {

	width:275px;

	height:70px;

}



#ft_wpecards_message_group {

	float:left;

	clear:left;

	width:250px;

}



.ft_wpecards_error_item {

	color:red;

	line-height: 1em;

}

#ft_wpecards_body{

	float:left;

}



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

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

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

#TB_window {

	font: 12px "Lucida Grande", Verdana, Arial, sans-serif;

	color: #333333;

}



#TB_secondLine {

	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;

	color:#666666;

}



#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}



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

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

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

#TB_overlay {

	position: fixed;

	z-index:100;

	top: 0px;

	left: 0px;

	height:100%;

	width:100%;

}



.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

	background-color:#000;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

	filter:alpha(opacity=75);

	-moz-opacity: 0.75;

	opacity: 0.75;

}



* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_window {

	position: fixed;

	background: url(images/tileable-bg.jpg) repeat; 

	z-index: 102;

	color:#000000;

	display:none;

	text-align:left;

	top:50%;

	left:50%;

	border: 1px solid #555;

	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;

	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;

	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;

	box-shadow: rgba(0,0,0,1) 0 4px 30px;

}


* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_window img#TB_Image {

	display:block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

}



#TB_caption{

	height:25px;

	padding:7px 30px 10px 25px;

	float:left;

}



#TB_closeWindow{

	height:17px;
	width: 600px;
	text-align: center;
	padding: 11px 0 0 0;

}



#TB_closeAjaxWindow{

	padding:6px 10px 0;

	text-align:right;

	float:right;

}



#TB_ajaxWindowTitle{

	float:left;

	padding:6px 10px 0;

}



#TB_title{

	background-color:#e8e8e8;

	height:27px;

}



#TB_ajaxContent{

	clear:both;

	padding:2px 15px 15px 15px;

	overflow:auto;

	text-align:left;

	line-height:1.4em;

}



#TB_ajaxContent.TB_modal{

	padding:15px;

}



#TB_ajaxContent p{

	padding:5px 0px 5px 0px;

}



#TB_load{

	position: fixed;

	display:none;

	z-index:103;

	top: 50%;

	left: 50%;

	background-color: #E8E8E8;

	border: 1px solid #555;

	margin: -45px 0pt 0pt -125px;

	padding: 40px 15px 15px;

}



* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}



#TB_HideSelect{

	z-index:99;

	position:fixed;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	filter:alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

	height:100%;

	width:100%;

}



* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}



#TB_iframeContent{

	clear:both;

	border:none;

	margin-bottom:-1px;

	_margin-bottom:1px;

}

/* Events Page scrolling box */
.scroll-track-top { height:7px; width:7px; background-image: url('images/track_top.png'); }
.scroll-track-bot { height:7px; width:7px; background-image: url('images/track_bot.png'); }
.scroll-track { height:1px; width:7px; background-image: url('images/track_bg.png'); }
.scroll-handle { height:1px; width:7px; background-image: url('images/handle_mid.png'); cursor:pointer; }
.scroll-handle-top { height:4px; width:7px; background-image: url('images/handle_top.png'); background-repeat: repeat; cursor:pointer; }
.scroll-handle-bot { height:4px; width:7px; background-image: url('images/handle_bot.png'); background-repeat: repeat; cursor:pointer; }


/* Edits by Jack Rugile */

#menu_container {
    width: 260px;
    margin: 0 0 0 30px;
    text-align: left;    
}

#menu_container .menu_left {
    float: left;
    width: 120px;
}

#menu_container .menu_right {
    float: right;
    width: 130px;
}

#footer-contact-info a.join-mailing-list:link, #footer-contact-info a.join-mailing-list:visited {
    display: block;
    width: 131px;
    height: 20px;
    background: url('http://www.rootdowndenver.com/wp-content/uploads/mailing-list.png') no-repeat;
    margin: 4px 0 0 153px;
}

#footer-contact-info a.join-mailing-list:active, #footer-contact-info a.join-mailing-list:hover {
    background: url('http://www.rootdowndenver.com/wp-content/uploads/mailing-list-hover.png') no-repeat;
}

#expandable-footer-contact-info a.join-mailing-list:link, #expandable-footer-contact-info a.join-mailing-list:visited {
    display: block;
    width: 131px;
    height: 20px;
    background: url('http://www.rootdowndenver.com/wp-content/uploads/mailing-list.png') no-repeat;
    margin: 4px 0 0 320px;
}

#expandable-footer-contact-info a.join-mailing-list:active, #expandable-footer-contact-info a.join-mailing-list:hover {
    background: url('http://www.rootdowndenver.com/wp-content/uploads/mailing-list-hover.png') no-repeat;
}