body { display: block; margin: 0px; padding: 0px; background: #ffffff; color: #030303; text-align: center; font-family: helvetica, verdana, arial, sans-serif; } #container { display: block; width: 950px; margin: 10px auto 10px auto; padding: 0px 0px 20px 0px; background: #ffffff; color: #030303; } #header { display: block; float: left; width: 950px; height: 40px; margin: 0px auto 20px auto; padding: 0px; background: #ffffff; color: #030303; } #torso { display: block; float: left; width: 950px; margin: 0px auto; padding: 0px; background: #ffffff; color: #030303; } #footer { display: block; float: left; width: 950px; margin: 0px auto 20px auto; border-top: 5px solid #cecece; padding: 20px 0px 0px 0px; background: #ffffff; color: #030303; } #footer p { font-size: 10px !important; float: left; text-align: left; } #primary { display: block; float: left; width: 600px; margin: 0px; padding: 0px; background: transparent; color: #ffffff; } #secondary { display: block; float: right; width: 320px; margin: 0px 0px 10px 0px; padding: 0px; background: #FFFFFF; color: #ffffff; border-left: 5px solid #cecece; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; outline: none; font-weight: normal; margin: 0px; padding: 0px; color: #1c1050; background: transparent; border: 0px; } a:hover, a:active { color: #404040; background: transparent;} #homepage_identity { display: block; float: left; clear: left; margin: 0px; padding: 0px; width: 600px; height: 160px; background: #ffffff url("/media/homepage-spacing-hd.gif") top left no-repeat; } #homepage_identity h2 { margin: 0px; padding: 0px; text-indent: -9999px; } #homepage_feature_block { display: block; float: left; clear: both; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; width: 600px; border-top: 5px solid #cecece; } #homepage_store_ads { display: block; float: left; clear: left; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; width: 600px; border-top:5px solid #cecece; } .homepage_store_ad { display: block; float: left; clear: none; margin: 5px 0px 0px 0px; padding: 0px; width: 300px; height: 141px; background: #cccccc; } .homepage_store_ad img, .homepage_store_ad a img { border: 0px solid #000; } /**************************************/ /* HOMEPAGE BLOCKS /**************************************/ #secondary .block-group { display: block; float: right; clear: right; width: 300px; margin: 0px 0px 0px 0px; border: 0px solid #000000; padding: 0px 0px 0px 0px; } #secondary .block-group .block-group-head { display: block; float: left; clear: right; margin: 5px 0px 5px 5px; border: 0px solid #000000; padding: 0px 0px 0px 0px; } #secondary .homepage-block { display: block; float: right; clear: left; margin: 5px 0px 0px 0px; border: 0px solid #000000; padding: 5px 0px 0px 0px; border-top: 1px solid #cecece; width: 300px !important; } #secondary .homepage-block .block-site-head { display: block; float: left; clear: right; margin: 0px 0px 0px 0px; border: 0px solid #000000; padding: 0px 0px 0px 0px; } #secondary #blocks-blognetwork { border-bottom: 5px solid #cecece; margin: 0px 0px 10px 20px; padding: 0px 0px 5px 0px; } #secondary #blocks-blognetwork .block-group-head { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 5px; } #secondary #blocks-blognetwork .homepage-block .block-group-head { margin: 5px 0px 5px 0px; padding: 0px 0px 0px 5px; } #secondary #block-radio { display: block; float: right; clear: right; margin: 0px 0px 0px 0px; border: 0px solid #000000; padding: 0px 0px 0px 0px; width: 300px; } #secondary #blocks-social-media { margin-top: 35px; border-top: 5px solid #cecece; padding: 0px 0px 0px 0px; } #secondary #blocks-social-media .homepage-block { margin: 0px; padding: 3px 0px 0px 0px; border: 0px; } #secondary .homepage-block #spacing-socialmedia { list-style-type: none; margin: 0px; padding: 0px; background: #ccc; } #secondary .homepage-block #spacing-socialmedia li { display: block; float: left; clear: right; margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px; color: #636363; background: transparent; text-align: left; height: 20px; } #secondary .homepage-block #spacing-socialmedia li img { list-style-type: none; border: 0px; margin: 0px; padding: 0px; } #secondary .homepage-block #spacing-socialmedia li a { display: inline; background-image: none; background: transparent; margin: 0px; padding: 0px; font-weight: normal; } #secondary .homepage-block #spacing-socialmedia li#sm-twitter { background: transparent url('http://spacingmedia.com/media/home-hd-twitter.gif') top left no-repeat; padding: 10px 0px 0px 40px; } #secondary .homepage-block #spacing-socialmedia li#sm-facebook { background: transparent url('http://spacingmedia.com/media/home-hd-facebook.gif') top left no-repeat; padding: 10px 0px 0px 40px; } #secondary .homepage-block #spacing-socialmedia li#sm-flickr { background: transparent url('http://spacingmedia.com/media/home-hd-flickr.gif') top left no-repeat; padding: 10px 0px 0px 40px; } #secondary .homepage-block #spacing-socialmedia li#sm-newsletter { background: transparent url('http://spacingmedia.com/media/home-hd-newsletter.gif') top left no-repeat; padding: 10px 0px 0px 40px; } .network-aggregator { display: block; float: left; clear: none; width: 949px; margin: 5px 0px 5px 0px; border: 0px solid #000000; padding: 0px; background: #ffffff; border-right: 1px solid #cecece; } #footer .homepage-block { display: block; float: left; clear: none; width: 236px; height: 210px; margin: 0px; border: 0px solid #000000; padding: 5px 0px 5px 0px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; background: #ffffff; } #block-featured-mag-story { border-left: 1px solid #ffffff !important; } #footer .homepage-block .block { display: block; float: left; width: 210px; margin: 0px 10px 0px 10px; border: 0px solid #cecece; padding: 0px; } #footer .homepage-block div.image { width: 210px; height: 40px; overflow: hidden; margin: 0px; padding: 0px; } #footer .homepage-block ul.spacingfeed { display: block; float: left; clear: both; margin: 0px; padding: 0px; height: 150px; overflow: hidden; } #footer .homepage-block ul.spacingfeed li { background: transparent url("/media/identity/squarebullet.gif") top left no-repeat; border: 0px solid #999; clear: both; font-size: 12px; text-align: left; color: #333; display: block; float: left; list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px 5px 0px 15px; } .block h6.block_link_more { clear: left; color: #636363; display: block; float: right; height: 15px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 0px; } #footer .homepage-block h6.block_link_more a, #footer .homepage-block h6.block_link_more a:link, #footer .homepage-block h6.block_link_more a:visited, #footer .homepage-block h6.block_link_more a:hover, #footer .homepage-block h6.block_link_more a:active { background: transparent url('/media/MoreArrow_0.gif') right top no-repeat; color: #636363; display: block; float: left; height: 15px; margin: 0px; padding: 3px 20px 0px 0px; text-decoration: none; } #footer .homepage-block .block h6.block_link_more a:hover, #footer .homepage-block .block h6.block_link_more a:active { color: #000000; display: block; float: right; text-decoration: none; } #block-featured-mag-story { display: block; float: left; text-align: center; } #block-featured-mag-story a.post-thumbnail { display: block; clear: both; margin-top: 40px; text-align: center; } #block-featured-mag-story a.post-thumbnail img { border: 0px solid #cecece; width: 150px; height: 150px; overflow: hidden; } #block-featured-mag-story span.issue-section-lead { display: none; float: left; clear: both; text-align: center !important; font-size: 11px; font-weight: normal;} #block-featured-mag-story span.issue-title { display: none; float: left; clear: both; text-align: center !important; font-size: 13px; font-weight: bold;} #block-featured-mag-story span.issue-subtitle { display: none; float: left; clear: both; text-align: center !important; font-size: 12px; font-weight: normal;} a.blogthumb { width: 210px !important; height: 155px !important; overflow: hidden; } a.blogthumb img { width: 210px !important; height: 155px !important; overflow: hidden; border: 0px; } /* ===NAVIGATION */ #navheader { display: block; float: left; width: 950px; height: 40px; background: #B0AEB0; margin: 0px; padding: 0px; background: transparent; color: #333333; } #navheader ul { display: block; float: left; width: 950px; margin: 0px; padding: 0px; text-align: center; list-style-type: none; } #navheader li { display: block; float: left; margin: 0px; padding: 0px; list-style-type: none; } #navheader li a { margin: 0px; padding: 0px; } a#navheader-subscribe { width: 229px; height: 40px; background: transparent url("/media/homenav-subscribe.png") 0px 0px no-repeat; color: #990000; display: block; float: left; margin: 0px; padding: 0px; text-indent: -99999px; } a#navheader-subscribe:hover { background: transparent url("/media/homenav-subscribe.png") 0px -40px no-repeat; color: #990000; } a#navheader-current { width: 152px; height: 40px; background: transparent url("/media/homenav-current-issue.png") 0px 0px no-repeat; color: #990000; display: block; float: left; margin: 0px; padding: 0px; text-indent: -99999px; } a#navheader-current:hover { background: transparent url("/media/homenav-current-issue.png") 0px -40px no-repeat; color: #990000; } a#navheader-stores { width: 164px; height: 40px; background: transparent url("/media/homenav-stores.png") 0px 0px no-repeat; color: #990000; display: block; float: left; margin: 0px; padding: 0px; text-indent: -99999px; } a#navheader-stores:hover { background: transparent url("/media/homenav-stores.png") 0px -40px no-repeat; color: #990000; } a#navheader-about { width: 154px; height: 40px; background: transparent url("/media/homenav-about.png") 0px 0px no-repeat; color: #990000; display: block; float: left; margin: 0px; padding: 0px; text-indent: -99999px; } a#navheader-about:hover { background: transparent url("/media/homenav-about.png") 0px -40px no-repeat; color: #990000; } a#navheader-cs { width: 251px; height: 40px; background: transparent url("/media/homenav-customer-service.png") 0px 0px no-repeat; color: #990000; display: block; float: left; margin: 0px; padding: 0px; text-indent: -99999px; } a#navheader-cs:hover { background: transparent url("/media/homenav-customer-service.png") 0px -40px no-repeat; color: #990000; } #footer dl { margin: 0px 5px 5px 5px; } #footer dl dt { color: #444444; font-size: 1.4em; font-weight: bold; margin: 0px; padding: 3px 5px; text-transform: uppercase; } #footer dl dd { color: #303030; font-size: 1em; font-weight: normal; margin: 0px; padding: 0px; } #footer dl dd a:link, #footer dl dd a:visited { color: #303030; font-size: 1em; font-weight: normal; margin: 0px; padding: 3px 5px; } #footer dl dd a:hover, #footer dl dd a:active { color: #030303 !important; font-size: 1em; font-weight: normal; margin: 0px; padding: 3px 5px; } div.content-full { display: block; float: left; text-align: left; width: 100%; } div.content-quarter { display: block; float: left; text-align: left; width: 25%; } div.content-half { display: block; float: left; text-align: left; width: 50%; } div.content-threequarter { display: block; float: left; text-align: left; width: 75%; } div.content-third { display: block; float: left; text-align: left; width: 33%; } div#primary div.content-third { display: block; float: left; text-align: left; width: 200px; } div.content-twothirds { display: block; float: left; text-align: left; width: 66%; } div#primary div.content-twothirds { display: block; float: left; text-align: left; width: 400px; } /* ===NAVIGATION */ /* ===FEATURED CONTENT PROFILER - HOMEPAGE*/ div#homepage_radio_slider { margin: 0px; border-top: 3px solid #cecece; padding: 5px 0px; } div#features, div#features-radio { display: block; float: left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; position: relative; width: 600px; height: 400px; border: 0px solid #000; overflow: hidden; } #slider ul, #slider-radio ul { display: block; float: left; margin:0px; padding:0; width: 600px; height: 400px; padding:0; list-style:none; border: 0px solid #777; } #slider li, #slider-radio li { display: block; float: left; margin:0; padding:0; list-style:none; width: 600px; height:400px; overflow:hidden; } #slider-radio ul { text-align: left; margin-top: 5px; } #slider-radio li { height:230px !important; text-align: left; } #slider-radio li img { display: block; float: left; width: 600px; height:150px; text-align: left; margin: 0px; padding: 0px; top: 0px; left: 0px; } #slider li span.caption { position: absolute; overflow:hidden; text-align: left; margin: 0px 0px 0px -600px; padding: 0px 0px 0px 0px; color: #fefefe; background: transparent url('/media/1px-trans24-75.png') 0px 0px repeat; width: 150px; height: 400px; } #slider-radio li span.caption { position: absolute; overflow:hidden; text-align: left; margin: 115px 0px 0px -465px; padding: 0px 0px 0px 0px; color: #fefefe; background: transparent url('/media/1px-trans24-75.png') 0px 0px repeat; width: 465px; height: 35px; } #slider li span.caption h2, #slider li span.caption h3, #slider li span.caption h4, #slider li span.caption h5, #slider li span.caption h6 { margin: 20px 15px 3px 15px; font-size: 18px; font-weight: bold; text-transform: uppercase; } #slider li span.caption p { margin: 10px 15px 15px 15px; font-size: 13px; font-weight: normal; } #slider-radio li span.caption h2, #slider-radio li span.caption h3, #slider-radio li span.caption h4, #slider-radio li span.caption h5, #slider-radio li span.caption h6, #slider-radio li span.caption p { display: block; margin: 5px 150px 5px 5px; font-size: 14px; line-height: 1; font-weight: bold; text-transform: uppercase; width: auto; color: #fefefe; background: transparent; } #slider-radio li span.caption a { font-weight: bold; text-decoration: none; color: #fefefe; background: transparent; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:none; visibility: hidden; width:30px; height:77px; position:absolute; left: 0px; top:150px; z-index:1000; } /* numeric controls */ ol#controls{ display: block; float: right; margin: 0; padding: 0; height: 15px; } ol#controls li{ display: block; float: right; margin:0 0 0 5px; padding:0; float:left; list-style:none; height:15px; line-height: 15px; font-size: 11px; text-align: center; color:#555555; } ol#controls li a { float:left; height: 20px; width: 20px; line-height: 20px; border: 0px solid #ccc; background: transparent url('/media/grey-circle-20.png') 0px 0px no-repeat; color:#ffffff; padding: 1px 0px 0px 1px; text-decoration:none; font-weight: bold; text-align: center; } ol#controls li.current a{ color:#0A1E6B; } ol#controls li a:hover{ color: #0A1E6B; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* ===FEATURED CONTENT PROFILER - HOMEPAGE*/ h6.footer-misc { margin-top: 10px; text-align: right; } h6.footer-misc a { padding: 5px 3px; font-weight: normal; }