/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*Sets background Images*/ .custom { background:transparent url(images/bg.jpg) repeat; } /*Custom Nav Bar*/ #site_nav { list-style-image:none; list-style-position:outside; list-style-type:none; position: relative; margin: 0 auto; width:1024px; height: 72px; top: 1em; } #site_nav li { float: left; height: 72px; text-indent: -5000px; } #site_nav li a { display: block; background: url('images/navigation.png'); outline: none; width: 135px; height: 72px; } #site_nav li#home a { background-position: 0 0; } #site_nav li#home a:hover { background-position: 0 -80px; } #site_nav li#home a.active { background-position: 0 -161px; } #site_nav li#what-is a { width:132px; background-position: -136px 0; } #site_nav li#what-is a:hover { background-position: -136px -80px; } #site_nav li#what-is a.active { background-position: -136px -161px; } #site_nav li#wifu a { width:129px;background-position: -270px 0; } #site_nav li#wifu a:hover { background-position: -270px -80px; } #site_nav li#wifu a.active { background-position: -270px -161px;} #site_nav li#meet a {width:125px; background-position: -405px 0; } #site_nav li#meet a:hover { background-position: -405px -80px; } #site_nav li#meet a.active { background-position: -405px -161px; } #site_nav li#b-e-cult a {width:125px; background-position: -545px 0; } #site_nav li#b-e-cult a:hover { background-position: -545px -80px; } #site_nav li#b-e-cult a.active { background-position: -545px -161px; } #site_nav li#bootcamps a {width:125px; background-position: -670px 0; } #site_nav li#bootcamps a:hover { background-position: -670px -80px; } #site_nav li#bootcamps a.active { background-position: -670px -161px; } #site_nav li#ask-jared a {width:125px; background-position: -800px 0; } #site_nav li#ask-jared a:hover { background-position: -800px -80px; } #site_nav li#ask-jared a.active { background-position: -800px -161px; } #site_nav li#store a {width:125px; background-position: -925px 0; } #site_nav li#store a:hover { background-position: -925px -80px; } #site_nav li#store a.active { background-position: -925px -161px; } /*MISC. HEADER CODE*/ .custom #header { padding: 0 !important; border: none !important; } .custom #logo { display: none; } .custom #header_area { margin: 0px auto; background:url(images/header_bg2.png) repeat-x 0 140px; } .custom #header_area .page { padding-top: 0em; margin: 0px auto; } .custom #content_box { background: transparent url(images/content_bg.jpg) repeat-y 12px 0; } .custom #content_area{ width:960px; margin: 0px auto; } .custom #sidebars, .custom #sidebar_1, .custom #sidebar_2 { height:0px; border:none; } .custom #content{ width:860px; margin: 0px auto; position: relative; top: -3em; } .custom .headline_area h1{} .custom #footer_area {width:960px; margin:0px auto;} .custom .teasers_box {width:960px;margin: 0px auto;border:none;} .custom .teaser { background:transparent url(images/teaserbox2.png) no-repeat scroll 0 0; height:350px; width:473px; } .custom .teaser h2 { font-family: Arial Black, Arial, sans-serif; font-size:18px; line-height: 1.2em; margin: 30px 0 0 64px; height: 48px; width: 315px; text-transform: uppercase; letter-spacing: normal !important; } .custom .teaser h2 a { color: #000; } .custom .teaser h2 a:hover { color: #155258; } .custom .format_teaser { color:#CCCCCC; height:135px; margin:12px 0 0 39px; width:380px; } .custom .teaser .teaser_link { background:url(images/teaser_link.png) no-repeat scroll 0 0; overflow:hidden; height:35px; width:230px; } .custom .teaser a.teaser_link { display:block; height: 0px; margin:53px 0 0 211px; padding: 35px 0 0 0; outline: none; } .custom .teaser a:hover.teaser_link { background-position: 0 -36px; } .custom .full_width .page { padding-left:0em; padding-right:0em; } .custom .teaser .format_teaser .post_image_link img.alignleft { background: transparent url(images/teaserpicbg.png) no-repeat 0px 0px; padding: 1.1em; } .custom .format_text img.center, .custom .format_text img.aligncenter, .custom .wp-caption.aligncenter { padding: 1em; background: #000; border: 1px solid; border-color: #494949 #666666 #666666 #494949; } .teaser_meta { margin-left:5em; color: #CCCCCC; text-transform: uppercase; letter-spacing: 1px; display: inline; width: 12em; } .teaser_comments { display: inline; text-transform: uppercase; } .teaser_divide { color: #CCC; margin: 0px 5px 0px 5px; } /* This line gets rid of the site title & tagline by casting them out to far left field */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } /*B_E LOGO IN HEADER AREA*/ .be_header { background:transparent url(images/header_logo2.png) no-repeat center; display:block; height:413px; outline-style:none; position: relative; _height: 1%; /*IE6 HACK*/ } .be_header a{ background:transparent url(images/logo_bg.png) no-repeat scroll 0 0; display:block; height:230px; outline-style:none; position: relative; } .be_header_alt { background:transparent url(images/header_logo_single.png) no-repeat center; display:block; height: 270px; outline-style:none; position: relative; _height: 1%; /*IE6 HACK*/ } .be_header_alt a{ background:transparent url(images/logo_bg.png) no-repeat scroll 0 0; display:block; height: 230px; outline-style:none; position: relative; } #whyacult { left:286px; position:relative; top:-193px; width: 464px; height: 53px; } #whyacult a { display: block; background: transparent url(images/whyacultbutton.png) no-repeat; width: 464px; height: 53px; outline: none; } #whyacult a:hover { background-position: 0 -53px; } .middle_box{ display:block; outline-style:none; position: relative; _height: 1%; /*IE6 HACK*/ } .sub_left{float: left;width:430px; margin-bottom: 4em; margin-left:1.8em;} .sub_left li { list-style-image:none; list-style-type:none; text-indent: -5000px; } .sub_left a { display: block; outline: none; width: 455px; height: 115px; } .sub_left a:hover { display: block; outline: none;} .sub_left li.rss a{background:url(images/subscribe_rss.png) no-repeat 0 0; height:120px;} .sub_left li.rss a:hover { background-position: 0 -139px; } .sub_left li.email a{background:url(images/subscribe_email.png) no-repeat 0 0; height:115px;} .sub_left li.email a:hover { background-position: 0 -139px; } .sub_mid {float: left; width:325px;} .sub_mid li { list-style-image:none; list-style-type:none; text-indent: -5000px; } .sub_mid li a { display: block; outline: none; width: 350px; height: 300px; } .sub_mid li.videoplayer a{background:url(images/video.png) no-repeat 0 0; height:300px;} .sub_mid .videoplayer {position: relative; left: 4em; top: 4em;} .sub_right { float: left;width:180px;} .sub_right li { list-style-image:none; list-style-type:none; text-indent: -5000px; } .sub_right li a { display: block; outline: none; width: 220px; height: 240px; } .sub_right li.questionbox a{background:url(images/question.png) no-repeat 0 0; height:240px;} #lower_box{width:1100px;height:330px;margin:0px auto;} .low_left { float: left;width:290px; margin-left: 1em;} .low_left ul{background:url(images/social_bg.png) no-repeat 0 0; height:295px;} .low_left li {margin-left:10px; list-style-image:none; list-style-type:none; text-indent: -5000px; } .low_left a { display: block; outline: none; width: 260px; height: 90px; } .low_left a:hover { display: block; outline: none;} .low_left li.spacer {background:url(images/social_spacer.png) no-repeat 0 0; height:20px;} .low_left li.twitter {} .low_left li.twitter a {background:url(images/twitter.png) no-repeat 0 0; height:90px;} .low_left li.twitter a:hover {background-position: 0 -144px; } .low_left li.facebook {} .low_left li.facebook a{background:url(images/facebook.png) no-repeat 0 0; height:90px;} .low_left li.facebook a:hover {background-position: 0 -144px; } .low_left li.linkedin {} .low_left li.linkedin a{background:url(images/linkedin.png) no-repeat 0 0; height:90px;} .low_left li.linkedin a:hover {background-position: 0 -144px; } .low_mid{float: left;width:280px;padding:0 38px 0 42px;} .low_mid li { list-style-image:none; list-style-type:none; } .low_mid a { display: block; outline: none; width: 280px; height: 30px; } .low_mid a:hover {display: block; outline: none;} .low_mid li.qotd {background:url(images/qotd.png) no-repeat top center; height:60px; text-indent: -5000px; } .low_mid li.qotd a {height: 60px;} .low_mid li.qotd a:hover { background-position: 0 0; } .low_mid li.twit {background:url(images/quote_bg.png) no-repeat 0 0; height:205px;} .low_mid li.twit p{color: #d8d6d6;font-size:1.4em; line-height:1.429em; width:240px;padding:35px 10px 0 20px; text-align: center;} .low_mid li.qsubmit {margin:-50px 0 0 65px;text-indent: -5000px; } .low_mid li.qsubmit a{background:url(images/quote_submit.png) no-repeat 0 0; height:30px;} .low_mid li.qsubmit a:hover { background-position: 0 -36px; } /*Twitter Widget*/ li.widget_twitter { list-style-type: none; } .custom li.widget_twitter ul { position: relative; top: 8em; left: 9em; } .custom li.twit ul li { color:#D8D6D6; font-size:1.5em; line-height:1.5em; padding:6px 10px 0 13px; text-align:left; width:255px; } .custom li.twit ul li a { width: 18em; text-transform: uppercase; font-size: 66% !important; font-family: Arial Black, Arial, sans-serif; margin-top: .5em; } .custom li.twit ul li a:hover { color: #fff; } .low_right { float: left;width:290px;} .low_right ul{background:url(images/mot_bg.png) no-repeat 0 0; height:295px;} .low_right li {margin-left:5px; list-style-image:none; list-style-type:none; text-indent: -5000px; } .low_right a { display: block; outline: none; width: 300px; height: 70px; } .low_right a:hover { display: block; outline: none;} .low_right li.motbox {background:url(images/mot_box.png) no-repeat 0 0; height:135px;} .low_right li.motmin {margin-bottom:5px;} .low_right li.motmin a{background:url(images/mot_mins.png) no-repeat 0 0; height:70px;} .low_right li.motmin a:hover { background-position: 0 -72px; } .low_right li.motinv {} .low_right li.motinv a{background:url(images/mot_interviews.png) no-repeat 0 0; height:70px;} .low_right li.motinv a:hover { background-position: 0 -68px; } /* Footer Formatting */ .custom #footer { border: none; margin-left: 1.6em; padding:0; background:url(images/footer_bg2.png) no-repeat 0 0; height:400px; font-size:1.5em; } .custom #footer a{ text-decoration:none!important; border-bottom:none; color:#279ca7; } .custom #footer a:hover { color: #cccccc; text-decoration: none; } .custom #footer li{list-style:none;text-align:left;} /* Individual Footer Columns */ .foot_right ul { padding: 0 2em; } .foot_right ul li { margin-bottom: .3em; } .foot_left { float:left; width:290px; margin:89px 5px 5px 5px; } .foot_left ul{ float: left; width: 20em; margin: 0; padding: 0 2em; list-style: none; } .foot_left li { float: left; width: 9em; margin: 0; padding: 0; } .foot_left ul li { margin-bottom: .3em; } .foot_mid{float:left;width:315px;margin-top:89px;} .foot_mid ul{ float: left; width: 22em; margin: 0; padding: 0 1em; list-style: none; } .foot_mid li { margin: 0; padding: 0; } .foot_mid ul li { margin-bottom: .3em; } .foot_right{float:left;width:300px;margin-top:89px;} /* Search bar */ #searchmag { background: transparent url(images/search.png) no-repeat; width: 280px; height: 60px; left:43em; position:relative; top:21.9em; } #s {background:none !important;} .search_input { border:none!important; background:url(images/search_bg.png) transparent !important; background-color:none !important; font-size:1em; left:-7em; padding:0.2em 0 0.2em 0.2em !important; position:relative; top:1.2em; width:170px !important; } #footer_attribution { margin: 3em 6em; font-size: 1.3em; color: #fff; float:right; } #footer_attribution a:hover { color: #cccccc; } p.author { text-align: right; } /*.sboxxlogo a { display: block; background: transparent url(images/sboxxlogo.png) no-repeat; width: 100px; height: 80px; float: left; } /* Misc Formatting */ .format_text p { color: #fff; } /*Main LINKS*/ .custom a { color: #c7c001; text-decoration: none; } .custom a:hover { color: #cccccc; text-decoration: none; } .custom a:visited { color: #c7c001; font-weight: normal; } .custom .format_text ul { color: #fff; margin: 0 0 1.5em 5.5em; } .custom .format_text ol { color: #fff; margin: 0 0 1.5em 5.5em; } .custom h2 { color: #2ca1ac; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4em; } .custom h1 { color: #2ca1ac; text-align: center; } /* Single Post and Single Page Formatting */ .custom .headline_area { margin-bottom: none; background: transparent url(images/entry_top.png) no-repeat; height: 88px; width: 1000px; position: relative; top: -1.2em; left: -12px; } .custom #content_box { background: transparent url(images/content_bg.png) repeat-y 0px 0 !important; } .custom #content{ width:952px; margin: 0px auto; position: relative; top: -3em; } .custom .format_text { margin-left: 5em; } #post_box_end { background:transparent url(images/entry_bottom.png) no-repeat scroll 0 0; height:42px; left:.1em; position:relative; width:1000px; margin-bottom: 7em; } .postfooter { background:transparent url(images/postfooter_bg.png) no-repeat scroll 0 0; height:286px; position:relative; } /* Custom Entry Titles for Each Page */ .what_is_brandentity .headline_area { margin-bottom: none; background: transparent url(images/whatisbrandentity.png) no-repeat; height: 88px; width: 1000px; } .what_is_brandentity .headline_area h1, .headline_area h2 { display: none; } .wifu .headline_area { margin-bottom: none; background: transparent url(images/wifu.png) no-repeat; height: 88px; width: 1000px; } .wifu .headline_area h1, .headline_area h2 { display: none; } .meet_jared .headline_area { margin-bottom: none; background: transparent url(images/meetjared.png) no-repeat; height: 88px; width: 1000px; } .meet_jared .headline_area h1, .headline_area h2 { display: none; } .identity_revolution .headline_area { margin-bottom: none; background: transparent url(images/identityrevolution.png) no-repeat; height: 88px; width: 1000px; } .identity_revolution .headline_area h1, .headline_area h2 { display: none; } .bootcamps_and_partnering .headline_area { margin-bottom: none; background: transparent url(images/bootcampsandpartnering.png) no-repeat; height: 88px; width: 1000px; } .bootcamps_and_partnering .headline_area h1, .headline_area h2 { display: none; } .ask_jared .headline_area { margin-bottom: none; background: transparent url(images/askjared.png) no-repeat; height: 88px; width: 1000px; } .ask_jared .headline_area h1, .headline_area h2 { display: none; } .store .headline_area { margin-bottom: none; background: transparent url(images/store.png) no-repeat; height: 88px; width: 1000px; } .store .headline_area h1, .headline_area h2 { display: none; } .proclamation .headline_area { margin-bottom: none; background: transparent url(images/proclamation.png) no-repeat; height: 88px; width: 1000px; } .proclamation .headline_area h1, .headline_area h2 { display: none; } .join_brandentity .headline_area { margin-bottom: none; background: transparent url(images/joinbrandentity.png) no-repeat; height: 88px; width: 1000px; } .join_brandentity .headline_area h1, .headline_area h2 { display: none; } .subscribe_brandentity .headline_area { margin-bottom: none; background: transparent url(images/subscribebrandentity.png) no-repeat; height: 88px; width: 1000px; } .subscribe_brandentity .headline_area h1, .headline_area h2 { display: none; } .submitquote .headline_area { margin-bottom: none; background: transparent url(images/submitaquote.png) no-repeat; height: 88px; width: 1000px; } .submitquote .headline_area h1, .headline_area h2 { display: none; } .motmins .headline_area { margin-bottom: none; background: transparent url(images/motmins.png) no-repeat; height: 88px; width: 1000px; } .motmins .headline_area h1, .headline_area h2 { display: none; } .brandinterview .headline_area { margin-bottom: none; background: transparent url(images/brandinterview.png) no-repeat; height: 88px; width: 1000px; } .brandinterview .headline_area h1, .headline_area h2 { display: none; } .qofweek .headline_area { margin-bottom: none; background: transparent url(images/qofweek.png) no-repeat; height: 88px; width: 1000px; } .qofweek .headline_area h1, .headline_area h2 { display: none; } .welcometocult .headline_area { margin-bottom: none; background: transparent url(images/welcometocult.png) no-repeat; height: 88px; width: 1000px; } .welcometocult .headline_area h1, .headline_area h2 { display: none; } .thankyou .headline_area { margin-bottom: none; background: transparent url(images/thankyou.png) no-repeat; height: 88px; width: 1000px; } .thankyou .headline_area h1, .headline_area h2 { display: none; } .onemorestep .headline_area { margin-bottom: none; background: transparent url(images/onemorestep.png) no-repeat; height: 88px; width: 1000px; } .onemorestep .headline_area h1, .headline_area h2 { display: none; } .custom .headline_area h1 { color: #000 !important; font-family: Arial Black !important; text-align: center; text-transform: uppercase; font-size: 2.5em; padding-top: 1.3em !important; margin-left: 1.8em; } /* Form Styles */ .custom .format_text input { background: #222222; color: #c7c001; } .custom input:focus, textarea:focus { background:#111111 none repeat scroll 0 0; } .custom input, textarea { background: #222222; color: #c7c001 !important; width: 250px; margin: 0 auto; } .custom div.wpcf7 { margin-left:4em; } .custom div.wpcf7 p { color: #c7c001; margin-bottom: .8em; font-weight: 600; } td.text_change { color: #C7C001; } .custom .submit_button { width: 7em; margin-top: 1em; } td.text_change2 { color: #C7C001; } .previewLabel { color: #C7C001; float: left; margin-right: .3em; } .centerform { margin-left: 250px; } .af-button { margin-left: 120px; } .custom .submit_button2 { width: 7em; margin-top: 1em; } .custom .prev_next { margin-left:7em; } #postfooter { background:transparent url(images/postfooter_bg.png) no-repeat scroll 0 0; height:286px; position:relative; margin-top:6em; } .pf_left { float: left;width:240px; margin:5.5em 0em 0em;} .pf_left ul{margin:0!important;} .pf_left li {margin-left:10px; list-style-image:none; list-style-type:none; text-indent: -5000px; } .pf_left a { display: block; outline: none; width: 240px; height: 60px; } .pf_left a:hover { display: block; outline: none;} .pf_left li.spacer {background:url(images/social_spacer.png) no-repeat 0 0; height:20px;} .pf_left li.stumble {} .pf_left li.stumble a {background:url(images/pf_stumble.png) no-repeat 0 0; height:60px;} .pf_left li.digg {} .pf_left li.digg a{background:url(images/pf_digg.png) no-repeat 0 0; height:60px;} .pf_left li.tweetit {} .pf_left li.tweetit a{background:url(images/pf_twitter.png) no-repeat 0 0; height:60px;} .pf_mid { float: left;width:245px; margin:5.5em 0em 0em;} .pf_mid ul{margin:0!important;} .pf_mid li {margin-left:10px; list-style-image:none; list-style-type:none; text-indent: -5000px; } .pf_mid a { display: block; outline: none; width: 245px; height: 60px; } .pf_mid a:hover { display: block; outline: none;} .pf_mid li.spacer {background:url(images/social_spacer.png) no-repeat 0 0; height:20px;} .pf_mid li.bookmark {} .pf_mid li.bookmark a{background:url(images/pf_bookmark.png) no-repeat 0 0; height:60px;} .pf_mid li.fbshare {} .pf_mid li.fbshare a {background:url(images/pf_fbshare.png) no-repeat 0 0; height:60px;} .pf_mid li.email {} .pf_mid li.email a{background:url(images/pf_email.png) no-repeat 0 0; height:60px;} .pf_right { float: left;background:url(images/pf_subscribe.png) no-repeat 0 0;width:240px; margin:4.8em 0em 0em;} .pf_right ul{float: left;width: 12em;margin: 0!important;padding: 0 2em;list-style: none;} .pf_right li {float: left;width: 5em;margin: 0;padding: 0;text-indent: -5000px; } .pf_right a {display:block;outline: none; width: 80px; height: 80px; } .pf_right li.subemail {padding:90px 5px 0;width: 80px; height: 80px;} .pf_right li.subemail a {background:url(images/email2.png) no-repeat 0 0; } .pf_right li.subrss {padding:90px 5px 0;width: 80px; height: 80px; } .pf_right li.subrss a{background:url(images/rss2.png) no-repeat 0 0;} /*Comments Closed Text*/ .custom .comments_closed p { display: none; } /* Comment Formatting */ .custom #commentform p.comment_box { width:40em; } .custom #comments { margin-left:8em; margin-right:2.5em; } .custom #commentform { border-top: none !important; } .custom #commentform input, .custom #commentform textarea { background: #000 !important; border: 1px solid; border-color: #494949 #666666 #666666 #494949; } .custom #commentform p, .login_alert p { color: #fff; } .custom #respond_intro p { color: #04919e; text-transform: uppercase; letter-spacing: 1px; } .custom #comments input[type="submit"] { font-family: "Arial Black", "Arial", sans-serif; text-transform: uppercase; background: #000; border: 1px solid; border-color: #494949 #666666 #666666 #494949; font-weight: normal; font-size: 1.3em; letter-spacing: 1px; } .custom input.form_submit:hover { color:#fff; } .custom .comments_intro { font-size:1.3em; margin-bottom:1em; margin-top:4.8em; } /* Previous Next Links at end of post */ .custom .previous { float: left; color: #fff; margin-right: 27em; margin-top: 7em; font-family:Arial Black,Arial,sans-serif; text-transform:uppercase; width: 24em !important; text-align: left !important; } .custom .prev_next p { color: #fff; margin-top: 7em; width: 34em; font-family:Arial Black,Arial,sans-serif; text-transform:uppercase; float: left; text-align: right; } .custom .post_nav a { font-family: Cambria, Arial; } .custom .post_nav a:hover { color: #fff; } .custom .prev_next { background:transparent url(images/prevnextarrows.png) no-repeat scroll 15px 0; width: 850px; height: 55px } .custom dl#comment_list .bypostauthor { background:none !important; } .custom .comments_intro p { color: #fff; } .custom .comments_intro span.bracket { display: none; } .comments_intro span { color: #fff; } .custom .avatar { background: transparent url(images/gravatarbg.png) no-repeat; height: 80px !important; width: 80px !important; display: block; float: left; margin-right: 1em; } .custom .avatar img { background: none !important; height: 50px !important; width: 50px !important; left:.6em; position:relative; top:1.3em; } .custom dl#comment_list dt .comment_author { float:left; color: #cccccc; } .custom dl#comment_list .format_text { margin-left:8em; } .custom dl#comment_list dd { border-bottom: none !important; } .custom dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border: none !important; } /* Category Archive Pages */ .custom #archive_info { display: none; } /* Comments Link at top of post*/ div#comment_container { float: right; width: 0em; } /* Comment Bubble*/ p.comments_link { background:transparent url('images/comments_link.png') no-repeat scroll 0 0; display:block; height:80px; left:0px; position:relative; top: 22em; width:80px; text-align: center; font-family: "Arial Black", "Arial", sans serif; } p.comments_link p { text-align: center; } p.comments_link span { top: -5px; position:relative; } p.comments_link span a { color:#c7c001; font-size:4.2em; line-height:1.7em; } p.comments_link span p { color:#000; } p.comments_link span a:visited { color: #c7c001; } p.comments_link span a:hover { color: #fff; } /* Date */ div#date_container { float: right; width: 80px; height: 113px; background: transparent url(images/date.png) no-repeat; position: relative; top: 10em; } #date_container span { text-align: center; } #date_container .month { color: #c7c001; float: left; font-size: 1.2em; text-align: center; text-transform: uppercase; width: 80px; text-align: center; height: 7px; margin-top: 1.5em; } #date_container .day { color: #c7c001; float: left; font-size: 4.2em; clear: both; width: 80px; height: 55px; text-align: center; font-family: "Arial Black", "Arial", sans serif; } #date_container .year { color: #c7c001; float: left; clear: both; font-size: 1.2em; width: 80px; text-align: center; } /* Category */ .category_meta { background:transparent url(images/categories.png) no-repeat scroll 0 0; color:#C7C001; font-family:"Arial Black","Arial",sans serif; font-size:1.2em; height:140px; width:120px; margin-top:2em; position:absolute; text-align:center; text-transform:uppercase; top: 6em; padding-top: 1.5em; } .category_meta ul { text-transform: none !important; margin-top: .5em; list-style-type: none !important; } .category_meta ul li a:hover { color: #cccccc !important; }