html { background-color: #fff; margin: 0; padding: 0; }
body {
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    color: #000;
    font-size: 76%;
    font-family: Arial, Helvetica, sans-serif;
    }
    
/* */
    
h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h3 { font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h4 { font-size: 1.2em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; font-weight: bold; }
    
p { margin: 0px; }
strong, b { font-weight: bold; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }
form { margin: 0; padding: 0; }
hr { margin: 0.5em 0; border: 0px; height: 1px; color: #000; background-color: #fff; border-top: 1px solid #d6d6d6; }
a { color: #ed1949; text-decoration: none; }
a:hover { color: #ed1949; text-decoration: underline; } /* 00aedb */
    
.hide { display: none; }
.clr { clear: both; }
.highlight { color: #d9ecff; }
.floatLeft { float: left; }
.floatRight { float: right !important; }
    
.hr { margin: 10px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #fff; }
.hr hr { display: none; }
    
.hvr a:hover { background-position: bottom left; }
    
h2.title, h2.title a { margin: 0; padding: 0; display: block; text-indent: -700em; text-decoration: none; overflow: hidden; }
    
/* */
    
.pageWrap {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 914px;
    background: transparent url(../img/header_bg.gif) no-repeat top left;
    }    
html > .pageWrap {
    width: 914px;
    }
    
.illuminated .pageWrap{
    background:white;
}
    
.headerArea {
    margin: 0;
    padding: 0 0 0 0;
    height: 175px;
    }
    
.illuminated .headerArea{
    height:165px;
}    
    
.headerArea h1 a {
    margin: 30px 0 0 0;
    padding: 0;
    width: 127px;
    height: 123px;
    display: block;
    float: left;
    background: transparent url(../img/logo.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
    
.illuminated .headerArea h1 a, .headerArea h1 a.illuminatedlogo{
    background: transparent url(../img/ibf_logotrans.gif) no-repeat top left;
    width:208px;
    height:104px;
    margin-top:40px;
}

.headerArea h1 a.illuminatedlogo{
    margin-left:20px;     
}
    
.contentWrap { margin: 0; padding: 0; }
    
.content { margin: 0; padding: 20px 0 0 10px; color: #313131; }
.content h2 { margin: 0; padding: 0 50px 1em 10px; font-size: 1.3em; line-height: 1.4em; font-weight: normal; color: #000; }
.content h3 { margin: 0; padding: 0 50px 0.5em 10px; font-size: 1.7em; line-height: 1.4em; }
.content h4 { margin: 0; padding: 0 30px 1em 10px; font-size: 1.1em; line-height: 1.4em; }
.content p  { margin: 0; padding: 0 30px 1em 10px; font-size: 0.9em; line-height: 1.4em; }
.content p strong { color: #000; }
.content a  { }
.content a:hover { }
.content ul { margin: 0 40px 1em 40px; color: #313131; }
.content p.date { padding: 0 0 0 10px; font-size: 0.8em; color: #989898; }
.content p.moreLink { padding: 0 20px 10px 0; color: #989898; text-align: right; }
.content img.featImg { margin: 0 0 20px 10px; }
    
.columnLeft { margin: 0; padding: 0 0 0 0; width: 643px; float: left; position: relative; background-color: #e2e2e2; }
.columnRight { margin: 0; padding: 0; width: 251px; float: right; }
.illuminated .columnRight { text-align:justify; }
.columnRight p  { margin: 0; padding: 0 0px 1em 0; font-size: 0.9em; line-height: 1.4em; }

.innerLeft { margin: 0; padding: 0 0 0 0; width: 310px; float: left; }
.innerRight { margin: 0; padding: 0 0 0 0; width: 310px; float: left; overflow: hidden; }
.innerRightWide { margin: 0; padding: 0 0 0 0; width: 332px; float: left; border: }  

.messageDisplayBox {
    margin: 0 auto;
    padding: 10px 22px;
    width: 870px;
    background-color: #f8f8f8;
    }
html > .messageDisplayBox {
    width: 870px;
    }
.error { border-bottom: 8px solid #cc0000; }    
.warning { border-bottom: 8px solid #ff9900; }
.msg { border-bottom: 8px solid #70cc33; }    
.error p { color: #cc0000; }    
.warning p { color: #ff9900; }
.msg p { color: #51a519; }   
   
.spacer { height: 90px; }

.smlTitle {
    margin: 10px;
    _margin: 8px 5px 8px 5px; /* Stupid IE6 */
    padding: 0;
    display: block;
    float: left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
.storyboardTitle {
    margin: 0 0 5px 0;
    padding: 0;
    width: 137px;
    height: 16px;
    display: block;
    background: transparent url(../img/title_storyboard.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
.illuminatedTitle{
    width:196px;
    height:14px;
    display:block;
    background: transparent url(../img/title_ibf.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden; 
    padding:0;
    margin: 0 0 15px 0;   
}
    
.tagCloud {
    margin: 10px 0 0 0;
    width: 251px;
    background-color: #c1d72e;
    }
.tagCloud h3.smlTitle {
    width: 153px;
    height: 13px;
    background: transparent url(../img/title_view_by_topic.gif) no-repeat bottom left;
    }
.tags {
    padding: 0 10px 10px 10px;
    clear: both;
    }
.tags a {
    color: #474f11;
    }
.tags a.current {
    color: black;
    font-weight: bold;
}
.tagCloud p.moreLnk {
    margin: 0;
    padding: 10px;
    height: 10px;
    }
.tagCloud p.moreLnk a {
    float: right;
    color: #000;
    }    
.timelineWrap {
    width: 622px;
    height: 162px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    background-color: #fff;
    border-top: 8px solid #c1d72e; 
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    }
.timelineSelect {
    padding: 0 0 5px 15px;
    font-size: 0.9em;
    color: #656262;
    float: left;
    }
.timelineSelect a { padding: 1px 3px; color: #656262; }  
.timelineSelect a.current { font-weight: bold; background-color: #ccc; }
.timelineSelect a.current:hover { font-weight: bold; background-color: #c1d72e; color: #000; text-decoration: none; }
.timelineDate {
    margin: 0 18px 0 0;
    padding: 10px 0 0 0;
    font-size: 1.2em;
    color: #333;
    float: right;
    text-align: right;
    position: relative;
    *font-weight: bold;
    _right: -15px;
    }

.slide {
    margin: 0 0 0 15px;
    border-left: 1px solid #4b4b4b;
    width: 590px;
    height: 70px;
    overflow: hidden;
    position: relative;
    }

.hrs24 {
    height: 70px;
    width: 590px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.hrs24 .timelineSegment {
    width: 48px;
    height: 70px;
    float: left;
    background-color: #fafafa;
    border-right: 1px solid #777777;
    }
.hrs24 .adjust {
    width: 50px;
    }
     
.days7 {
    height: 70px;
    width: 590px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.days7 .timelineSegment {
    width: 83px;
    height: 70px;
    float: left;
    background-color: #fafafa;
    border-right: 1px solid #777777;
    }    
.days7 .adjust {
    width: 85px;
    }
    
.weeks {
    height: 70px;
    width: 590px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.weeks .timelineSegment {
    width: 116px;
    height: 70px;
    float: left;
    background-color: #fafafa;
    border-right: 1px solid #777777;
    }    
.weeks .adjust {
    width: 121px;
    }
    
.months {
    height: 70px;
    width: 590px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.months .timelineSegment {
    width: 97px;
    height: 70px;
    float: left;
    background-color: #fafafa;
    border-right: 1px solid #777777;
    }
.months .adjust {
    width: 98px;
    }

.slide a.current .timelineSegment {
    background-color: #efefef;
}
.timelineSegment:hover {
    background-color: #efefef;
    text-decoration: none;
    }
.timelineSegment .time              { padding: 2px 0 2px 2px; font-size: 0.8em; color: #878787; }
.timelineSegment .stories           { text-align: right; padding: 20px 5px 2px 2px; font-size: 0.9em; color: #4b4b4b; }
.timelineSegment .stories a         { color: #4b4b4b; text-decoration: none !important; }
.timelineSegment .stories a:hover   { color: #4b4b4b; text-decoration: none !important; }
.timelineSegment .stories span      { font-size: 1.5em; }
    
.timelineWrap h3.smlTitle {
    width: 239px;
    height: 16px;
    background: transparent url(../img/title_view_by_timeline.gif) no-repeat bottom left;
    }
.slide a:hover { text-decoration: none !important; }
.zero { background-color: #fafafa !important; }
a.prevBtn, a.nextBtn {
    margin: 10px;
    width: 59px;
    height: 20px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
a.prevBtn:hover, a.nextBtn:hover {
    background-position: top right
    }
a.prevBtn {
    float: left;
    background: transparent url(../img/sml_buttons_prev.gif) no-repeat bottom left;
    }
a.nextBtn {
    float: right;
    background: transparent url(../img/sml_buttons_next.gif) no-repeat bottom left;
    }

.storyExpandedWrap {
    padding: 0 0 100px 0;
    width: 623px;
    position: absolute;
    top: 190px;
    left: 10px;
    z-index: 9;
    }
.storyExpanded {
    padding: 0 0 100px 0;
    background-color: #fff;
    border-top: 8px solid #000; 
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    }
.storyExpanded .content {
    width: 400px;
    float: left;
    }
.storyExpanded .images {
    width: 200px;
    float: right;
    margin-right: 10px;
    }
.storyExpanded .images img {
    padding: 10px 0 0 0;
    }    
.storyExpanded .images p.caption {
    padding: 5px 10px 0 0;
    font-size: 0.9em;
    color: #666;
    }       
.storyExpanded .closeBar {
    padding: 11px;
    height: 20px;
    background-color: #e2e2e2; 
    }  

.loginLogout {
    margin: 10px 0 0 0;
    padding: 6px;
    text-align: right;
    background-color: #eeeeee;
    }
.loginLogout p {
    padding: 0 5px 0 0;
    }    
.loginLogout a {
    font-size: 1.1em;
    color: #000;
    }
    
.tagsWrap {
    width: 623px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    background-color: #fff;
    border-top: 8px solid #c1d72e; 
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    }
.tagsWrap .tags { padding: 0px 20px 20px 20px; text-align: center; }
.tagsWrap h3.smlTitle {
    width: 239px;
    height: 16px;
    background: transparent url(../img/title_view_by_topic_white.gif) no-repeat bottom left;
    }
    
a.closeBtn {
    margin: 0;
    padding: 0;
    width: 20px;
    height: 18px;
    display: block;
    float: right;
    background: transparent url(../img/close.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
    
.selectLocationMap .bgBoxWrap { padding: 10px; background-color: #ebebeb; float: left; width: 603px; }
.selectLocationMap .content {
    width: 390px;
    float: left;
    }
.selectLocationMap .images {
    width: 200px;
    float: right;
    }
.selectLocationMap .images img {
    padding: 10px 0 0 0;
    }
.selectLocationMap .images p.caption {
    padding: 5px 10px 0 0;
    font-size: 0.9em;
    color: #666;
    }       
.selectLocationMap .closeBar {
    padding: 11px;
    height: 20px;
    background-color: #e2e2e2; 
    }  

.steps {
    margin: 0 10px 20px 10px;
    padding: 15px 5px;
    font-size: 1.1em;
    background-color: #ebebeb;
    }
.steps span { padding: 0 10px; }
.steps span.current { font-weight: bold; }
.steps span a { color: #000; }

.steps ol {}
.steps ol li {
    margin: 0;
    padding: 0 0 0 10px;
    border: 1px solid #ff00ff;
    float: left;
    height: 20px;
    width: 200px;
    display: list-item;
    }
.moveAlong {
    margin: 0;
    padding: 15px 0 0 0;
    clear: both;
    width: 614px;
    height: 25px;
    _clear: none;   /* Dear IE6                                                    */
    _float: left;   /* Could you please stop with your random acts of stupidity.   */ 
    _height: 40px;  /* Thanks, all the other browsers.                             */
    text-align: right;
    position: relative;
    }
.moveAlong span { font-size: 1em; color: #48494C; }


/* Gallery */
.galleryTimelineWrap {
    width: 622px;
    height: 162px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    background-color: #fff;
    border-top: 8px solid #c1d72e; 
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    }
.galleryTimelineWrap h3.smlTitle {
    width: 242px;
    height: 16px;
    background: transparent url(../img/title_gallery_by_timeline.gif) no-repeat bottom left;
    }

.galleryWrap {
    width: 622px;
    position: absolute;
    top: 190px;
    left: 10px;
    z-index: 9;
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    }
.gallery { padding: 12px 0 0 12px; clear: both; }
.gallery div.wrapper {
    margin: 0 9px 9px 0;
    float: left;
    }
.gallery h3 { margin: 0; padding: 0 30px 1em 0; font-size: 1.2em; line-height: 1.4em; }

/* */

.popup h3 { margin: 0; padding: 0; font-size: 1.5em; line-height: 1.4em; }
.popup h4 { margin: 0; padding: 0; font-size: 1.0em; line-height: 1.4em; padding-bottom:5px; padding-left:2px; }

.popupContent {
	width: 390px;

	overflow: auto;
	border: 1px solid #f4f4f4;
	}
.popupContent div.popupImage {
	float: left;
	}
.popupContent div.popupImage img {
	padding: 9px 0 9px 9px;
	}	
.popupContent div.img p.caption {
	font-size: 9px;
	color: #999;
	}			
.popupContent div.popupText {
	padding: 8px 0 0 0;
	width: 200px;
	float: left;
	}
	
.popupContent div.popupText p {
	margin: 0;
	padding: 0 10px 1em 10px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #48494c;
	}



/* */


.innerFooter { clear: both; height: 40px; }
.footerArea {
    margin: 0;
    padding: 0;
    width: 643px;
    float: left;
    }
.footerArea img {
    float: left;
    }	
.footerArea p {
    margin: 0;
    padding: 13px 0 1em 10px;
    font-size: 0.8em;
    line-height: 1.8em;
    color: #8d8d8d;
    float: left;
    text-align: left;
    }
.footerArea p a { padding: 0 5px 0 0; color: #8d8d8d; text-decoration: none; }
.footerArea p a:hover { color: #8d8d8d; text-decoration: underline; }
    
.monkii { }
    
/* Menu */
    
.mainMnu {
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
    width: 251px;
    height: 160px;
    }
.mainMnu ul {
    margin: 0;
    padding: 0;
    height: 67px;
    list-style-type: none;
    text-align: center;
    }
.mainMnu ul li {
    margin: 0;
    padding: 0;
    float: left;
    }
.mainMnu ul li a {
    margin: 0;
    padding: 0;
    display: block;
    _float: left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background-position: top left;
    background-repeat: no-repeat;
    }
.mainMnu ul li a:hover {
    background-position: top right;
    /*overflow: hidden;*/
    }
/*Hide from Mac IE\*/
.mainMnu ul li a {
    overflow: hidden;
    }
/*End hide*/
    
.mainMnu #mnuItem01 { background-image: url(../img/main_mnu_01.gif); width: 251px; height: 68px; }
.mainMnu #mnuItem02 { background-image: url(../img/main_mnu_02.gif); width: 251px; height: 44px; }
.mainMnu #mnuItem03 { background-image: url(../img/main_mnu_03.gif); width: 126px; height: 48px; }
.mainMnu #mnuItem04 { background-image: url(../img/main_mnu_04.gif); width: 125px; height: 48px; }
.mainMnu #mnuItem05 { background-image: url(../img/main_mnu_05.gif); width: 251px; height: 44px; }
    
.mainMnu a.current, .mainMnu a:hover.current { background-position: top right; }
    
#blackmenu #navList{
    margin:0;
    padding:0;
    display:block;
    width:251px;
    height:204px;
    background:black;
    list-style-type:none;
}

#blackmenu #navList.shallow{
    height:162px;
}

#blackmenu li{
    float:left;
    display:block;
    padding:10px 0 0 10px;
}

#blackmenu a{
    display:block;
    text-decoration:none;
    text-indent:-999em;
}

#blackmenu a:hover{
    opacity:.9;
    filter:alpha(opacity=90);
}

#shareyourstoryinstoryboard { background:url(../img/menu_03.gif) left top no-repeat; width:232px; height:54px; }
#viewstoryboard { background:url(../img/menu_16.gif) left top no-repeat; width:232px; height:34px; }
#aboutilluminatedbyfire { background:url(../img/menu_18.gif) left top no-repeat; width:232px; height:34px; }
#switchtogallery { background:url(../img/menu_06.gif) left top no-repeat; width:232px; height:34px; }
#switchtostories { background:url(../img/menu_14.gif) left top no-repeat; width:232px; height:34px; }
#illuminatedbyfire { background:url(../img/menu_08.gif) left top no-repeat; width:232px; height:34px; }
#aboutstoryboard { background:url(../img/menu_10.gif) left top no-repeat; width:112px; height:34px; }
#resourcesandlinks { background:url(../img/menu_12.gif) left top no-repeat; width:112px; height:34px; }
    
    
    
/* */

.tabNav { padding: 20px 10px 0 10px; }

/* Tabs based on "http://unraveled.com/publications/css_tabs/" */

ul#tabNav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 0 0; /* set margins as desired */
    border-bottom: 1px solid #aeaeae; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
    }
    
ul#tabNav li { /* do not change */
    display: inline;
    }
    
ul#tabNav li a { /* settings for all tab links */
    padding: 6px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #aeaeae; /* set border COLOR as desired; usually matches border color specified in #tabNav */
    background-color: #c1c1c1; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    }
    
ul#tabNav a:hover { /* settings for hover effect */
    background: #aaa; /* set desired hover color */
    }
    
ul#tabNav .currentTab { /* settings for selected tab */
    border-bottom: 1px solid #e2e2e2; /* set border color to page background color */
    background-color: #ebebeb; /* set background color to match above border color */
    }
    
ul#tabNav .currentTab a { /* settings for selected tab link */
    background-color: #ebebeb; /* set selected tab background color as desired */
    color: #666; /* set selected tab link color as desired */
    position: relative;
    top: 0px;
    padding-top: 6px; /* must change with respect to padding (X) above and below */
    padding-bottom: 7px;
    }
    
    
/* */
    
form.searchForm {
    margin: 0;
    padding: 38px 0 0 0;
    font-size: 0.9em;
    position: relative;
    clear: right;
    float: right;
    width: 300px;
    }
form.searchForm fieldset { padding: 0; border: 0; }
form.searchForm legend { display: none; }
form.searchForm label { display: none; }
form.searchForm input.field { margin: 6px 5px 0 0; width: 180px; float: left; }
form.searchForm dl {
    margin: 0px;
    padding: 0px;
    width: 140px;
    display: block;
    clear: both;
    }
form.searchForm dt, form dd {
    margin: 0;
    padding: 0px;
    float: left;
    display: inline;
    line-height: 20px;
    }
form.searchForm dt {
    width: 140px;
    }
form.searchForm dd {
    width: 300px;
    }
form.searchForm button.submitBtn {
    margin: 3px 0 0 0;
    padding: 0;
    width: 98px;
    height: 26px;
    display: block;
    background: transparent url(../img/btn_search.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    }
form.searchForm button.submitBtn:hover {
    background: transparent url(../img/btn_search.gif) no-repeat bottom left;
    }
    
/* */
    
form.standardForm {
    margin: 10px;
    padding: 0 0 0 0;
    font-size: 0.9em;
    position: relative;
    color: #48494c;
    }
form.standardForm .bgBoxWrap { background-color: #ebebeb; float: left; width: 603px; }
form.standardForm fieldset { padding: 10px 0 10px 0; border: 0; overflow: hidden; background-color: #ebebeb; }
form.standardForm fieldset.noBg { padding: 10px 0 10px 0; border: 0; overflow: hidden; background-color: #fff; }
form.standardForm legend { padding: 10px 10px 15px 10px; font-size: 1.4em; background-color: #ebebeb; }
form.standardForm input.field { width: 170px; }
form.standardForm textarea {
    margin: 0 0 0 0;
    width: 210px;
    height: 100px;
    }
form.standardForm dl {
    margin: 0px;
    padding: 0px;
    display: block;
    clear: both;
    }
form.standardForm dt, form.standardForm dd {
    margin: 0 0 10px 0;
    padding: 0px;
    float: left;
    line-height: 20px;
    }
form.standardForm dt {
    width: 110px;
    padding: 0 10px 0 0;
    text-align: right;
    }
form.standardForm dd {
    width: 190px;
    position: relative;
    }
form.standardForm dd.wide { padding: 0 0 0 10px; width: 290px; }   
form.standardForm dd.grid label {
    width: 90px;
    float: left;
    display: block;
    }
form.standardForm dd.grid label.wide {
    width: 185px;
    }
form.standardForm dd.submit { padding: 0; text-align: right; margin-bottom: 0; }
form.standardForm dd.forgottenPass { padding: 0; text-align: right; margin-bottom: 0; width: 300px; }
form.standardForm dd.terms { padding: 0 0 0 12px; width: 300px; }
form.standardForm dd.submit button { margin: 0px 25px 10px 0; }
form.standardForm sup.req {
    vertical-align: baseline;
    font-size: 1.1em;
    color: #CC0000;
    }
form.standardForm label { padding: 0 0 0 0; line-height: 1.2em !important; }
form.standardForm .hr { display: none; }
form.standardForm dd.clr { clear: both; margin: 1px; padding: 0px; width: 300px; height: 0; overflow: hidden; display: block; float: none; position:relative; } /* DUE TO IE EPIC FAIL */

form.standardForm dt p, form dd p {
    padding: 5px 20px 0 0;
    line-height: 1.4em;
    }
form.standardForm .text { width: 170px; }
form.standardForm .submit input { margin: 0 15px 10px 0; }

form.standardForm fieldset.login,
form.standardForm fieldset.signup { width: 313px; }
form.standardForm fieldset.story { width: 623px; }

form.standardForm .story dl {
    width: 623px;
}

form.standardForm .story dl dd {
    width: 500px;
}

span.wordCount {
    padding: 20px 0 0 0;
    display: block;
    font-size: 28px;
    line-height: 20px !important;
    }
span.wordCount span { font-size: 11px; line-height: 1px !important; }


form.standardFormWide fieldset { width: 620px; }
form.standardFormWide legend { width: 620px; }

form.standardFormWide dl { width: 610px; }
form.standardFormWide dt { width: 90px;  }
form.standardFormWide dd { width: 500px; }
form.standardFormWide textarea {
    margin: 0 0 0 0;
    width: 500px;
    height: 400px;
    }
form.standardFormWide input.titleField { padding: 5px; width: 270px; font-size: 14px; }
form.standardFormWide dt.titleField { padding: 5px 10px 0 0; }

/* BAHHHHHHH */

form.standardForm fieldset.innerFormLeft {
    margin: 0;
    padding: 0;
    width: 311px;
    height: 500px;
    float: left; 
    }
form.standardForm fieldset.innerFormRight {
    margin: 0;
    padding: 0;
    width: 311px;
    height: 500px;
    float: left;
    }
form.standardForm fieldset.nextFormStep {
    clear: both;
    background-color: transparent;
    height: 80px;
    }
form.standardForm fieldset.innerFormLeft dl, form.standardForm fieldset.innerFormRight dl {
    margin: 0px;
    padding: 0px;
    width: 310px;
    }
form.standardForm fieldset.innerFormLeft dt, form.standardForm fieldset.innerFormRight dt, form.standardForm fieldset.innerFormLeft dd, form.standardForm fieldset.innerFormRight dd {
    margin: 0 0 10px 0;
    padding: 0px;
    line-height: 20px;
    }
/*form.standardForm fieldset.innerFormLeft legend, form.standardForm fieldset.innerFormRight legend { padding: 10px 10px 15px 10px; font-size: 1.4em; background-color: #ebebeb; width: 291px; }*/

form.standardForm fieldset.innerFormLeft dt, form.standardForm fieldset.innerFormRight dt {
    width: 70px;
    padding: 0 10px 0 0;
    text-align: right;
    }
form.standardForm fieldset.innerFormLeft dd, form.standardForm fieldset.innerFormRight dd {
    width: 220px;
    }
form.standardForm fieldset.innerFormLeft dd.clr, form.standardForm fieldset.innerFormRight dd.clr { clear: both; margin: 1px; padding: 0px; width: 300px; height: 0; overflow: hidden; display: block; float: none; position:relative; } /* DUE TO IE EPIC FAIL */

#story_details { height: 600px; /*background-color: #ebebeb;*/ }

#story_content fieldset {
    padding: 10px 0 0 0;
}

#story_content .submit,
#story_location .submit,
#story_submit .submit {
    width: 494px;
}

#story_content .submit input {
    margin: 10px 7px 0 0;
}

#story_location .submit input {
    margin: 10px 0 0 0;
}

#story_location .mapWrap {
    padding: 10px; background-color: #ebebeb; width: 603px;
}

#story_submit p {
    font-size: 1em;
}

#story_submit .submit input {
    margin: 0;
}

.story_steps {
    float: right;
    margin: 10px 10px 10px 0;
}

/* */

dl.nextFormStepWrap {
    width: 623px !important;
    position: relative;
    }
dl.nextFormStepWrap dt { display: none; }
dl.nextFormStepWrap dd { width: 623px; }
dd.story_steps { margin: 0 0 0 0 !important; text-align: right; width: 623px; !important; }
dd.story_steps p { padding: 0 5px 0 0; }
dl.nextFormStepWrap dd.submit button { margin: 0px 25px 0 0; }

/* Steps */

form.standardForm button#btnStep1, form.standardForm button#btnStep2, form.standardForm button#btnStep3, form.standardForm button#btnStep4 {
    margin: 3px 3px 0 0;
    padding: 0;
    width: 302px;
    height: 39px !important;
    display: block;
    float: right;
    background: transparent url(../img/btn_step_1.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    position: relative;
    line-height: 1px;
    }
form.standardForm button#btnStep1:hover {
    background: transparent url(../img/btn_step_1.gif) no-repeat bottom left;
    }
form.standardForm button#btnStep2 {
    background: transparent url(../img/btn_step_2.gif) no-repeat top left;
    }
form.standardForm button#btnStep2:hover {
    background: transparent url(../img/btn_step_2.gif) no-repeat bottom left;
    }
form.standardForm button#btnStep3 {
    background: transparent url(../img/btn_step_3.gif) no-repeat top left;
    }
form.standardForm button#btnStep3:hover {
    background: transparent url(../img/btn_step_3.gif) no-repeat bottom left;
    }
form.standardForm button#btnStep4 {
    width: 202px;
    background: transparent url(../img/btn_step_4.gif) no-repeat top left;
    }
form.standardForm button#btnStep4:hover {
    background: transparent url(../img/btn_step_4.gif) no-repeat bottom left;
    }
    
/* Normal Bubble */

div.bubble {
	width: auto;
	margin-bottom: 34px;
    }
div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
    }
div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
    }
div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 20px 15px;
	top: 6px;
	background: transparent url(../img/tip.gif) no-repeat 20px 0;
	font-style: normal;
	color: #313131;
    }

/* Rounded Bubble */

div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #e2e2e2;
	background-color: #e2e2e2;
    /*
    -moz-border-radius: 8px;
    border-radius: 8px;
    */
    }
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
    }
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
    }
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(../img/tip.gif) no-repeat 15px 0;
    }
.commentsWrap {
    padding: 20px;
    width: 550px;
    }
.commentsWrap h3 { margin: 0; padding: 0 30px 1.3em 10px; font-size: 1.1em; line-height: 1.4em; color: #ccc; }    
.commentsWrap h4 { margin: 0; padding: 0 30px 0.2em 10px; font-size: 1.1em; line-height: 1.4em; }
.commentsWrap p  { margin: 0; padding: 0 30px 1em 10px; font-size: 0.9em; line-height: 1.4em; }
.commentsWrap p strong { color: #000; }
.commentsWrap a  { }
.commentsWrap a:hover { }

.commentsFormWrap { width: 500px; overflow: hidden; }

.gallery h3 {
    float: left;
}

#illuminatedbox{
    background: white url(../img/greenbord.gif) left top no-repeat;
    padding-top:18px;
}

#illuminatedcontent{
    border:1px solid #e3e3e3;
    border-top:0;
    padding:0 11px;
}

#illuminatedcontent h2{
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:-1px;
    margin-bottom:10px;
    font-weight:normal;
}

#illuminatedcontent h2 a, #illuminatedcontent h2 a:hover{
    color:black;
    text-decoration:none;
}

#blogs{
    list-style-type:none;
    margin:0 0 24px;
    padding:0;
    min-height:585px;
}

#blogs li{
    float:left;
    margin:0 9px 9px 0;
    width:148px;
}

#blogs li.colend{
    margin-right:0;
}

#blogs li a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80)
}

#blogs li h3{
    font-weight:bold;
    font-size:13px;
    text-transform: uppercase;
    margin-top:5px;
}

#blogs li h3 a{
    color:black;
    text-decoration:none;    
}

#blogs li h3 a:hover{
    text-decoration:underline;
}

.rsslink{
    padding-left:20px;
    display:block;
    min-height:15px;
    background:url(../img/icon_rss.jpg) left center no-repeat;
    color:black;
}

.orangebox{
    border:10px solid #c2d80f;
    background:white url(../img/orangeboxtag.gif) left top no-repeat;
    margin:10px 0;
    padding:10px;
    text-align:left;
}

.archiveBox{
    border-top:none;
    margin-top:-10px;
}

.orangebox h3{
    font-style: italic;
    color:#5c5d5f;
    font-size:18px;
    font-family:Georgia, Serif;
    margin-bottom:8px;
}

.orangebox ul{
    border-top:1px solid #f3f3f3;
    list-style-type: none;
    margin:0 0 10px;
    padding:0;
}

.orangebox ul li{
    display:block;
    border-bottom:1px solid #f3f3f3;
}

.orangebox ul li.tamed, .orangebox ul li.tamedarc{
    display:none;
}

.orangebox ul li a{
    display:block;
    padding:8px;
    color:#5c5d5f;
}

.portrait{
    margin:1em 0;
}

.aboutauthor .portrait{
    margin-top:0;
}

.blogpost h3{
    font-family:Georgia, Serif;
    font-size:17px;
    color:black;
    font-style: italic;
    margin-bottom:10px;
}

.blogpost h3 a{
    color:black;
    text-decoration:none;
}

.blogpost .subline{
    font-size:11px;
    color:#a298a2;
    margin-bottom:1em;
}

.blogpost .posttags{
    margin:0.8em 0;
}

.blogpost .postteaser{
    margin:0 0 1em;
}

.blogpost .postreadmore{
    margin:2em 0 3em;
}

.blogpost .postreadmore a{
    display:block;
    float:left;
    margin-right:30px;
}

.pager{
    margin-bottom:3em;
}

.blogposting h1{
    margin-bottom:.5em;
}

.blogposting p{
    margin:0 0 1em;
}

.blogposting em{
    font-style: italic;
}

.blogposting strong{
    font-weight: bold;
}

.blogposting ul{
    list-style-type: disc;
}

.blogposting h3{
    font-weight:bold;
    margin-bottom:0.7em;
    font-size:1.2em;
}

.blogposting h4{
    font-weight:bold;
    margin-bottom:0.7em;
    font-size:1em;
}                            

.blogposting .subline{
    font-size:11px;
    color:#a298a2;
}

.illuminated .footer-cfalogo, .illuminated .footer-dselogo{
    display:none;
}