/* 
	File:			stylehouse-diy.css
	Author:			Erin Lathers
	Created:		2-11-2009
	Description:	This file contains The DIY, Social Zone & Tips & Tricks page and nave styles for stylehouse. 
*/

/****** DIY, Tips & Tricks, Social Zone, You Ask We Answer: Common Styles ******/
div#library-content.article-container { background-color: #E0EAF3; padding: 1.5em 1.5em 3em 1.5em; float: left; width: auto;}
div#library-content.article-container h1 { padding-bottom: .75em;}
div#library-content.article-container h2 { font-size: 1.2em; font-weight: bold; padding-bottom: .75em; padding-left: .1em; float: none; line-height: 1.25em;}
div#library-content.article-container h3 { font-size: 1.1em; font-weight: bold; color: #666666; padding: 1em 0 .25em 0;}
div#library-content.article-container p { line-height: 1.25em; padding-bottom: .5em;}
div#library-content.article-container a:hover, body#diy div.article-container a:active { color: #A2C2BB; }
div#library-content.article-container img#section-header { display: block; padding-bottom: 1.5em;}
div#library-content.article-container div.sub-section-a { padding: 0 2em;  }
div#library-content.article-container div.sub-section-b { padding: 0 2em;}
div#library-content.article-container a.block-text-link { padding-top: .25em;}
div#library-content.article-container ul { list-style: disc; padding-left: 1.5em; } 
div#library-content.article-container ul li { font-size: 1.1em; padding: .25em 0;}
div#library-content.article-container ul li a { font-size: 1em; line-height: 1.25em;}
div#library-content.article-container ul li p {font-size: 1em; }

div#library-content.article-containerb {float: left;}
div#library-content.article-containerb h1 { padding-bottom: .75em;}
div#library-content.article-containerb h2 { font-size: 1.10em; font-weight: bold;  line-height: 1.25em; padding-top: .25em;}
div#library-content.article-containerb h3 { font-size: 1.1em; font-weight: bold; color: #666666; padding: 1em 0 .25em 0;}
div#library-content.article-containerb p { line-height: 1.25em; padding-bottom: .5em;}
div#library-content.article-containerb a:hover, body#diy div.article-container a:active { color: #A2C2BB; }
div#library-content.article-containerb img#section-header { display: block; padding-bottom: 1.5em;}
div#library-content.article-containerb div.sub-section-a { padding: 0 2em;  }
div#library-content.article-containerb div.sub-section-b { padding: 0 2em;}
div#library-content.article-containerb a.block-text-link { padding-top: .25em;}

div#library-content.article-containerb ul li { font-size: 1.13em; padding-right:10px; width:136px; height:188px;}
div#library-content.article-containerb ul li a { font-size: 1.10em; line-height: 1.25em;}
div#library-content.article-containerb ul li p {font-size: 1.13em; }


div#library-content div.article-sections { display: block; padding: 1em 0 .5em 0; float: left; width: 100%}
div#library-content div.article-sections a.block-text-link img { margin-bottom: .5em;}
div#library-content div.article-sections.related-products { clear : both; }
div#library-content a.image-link-a { float: left; width: auto; padding: 0 3em 0 0; display: block; }
div#library-content a.image-link-b {  float: right; width: auto; padding: 0 0 0 2em; display: block; text-align: right; }
div#library-content a.image-link-a img, 
div#library-content a.image-link-b img,
div#library-content a.image-link-c img,
div#library-content img.image-a,
div#library-content img.image-b { border: .3em solid #FFF;}
div#library-content img.image-a { float: left; margin-right: 3em;}
div#library-content img.image-b { float: right; margin-left: 3em;}
/****** /DIY: Common Styles ******/

/****** DIY: Get Smart: Customize Your Study Space ******/
div.study-space div.sub-section-b  { float: left; width: 55%;}
div#library-content.study-space ul#checklist { padding-bottom: 1em; list-style: none; padding-left: .1em;}
div#library-content.study-space a.image-link-a,
div#library-content.study-space a.image-link-b { text-align: right; }
div#library-content.study-space a.block-text-link img { display: block;}

/****** DIY: A Hip New Headboard ******/
div.article-container.hip-headboard a.block-text-link { float: left; padding-top: 2em; text-align: right;}
div.hip-headboard div.sub-section-b  { float: left; width: 55%;}


/****** DIY: Get Smart: Five Ways to Use our Cable System ******/
div.cable-system div.article-sections p { line-height: 1.5em;}


/****** DIY: Making Your Bed: Layer By Layer ******/
div.make-your-bed ul#accessorie-cheat-sheet { padding-bottom: 2.5em; }
div.make-your-bed ul#accessorie-cheat-sheet li { list-style-type: disc; }
div.make-your-bed ul#related-products { float: left; width: 45em;}
div.make-your-bed ul#related-products li { display: block; float: left; width: 20em; padding: 0;}


/****** DIY: Display Your Way: The Display-it Collection ******/
div#library-content.display-your-way a.image-link-a { padding-top: .75em; padding-bottom: 1em;}
div#library-content.display-your-way div.article-sections  a.image-link-b { width: 22.5em}
div#library-content.display-your-way div.sub-section-a { padding-bottom: 1em;}
div.display-your-way ul#good-idea-bank { list-style-type: disc; }


/****** Social Zone: Lounge Act ******/
div#library-content.lounge-act div.article-sections { padding-top: 0em;}
div#library-content.lounge-act div.article-sections h2 { padding-top: 1em;}
div.article-container.lounge-act a.image-link-b { width: 24em; padding-left: 1em;}
div.article-container.lounge-act div.sub-section-a { float: none; width: 55%;}
div.article-container.lounge-act ul#mood-cheat-sheet { padding-top: .25em; padding-bottom:.25em; } 
div.article-container.lounge-act ul#practical-cheat-sheet { float: left; width: 55em; list-style-type: none; padding-left: 0;}
div.article-container.lounge-act ul#practical-cheat-sheet li { float: left; width: 13em; background-image: url('../images/common/img_checkmark.gif'); background-repeat: no-repeat; background-position: left; padding-left: 1em;}
div.article-container.lounge-act a#see-all-rooms { text-align: right; padding-top: 2em; clear: both;}

/****** Tips & Tricks: Measure for Windows ******/
div.article-container.measure-for-windows p { padding-bottom: 2em;}
div.article-container.measure-for-windows ul { list-style-type: disc; padding-top: .5em; padding-bottom: 1em;}
div.measure-for-windows img.image-b { border: none; margin-left: 2em; margin-bottom: 2em;}
div.measure-for-windows img.image-a  { padding-bottom: 1em; border: none;}

/****** Tips & Tricks: Measure for Rugs ******/
div.article-container.measure-for-rugs p { padding-bottom: 2em;}
div.article-container.measure-for-rugs ul { list-style-type: disc; padding-top: .5em; padding-bottom: 1em;}
div.measure-for-rugs img.image-b { border: none; margin-left: 2em; margin-bottom: 2em;}
div.measure-for-rugs img.image-a  { padding-bottom: 1em; border: none;}

/****** Tips & Tricks: Break It Up & Zone It Down ******/
div#library-content.article-container.break-it-up p { padding-bottom: 1em;}
div.article-container.break-it-up ul { list-style-type: disc; padding-bottom: 1.25em;}
div.break-it-up img.image-b { margin-bottom: 3em;}

/****** Tips & Tricks: Working with Windows ******/
div.working-with-windows div#roman-shades { padding-top: 0; margin-top: -1em;}
div.working-with-windows img.image-a { margin: 1em 1em 0 0 ; }
div.working-with-windows img.image-b { margin-left: 1em;}
div.working-with-windows a.image-link-c {  float: right; text-align: right; width: auto; margin: 0 0 0 2em; display: block; }
div.working-with-windows h3 { font-style: italic;}

/****** Tips & Tricks: Bright Ideas: How to Light Your Room Right ******/
div#library-content.bright-ideas div.article-sections { padding-top: 0;}
div.article-container.bright-ideas h2 { padding-top: 1em; margin-bottom:-.7em;}
div.bright-ideas img.image-a { margin: 1em 0 .5em 3em;}
div.bright-ideas img.image-b { margin-top: 1em;}
div.bright-ideas div.sub-section-a { width: 55%;}

/****** Tips & Tricks: 30 Days******/
div#library-content.thirty-days div.article-containerb {  padding: 0em; }
div.thirty-days h1, div.go-green h2 { text-align: center}
div.thirty-days h3 { color: #0C8040; font-style: italic;}
div.thirty-days div.article-containerb p { padding-bottom: 1em;}
div#library-content.article-containerb.thirty-days .highlighted-text { color: #0C8040;}
div#library-content.article-containerb.thirty-days ul.column-a { float: left; list-style-type: none; width: 752px; }
div#library-content.article-containerb.thirty-days ul.column-b { float: left; list-style-type: none; width: 45%; }
div.article-containerb.thirty-days ul li h3 { display: block; padding: .1em 0 .5em 0;}
div.article-containerb.thirty-days ul li p { font-size: 1em;}
div.article-containerb.thirty-days div#thirty { padding-top: 1em; margin-bottom: 2em;  float: left;}
div.article-containerb.thirty-days div#thirty ul { margin-top: 0px;}

div.article-containerb.thirty-days div#thirty ul li {  float: left; padding-right:18px;}
div.article-containerb.thirty-days div#ten-ways ul li h3 { padding: .05em 0 .25em 0; margin: 0; *margin-top: -.9em /* IE Hack - 6&7 */; }
div.article-containerb.thirty-days div#ten-ways ul li img.number { float: left; padding: 0 .5em 0em 0;}
div.article-containerb.thirty-days div#ten-ways ul li p { line-height: 1.45em; padding-bottom: 0;}

div.article-containerb.thirty-days div#doing-now ul li img { float: left; padding: 0 .5em .25em 0;}
div.article-containerb.thirty-days div#doing-now ul li h3 { display: block; padding: .1em 0 .5em 0; color: #0C8040;}
div.article-containerb.thirty-days div#doing-now ul li h4 { font-style: italic; font-weight: bold; }
a.block-text-linkb span.highlighted-text { font-weight: normal; color: #0C8040;  font-size: 1.3em;}
/****** Tips & Tricks: Go Green ******/
div#library-content.go-green div.article-container {  padding: 2em; }
div.go-green h1, div.go-green h2 { text-align: center}
div.go-green h3 { color: #0C8040; font-style: italic;}
div.go-green div.article-container p { padding-bottom: 1em;}
div#library-content.article-container.go-green .highlighted-text { color: #0C8040;}
div#library-content.article-container.go-green ul.column-a { float: left; list-style-type: none; width: 45%; padding-right: 2.5em; margin-right: 2.5em; padding-left: 0;}
div#library-content.article-container.go-green ul.column-b { float: left; list-style-type: none; width: 45%; }
div.article-container.go-green ul li h3 { display: block; padding: .1em 0 .5em 0;}
div.article-container.go-green ul li p { font-size: 1em;}
div.article-container.go-green div#ten-ways { padding-top: 1em; margin-bottom: 2em; border-bottom: .3em solid #0C8040; float: left;}
div.article-container.go-green div#ten-ways ul { margin-top: 1em;}
div.article-container.go-green div#ten-ways ul.column-a { border-right: .1em solid #0C8040; }
div.article-container.go-green div#ten-ways ul li { padding: .5em 0;}
div.article-container.go-green div#ten-ways ul li h3 { padding: .05em 0 .25em 0; margin: 0; *margin-top: -.9em /* IE Hack - 6&7 */; }
div.article-container.go-green div#ten-ways ul li img.number { float: left; padding: 0 .5em 0em 0;}
div.article-container.go-green div#ten-ways ul li p { line-height: 1.45em; padding-bottom: 0;}

div.article-container.go-green div#doing-now ul li img { float: left; padding: 0 .5em .25em 0;}
div.article-container.go-green div#doing-now ul li h3 { display: block; padding: .1em 0 .5em 0; color: #0C8040;}
div.article-container.go-green div#doing-now ul li h4 { font-style: italic; font-weight: bold; }
a.block-text-link span.highlighted-text { font-weight: normal; color: #0C8040; }

/****** You Ask We Answer: General ******/
div#article-container.you-ask-we-answer div.article-sections { padding: .5em 0 1.5em 0;}
div#article-container.you-ask-we-answer img.image-a { margin: 0 1.5em 0 0; }
div#article-container.you-ask-we-answer img.image-b { margin: 0 0 0 1.5em; }
div#article-container.you-ask-we-answer a.image-link-a { padding:0; padding-right: 1.5em; text-align: right; }
div#article-container.you-ask-we-answer a.image-link-b { padding:0; margin-left: 1.5em; text-align: right; }
div#article-container.you-ask-we-answer a.image-link-a img, 
div#article-container.you-ask-we-answer a.image-link-b img { display: block;}
div#article-container.you-ask-we-answer p { padding-bottom: 1em;}
div#article-container.you-ask-we-answer span.questionner { display: block; font-style: italic; padding-left: 1.5em;}

/****** Sweepstakes: Landing (index) ******/
div#library-content.article-container.sweepstakes { width: 96%; height:30em;}
div#library-content.article-container.sweepstakes ul { float: left; width: 45%; list-style-type: none; padding-left: 1em; padding-top: 1em;}
div#library-content.article-container.sweepstakes ul.column-a { padding-right: 2em;}
div.article-container.sweepstakes ul li { float: left; width: 100%}
div.article-container.sweepstakes ul li a.winner-image { float: right; padding-right: 7em;}
div.article-container.sweepstakes ul li a.contest-image { float: left; padding-right: 1em;}
div#library-content.article-container.sweepstakes h3 { color: #645F5F; padding: 0; line-height: 1.25em; }
div.article-container.sweepstakes ul li.contest-links { padding-top: 2em;}
div.article-container.sweepstakes ul li.winner-info { padding-left: 2em;}

/****** Sweepstakes: Winners ******/
div#library-content.article-container.sweeps-winners { background-color: #F7F3E4; }
div#library-content.article-container.sweeps-winners h3 { padding: 0 0 1em 0; color: #006699;}
div#library-content.article-container.sweeps-winners ul { float: left; width: 95%; list-style-type: none; padding: 0; margin-bottom: -6em;}
div#library-content.article-container.sweeps-winners ul li { width: 100%; float: left; padding-bottom: 4em;}
div.sweeps-winners ul img.winner-picture { float: left; padding-right: 1em;}
div.sweeps-winners ul img.sweeps-picture { padding-top: 2.5em;}

/****** My Room Rules ******/
div#library-content.article-container.my-room-rules { width: 96%;}
div#library-content.article-container.my-room-rules #hero-image { padding-bottom:2em; }
div#library-content.article-container.my-room-rules #intro-copy { padding-bottom:3em; }
div#library-content.article-container.my-room-rules #video-requirements { padding-bottom: 2em; }
div#library-content.article-container.my-room-rules #video-submission { padding-bottom: 2em; }
div#library-content.article-container.my-room-rules #address { padding-left: 2em;}
div#library-content.article-container.my-room-rules #tips_columnleft { float:left; width:34em; padding: 0 1.5em;}
div#library-content.article-container.my-room-rules #tips_columnright { float:left; width:34em; padding: 0 1.5em;}
div#library-content.article-container.my-room-rules #video-view-button { clear:both; padding:1em 0em 0em 2em; }
div#library-content.article-container.my-room-rules #under13 { padding-top:1em; }

/****** Product-Details: Wood Finishes ******/

div#library-content div#wood-finishes div.article-container { background-color:#FFF; border: .1em solid #6fb2ae; }
div#library-content div#wood-finishes div.article-container h1 { color: #00689d;}
div#library-content div#wood-finishes div.article-container div.article-sections { border-top: .1em solid #6fb2ae; margin-bottom: 2em;}
div#library-content div#wood-finishes div.article-container div.article-sections ul li { line-height: 1.25em;}