@charset "UTF-8"; /* CSS Document */ /* Theme Name: IndiePix 2010 main HOMEPAGES Hierarchy: Should be listed last (right before page specific css) Author: Kyle Walters Date: late 2010 NEEDS: */ /***** FEATURED CONTENT ****/ #featured { position: relative; } .boxgrid{ float:left; background: #fefefe; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxcaption{ float: left; position: absolute; /*background: #E2E7EA;*/ background: #fefefe; color: #2e3131; padding: 10px; /*opacity: .95; For IE 5-7 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); For IE 8 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; */ } .boxcaption h3 { margin-top:0; margin-bottom:0px; text-transform: uppercase; font-size:18px; font-weight:normal; } .boxcaption p { margin-top: 5px; } .captionfull .boxcaption { top: 270; left: 0; } .caption .boxcaption { top: 220; left: 0; } .featured_title { float: left; position: absolute; z-index: 100; } .featured_title h2 { margin:0; padding:0; background-color: #fefefe; } .featured_title h2 a{ background-color: #fefefe; margin: 0; padding: 0px 15px; color: #2e3131; font-size: 24px; letter-spacing:1px; font-weight:100; line-height: 48px; } .featured_title h2 a:link, .featured_title h2 a:visited{ color: #2e3131; } .featured_title h2 a:active, .featured_title h2 a:hover{ color: #2e3131; } .boxcaption_buttons { float: right; margin-left: 15px; width: 112px; } /*** FEATURED INDIVIDUAL ***/ .featured_left { width: 599px; height: 400px; border-right: solid 1px #fefefe; background-color: #CBD7D7; } .featured_left .boxcaption{ top:400px; height: 100px; width: 580px; } .featured_righttop { width: 350px; height: 199px; border-bottom: solid 1px #fefefe; background-color: #9FADAE; } .featured_righttop .boxcaption{ top:200px; height: 100px; width: 330px; } .featured_rightbottom { width: 350px; height: 200px; background-color: #E2E7EA; } .featured_rightbottom .boxcaption{ top:200px; height: 100px; width: 330px; } .featured_right { width: 350px; height: 400px; background-color: #E2E7EA; } .featured_right .boxcaption{ top:400px; height: 100px; width: 330px; } .featured_full { width: 950px; height: 400px; background-color: #CBD7D7; } .featured_full .boxcaption{ top:400px; height: 100px; width: 930px; } /*** NEWS MEDIA SECTION ***/ #news_media_holder { background-color: #fefefe; } .news_media { width: 424px; float: left; border-right: 1px solid #9FADAE; padding: 0px 25px; background-color: #fefefe; } .nm_right { border-right: 0px; } .nm_title h2{ margin:0; padding:0; background-color: #fefefe; text-transform: uppercase; font-weight:100; font-size: 24px; letter-spacing:1px; line-height: 48px; } .nm_title h2 a:link, .nm_title h2 a:visited { color: #2e3131; } .nm_title h2 a:active, .nm_title h2 a:hover { /*color: #2e3131;*/ text-decoration:underline; } .nm_item { /*clear: both;*/ float: left; margin: 0 0 10px; border-bottom: 1px dotted #9FADAE; } .nm_item_image { margin: 0px 10px 10px 0px; display: block; float: left; height: 78px; overflow: hidden; } .nm_item_image img{ width: 106px; } .nm_item_title { text-transform: uppercase; } .nm_item_text { padding-bottom: 10px; } /************** SECONDARY HOMEPAGES **************/ .section_title { font-weight: 100; margin: 0px; padding:0px; letter-spacing: 2px; font-size: 28px; padding-bottom: 10px; background-color: #fefefe; } #section_featured { background-color: #fefefe; } .sf_banner { /*border-bottom: 1px solid #fefefe;*/ margin-bottom: 15px; } .sf_keyartP { float: left; width: 130px; display: block; margin-right: 15px; } .sf_text { float: left; display: inline; width: 400px; padding: 10px 0px; } .sf_text span { line-height:150%; } .sf_text_title { margin:0; padding:0; background-color:transparent; color: #2e3131; font-weight: 100; font-size: 18px; letter-spacing: 1px; } .sf_btns { float: right; width: 190px; } .sf_text_version { float:left; clear:left; } .sf_text_creator { float:left; clear:left; } .sf_text_price { float:left; clear:left; font-style:italic; /*padding: 5px 0px;*/ } .sf_text_brief { float:left; clear:left; padding-top: 10px; }