/* Theme Name: Modularity Theme URI: http://graphpaperpress.com/ Description: A multimedia theme framework for Wordpress by Graph Paper Press Version: 1.4 Tags: photography, one-column, two-column, theme options, minimal, widgets, white, portfolio, video, framework Author: Thad Allender Author URI: http://graphpaperpress.com/ License: All Rights Reserved */ @import url("library/styles/screen.css"); /************************* MODULARITY STYLES ***************************/ /*html { background: url(2160-Trendland.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/ /*body {color:#000;background-color:#cacaca; background-image: url('background.png');background-repeat: repeat-x; font-family: Lucida Grande, Arial !important; margin-top: 0px;} */ body {color:#000;background-color:#fafafa /*#fff*/; background-repeat: repeat-x; font-family: Lucida Grande, Arial !important; margin-top: 0px;} /* Supper Banners */ .super_banner_wrapper {position:relative;z-index:100;width:952px;background:#000;} .super_banner_close a {color:#FFF !important;background:#000;padding:3px 25px;display:none;} .super_banner_close a:hover {color:#cacaca !important;cursor: pointer;} .super_banner_3_close a {color:#FFF !important;background:#000;padding:3px 25px;} .super_banner_3_close a:hover {color:#cacaca !important;cursor: pointer;} .super_banner_1_close a {color:#FFF !important;background:#000;padding:3px 25px;} .super_banner_1_close a:hover {color:#cacaca !important;cursor: pointer;} .panel-overlay h3 {color:#fff !important; font-size: 2em; line-height:30px;} .panel-overlay h3 a{color:#fff !important; font-size: 1em; line-height:30px !important;text-decoration: none !important;} .galleryview .panel img {width:500px !important; } #leftADskin {background: url('leftSide.jpg');width:100px;height:700px;float:left;margin-left:3%;} #rightADskin {background: url('rightSide.jpg');width:100px;height:700px;float:right;margin-right:3%;} .advert_background{ position:fixed; z-index:0;width:100%; height:100%; } .advert_background img{width:100%; height:100%; } #pointer img {display:none;} #wallpaper{position:absolute;z-index: 1;background: url('http://www.factmag.com/wp-content/themes/modularity_/ad_wallpapers/WALLPAPER_sonic.jpg');background-attachment: fixed;background-repeat: no-repeat;width:100%;height:3000px;background-size: cover;} #wallpaper img {display:none;} #wallpaper:hover{cursor:pointer;} #ad_wallpaper_wrap {position:fixed; z-index:0;width:100%; height:100%; background-position: inherit;} #ad_wallpaper_wrap img{position:fixed;top:0;right:0;left:0;bottom:0;} #ad_wallpaper_wrap :hover{cursor:pointer;} .factuk_twitter_wrapper{overflow:hidden; padding:15px 5px 2px;border:1px solid #990000;} .twtr-join-conv{display:none !important;} .twtr-tweet-text{font-size:11px !important;} .twtr-tweet-text p a{font-size:11px !important;} .twtr-user{font-size:11px !important;} .twtr-atreply{font-size:11px !important;} .twtr-hyperlink{font-size:11px !important;} .twtr-ft {display:none;} .twtr-hd {padding:4px 10px !important; } #twtr-widget-1 h4 {background: #CCCCCC !important;font-size:12px !important;} .twtr-timeline {border-bottom:1px solid #ccc !important;} p.news_span_wrapper {color:#fff !important; padding-right: 5px;} p.news_span_wrapper a{color:#fff !important;} .module_wrapper{position: relative; margin: 0pt 0pt 8px; padding: 0pt 0pt 5px 4px;background-image:url('top_left.png');background-repeat:no-repeat;background-attachment:fixed;background-position:top left;background-size: 10px;} .module_bottom_right{background-image:url("bottom_right3.png");height:5px;right:0;position:absolute;width:4px;z-index:999;} .module_top_left{background-image:url("top_left.png");height:6px;left:0;top:0;position:absolute;width:3px;} .module_bottom_left{background-image:url("corner.png");height:5px;left:0;bottom:0;position:absolute;width:4px;} .module_bottom{background:#CCC;height:5px;left:4px;bottom:0;position:absolute;} .module_gallery{width:618px;background:#888;} .module_gallery_bottom{width:618px;background-color: #ccc;height:5px;left:4px;bottom:0;position:absolute;} .module_gallery2{width:367px;background:#888;} .module_gallery2_bottom{width:367px;background-color: #ccc;height:5px;left:4px;bottom:0;position:absolute;} .ssf_right_wrapper{float:right;overflow:hidden;} #fff_right_col{margin-right:8px;} #fact-ff-wrapper {position:fixed;width:300px;height:150px;overflow: hidden;display:none;z-index: 999;} #fact-ff {position:fixed;width:300px;height:150px;background-color: #000;-moz-border-radius: 10px;-webkit-border-radius: 10px; opacity:0.8;filter:alpha(opacity=80);display:none;z-index:1000;color:#fff;text-align: center;} #fact-free-flow{width:100%;background:#fff;overflow: hidden;} #float_bar{padding:5px 10px;width:auto;position:fixed;bottom:0;left:0;background-image: url(bottom_bg.jpg);width:100%;z-index:999;color:#fff !important;font-size: 11px;} #float_bar p{color:#fff !important;} #float_bar a{color:#fff;} .bottom_contacts{margin-left:4%;} .bottom_social{margin-right:7%;} .bottom_kwame{margin-right: 1%;} .bottom_kwame a{color:#666 !important;} #float_bar_extra{width:auto;position:fixed;bottom:28px;right:0;background:#444;z-index:999;padding:5px 10px;color:#fff;} .fff-loader{z-index: 1000;} #fact-ff-header{width:100%;background:#000;color:#FFF;padding:5px 10px;overflow:hidden;font-size:16px;} .fff-red {background: #fff; text-align:center; padding:4px 10px 4px 0px; color:#000;} .fff-red a {color:#3db6e9 !important; font-weight: bold !important;} .fff-tabsText{margin:-5px 0 10px 0px;padding:4px;background: #fff;} .fff-tabsText-video{margin:-5px 0 10px 0px;padding:4px 4px 4px 0px !important;} .fff-tabsText-black{margin:-5px 0 10px 0px;padding:4px;background: #ccc;} .fff-tabsText-black h6 a{color:#fff !important;background:#4cb6e7 !important;} .fff-tabsText-white h6 a{color:#fff !important;background:#4cb6e7 !important;padding:2px 3px;} .fff-tabsText-black a{color:#fff !important;} .fff-tabsText-black a:href{color:#990000 !important;} .fff-tags-first{background:transparent !important;padding:2px 3px 2px 0;margin-left:0px;color:#4cb6e7 !important;display:block;float:left;} .fff-tags{background:transparent !important;padding:2px 3px;margin-left:6px;color:#4cb6e7 !important;display:block;float:left;} .fff-tags-first:hover{color:#990000 !important;} .fff-tags:hover{color:#990000 !important;} .fff-tabsText-wrapper{margin:-5px 0 0px 0px;padding:4px;background:#000;overflow: hidden;} .fff-tabsText-wrapper h6 a{color:#fff !important;background:#4cb6e7 !important;padding:2px 3px;} .fff-tabsText-wrapper a{color:#fff;} .fff-tabsText-wrapper a:hover{color:#990000 !important;} .fff-tabsText-wrapper-white-header {width:100%;background:#000;overflow:hidden;} .fff-tabsText-wrapper-white-header h6 a{color: #fff !important;} .fff-tabsText-wrapper-white-header h6 a:hover{color: #990000 !important;} .fff-tabsText-wrapper-white{margin:-5px 0 0px 0px;padding:4px;background:#000;} .fff-tabsText-wrapper-white a{color:#fff !important;} .fff-tabsText-wrapper-white a:hover{color:#990000 !important;} .fff-tabsText-wrapper-white p.news_span {color:#fff !important;} .fff-table{margin: 0px;padding:0px;} .fff-table tr{margin: 0px;padding:0px;} .fff-table tr td{width:140px;vertical-align: top;margin:0;padding:0 0 10px 0;background: #fff;} .fff-table tr td h6{margin:0;padding:0 5px;} .fff-table tr td p{margin:0;padding:0 5px;} .fff-white-highlight {background: #fff;overflow: hidden;} .fff-black-highlight {background:#ccc !important; overflow: hidden; /* -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, .5); */} .fff-black-highlight a{} .fff-black-highlight a:hover{color: #990000 !important;} .fff-black-highlight p{color: #000 !important;} .fff-black-highlight p span{color: #000 !important;} .title-fff{padding:25px 10px 10px 25px;} .ngg-imagebrowser-nav {width:100%;overflow:hidden;} .floatRight {float:right;} .floatLeft {float:left;} .advert_background{ position:fixed; z-index:0;width:100%; height:100%; } .advert_background img{width:100%; height:100%; } /* GALLERY MPU FOR AUTOREFRESH */ .mpu_frame{width:300px;height:250px;border:none;overflow: hidden;padding:0px;margin:0px;} .mpu_frame_skyscrapper{width:160px;height:600px;border:none;overflow: hidden;padding:0px;margin:0px;} /* GIGJUNKIE DIV */ .gigjunkie_container {padding:5px; border:5px solid #DBDBDB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:480px; float:right;} .gigjunkie_header {font-size: 16px; font-style: italic; color:#990000;} .gigjunkie_right{width:285px;} .gigjunkie_title {width:100%;padding:0px; margin:0px; text-align: center; color: #990000; font-weight: bold;} .gigjunkie_img {width:100%; padding:3px 0px; text-align: center;} .gigjunkie_columns{width:100%;padding:0;border-bottom:1px solid #eee;} .gigjunkie_column_provider{width:140px;float:left; margin:8px 0 0 0;} .gigjunkie_column_price{width:50px;min-width:50px;float:left;margin:8px 0 0 13px;} .gigjunkie_column_buy{width:40px;float:right;text-align: right;margin-right:6px;padding:5px 0;} /* new gigjunkie */ .gigjunkie_margin {margin:4px 0px;} .gigjunkie_gig_date {width:180px;} .gigjunkie_gig_town {width:100px;font-weight: bold;} .gigjunkie_gig_tickets {float:right;margin:3px 0px 2px;width:100px;} .gigjunkie_tickets {width:300px;} .gigjunkie_address {width:150px;} .event{display:none;} .event_container{width: 100%;} .edit_button {padding:2px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color:#fff !important;background-color: #000; font-size: 12px;float:right;} .edit_button:hover {color:#fff; background-color: #990000; border:none;text-decoration: none; } /* TOP BAR */ #top_bar {width:auto;min-height: 31px;background-color: #777;} #top_bar_languages {margin: 0px 0px 0px 7px; width: 200px; text-align: left; position: absolute; top: 92px;} /* top dropdown menu */ .ddsmoothmenu{font: 14px Lucida Grande;background-color: #777;width: 100%;} .ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;} /*Top level list items*/ .ddsmoothmenu ul li{position: relative;display: inline;float: left;} /*Top level menu link items style*/ .ddsmoothmenu ul li a{display: block;background-color: #777;color: white;padding: 7px 20px;border-right: 1px solid #778;color: #2d2b2b;text-decoration: none; font-size:14px;} /*IE6 hack to get sub menu links to behave correctly*/ * html .ddsmoothmenu ul li a{display: inline-block;} .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;} /*CSS class that's dynamically added to the currently active menu items' LI A element*/ .ddsmoothmenu ul li a.selected{ background: #990000; color: white;} /*background of menu items during onmouseover (hover state)*/ .ddsmoothmenu ul li a:hover{background: #990000; color: white;} /*1st sub level menu*/ /*collapse all sub menus to begin with*/ .ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;background-color: #777;} /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{display: list-item;float: none;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{top: 0;} /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;} /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{position: absolute;top: 12px;right: 7px;display:none;} .rightarrowclass{position: absolute;top: 6px;right: 5px;display:none;} /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: none;} /*shadow opacity. Doesn't work in IE*/ .toplevelshadow{opacity: 0.8;} .linkwithin_hook{display:block;} #linkwithin_logolink_0 b{display:none !important;} .linkwithin_img_0 div {height:75px !important;} .linkwithin_title {font-family: Lucida Grande !important;} #linkwithin_text_0{padding:5px 0px !important;} #linkwithin_logo_0{margin:0px !important; padding:0px !important;} .ngg-imagebrowser img {width:96% !important;} .ngg-imagebrowser h3 { display:none !important; } .dsq-brlink {display:none;} .ngg-imagebrowser-desc{margin-top:20px !important;} .container {width:1027px;margin:0 auto;-moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; background-color: #fff;position: relative;z-index: 1; } .fb_share_count{display: none !important;float:right !important;} .fb_share_count_right {display: none !important;float:right !important;} .fb_share_count_inner {display: none !important;float:right !important;} .fb_share_count_right {display: none !important;float:right !important;} .fb_share_count_inner{display: none !important;float:right !important;} .fb_share_count_nub_right {display: none !important;float:right !important;} .container-inner {width:1027px; background-color: #FFF; margin:0 0 0 0; padding: 0 0 0px 0;position: relative;z-index: 1;} h1,h3,h4,h5,h6 {color:#878787;padding: 0 0 0 0; margin: 0 0 0 0;} h1 a,h3 a,h4 a,h5 a {color:#878787;} h2 a {color:#000;} h2 {color:#000;} h6 a {font-weight: bold; color:#666;} h6.sub4 a {font-weight: normal; color:#000;} h6.unbolded a{font-weight: normal !important;color: #000;} h6.unbolded a:hover{font-weight: normal !important;color: #990000;} h6.sub4 a:hover {color:#990000;} h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1em; font-weight: bold;line-height: 1em;color: #515151; border-bottom: 1px solid #eee;} h6.sub2 a{color: #990000 !important;} h6.sub5 {font-weight:normal !important;} h7 {padding:0 0 0 4px;} h7 a {padding:0 0 0 4px;font-weight: bold;} h7 a:hover {padding:0 0 0 4px;font-weight: bold;} p.slideshow_text {color:#dbdbdb; padding-right: 5px;} p span.byline a {color:#666; } p span.byline span {display:none; } h8 a {font-weight: bold; color:#000;} h8 a:hover {font-weight: bold; color:#990000} h9 {font-size:2em; margin-bottom:0px;} h10{font-size:17px;} h10 a:hover{font-size:17px;color:#990000;} h3.subk {margin: 0 0 10px 0;font-size: 1em; font-weight: bold; color: #515151;} h3.sub1 {margin: 0 0 -1px 0;padding:10px; border-bottom:1px solid #eee; font-size: 1em; font-weight: bold;line-height: 1em;color: #dbdbdb;background-color: #2C2C2C;} .sub3 {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1em; font-weight: bold;line-height: 1em;color: #515151;} .sub2 {font-size: 0.8em; } a {color:#990000; text-decoration:none;} a:hover, a:focus {color:#990000;} p {color:#000;} h6.top {color:#ccc;} #top {width:1025px; margin:0 auto 1em;padding: 0 0 .5em; height:30px; margin-bottom: 15px; margin-top: 0px;} #top a {} .login {float:left;} form#loginform {text-align:left;} input #wp-submit {background:#fff} /* TOP SLIDER */ #top_slider_wrapper{width:1027px;height:150px;padding:0; margin-top:40px;position:relative;z-index: 0;overflow:hidden;} #top_slider{width:950px;height:150px;padding:0; border-bottom:1px solid #000;position:relative;overflow:hidden;float:left;margin-left:12px;} .top_slider_thumbs{width:939px;padding:0 0 0 4px;margin:8px 0 0 46px;float:left;position: relative;background-image:url(shadows/bg_fact_slider.png);background-repeat: no-repeat;/*background-color: #DBDBDB;*/} .top_slider_thumbs:hover{background-image:url(shadows/bg_fact_slider.png);} .top_slider_thumbs_first{width:200px;height:135px;padding:0 0 0 5px;margin:10px 0 0 0;float:left;position: relative;background-image:url(shadows/bg_fact_slider.png);} .top_slider_thumbs_first:hover{background-image:url(shadows/bg_fact_slider.png);} .top_slider_left{width:10px;height:130px;margin:10px 0 0 19px;float:left;position: relative;} .top_slider_right{width:10px;height:130px;margin:10px 0 0 5px;float:left;position: relative;} .top_slider_hover{width:210px;height:140px;background: #990000; position:absolute;margin:-15px -10px;} .top_slider_arrow{margin:50px 0;} .top_slider_title{position:absolute;background-color:#ccc;height:15px;margin-top:105px;width:190px;padding:5px;z-index:100;font-weight:bold;} .top_slider_title:hover{background:#000;color:#fff;} .top_slider_title_big {margin:0 0 10px 0;} .top_slider_title_big a{font-size:1.70em !important;font-weight:bold;line-height:1.3em !important;} .top_slider_title_big a:hover{color:#990000;} p.top_slider_excerpt {font-size:1.35em;} .top_slider_title_wrapper{height:130px;width:200px;position: absolute;z-index: 0;} .top_slider_contents_wrapper{background-color: #DBDBDB;width:469px;height:251px;} .top_slider_contents{padding:10px 45px 10px 20px;} #slide1m{display:block;} #slide1ms{display:block;} #slide2m{display:none;} #slide2ms{display:none;} #slide3m{display:none;} #slide3ms{display:none;} #slide1 {background: #fff; display:block;position: relative;z-index: -100;width:3081px;} #wpadminbar {display:none;} .thumbNav ul li {display: block;} #dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; } #dl:hover { background: #666; } .anythingSlider { width: 1027px; height: 280px; position: relative; margin: 0 auto 15px;overflow:hidden; } .anythingSlider .wrapper { width: 1027px; overflow: auto; height: 280px; margin: 8px 0; position: absolute; top: 0; left: 0; overflow:hidden;} /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 180px; width: 1027px; margin: 0; } .anythingSlider .arrow { display: block; background: transparent no-repeat 0 0; position: absolute; top: -194px; cursor: pointer; z-index: 10; } .anythingSlider .forward { width:24px;height:24px; background-image: url('http://www.factmag.com/wp-content/themes/modularity_/library/apps/slider-arrows/arrow_right_new.gif'); right: 10px;} .anythingSlider .forward:hover { width:24px;height:24px; background-image: url('http://www.factmag.com/wp-content/themes/modularity_/library/apps/slider-arrows/arrow_right_new.gif'); right: 10px; background-position: 0 -24px; } .anythingSlider .back { width:24px;height:24px;background-image: url('http://www.factmag.com/wp-content/themes/modularity_/library/apps/slider-arrows/arrow_left_new.gif'); left: 10px; } .anythingSlider .back:hover { width:24px;height:24px;background-image: url('http://www.factmag.com/wp-content/themes/modularity_/library/apps/slider-arrows/arrow_left_new.gif'); left: 10px; background-position: 0 -24px; } /*.anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; }*/ .thumbNav { position: relative; top: 323px; text-align: center; } .thumbNav li { display: inline; } .thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding:0; height: 18px; margin: 0 0px 0 0; } .thumbNav a:hover { background-image: none; } .thumbNav a.cur { background: #e0a213; } .start-stop { z-index: 10; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; display:none} .start-stop.playing { background-color: red; } .start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* TOP BANNER AD*/ #top_banner_ad {float: left; margin:10px 0 0 9px;} /* FACT Logo*/ #fact_top_bar {width:1027px; height:113px; margin:5px 0 0 0; background: #fff;} #fact_logo {margin-top: 3px; margin-left: 4px; width: 275px; float:left;} #date_logo { } /* homepage News From the various VF units*/ #homepage_title { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px;} /*Vinyl Factory Top Bar*/ #vinyl_factory_top_bar { margin:0 auto; width:1025px; } #vinyl_factory_top_bar img {float:left; margin-right: 20px; } #vinyl_factory_master_top_bar {width:auto;height:45px; background-image: url('bk1.png');} /* Masthead */ #masthead { padding-top:0px; width:auto; margin:0 auto; height:40px; position: relative;z-index: 1; } #masthead h4, #masthead span { margin: 0; padding:10px 0 0; } #masthead h4 { font-weight: bold; text-transform: uppercase; float: left;} #masthead h4 a { color: #fff; text-decoration: none; } #masthead span.description { font-weight: normal; color: #ccc; text-transform: lowercase; font-size: 11px; padding: .35em 3em;} /* Navigation at rest - Vinyl Factory Top Bar Code */ #navs { float:left; margin: 0 0 0 0; padding:0 0 0 0;/* padding:8px 0 6px 10px; */} #navs ul, #nav ul li { margin: 0; padding: 0; } #navs ul li { font-family: Futura; font-size: 13px; font-weight: normal; list-style: none; float: left; /* margin-right: 25px; */ position: relative; color:#fff; } #navs ul li a { color: #fff; text-decoration: none; } #navs ul li a:hover {color:#fff} /* Navigation interaction - Vinyl Factory Top Bar Code */ #navs {font-family: futura, Arial, Lucida Grande;} #navs ul li ul { display: none; text-align:left; font-family: futura, Arial, Lucida Grande;} #navs ul li.drop:hover ul { display: block; font-family: futura, Arial, Lucida Grande; } #navs ul li.drop_2:hover ul { display: block; font-family: futura, Arial, Lucida Grande;} #navs ul li.drop_2 { display: block; font-family: futura, Arial, Lucida Grande;} /* Sub-navigation for top bar - Vinyl Factory Top Bar Code */ #navs ul li ul { padding-top: 7px; margin-left: -67px; position: absolute;z-index:200; font-family: futura, Arial, Lucida Grande;} #navs ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210; } #navs ul li ul li a { display: block; background: #1a1a1a; padding: 7px 10px; width: 130px; color: #999; background-repeat: no-repeat; background-position: 5px 50%; font-family: futura, Arial, Lucida Grande; } #navs ul li ul li a:hover { text-decoration: underline; background:#000;} #navs ul li ul li a.icon { padding-left: 30px; } #navs ul li ul li a.entries { background: #1a1a1a url(images/rss.png) 5px 50% no-repeat;} #navs ul li ul li a.comments { background: #1a1a1a url(images/chat.png) 5px 50% no-repeat;} #navs ul li ul li a.phone { background: #1a1a1a url(images/phone.png) 5px 50% no-repeat; } #navs ul li ul li a.email { background: #1a1a1a url(images/email.png) 5px 50% no-repeat;} #navs ul li ul li a.entries:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;} #navs ul li ul li a.comments:hover { background: #000 url(images/chat.png) 5px 50% no-repeat;} #navs ul li ul li a.phone:hover { background: #000 url(images/phone.png) 5px 50% no-repeat;} #navs ul li ul li a.email:hover { background: #000 url(images/email.png) 5px 50% no-repeat;} #navs #search {margin:0; padding:0;} #navs #search #s {color: #999;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 140px;border:none;background:#1a1a1a} #navs #search input {border:0} #navs #search #s:hover {color: #fff;background: #000} /* Navigation enhanced styles - Vinyl Factory Top Bar Code */ #navs ul li ul.push { /* margin-top: 12px */margin-top: 38px; z-index:211} /* #nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211} */ #navs ul li.enhanced {/* margin: 10px 0 0 0; */ margin: 0; padding-right: 15px; z-index:211} #navs ul li.enhanced span { padding-right: 7px; float: left; z-index:211; font-family: futura, Arial, Lucida Grande;} #navs ul li.enhanced a.arrow { display: block; position: relative; /* top: -2px; */ width: 18px; height: 15px; overflow: hidden; float: left; top: 20px;left:58px;} #navs ul li.enhanced a.arrow:hover { cursor: pointer; } #navs ul li.enhanced a.arrow img { display: block; position: relative; border: 0; } #navs ul li.enhanced a.rest img { top: 0; } #navs ul li.enhanced a.hover img { top: -15px; } #navs ul li.enhanced a.open img { top: -30px; } /* The Vinyl Factory Top Bar Code Ends */ /* Navigation interaction */ #nav {font-family: futura, Arial, Lucida Grande; width: 1025px; } #nav ul li ul { display: none; text-align:left; /*margin:0 1em 0 0;*/} #nav ul li.drop:hover ul { display: block; } #nav ul li.drop_2:hover ul { display: block; } #nav ul li.drop_2 { display: inline; padding:0 0.5em 0 0; margin:0 1em 0 0; } /* div#top_menu ul li.drop ul { display: block; } div#top_menu ul li.drop:hover ul { display: block; } */ /* Sub-navigation */ #nav ul li ul { padding-top: 7px; margin-left: -10px; position: absolute;z-index:200} #nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210} #nav ul li ul li a { display: block; background: #1a1a1a; padding: 7px 10px; width: 130px; color: #999; background-repeat: no-repeat; background-position: 5px 50%; } #nav ul li ul li a:hover { text-decoration:inherit; background:#000;} #nav ul li ul li a.icon { padding-left: 30px; } #nav ul li ul li a.entries { background: #1a1a1a url(images/rss.png) 5px 50% no-repeat;} #nav ul li ul li a.comments { background: #1a1a1a url(images/chat.png) 5px 50% no-repeat;} #nav ul li ul li a.phone { background: #1a1a1a url(images/phone.png) 5px 50% no-repeat; } #nav ul li ul li a.email { background: #1a1a1a url(images/email.png) 5px 50% no-repeat;} #nav ul li ul li a.entries:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;} #nav ul li ul li a.comments:hover { background: #000 url(images/chat.png) 5px 50% no-repeat;} #nav ul li ul li a.phone:hover { background: #000 url(images/phone.png) 5px 50% no-repeat;} #nav ul li ul li a.email:hover { background: #000 url(images/email.png) 5px 50% no-repeat;} #nav #search {margin:0; padding:0;} #nav #search #s {color: #000;font-size: 1em;margin:0;padding: 3px 0 0px 10px;width: 140px;border:none;background:#555;} #nav #search input {border:0} #nav #search #s:hover {color: #000;background: #fff} #s {height: 20px;background: gray;} #search {} /* Navigation enhanced styles */ #nav ul li ul.push { margin-top: 12px; z-index:211} #nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211} #nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211} #nav ul li.enhanced a.arrow { display: block; position: relative; top: -2px; width: 18px; height: 15px; overflow: hidden; float: left; } #nav ul li.enhanced a.arrow:hover { cursor: pointer; } #nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; } #nav ul li.enhanced a.rest img { top: 4px; } #nav ul li.enhanced a.hover img { top: -11px; } #nav ul li.enhanced a.open img { top: -30px; } /* MENU */ #logo_div_menu {width:1027px; height:30px; background: #fff; margin:0 0 0 0;} #logo_div_menu ul {list-style: none; width:1027px; height:30px; background: #fff ;} #logo_div_menu ul li{display: inline;} #top_menu {width:1027px; margin:0 0 0 0; padding:0 0 0 0; background: #000; height: 30px; position: absolute; z-index: 20;} #top_menu a{color: #FFFFFF;display: block;font-size: 14px; padding: 5px 20px; float:left;border-right:1px solid #FFF} #top_menu a:hover{background-color: #990000;} /* #top_menu ul {list-style: none; margin:0 0 0 0px; padding: 0px 0 0 0; height: 30px;} #top_menu ul li {display: inline; font-size: 16px; padding: 0.4em, 0.4em, 0.5em, 0.4em; margin:0 1em 0 0;} #top_menu a:link, #top_menu a:visited {padding:0 0 0 0; background: #000; color: #fff;} #top_menu a:hover {background:#f00;} */ /* Search engine in the top bar on the right */ #search_form {height: inherit; float:right; margin:0 10px 0 0; padding:0.3em 0 0 0;} /* NEWS TICKER BAR BELOW MENU */ #news_ticker_bar {width:1027px; height:20px; background: #fff; margin:0 0 0 0;} /* Daily Download */ .bc_arrows {float:right;color:aqua;width:10px;margin-right: 5px;} .bc_arrows a{color:#DBDBDB !important;} .bc_arrows a:hover{color:#990000 !important;} #daily_download {background-image: url('images/free-daily-download.gif'); background-repeat: no-repeat; height: 60px; color: #fff;padding-top: 5px;} #title_daily_download {color: #FFF; margin-left: 5px; font-size: medium; } #daily_download_title{ width:252px; overflow:hidden; padding:0 0px 0px 8px;float:left;} #daily_download_title2{ width:292px; overflow:hidden; padding:4px 0px 7px 8px; background-color: #2C2C2C;margin:-5px 0px 0px 0px;} div#daily_download_title2 div.downloads_title{ width:252px; overflow:hidden; padding:1px 1px 1px 4px; background-color: #2C2C2C;float:left;} div#daily_download_title2 div.downloads_title a{color:#dbdbdb;} div#daily_download_title2 div.downloads_title a:hover{color:#990000;} #daily_download_thumb{ margin:0 5px 0 0; float:left; } /* Headlines */ #titles {margin-top:0.3em; } .titles_single {width: 300px; /* background-color: #dbdbdb; */ margin-bottom: 0; } .titles_single2 {width: 300px; /* background-color: #dbdbdb; */ margin:0px 0px 0px 0px; padding: 0 0 0 8px; } .titles_single2 tr.titles_tr_links {margin:0px 0px 0px 0px ; padding: 0 0 0 8px; } .titles_single2 tr.titles_tr {color: #990000;margin:0px 0px 0px 0px ; padding: 0 0 0 0; } .titles_single3 { margin:0px 0px 0px 0px ; padding: 0 0 0 0;} .titles_single3 td.titles_more {background-color: #ccc; text-align: center; margin:0px 0px 0px 0px ; padding: 0 0 0 0; } .titles_single3 td.titles_more a {color:#fff; } .titles_single3 td.titles_more a:hover {color: #990000; } .title_bullet_arrow { background-image: url('images/arrow_b_p.gif'); background-repeat: no-repeat; height:10px; width: 10px; margin:8px 0 0 0; padding: 0 0 0 0; float: left;} .headline_titles { margin:0 0 -8px 0; } td.headline_titles a{ color:#666;} td.headline_titles a:hover{ color:#990000;} .headlines_wrapper { display:block;} /* Posts */ .content {display:block;clear:both;} .post {display:block;clear:both;} .postmetadata {padding:1em;color:#999; font-size:11px; margin-top:11px; background-color:#DBDBDB; margin-bottom:10px; margin-top:11px; } .postmetadata2 {padding:0px; color:#999; font-size:11px; text-align: right;} .postmetadata2 a {color:#515151;} .postmetadata2 a:hover {color:#222;} .nun {border-bottom: 0px; } .postmetadata a {color:#000 !important; font-size: 10px !important;} .postmetadata a:hover {color:#990000 !important; font-size: 10px !important;} .underlined {border-bottom:1px solid #222;} .welcomebox {padding:10px,10px, 0px, 10px; margin-bottom:1.5em;} #tweetbacks {margin-bottom: 10px; margin-top: 10px;} .list_categories {padding: 0, 0, 10px, 5px; margin-bottom: 10px; text-decoration: none; } .nav a {background:#eee; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:6px 10px 3px; } .nav a:hover {background:#222;color:#fff} .prev a, .next a {color:#222;text-decoration:none;padding:3px 0px 0px 0px; font-size:14px;display:block;-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;} .byline {font-size:11px;margin:0px;color:#000;text-align: right;} .byline a {color:#000; font-size:11px !important; } .byline a:hover {color:#990000; font-size:11px !important; } .byline2 {font-size:12px;margin:0px;color:#000;text-align: right;} .byline2 a {color:#000; font-size:12px !important; } .byline2 a:hover {color:#990000; font-size:12px !important; } .dsq-comment-count {font-size:inherit;} .byline2 a {color:#666; float: right; padding:0px 8px 8px 0px;} .byline2 a:hover {color:#ccc; float: right; padding:0px 8px 8px 0px;} .byline3 {font-size:11px;margin:0 0 0 185px;text-align: right;} .byline3 a {color:#666; } .byline3 a:hover {color:#990000;} .byline4 {font-size:11px;margin:0 0 0 130px;text-align: right;} .byline4 a {color:#666; } .byline4 a:hover {color:#990000;} .twitter-link {font-size: 1.3em; margin-bottom: 0px;} .side_project {background-color: white; } .side_project_inside {float:left; margin-right: 5px; } .side_project2 { } .side_project2 a { color: #555555; } .side_project3 { padding: 5px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; border:thin solid; color:#999999; } /* Sidebar */ #sidebar {margin-top: 40px;} #sidebar h3 {margin:0;padding:0 0 .6em 0} #sidebar .item {margin:1em 0 2px 0} #sidebar ul{list-style:disc;margin:1 0 1.6em 0;font-size:1em;} #sidebar ul li a,ul.txt li{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border-bottom:0 solid #CCCCCC; color:#990000; display:block; line-height:1.2em; margin:0; padding:3px 3px 6px 0;} #sidebar ul li a:hover,ul.txt li:hover{color:#990000;} #sidebar ul li a span,ul.txt li,h4 a span{color:#696455;} #sidebar ul li.active a{cursor:default;color:#990000;} #sidebar ul ul{margin:0;list-style:none;} /* Footer */ #footer-wrap {background:#000; background-repeat:repeat-y;color:#fff !important;font-weight:normal !important;width:1027px;margin:-18px auto 0;position: relative;z-index: 1;} #footer-wrap p a{color:#990000;font-size: 11px;font-weight: normal;} #footer-wrap p a:hover{color:#990000;font-size: 11px;font-weight: normal;} #footer {width:1027px;padding:0.7em; color:#999;text-align:left; margin:2em auto;} #footer p {color:#999; font-size:10px;} #footer p a{color:#990000; font-size:10px;} #footer p a:hover{color:#990000; font-size:10px;} #footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#999;font-size: 14px;} #footer .item {margin:0 0 4em 0;} #footer .item a{color:#990000;font-size:11px;} #footer .item a:hover{color:#990000;font-size:11px;} #footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;} #footer ul li a,ul.txt li{height:1%;line-height:1.2em;display:block;padding:6px 0 6px 8px; color:#fff;} #footer ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #111} #footer ul li a span,ul.txt li,h4 a span{color:#696455;} #footer ul li.active a{cursor:default;color:white;} #footer ul ul{margin:0;list-style:none;} #sidebar ul#recentcomments, #footer ul#recentcomments {list-style:none;margin:0 0 1.6em 0;font-size:1em;} #sidebar ul#recentcomments li.recentcomments,#footer ul#recentcomments li.recentcomments {display:block;padding:4px 0 4px 8px;} #sidebar ul#recentcomments li.recentcomments a, #footer ul#recentcomments li.recentcomments a {border:0; background-image:none} #sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover{color:#fff;background-position:1px 0.8em;background: #111} #sidebar ul#recentcomments li.recentcomments a span, #footer ul#recentcomments li.recentcomments a span{color:#696455;} /* Floats & Images */ .right { float: right; } .left { float: left; } .middle {margin: 0 auto;float:left;} .clear { clear: both; } img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px} img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px} img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px} img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px} .alignleft{float: left;} .alignright{float: right;} .aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;} /* .thumbnail, .attachment-thumbnail {max-width:310px;margin:0 1.5em 1.5em 0;float:left;} */ .thumbnail, .attachment-thumbnail {max-width:290px;margin:0 0 -1px 0px; position: relative; } .attachment-medium {max-width:950px;overflow:hidden;display: inline; margin:0px; position: relative;} .attachment-large {max-width:950px;overflow:hidden;display: inline;} .content .size-medium, content size-large {margin: 0 1.5em 1.5em 0} .home .size-medium, .home .size-large {max-width:590px; height:auto; overflow:hidden; margin:0 .5em .5em 0;} dl.gallery-item .gallery-caption {clear:both;float:none;width:150px;} dl.gallery-item {width:170px;padding:10px} .gallery-icon .attachment-thumbnail{padding:0;margin:0} .gallery {width:auto;} /* Captions */ .wp-caption p.wp-caption-text {font-size: 11px;line-height: 30px;margin: 0;padding:10px;text-align:center;font-style:italic;} /* End captions */ /* Etc */ #filters {clear: both;height: 2em;margin-bottom: 1em;} #filters li {float: left;margin-right: 2em;} .back {width:25%;float:left;} .prev {} .next {float:right;width:25%;text-align: right;margin: -3px 19px 0 0;} .counter {float:left;text-align:center;width:45%;} :focus {outline: 0;} .sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;} .double-border {background: url(images/double-border.png) repeat-x bottom; height:8px; width:100%;clear:both;float:none;border:none;margin:1em 0} .ad-main, .ad-sidebar {display:block;clear:both;} /* Search */ #search {margin:0; padding:0;} #search #s {background: #fff url('images/search.png') 0px center no-repeat;color: #222;font-size: 12px;margin:0;padding: 0px 0 4px 17px;height:15px;width: 145px;} #search input {border:0} #search #s:hover {color: #888; background: #fff url('images/search_grey.gif') 0px center no-repeat;} .search-excerpt {margin: 0;} /* Comments */ ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { border-top:5px solid #eee; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;} ol.commentlist li:hover {background:#f7f7f7;} ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {border-top:5px solid #222;} ol.commentlist li.comment { } ol.commentlist li div.comment-author { padding:0 170px 0 0; } ol.commentlist li div.vcard { font-weight: bold; color:#222 } ol.commentlist li div.vcard a {color:#222} ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; } ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; } ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li div.vcard img.photo {} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#eee; padding:6px 4px 4px 4px} ol.commentlist li div.comment-meta a { color:#bbb; text-decoration:none; } ol.commentlist li div.comment-meta a:hover { color:#000; } ol.commentlist li.comment-author-admin div.comment-meta {background:#222} ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff} ol.commentlist li p {} ol.commentlist li ul {} ol.commentlist li div.reply { text-align:center; width:36px; } ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px; color:#222; text-decoration:none; text-transform:uppercase; } ol.commentlist li div.reply a:hover {color:#fff; background:#222} ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li { } ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment {} ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-5 {} ol.commentlist li ul.children li.odd {} ol.commentlist li.even {} ol.commentlist li.odd {} ol.commentlist li.parent { } ol.commentlist li.pingback { } ol.commentlist li.pingback.parent { } ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} ol.commentlist li.comment-author-admin {} h3#comments {margin:2em 0} #respond {margin:30px 0; padding:10px 0;border-top:5px solid #f7f7f7} #commentform{ margin-bottom: 60px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;} #commentform textarea {margin-top:5px;width: 100%;padding: 2px;border:5px #eee solid;font-size: 1.2em;} #commentform textarea:hover {border:5px solid #222;} #commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px;} legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px} #commentform #submit:hover{background:#000;color:#fff} #wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;} #wp-submit:hover {background:#000;color:#fff} /* GALLERY */ .gallery_sub{margin-top:10px;border-bottom:1px solid #EEE;} .gallery_sub h2{margin-bottom: 0 !important;} .gallery_content{border-bottom:1px solid #EEE;padding:8px 0 4px;} .gallery_img{width:200px;float:left;} .gallery_title{float:left;width:280px;margin-left:20px;} .gallery_title a{font-size:16px !important; line-height: 1em;} /* Slider */ .sliderGallery {background: #fff;overflow: hidden;position: relative;padding: 0;height: 190px;width: 950px;margin:0 0 1em;z-index:10;} .sliderGallery UL {position: absolute;list-style: none;overflow: hidden;white-space: nowrap;padding: 0;margin: 0;z-index:11} .sliderGallery UL LI {display: inline;padding:0 1.2em 0 0;z-index:12} .slider {width: 950px;height: 17px;top: 160px;padding: 1px;position: relative;background: url(images/product-arrows.png) no-repeat;} .slider-item {position: relative; margin: 0 0 6px;padding:0;} .slider-item span.slider-title {background: #000; padding:4px; left: 0px; bottom: 3px; display: block; text-align:center; height: 18px; width:142px; overflow:hidden; position: absolute; z-index: 10; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70;} .slider-item span.slider-title a { color: #ccc; text-decoration: none;} .slider-item span.slider-title a:hover {color:#fff;} .slider-item .attachment-thumbnail {width:150px; height:150px; margin:0;padding:0;float:none;/* opacity - move to sep. stylesheet */ filter: alpha(opacity=90); -moz-opacity: .90; opacity:.90;} .slider-item .attachment-thumbnail:hover {/* opacity - move to sep. stylesheet */ filter: alpha(opacity=100); -moz-opacity: 1; opacity:1;} .handle {position: absolute;cursor: move;height: 17px;width: 181px;top: 0;background: url(images/product-handler.png) no-repeat;z-index: 11;} .slider span {color: #bbb;font-size: 80%;cursor: pointer;position: absolute;z-index: 12;top: 3px;} .slider .slider-1 {left: 90px;} .slider .slider-2 {left: 180px;} .slider .slider-3 {left: 270px;} .slider .slider-4 {left: 360px;} .slider .slider-5 {left: 450px;} .slider .slider-6 {left: 540px;} .slider .slider-7 {left: 630px;} .slider .slider-8 {left: 720px;} .slider .slider-9 {left: 810px;} .slider .slider-10 {left: 900px;} /* Slideshow */ ul#portfolio {padding:0; margin:0px 0 0em;width:1027px;overflow:hidden;max-height:590px; border-width:thick; border-color: black;} ul#portfolio li {list-style:none;padding:0;} ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 0px;} ul#portfolio li img {max-width:1027px;width:1027px;text-align:center;margin:0px 0px 0px 0px; } #portfolio { border-width: thin; border-color: black; } #featured-section{margin-top: 10px; width:1027px;} ul#portfolio.innerfade {margin: 40px 0 0 0; padding: 0 0 0 0;} /* Slideshow2 */ ul#portfolio.portfolio2 {padding:3px 0 0 8px; margin:0 0 0 0;overflow:hidden;max-height:70px; background-color: #dbdbdb; border-width:thick; border-color: black;} ul#portfolio li.portfolio2 {list-style:none;padding:0; margin:0 0 0 0;} ul#portfolio li h4.portfolio2 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;} ul#portfolio li img.portfolio2 {max-width:950px;text-align:center;margin:0; } #portfolio2 { border-width: thin; border-color: black; } #featured-section2 {margin-top: 15px; width:1027px;} /* Slideshow3 */ ul#portfolio2 {padding:0; margin:0 0 -4px;width:367px;overflow:hidden;max-height:590px;height:367px;border-width:thick; border-color: black;} ul#portfolio2 li {list-style:none;padding:0;} ul#portfolio2 li a {color: #dbdbdb !important;} ul#portfolio2 li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 0px;} ul#portfolio2 li img {max-width:367px;max-width:367px;text-align:center;margin:0; } ul#portfolio2.innerfade {margin: 0 0 0 0; padding: 0 0 0 0;} ul#portfolio2.portfolio2 {padding:3px 0 0 8px; margin:0 0 1em;overflow:hidden;max-height:70px; background-color: #dbdbdb; border-width:thick; border-color: black;} ul#portfolio2 li.portfolio2 {list-style:none;padding:0; margin:0 0 0 0;display:none;} ul#portfolio2 li h4.portfolio2 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;} ul#portfolio2 li img.portfolio2 {max-width:950px;text-align:center;margin:0;display:none; } #portfolio2 { border-width: thin; border-color: black; } /* Slideshow4 */ ul#portfolio3 {padding:0; margin:0 0 1em;width:360px;overflow:hidden;max-height:590px; border-width:thick; border-color: black;} ul#portfolio3 li {list-style:none;padding:0;} ul#portfolio3 li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 0px;} ul#portfolio3 li img {max-width:1027px;width:1027px;text-align:center;margin:0; } #portfolio3 { border-width: thin; border-color: black; } ul#portfolio3.innerfade {margin: 0 0 0 0; padding: 0 0 0 0;} ul#portfolio3.portfolio2 {padding:3px 0 0 8px; margin:0 0 1em;overflow:hidden;max-height:62px; background-color: #2c2c2c; border-width:thick; border-color: black; width:359px;} ul#portfolio3 li.portfolio2 {list-style:none;padding:0; margin:0 0 0 0;} ul#portfolio3 li.portfolio2 a{color: #dbdbdb !important; font-weight: bold;} ul#portfolio3 li h4.portfolio2 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;} ul#portfolio3 li img.portfolio2 {max-width:950px;text-align:center;margin:0; } #portfolio3 { border-width: thin; border-color: black; } /* Category Section */ #category-section ul{list-style:none;margin-top:20px;font-size:1em;padding:0;} #category-section ul li a,ul.txt li{height:1%;line-height:1.2em; display:block;padding:6px 0 6px 8px;margin:0} #category-section ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #000} #category-section ul li.active a{cursor:default;color:white;} /* Menu top section*/ ul#sddm {margin: 0;padding: 0 0 0 0;z-index: 30;display: inline-block;} ul#sddm li { margin: 0; padding: 0 0 0 0; list-style: none; float: left; font-family: 'Lucida Grande'; display:block; } ul#sddm li a { display: block; margin: 0px 15px 0 7px; padding: 0 0 0 0; background: #5970B2; color: #FFF; text-align: left; text-decoration: none; font-family: 'Lucida Grande'; line-height:30px; font-size:15px; width:100%; } ul#sddm li:hover { background: #990000; } ul#sddm li div ul li:hover { background: #990000; } ul#sddm li div ul li a { display: block; margin: 0px 0px 0 6px; padding: 0 0 0 10px; width: 115px; background: #5970B2; color: #FFF; text-align: left; text-decoration: none; line-height:30px; font-size:13px; } ul#sddm li a:hover {display: block; background: #990000;} ul#sddm div { position: absolute; visibility: hidden; margin: 0 0 0 0; padding: 0 0 0 0; width:115px; background: #000; z-index:15; display: block; } ul#sddm div a { position: relative; display: block; margin: 0; text-align: left; text-decoration: none; background: #ff0; color: #2875DE; font: 11px; font-family: 'lucida grande'; float:left; } ul#sddm div a:hover { color: #FFF display:block; } .1li {padding-left: 0px !important; margin-left: 0px !important;} /* Tabs Code */ /* Styles for rating system */ .record05 {width:8px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record15 {width:24px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record25 {width:40px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record35 {width:56px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record45 {width:72px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record1 {width:16px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record2 {width:32px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record3 {width:48px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record4 {width:64px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record5 {width:80px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} /* Styles for rating system inside the article */ .record05-article {width:8px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record15-article {width:24px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record25-article {width:40px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record35-article {width:56px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record45-article {width:72px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record1-article {width:16px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record2-article {width:32px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record3-article {width:48px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record4-article {width:64px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} .record5-article {width:80px; height:16px; background-image:url('records.gif'); padding: 0 0 0 0; margin:6px 0 4px 0px;} /* MAIN FEEDS */ .main_feeds { border-bottom:1px solid #CCCCCC; line-height:1.7em; margin-bottom:0; margin-top:4px; text-align:left; padding-bottom:4px; color: #999; } .feedsBorder{border-bottom: 1px solid #ccc;} .feedsWhole{margin:0px 0px 0px 5px;} .feedsTitle {color:#990000;float:left;margin:10px 0 1px;} .feedsTitleSL {color:#990000;float:left;margin:6px 0 1px;} .feedsContent {} .feedsText {line-height: 15px;margin:0px 0px 3px 0px;} .feedsText :hover{color:#990000;} .feedsDate {color: #ccc; line-height: 15px;margin:0px 0px 3px 0px; } ul.dsq-widget-list{margin:10px 0 0 !important;} .goodsTitle {color:#000;float:left;margin:0px 0 1px;} div#daily_downloads_header {background:#dbdbdb; border-bottom:1px solid #dbdbdb; padding:4px 12px;} div#daily_downloads_header li {list-style-type: none !important;} div#daily_downloads_header li a {color: #000;} div#daily_downloads_header li a:hover {color: #990000;} .news_image {padding:0 0 4px 0; margin: 0 0 0 0; background-color: #dbdbdb; width:100%;} .news_image tr {padding:0 0 0 0; margin: 0 0 0 0; background-color: #dbdbdb;} .news_image tr td {padding:1px 0 0 5px; margin: 0 0 0 0; background-color: #dbdbdb;} .news_image tr td p.news_span {color:#000; padding-right: 5px;} .news2_image {padding:0 0 4px 0; margin: 0 0 0 0; background-color: #DBDBDB; width:100%;} .news2_image tr {padding:0 0 0 0; margin: 0 0 0 0; background-color: #DBDBDB;} .news2_image tr td {padding:0px 0 0 0px; margin: 0 0 0 0; background-color: #DBDBDB;} .news2_image tr td h6{margin-left: 5px !important;} .news2_image tr td p.news_span {color:#000; margin-left: 5px;} .mixes_records {width:367px;float:left; border:0px solid #000;} .mixes_records2 {text-align:left;padding-left: 8px; margin-top: 0px;} .faceboook {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .fb_share_large .fb_sharecount_zero {margin:-51px 0 0;} img.dsq-widget-avatar {float:left;height:24px;margin:1px 5px 0 0 !important;padding:0 3px 3px 0;width:24px;} .dsq-widget-user {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;} .dsq-widget-comment {color: #666 !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; line-height:0.6em;} .dsq-widget-item {clear:none !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;} p.dsq-widget-meta {clear:both !important;font-size:80% !important;margin:0 0 13px !important;padding:1px 0 4px !important; border-bottom: 1px solid #ccc;} .feature_text {color:#ccc;} table.viewed_posts tr td li {background: url(http://www.factmag.com/staging/wp-content/themes/modularity_/images/arrow_b_p.gif); background-repeat: no-repeat; background-position: 0px 5px;padding: 0 0 0 13px;} table.viewed_posts tr td li a{font-weight: bold !important; color:#000;} table.viewed_posts tr td li a:hover {font-weight: bold !important; color:#990000;} /* The top navigation */ #topnavi {margin:0; padding-left:10px;} #topnavi li {float:left; display:block; list-style-type: none; width:90px;margin-right:0px; line-height: 30px; } #topnavi li: hover {margin-right:0px; } #topnavi li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px; font-size: 14px;} #topnavi li a:hover {background-color: #990000; display: block; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi li ul li a{font-size:13px;} #topnavi li ul li a:hover{font-size:13px;} /*------------*/ #topnavi2 {margin:0; padding-left:0px;} #topnavi2 li {float:left; display:block; list-style-type: none;width:122px; margin-right: 0px; line-height: 30px; } #topnavi2 li: hover {margin-right:0px; } #topnavi2 li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px;font-size: 14px;} #topnavi2 li a:hover {background-color: #990000; display: block; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi2 li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi2 li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi2 li ul li a{font-size: 13px;} #topnavi2 li ul li a:hover{font-size: 13px;} /*------------*/ #topnavi3 {margin:0; padding-left:0px;} #topnavi3 li {float:left; display:block; list-style-type: none; width:110px; margin-right: 0px; line-height: 30px; } #topnavi3 li: hover {margin-right:0px; } #topnavi3 li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px;font-size: 14px;} #topnavi3 li a:hover {background-color: #990000; display: block; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi3 li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi3 li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi3 li ul li a{font-size: 13px;} #topnavi3 li ul li a:hover{font-size: 13px;} /*------------*/ #topnavi4 {margin:0; padding-left:49px;} #topnavi4 li {float:left; display:block; list-style-type: none; width:110px; margin-right: 0px; line-height: 30px; } #topnavi4 li: hover {margin-right:0px; } #topnavi4 li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px;font-size: 14px;} #topnavi4 li a:hover {background-color: #990000; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi4 li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi4 li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi4 li ul li a{font-size: 13px;} #topnavi4 li ul li a:hover{font-size: 13px;} /*------------*/ #topnavi5 {margin:0; padding-left:49px;} #topnavi5 li {float:left; display:block; list-style-type: none; width:110px; margin-right: 0px; line-height: 30px; } #topnavi5 li: hover {margin-right:0px; } #topnavi5 li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px;font-size: 14px;} #topnavi5 li a:hover {background-color: #990000; display: block; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi5 li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi5 li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi5 li ul li a{font-size: 13px;} #topnavi5 li ul li a:hover{font-size: 13px;} /*------------*/ #topnavi6 {margin:0; padding-left:49px;} #topnavi6 li {float:left; display:block; list-style-type: none; width:110px; margin-right: 0px; line-height: 30px; } #topnavi6 li: hover {margin-right:0px; } #topnavi6 li a {color: #fff; display: block; padding-left: 5px; padding-right: 5px;font-size: 14px;} #topnavi6 li a:hover {background-color: #990000; display: block; padding-left:5px; padding-right: 5px;font-size: 14px;} #topnavi6 li ul {background-color: #000; margin: 0px; padding: 0px !important; display: none; } #topnavi6 li ul li {padding: 0px; margin: 0px; float: none; list-style-type: none; width: auto;} #topnavi6 li ul li a{font-size: 13px;} #topnavi6 li ul li a:hover{font-size: 13px;} div#item {width:300px !important;} .single_sidebar_T {padding:20px 0px 0px 0px; margin:20px 0px 0px 0px; width:300px; float: left;} .single_sidebar_F {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:300px; float: left;} .albums_excerpt {font-size: 11px !important;} attachment-middle_column {padding:0 0 0 0; margin: 0 0 0 0;} ul.addtoany_list{margin:0px !important; padding: 0px !important;} .mix_lines {padding:0; margin: 15px 0px 0px 0px;border-top:1px solid #EEEEEE;} .newsletter_form {margin:0px 0px 0px 0px; padding: 0px 15px 0px 0px; float:right;} .quiet {width: 130px; background-color:#fff; border:0px; margin:5px 0 0 0;font-size:12px; padding:2px; color: #222222;float:left;} .quiet:hover {border:0px; margin:5px 0 0 0;font-size:12px; padding:2px; color: #222222;float:left;} .quiet2 {color: #222222;} .quiet2 a {color: #fff;} .submit_button {padding:0px; margin: 0px 0px 5px 2px;} .button {margin:5px 0 0 5px; padding: 1px 0 0 ; border:0px; height:19px; width:20px; background-color: #fff;float:left;} .button:hover {margin:5px 0 0 5px; padding: 1px 0 0; border:0px; height:19px; width:20px; background-color: #fff;cursor: pointer;float:left;} .date_time {font-weight: normal !important;} body {font-family:Lucida Grande,Arial !important;} a {font-size: 12px; color:black;} a:link {text-decoration: none;font-size: 12px; color:black;} a:visited {text-decoration: none;font-size: 12px; color:black;} a:hover {text-decoration: none;font-size: 12px; color:#990000;} .tabsLeft{width:367px;} .tabsLeftGap{margin-top:15px;} .tabsLeftBottomGap{margin-top:10px;border-bottom:1px solid #DBDBDB;margin-bottom: 10px;} .tabsMiddle{width:300px;} #tab1m {background: #990000; text-align:center; padding:4px 10px;color:#fff;} #tab2m {background: #fff; text-align:center; padding:4px 10px;} #tab3m {background: #fff; text-align:center; padding:4px 10px;} #tab4m {background: #fff; text-align:center; padding:4px 10px;} #tab5m {background: #990000; text-align:center; padding:4px 10px;color:#fff;} #tab6m {background: #fff; text-align:center; padding:4px 10px;} #tab17m {background: #fff; text-align:center; padding:4px 10px;} #tab7m {background: #990000; text-align:center; padding:4px 10px;color:#fff;} #tab8m {background: #DBDBDB; text-align:center; padding:4px 10px;color:#990000;} #tab8m a{color:#990000 !important;} #tab9m {background: #DBDBDB; text-align:center; padding:4px 10px;margin-top:6px;} #tab9m a{color:#990000 !important;} #tab10m {background: #DBDBDB; text-align:center; padding:4px 10px;} #tab11m {background: #fff; text-align:center; padding:4px 10px;} #tab12m {background: #fff; text-align:center; padding:4px 10px;} #tab13m {background: #fff; text-align:center; padding:4px 10px;} #tab14m {background: #DBDBDB; text-align:center; padding:4px 10px;} #tab15m {background: #fff; text-align:center; padding:4px 10px;} #tab16m {background: #fff; text-align:center; padding:4px 10px;} #tab18m {background: #DBDBDB; text-align:center; padding:4px 10px;} #tab19m {background: #fff; text-align:center; padding:4px 10px;} #tab20m {background: #DBDBDB; text-align:center; padding:4px 10px;color:#990000;} #tabGallery {background: #DBDBDB; text-align:center; padding:4px 10px;color:#990000;} #tabGallery a{color:#990000 !important;} #tab30m {background: #DBDBDB; text-align:center; padding:4px 10px;} #tab31m {background: #DBDBDB; text-align:center; padding:4px 10px;} #tab1 {background: #fff; display:block;} #tab2 {background: #fff; display:none;} #tab3 {background: #fff; display:none;} #tab4 {background: #fff; display:none;} #tab5 {background: #fff; display:block;} #tab6 {background: #fff; display:none;} #tab17 {background: #fff; display:none;} #tab7 {background: #DBDBDB; display:block;} #tab8 {background: #fff; display:block;} #tab9 {background: #fff; display:block;} #tab10 {background: #fff; display:block;} #tab11 {background: #fff; display:none;} #tab12 {background: #fff; display:none;} #tab13 {background: #fff; display:none;} #tab14 {background: #fff; display:block; border-top: 1px solid #DBDBDB;} #tab15 {background: #fff; display:none; border-top: 1px solid #DBDBDB;} #tab16 {background: #fff; display:none; border-top: 1px solid #DBDBDB; padding-top:7px;} #tab18 {background: #fff; display:block;} #tab18sl {background: #fff; display:block;} #tab19 {background: #fff; display:none; border-top: 1px solid #DBDBDB;} #tab20 {background: #fff; display:block; border-top: 1px solid #DBDBDB;} #linkTabGallery{background: #fff; text-align:center; padding:4px 10px;} #tabEssential {background: #990000; text-align:center; padding:4px 10px; color:#FFF;} #tabEssential a {color:#FFF !important;} #tabEssential_content {background: #fff; display:block; border-top: 0px solid #DBDBDB;} .innerTabs{width:;float:left;} .tabsLeftContent{padding:0px 0px 0px 0px;} .tabsImage{padding:0px;} .tabsThumb{float:left; width:75px;} .tabsFirst{float:left; width:220px; margin:-3px 0px 0px 5px;padding-top:0px;} .tabsMore{width:100%;background-color: #ccc; text-align: center;} .tabsMore a{color:#990000;} .tabsMore a:hover{color:#990000;} .tabsMoreBar{width:100%;background-color: #ccc; text-align: center;} .tabsMoreBar a{color:#990000;} .tabsMoreBar a:hover{color:#990000;} #tab1bc {background: #fff; display:block;} #tab2bc {background: #fff; display:none;} #tab3bc {background: #fff; display:none;} #tab4bc {background: #fff; display:none;} #tab5bc {background: #fff; display:none;} #tab12new_content {display:none;} #tab13new_content {display:none;} #tab14new_content {display:none;} #tabComp1 {background: #DBDBDB; text-align:center; padding:4px 10px;color:#990000;} #tabComp1 a {color:#990000 !important;} #tabFacebook {background: #DBDBDB; text-align:center; padding:4px 10px;color:#990000;} #tabFacebook a {color:#990000 !important;} .tabsThumbEditor{float:left; width:180px;padding-bottom: 5px;} .tabsEditorContainer{padding-top: 1px;border-top:1px solid #DBDBDB;} /* Tab changing styles */ div.innerTabs2{float:left;background: #fff !important;text-decoration: none;font-size: 12px; color:#000 !important;} div.innerTabs2 a {color:#000 !important;cursor:pointer;text-align:center; padding:4px 10px;display: block;} div.innerTabs2 a:hover {color:#990000 !important;cursor:pointer;} div.innerTabs3{float:left;background: #990000 !important;text-decoration: none;font-size: 12px; color:#fff !important;} div.innerTabs3 a {color:#fff !important;cursor:pointer;text-align:center; padding:4px 10px;display: block;} div.innerTabs3 a:hover {color:#fff !important;cursor:pointer;} div.innerTabs2_selected {float: left;background: #990000 !important;text-decoration: none;font-size: 12px; color:#fff !important;} div.innerTabs2_selected a {color:#fff; text-align:center; padding:4px 10px;display: block;} div.innerTabs2_selected a:hover {color:#fff !important;cursor:pointer;} div.innerTabs2_selected a:visited {color:#fff !important;cursor:pointer;} div.innerTabsGrey {float:left;background: #fff !important;text-decoration: none;font-size: 12px; color:#000 !important;} div.innerTabsGrey a {color:#000 !important;cursor:pointer;text-align:center; padding:4px 10px;display: block;} div.innerTabsGrey a:hover {color:#990000 !important;cursor:pointer;} div.innerTabsGrey_selected {float: left;background: #DBDBDB !important;text-decoration: none;font-size: 12px; color:#990000 !important;} div.innerTabsGrey_selected a {color:#990000; text-align:center; padding:4px 10px;display: block;} div.innerTabsGrey_selected a:hover {color:#990000 !important;cursor:pointer;} div.innerTabsGrey_selected a:visited {color:#990000 !important;cursor:pointer;} /*.tabsFirstMiddle{float:left; width:135px; margin:0px 0px 10px 10px;padding-top:0px;}*/ .tabsThumbMiddle{float:left; width:150px;} .tabsFirstMiddle{float:left; width:135px; margin:0px 0px 10px 10px;padding-top:0px;} .tabsFirstMiddle2{float:left; width:100px; margin:0px 0px 10px 10px;padding-top:0px;} .tabsFirstRight{float:left; width:300px; margin:2px 0px 2px 0px;padding-top:0px;} #tab1mbd {background: #990000; text-align:center; padding:4px 10px;color:#fff;} #tab1mbd a{color:#fff;} #tab2mbd {background: #fff; text-align:center; padding:4px 10px;} #tab3mbd {background: #fff; text-align:center; padding:4px 10px;} #tab1bd {background: #fff; display:block;} #tab2bd {background: #fff; display:none;} #tab3bd {background: #fff; display:none;} .tabsText{margin:-5px 0 10px 0px;padding:4px;background: #DBDBDB;} .tabsMiddleText{margin:0px 0 10px 0px;padding:4px;background: #DBDBDB;} .tabsTextFeatured{margin:-5px 0 10px 0px;padding:4px;background: #DBDBDB;color:#000 !important;font-weight: normal;} .tabsTextFeatured a{font-weight: normal;} /* ESSENTIAL LISTENING */ .essential_pic_left{width:62px;height:62px;float:left;margin-left:14px;} .essential_pic_first_left{width:62px;height:62px;float:left;margin-left:0px;} .essential_pic{width:62px;height:62px;float:left;margin-left:17px;} .essential_pic_first{width:62px;height:62px;float:left;margin-left:0px;} .essential_caption{position:absolute;z-index:90;background-color:#fff;color:#000;margin-top:62px;margin-left:-69px;padding:5px;width:200px;text-align:center;display:none; -moz-box-shadow: 5px 5px 5px #000;-webkit-box-shadow: 5px 5px 5px #000;box-shadow: 5px 5px 5px #000;} /* SOCIAL ICONS */ .social_icon_first{width:62px;height:62px;float:left;margin-left:0px;} .social_icon{width:62px;height:62px;float:left;margin-left:57px;} #social_icon_container{height:72px;margin:10px auto;} #social_twitter{background:url('library/apps/social-icons/twitter_bw.gif');} #social_twitter:hover {background:url('library/apps/social-icons/twitter_colour.gif'); cursor:pointer;} #social_facebook{background:url('library/apps/social-icons/faceboo_bw.gif');} #social_facebook:hover {background:url('library/apps/social-icons/faceboo_colour.gif'); cursor:pointer;} #social_spotify{background:url('library/apps/social-icons/spotify_bw.gif');} #social_spotify:hover {background:url('library/apps/social-icons/spotify_colour.gif'); cursor:pointer;} #social_mixcloud{background:url('library/apps/social-icons/mixcloud_bw.gif');} #social_mixcloud:hover {background:url('library/apps/social-icons/mixcloud_colour.gif'); cursor:pointer;} #social_myspace{background:url('library/apps/social-icons/myspace_bw.gif');} #social_myspace:hover {background:url('library/apps/social-icons/myspace_colour.gif'); cursor:pointer;} .clear{clear:both;) #greyBox a {font-size: 10px !important; color:#000 !important;} p#greyBox.postmetadata a {font-size: 10px !important; color:#000 !important;} a.archiveTitle{font-size:2em !important;} .searchTitle{font-size:10px;}