/* kim d's styles */
/*COMMON STYLES*/
body {margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px;}
img {border: 0;}
h1 {font-size: 22px; font-weight: normal; padding: 0 0 0 10px;}
h2 {font-size: 20px; font-weight: normal; float: left;}
h3 {padding-bottom: 7px;}
h5 {width: 405px; font-size: 12px; font-weight: normal; color: #020202; float: right; text-align: right; margin: 0 20px 0 0;}
p {margin: 10px 0 10px 0;}
ul {margin-left: 10px; line-height: 15px;}
#home h1, #home h1 a:link, #home h1 a:visited {font-size: 20px; padding: 10px 0 0 0; line-height: 22px; color: #666;}
#home h1 a:hover {color: #a00000;}
#franklySpeaking #blogBody img, #askApril #blogBody img, #styleSection #blogBody img, #familySection #blogBody img, #environment #blogBody img, #techSection #blogBody img, #search-results #blogBody img {display: none;}
#wrapper {position: relative; padding: 0; background: url(/images/topStripes.jpg) top left repeat-x;}
.contentArea {position: relative; width: 960px; margin: 0px auto;}
.header {width: 152px; height: 118px;  padding: 15px 0 0 15px;}
.bannerAd {position: absolute; top: 30px; left: 195px;}
#menu {position: relative; left: 20px; height: 45px; margin-top: 20px;}
.menuItem {padding: 0 20px 0 20px; margin-bottom: 10px;}
.menuItemStyle {position: relative; top: 5px; padding: 0 23px 0 23px;}
.menuItemFamily, .menuItemFrankly {position: relative; top: 2px; padding: 0 23px 0 23px;}
.menuBullet {position: absolute; margin-top: 25px;}
#mainContent {margin: 0px auto;}
#storyArea {width: 890px;  min-height: 1430px; overflow: hidden; margin: 15px 0 0 30px; padding: 10px 0 40px 10px; border: double #dcdada;}
#home #storyArea {width: 910px; min-height: 930px; height: auto;}
#storyArea h2 {width: 550px; margin: -10px 0 0 0; padding: 0; color:#666; border-bottom: 1px solid #000;}
#storyWrapper {background-color: #fff; width: 860px; padding: 15px;}
#stories {padding: 10px 20px 0 0; width: 500px;}
#stories h1 { border-bottom: 1px solid #a00000; padding: 0;}
span.date {font-size: 12px; font-weight: normal; color: #020202; margin-top: 10px;}
#rightColumn {position: absolute; top: 255px; left: 650px; width: 255px; padding: 10px 0 0 0; border: 1px solid #666;}
.rightColItem {padding: 5px 5px 15px 15px;}
#rightColumn h3 {margin: 0; padding: 0; font-size: 14px; color: #202020; line-height: 16px;}
#rightColumn ul {margin: 5px 0 0 20px; padding: 0;}
.blogHomeHeader {width: 880px; padding: 10px 0 10px 0;}
#blogBody {margin: 0 0 0 -15px; padding-bottom: 5px;}
#blogEntry {float: left; width: 550px; padding: 10px 0 10px 0; text-align: left;}
#blogEntry h1 {font-size: 22px; padding: 0 0 10px 0; line-height: 24px;}
#blogEntry h2 {font-size: 12px; color: #202020; padding-bottom: 10px;}
.archiveList {min-height: 1100px;}
.comments-header {font-size: 14px;}
.comments-open {margin-top: 20px;}
.comments-open-header {font-size: 16px; font-weight: bold; line-height: 20px;}
.authorName {font-weight: bold;}
.comments-content {clear: both; width: 550px; padding: 10px 0 30px 0; border-bottom: 1px dashed;}
.comment-content {padding-bottom: 15px;}
#comments h2 {border: 0px;}
a:link {color: #a00000; text-decoration: none;}
a:visited {color: #a00000; text-decoration: none;}
a:hover {color: #a00000; text-decoration: none;}
#rightColumn a:link, #rightColumn a:visited {color: #202020;}
#rightColumn a:hover {color: #a00000;}
.content-nav {margin-top: 40px; text-align: center; width: 870px; height: 14px;}
.more {float: right; text-align: right; margin: 0 5px 0 0; font-weight: bold;}
.more img {display: inline !important;}
span.right-more a:link, span.right-more a:visited {color: #a00000 !important; line-height: 30px; margin-left: 10px;}
.asset-header p {clear: both !important;}
.vcard author {display: none;}
.asset-header h2 {margin: 0 5px 2px 0 !important; padding-bottom: 10px !important;}
.notfound {text-align: center; margin-top: 40px;}
.notfound #searchbox {margin-left: 240px;}
.contactResponse {width: 520px; padding: 30px 0 10px 0;}
#storyArea .contactResponse h2 {border: 0;}
p.goback {text-align: center; font-size: 16px; font-weight: bold;}
.asset-body {width: 520px; padding-left: 10px;}
.emText {font-size: 10px !important;}
/*SEARCH BAR*/
#searchbox label {margin-left: 30px; display: block; float: left; height: 22px; line-height: 22px; border: 1px solid #a00000;}
div#searchbox input#search {float: left; -moz-background-clip:border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(/images/searchbox_bkg.gif) no-repeat scroll left top; border: 1px solid #b1b1b1; padding: 3px 10px 3px 23px; width: 325px; height: 20px; margin: 0 0 5px 25px;}
.searchbutton {float: left; margin-left: 5px;}
#rightColumn #searchbox {width: 270px; padding-bottom: 30px;}
#rightColumn #searchbox input#search {-moz-background-clip:border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(/images/searchbox_bkg.gif) no-repeat scroll left top; border: 1px solid #b1b1b1; padding: 3px 10px 3px 23px; width: 140px; height: 20px; margin: 0 0 5px 5px;}
.search-results-container {width: 550px; padding-bottom: 30px;}
h1.search-results-header  {margin: 10px 0 0 0; padding: 0px 0px 30px 0px;}
/*SOCIAL MEDIA ICONS*/
.socialSearchBar {float: left; border: 1px solid #dcdada; padding: 5px 5px 0 5px; width: 415px; height: 50px; margin: 10px 0 0 25px; background-color: #fbf9f9;}
.socialBlurb {width: 200px; float: left; font-size: 16px; font-weight: bold; color: #a00000; text-align: center; line-height: 20px;}
#socialIcons {float: left; text-align: center; margin-left: 25px;}
.icon {float: left; padding: 0 25px 0 0;}
/*FEATURED SECTION*/
.featuredStories {float: left; width: 430px; height: 297px; border: 2px solid #dcdada; padding: 4px; background-color: #fff;}
.featuredStories img {margin: 5px 0 0 4px; border: 1px solid #fff;}
/*FRANKLY SPEAKING*/
#franklySpeaking {float: left; margin: 0 0 0 25px; width: 415px; padding: 5px 5px 0 10px; border: 1px solid #dcdada;background-color: #fff;}
#franklySpeaking h1 {margin: 0 0 0 15px;}
#franklySpeaking p {padding-left: 15px; line-height: 16px;}
.frontRightAd {float: right; width: 420px; height: 65px; border: 1px solid #000; margin: 10px 35px 0 0;}
/*ASK APRIL*/
#askApril {float: left; width: 431px; min-height: 255px; padding: 0px 5px 0 10px; border: 1px solid #dcdada; background-color: #fff; margin-top: 5px;}
#askApril p {padding-left: 15px; line-height: 16px;}
#askApril h1 {padding-right: 30px;  margin: 0 8px 0 0;}
#askApril h5 {margin-right: 20px; width: 435px;}
#askApril .more {width: 425px;}
/*STYLE SECTION*/
#styleSection {width: 874px; float: left; margin: 5px 0 0 0;  padding: 10px 10px 0px 10px; border: 1px solid #dcdada;}
#styleSection h1 {float: left; margin: -3px 8px 0 0; padding: 0px 2px 1px 0; height: 14px;}
#styleSection p {padding-left: 15px; line-height: 16px; margin-top: 2px;}
/*TECH SECTION*/
#techSection {width: 874px; float: left; margin: 5px 0 0 0;  padding: 10px 10px 0px 10px; border: 1px solid #dcdada;}
#techSection h1 {float: left; margin: -3px 8px 0 0; padding: 0px 2px 1px 0; height: 14px;}
#techSection p {padding-left: 15px; line-height: 16px; margin-top: 2px;}
/*FAMILY SECTION*/
#familySection {width: 874px; float: left; margin: 5px 0 0 0;  padding: 10px 10px 0px 10px; border: 1px solid #dcdada;}
#familySection h1 {float: left; margin: -3px 8px 0 0; padding: 0px 2px 1px 0; height: 14px;}
#familySection p {padding-left: 15px; line-height: 16px; margin-top: 2px;}
/*ENVIRONMENT*/
#environment {float: left; margin: 5px 0 0 5px; width: 425px; min-height: 255px; padding: 0px 5px 0 10px; border: 1px solid #dcdada; background-color: #fff;}
#environment h1 {margin: 0 0 0 15px; padding-right: 30px;}
#environment p {padding-left: 15px; line-height: 16px;}
/*SUBSCRIBE PAGE*/
.subscribe {margin-top: 30px;}
.subscribe ul {margin-left: 60px;}
.subscribe ul li {list-style-image: url(/images/smallFeedIcon.gif); line-height: 16px;}
/*FOOTER*/
#footer {position: relative; height: 80px; font-size: 10px; text-align: center; padding: 30px 0 0 0; margin: 30px 0 0px 0; }
/*THANKS TO THE PLAYGROUND FOR THE GREAT MT CLOUD ADVICE - http://www.bestoday.com.au/playground/archives/movable_type/ */
#cloud {padding: 0px;  margin: 0px; line-height: 24px; text-align: center;}
#cloud a {text-decoration: none; padding: 0px;}
a.tag1{ font-size: 14px; color: #a00000;}
a.tag2, a.tag3 { font-size: 16px; font-weight: 200; color: #e3a51e;}
a.tag4 ,a.tag5, a.tag6 { font-size: 18px; font-weight: 300; color: #e3721e;}
a.tag7, .tag8, a.tag9 { font-size: 22px; font-weight: 300; color: #e3a51e;}
a.tag10, a.tag11, a.tag12 { font-size: 26px; font-weight: 300; color: #e3a51e;}
a.tag13, a.tag14, a.tag15 { font-size: 30px; font-weight: 400; color: #e3a51e;}
a.tag16, a.tag17, a.tag18 { font-size: 32px; font-weight: 400; color: #e3a51e;}
a.tag19, a.tag20, a.tag21 { font-size: 34px; font-weight: 500;}
a.tag22, a.tag23, a.tag24 { font-size: 36px; font-weight: 500;}
a.tag25, a.tag26, a.tag27 { font-size: 38px; font-weight: 900;}
a.tag28, a.tag29, a.tag30 { font-size: 40px; font-weight: 900;}
/*THANKS SO MUCH TO JONATHAN SCHEMOUL FOR SHARING HIS SLIDESHOW CODE - http://smoothgallery.jondesign.net/what/ */
#myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;}
.jdGallery {overflow: hidden; position: relative;}
.jdGallery img {border: 0; margin: 0;}
.jdGallery .slideElement {width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('/images/slideshow/loading-bar-black.gif');}
.jdGallery .loadingElement {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('/images/slideshow/loading-bar-black.gif');}
.jdGallery .slideInfoZone {position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
.jdGallery .slideInfoZone h2 {padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit;}
.jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px; color: #eee;}
.jdGallery div.carouselContainer {position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0;}
.jdGallery a.carouselBtn {position: absolute; bottom: 0; right: 30px; height: 20px; text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer;}
.jdGallery .carousel {position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
.jdExtCarousel { overflow: hidden; position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label {font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {color: #b5b5b5;}
.jdGallery a {font-size: 100%; text-decoration: none; color: inherit;}
.jdGallery a.right, .jdGallery a.left {position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.jdGallery a.right:hover, .jdGallery a.left:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left {left: 0; top: 0; background: url('/images/slideshow/fleche1.png') no-repeat center left;}
.jdGallery a.right {right: 0; top: 0; background: url('img/fleche2.png') no-repeat center right;}
.jdGallery a.open {left: 0; top: 0; width: 100%; height: 100%;}
.withArrows a.open {position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.withArrows a.open:hover { background: url('/images/slideshow/open.png') no-repeat center center;}
#myGallery, #myGallerySet {width: 460px; height: 450px; border: 1px solid #000;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {display: none;}
.jdGallery {overflow: hidden;position: relative;}
.jdGallery img {border: 0; margin: 0;}
.jdGallery .slideElement {width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('/images/slideshow/loading-bar-black.gif');}
.jdGallery .loadingElement {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('/images/slideshow/loading-bar-black.gif');}
.jdGallery .slideInfoZone {position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
.jdGallery .slideInfoZone h2 {padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit;}
.jdGallery .slideInfoZone p {padding: 0; font-size: 60%; margin: 2px 5px; color: #eee;}
.jdGallery div.carouselContainer {position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0;}
.jdGallery a.carouselBtn {position: absolute; bottom: 0; right: 30px; height: 20px; text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer;}
.jdGallery .carousel {position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
.jdExtCarousel {overflow: hidden; position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {cursor: pointer; background: #000; background-position: center center;	float: left; border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label {font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {color: #b5b5b5;}
.jdGallery a {font-size: 100%; text-decoration: none; color: inherit;}
.jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.jdGallery a.right:hover, .jdGallery a.left:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left{left: 0; top: 0; background: url('/images/slideshow/fleche1.png') no-repeat center left;}
.jdGallery a.right {right: 0; top: 0; background: url('/images/slideshow/fleche2.png') no-repeat center right;}
.jdGallery a.open {left: 0; top: 0; width: 100%; height: 100%;}
.withArrows a.open {position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }
.jdGallery a.gallerySelectorBtn {z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40);}
.jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000;}
.jdGallery .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper {overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa;}
.remooz-element {cursor: -moz-zoom-in;}
.remooz-box {position: absolute; top: 0; left: 0; background: #fff no-repeat center; z-index: 100;}
.remooz-loading {background-image: url(/images/slideshow/spinner.gif);}
.remooz-body {width: 100%; height: 100%;}
.remooz-box-focus.remooz-type-image .remooz-body {cursor: -moz-zoom-out;}
.remooz-box-dragging .remooz-body {cursor: move;}
.remooz-btn-close {position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; text-decoration: none; border: 0; background: url(closebox.png) no-repeat center; visibility: hidden; cursor:	pointer;}
.remooz-engine-trident4 .remooz-btn-close {background-image: url(/images/slideshow/closebox.gif);}
.remooz-title {position: relative; left: 0; top: 15px; text-align: left;}
.remooz-title-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 99; -moz-border-radius:		5px; -webkit-border-radius:	5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);}
.remooz-title-content {position:relative; padding: 5px 15px; color: #fff; z-index: 101; font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}
.remooz-engine-trident4 .remooz-title-bg { display: none;}
.remooz-engine-trident4 .remooz-title-content {background-color: #333;}
.remooz-title-content h6 {font-size: 1.2em; font-weight: bold; color: #eee;}
.remooz-title-content p {color: #eee;}
.remooz-type-image img {display: block; border: 0; width: 100%; height: 100%;}
.remooz-bg {position: width: 33px; height: 40px;}
.remooz-bg-n {left: 0; top: -40px; width: 100%; background: url(remo_bg_n.png) repeat-x;}
.remooz-bg-ne { right: -33px; top: -40px; background: url(remo_bg_ne.png) no-repeat;}
.remooz-bg-e {right: -33px; top: 0; height: 100%; background: url(remo_bg_e.png) repeat-y;}
.remooz-bg-se { right: -33px; bottom: -40px; background: url(remo_bg_se.png) no-repeat;}
.remooz-bg-s { left: 0; bottom: -40px; width: 100%; background: url(remo_bg_s.png) repeat-x;}
.remooz-bg-sw{left: -33px; bottom: -40px; background: url(remo_bg_sw.png) no-repeat;}
.remooz-bg-w { left: -33px; top: 0; height: 100%; background: url(remo_bg_w.png) repeat-y;}
.remooz-bg-nw{left: -33px; top: -40px; background:	url(remo_bg_nw.png) no-repeat;}

/*LIGHTBOX STYLE*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.captionPic {float: right; margin: 0 0 8px 8px; border: double #dcdada;}
.captionPic p {font-size: 10px; font-weight: bold; margin: 0 3px 3px 3px;}
/*CONTEST STYLES*/
#storyAreaContest {width: 890px;  overflow: hidden; margin: 15px 0 0 30px; padding: 10px 0 40px 10px; border: double #dcdada;}
.contestContentArea {width: 800px; margin-left: 40px; text-align: center; font-size: 14px;}
.lowerContestInfoArea {background-image: url(/images/contests/shapeupyourhair/lowerBG.jpg); background-repeat: no-repeat; width: 802px; height: 316px; padding: 20px 0 0 40px;}
.contestLeft {float: left; margin: 10px 0 0 5px;}
.contestCenter {float: left; margin-left: 20px;}
.contestRight {float: left; margin: 10px 0 0 20px;}

/*six month feature recap */
.leftFloat {float: left !important; clear: right; width: 250px; height: 169px; border: 1px solid #d7d7d7 !important;}