/* 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/ COLOR PALETTE ------------- navbar & footer: #304aa1 vertical nav items: #1f335a colored text & other content items: #3e6ec6 text: #cccccc darker text: #979797 background: #0c0c0c list items - color 1: #1f335a list items - color 2: #191919 flowplayer info box: #101a2d */ /* ------------------------------------------- */ /* #STANDARD HTML TAG RESET */ body, h1, h2, h3, p, ul, li, form, img { padding:0px; border:0px; margin:0px; } /* ------------------------------------------- */ /* #STANDARD HTML TAG DEFINITION */ body.custom { background: #000 url('images/Background4-extend.jpg') repeat-y; font-family: Verdana, Geneva, sans-serif; letter-spacing: 1px; font-weight: 100px; color: #cccccc; } h1, h2, h3, a { color: #cccccc; text-decoration: none !important; } a:hover { text-decoration: underline !important; } h5 {display: inline-block; color: #3e6ec6; font-size: 1.25em; margin-bottom: 10px;} h5 a {color: #3e6ec6; font-size: 1.25em;} h6 {display: inline-block; color: #3e6ec6; font-size: 1.05em; margin-bottom: 10px;} h6 a {color: #3e6ec6; font-size: 1.05em;} /* ------------------------------------------- */ /* #PAGE ELEMENTS */ /* ------------------------------------------- */ .custom #container{ margin: 0px;} .custom #page { width: 82%; padding-bottom: 0px; margin: 120px 0px 0px 340px; background: transparent; font-size: 0.9em; } .custom #background_image { background: url('images/Background4.jpg') no-repeat; position: absolute; top: 0px; left: 0px; width: 500px; height: 900px; overflow: visible; z-index: -1; } .custom #header_image { background: url('images/Header-Logo.jpg') no-repeat; position: absolute; top: 35px; left: 475px; width: 683px; height: 110px; } .custom #content { width: 100%; margin: 12px 0px 12px 40px; } .custom .format_text { line-height: 130%; } .custom .rounded-corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .custom .rounded-bottom-corners { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } #search_button { background: url('images/Search-Button.png'); width: 55px; height: 24px; border: 0px; margin-top: 5px; } #reset_button { background: url('images/Reset-Button.png'); width: 55px; height: 24px; border: 0px; margin-top: 5px; } .button:hover { /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; } .custom #sidebars {display: none;} /* ------------------------------------------- */ /* #HEADER AREA */ #like_box { position: absolute; top: 120px; left: 925px; } /* ------------------------------------------- */ /* ------------------------------------------- */ /* #SHAREBox */ #share_box { float: right } /* ------------------------------------------- */ /* #NAVBAR */ .custom .menu { height: 27px; width: 860px; padding-left: 15px; border-left: 0px; border-bottom: 1px; border-color: #304aa1; background: url('images/NavBars.png'); } .custom .menu a { line-height: 27px; padding: 0px 12px; border: 0px; background: none; color: #d7e5ff; font-family: "Verdana", sans-serif; font-size: 1.4em; /*font-weight: lighter;*/ letter-spacing: 0px; } .custom .menu a:hover { background: none; color: white; text-decoration: underline !important; } .custom .menu a:active { color: white; } .custom .menu ul a { width: 200px; text-transform: capitalize; } .custom .menu ul li:last-child a { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .menu, .menu a, .menu li ul { border: 0px !important; } .custom .menu ul li a { background: #2b469b; } .custom .menu ul li a:hover { background: #2b469b; } .custom .menu .tab-3 li a { width: 275px; } .custom .search { height: 30px; width: 179px; margin-top: 4px; margin-left: 12px; background: url('images/searchbox.png') no-repeat; overflow: visible; } .custom .search .text_input { width: 140px; padding: 2px 0px 0px 0px; border: none; margin: 2px 0px 0px 26px; } .custom .search .text_input:focus { outline: none; } /* ------------------------------------------- */ /* #FOOTER */ .custom #my_footer { height: 27px; width: 875px; margin-top: 36px; background: url('images/NavBars.png'); font-size: 1.4em; color: white; } .custom #my_footer #copyright { display: inline; line-height: 27px; padding-left: 10px; float: left; } .custom #my_footer #contact { display: inline; line-height: 27px; position: relative; left: 525px; float: left; } .custom #my_footer #social_media_icons { height: 100%; display: inline; margin-top: 2px; margin-right: 5px; float: right; } .custom #background_mask { height: 40px; width: 400px; margin-left: 600px; background: #000; } /*.custom #footer { background: #000 url('images/BottomGradient.jpg') no-repeat; height: 182px; width: 100%; margin: 0px 0px 0px -360px; padding: 0px 500px 0px 0px; }*/ /*body.custom { border-bottom: 50px solid #000; }*/ /* ------------------------------------------- */ /* #FRONT PAGE ELEMENTS */ /* ------------------------------------------- */ /* ------------------------------------------- */ /* #FRONT PAGE TEXT */ #post-67 p {margin-right: 40px; text-align: justify;} /* ------------------------------------------- */ /* #FRONT PAGE TEMPLATE */ .custom .front_page_template { margin-top: 35px; } /* ------------------------------------------- */ /* #CONTENT ROTATOR */ .rotator {margin: -20px 0px 30px 0px;} .secondary_slide {display: none;} .jshowoff-slidelinks {margin-top: -25px; padding-right: 40px; text-align: right;} .jshowoff-slidelinks a {display: inline-block; width: 15px; height: 15px; margin: 0px 10px 30px 10px; background: url('images/circle-nav.png') no-repeat;} .jshowoff-slidelinks a:hover {/* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;} .jshowoff-active {/* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6;} /*tour slide styles*/ #tour_slide {position: relative; height: 225px; width: 764px; background: url('images/TourSlideBackground.png') no-repeat;} #tour_slide_content {padding: 23px 0px 0px 214px; color: #cccccc;} #tour_slide a span {position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 100;} /* ------------------------------------------- */ /* #DYNAMIC CONTENT AREA (putleft column=764 margin-left: 132px; to have full width) */ .custom .front_page_template #VOTW_header, .custom .front_page_template #news_header, .custom .front_page_template #recent_article_header, .custom .front_page_template #recent_paper_header {padding-top: 5px; padding-bottom: 0px; margin-bottom: 20px; font-size: 1.4em;} .custom .front_page_template .read_more_news a {float: left; margin-bottom: 20px; margin-top: -40px; color: #3e6ec6 !important;} .custom .front_page_template .custom #VOTW_link a {float: left; margin-bottom: 20px; color: #3e6ec6 !important;} .custom .front_page_template #left_column {float: left; width: 500px;} .custom .front_page_template #right_column {float: right; width: 225px; margin-right: 40px;} .custom .front_page_template #twitter_feed {overflow: hidden;} .custom .front_page_template #recent_media {} .custom .front_page_template #recent_article {margin-top: 15px;} .custom .front_page_template #recent_article #article_link {color: #3e6ec6 !important;} .custom .front_page_template #recent_paper {margin-top: 30px; word-wrap: break-word;} .custom .front_page_template .hr {height: 0px; width: 100%; border: 1px solid #1f335a; margin: 20px 0px;} /* ------------------------------------------- */ /* #NEWS */ .custom #latest_news .post_date {margin-top: -20px;} .custom #latest_news p {text-align: justify; margin-right: 0px;} .custom #no_recent_news {width: 100%; margin: 30px 0px; text-align: center;} /* ------------------------------------------- */ /* #VIDEO OF THE WEEK */ .custom #video_of_the_week { height: 195px; margin: 0px; } .custom #VOTW_thumbnail {float: left;} .custom #VOTW_text {float: right; width: 350px; margin-top: -3px; line-height: 1.25em;} .custom #VOTW_date {margin-bottom: 5px;} .custom #VOTW_title {margin-bottom: 5px;} .custom #VOTW_description {margin-bottom: 73px;} .custom #VOTW_link a {float: left; color: #3e6ec6;} /* ------------------------------------------- */ /* #TWITTER FEED */ .custom #twitter_feed { /*height: 280px;*/ width: 225px; margin-right: 35px; } /* ------------------------------------------- */ /* #INTERNAL TEMPLATE */ /* ------------------------------------------- */ /* ------------------------------------------- */ /* #VERTICAL NAV MENU */ .custom .internal_template { margin: 35px 0px 12px 12px; } .custom .vertical_menu { float: left; } .custom .vertical_menu li { list-style-type: none; } .custom .vertical_menu .vertical_header { height: 27px; width: 202px; line-height: 27px; padding-left: 15px; margin-bottom: 5px; color: #fff; background: url('images/NavBars-Side.png'); } .custom .vertical_menu .page_item a { display: block; height: 27px; width: 202px; line-height: 27px; padding-left: 15px; margin-bottom: 5px; background: url('images/NavBars-Side-Dark.png'); } .custom .vertical_menu .page_item a:hover { background: url('images/NavBars-Side.png'); } .custom .vertical_menu .current_page_item a { background: url('images/NavBars-Side.png'); } .custom .internal_template_content { float: right; width: 540px; padding-top: 5px; } .custom .internal_template .hr{ height: 0px; width: 100%; border: 1px solid #1f335a; margin: 20px 0px; } /* ------------------------------------------- */ /* #BANNER AD */ .custom .banner_ad {visibility: hidden; padding-left: 19px;} /* ------------------------------------------- */ /* #CV ELEMENTS */ /* ------------------------------------------- */ .custom .CV h1 {margin-bottom: 10px;} .custom .CV h2 {text-decoration: underline !important;} .custom .CV h3 {font-weight: bold;} .custom .CV p {margin: 0px 0px 0px 20px; text-indent: -20px;} .custom .CV #business_employment p {margin: 0px 0px 0px 133px; text-indent: -133px;} .custom .CV #miscellaneous p {margin-top: 10px; margin-bottom: 10px;} .custom .CV #miscellaneous {margin-bottom: 30px;} /* ------------------------------------------- */ /* #PHOTO GALLERY ELEMENTS */ /* ------------------------------------------- */ .custom .ngg-gallery-thumbnail {padding-right: 0px; margin-right: 0px;} /* ------------------------------------------- */ /* #ARTICLE TEMPLATE ELEMENTS */ /* ------------------------------------------- */ .custom .article_template .search_table {margin-bottom: 20px;} .custom .search_table td {padding: 0px 5px;} .custom .search_table input {color: #000;} .custom .search_table #topic {width: 140px; margin-bottom: 7px;} .custom .search_table #year {width: 50px;} .custom .search_table #author {width: 100px;} .custom .search_table #keywords {width: 185px;} .custom .search_table td#submit_cell {text-align: right;} .custom #article_list .even {background: #1f335a url('images/Blue-Gradient.jpg') repeat-x;} .custom #article_list .odd {background: #191919 url('images/Grey-Gradient.jpg') repeat-x;} .custom #article_list .listing {display: table; margin-top: 8px; height: 160px; width: 100%;} .custom #article_list .listing:hover {/* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;} .custom #article_list .listing .listing_link {display: table-cell; vertical-align: middle; height: 160px; text-decoration: none !important;} .custom #article_list .icon {display: table-cell; vertical-align: middle; width: 120px;} .custom #article_list .icon img {float: left; margin-left: 20px;} .custom #article_list .info {display: table-cell; vertical-align: middle; padding: 20px 20px 0px 10px;} .custom #article_list .info {width: 380px;} /*for positioning supplemental info*/ /*.custom #article_list .listing_wrapper {position: relative;}*/ .custom #article_list .supplemental_info span {z-index: 1000; text-decoration: underline;} /*if no articles are found*/ .custom #article_list #no_results {margin-top: 20px; text-align: center;} /*.custom #article_list .icon {display: table-cell; float: left; width: 120px;} .custom #article_list .icon img {margin-left: 20px;}*/ /* ------------------------------------------- */ /* #BOOK TEMPLATE ELEMENTS */ /* ------------------------------------------- */ .custom .book_template .hr { height: 0px; width: 100%; border: 1px solid #3f3f3f; margin: 20px 0px; } .custom .book_template {/*line-height: 130%;*/ } .custom .book_template .book_header { line-height: 120%; } .custom .book_template .purchase_links { margin-top: 20px; color: #3e6ec6; } .custom .book_template .purchase_links a { color: #3e6ec6; } .custom .book_template h2 { font-weight: normal; } .custom .book_template_content {margin-bottom: 10px;} /* ------------------------------------------- */ /* #BOOK COVER SLIDER */ /*.custom #mycarousel li {display: table;}*/ .custom #mycarousel .jcarousel-item {background: #0c0c0c;} /* ------------------------------------------- */ /* #QUOTE FADER */ .custom .book_template .quote_fader_wrapper { height: 185px;} .custom .book_template .quote_fader { padding: 0px; margin: 0px; list-style-type: none;} .custom .book_template .quote_fader p {margin-top: 25px; font-weight: bold;} .custom .book_template .read_more {margin-left: 270px; color: #3e6ec6;} /* ------------------------------------------- */ /* #QUOTES AND REVIEWS */ .custom .book_template .quotes_and_reviews ul {list-style-type: none;} .custom .quotes_and_reviews li {margin-bottom: 30px;} .custom .quotes_and_reviews .attribution {margin: 10px 0px 0px 100px; color: #3e6ec6;} .custom .quotes_and_reviews .attribution .em_dash {letter-spacing: -2px;} .custom .quotes_and_reviews #more_quotes {display: none;} .custom .quotes_and_reviews #more_reviews {display: none;} .custom .quotes_and_reviews #read_more_quotes {margin-left: 400px; color: #cccccc;} .custom .quotes_and_reviews #read_more_reviews {margin-left: 400px; color: #cccccc;} /* ------------------------------------------- */ /* #SONG SAMPLES */ .custom #song_list #header_spacer {margin-right: 15px;} .custom #song_list .even {background: #1f335a;} .custom #song_list .odd {background: #191919;} .custom #song_list .song {margin-top: 5px;} .custom #song_list .song:hover {/* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;} .custom #song_list .song_info_left {float: left; margin: 8px 0px 0px 16px;} .custom #song_list .song_info_right {padding: 5px 5px 5px; margin-left: 70px;} .custom #song_list .pane {display: none;} .custom #song_pane_selector {margin-bottom: 20px;} /* ------------------------------------------- */ /* #MULTIMEDIA TEMPLATE ELEMENTS */ /* ------------------------------------------- */ /* ------------------------------------------- */ /* #FLOWPLAYER PLAYER */ .custom .multimedia_template_content #player_wrapper {position: relative; height: 530px; padding: 20px 15px 5px 15px; border: 4px solid #1f335a; background:#101a2d;} .custom .multimedia_template_content #player {display:block; width:100%; height:375px; margin-left:auto; margin-right:auto; overflow: hidden;} .custom .multimedia_template_content #now_playing {float: left; width:200px; height:140px; padding: 5px 10px 0px 2px; border-right: 1px solid #1f335a; margin: 5px 0px 0px 10px;} .custom .multimedia_template_content #now_playing p {margin: 0px;} .custom .multimedia_template_content #description {float: left; width: 250px; margin: 10px 0px 0px 20px;} /* ----------------------------------------------------------------------------------------- */ /* #SEARCH TABLE - for the CSS of other search table elements, see #ARTICLE TEMPLATE ELEMENTS*/ .custom .multimedia_template .search_table #publication {width: 109px;} .custom .multimedia_template .search_table #keywords {width: 176px;} .custom .multimedia_template .search_table {margin: 10px 0px;} /* ------------------------------------------- */ /* #PLAYLIST */ .custom #playlist .even {background: #1f335a url('images/Blue-Gradient.jpg') repeat-x;} .custom #playlist .odd {background: #191919 url('images/Grey-Gradient.jpg') repeat-x;} .custom #playlist .listing {display: table; padding: 10px 0px; margin-top: 8px; height: 120px; width: 100%;} .custom #playlist .listing:hover {/* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8;} .custom #playlist .listing:visited {opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40);} .custom #playlist .icon {display: table-cell; vertical-align: middle; width: 120px;} .custom #playlist .icon img {float: left; margin-left: 20px;} .custom #playlist .info {display: table-cell; padding: 10px 20px 0px 10px;} .custom #playlist .info p {margin: 0px;} .custom #playlist .info a {text-decoration: none;} .custom #playlist .description {height: 0px; visibility: hidden;} /*.custom #playlist .description a {display: none;}*/ .custom #playlist .HR-Blue {height: 2px; width: 100%; margin-top: 3px; padding: 0px; background: url('images/HR-Blue.jpg') repeat-x;} .custom #playlist .HR-Grey {height: 2px; width: 100%; margin-top: 3px; padding: 0px; background: url('images/HR-Grey.jpg') repeat-x;} /*video icons are a little larger so we need to push the text over more*/ .custom #playlist .video .info {padding-left: 25px;} /*for VOTW entries*/ .custom #playlist .video_of_the_week .info {padding-top: 0px;} .custom #playlist #publish_on_date {font-size: 0.9em;} /*when no results are found*/ .custom #playlist #no_results {margin-top: 20px; text-align: center;} /* ------------------------------------------- */ /* #FULL WIDTH TEMPLATE */ /* ------------------------------------------- */ /* ------------------------------------------- */ /* #FAQ/Contact LIST */ .custom .full_width_template {margin: 35px 60px 12px 100px;} .custom .full_width_template .hr {height: 0px; width: 100%; border: 1px solid #1f335a; margin: 20px 0px;} /*.custom .full_width_template ol li:before {color: #3e6ec6;}*/ .custom .full_width_template .LIST {margin-left: 15px;} .custom .full_width_template .LIST li {display: list-item; padding-left: 0px; margin-bottom: 5px; list-style-position:outside;} .custom .full_width_template .LIST li ol {margin-left: 35px;} /* ------------------------------------------- */ /* #FAQ/Contact HEADERS */ .custom .full_width_template .ITEM_header {display: inline-block; color: #3e6ec6; font-size: 1.25em; margin-bottom: 10px;} .custom .full_width_template .ITEM_header a {color: #3e6ec6; font-size: 1.25em;} .custom .full_width_template .SUB-ITEM_header {display: inline-block; color: #3e6ec6; font-size: 1.05em; margin-bottom: 10px;} .custom .full_width_template .SUB-ITEM_header a {color: #3e6ec6; font-size: 1.05em;} .custom .full_width_template .link_button {margin-top: 5px; margin-bottom: 20px;} /* ------------------------------------------- */ /* #NEWS */ /* ------------------------------------------- */ .custom .news_template .post_date {margin-top: -10px;} .custom .news_template .more-link {color: #3e6ec6; font-size: 0.9em;} .custom .widget_archive {margin-left: 5px; font-size: 1em;} /* ------------------------------------------- */ /* #NEWS ITEM */ /* ------------------------------------------- */ .custom .hfeed {width: 780px !important;} .custom .prev_next {font-size: 1.4em !important;} .custom .prev_next p {display: inline;} /* ------------------------------------------- */ /* #MISC */ /* ------------------------------------------- */ .collaborators {width: 562px; padding: 0px; padding-right: 30px; margin-bottom: 30px; background: none;} .collaborators td {padding-left: 10px; padding-bottom: 25px; line-height: 110%; font-size: 80%;} .collaborators .spacer {width: 33%; height: 10px;} #six_songs {width: 400px; margin: 0px auto; color: #cccccc; font-size: 1.05em; text-align: center; background: none;} #six_songs #header {background: none; font-size: 1.3em; letter-spacing: 1px; text-align: center;} .rock_tree_template {margin-left: -60px;} .rock_tree_template .hr {padding-right: 60px;} .rock_tree {width: 780px;} /* ------------------------------------------- */ /* #TOUR DATES */ /* ------------------------------------------- */ #tour_dates {text-align: left; min-height: 423px; margin-bottom: 50px;} #tour_dates #header {margin:-5px -15px; font-weight: bold;} #tour_dates strong {color: #3e6ec6;} #tour_dates a {font-weight: bold;} #tour_map {border: 0px;} /* ------------------------------------------- */ /* #SEARCH RESULTS */ /* ------------------------------------------- */ .hfeed .wordpress_search_result {font-size: 1.5em;} .hfeed .prev_next {margin-top: 25px; font-size: 2.2em;} /*.hfeed .type-post {display: none;}*/ /* ------------------------------------------- */ /* #SHORTCODES */ /* ------------------------------------------- */ /* ------------------------------------------- */ /* #COLORED LINE */ .colored_line {color: #3e6ec6; font-size: 1.12em;} .colored_line a {color: #3e6ec6; font-size: 1.12em; line-height: 1.2em; font-weight: bold; text-align: center;} /* ------------------------------------------- */ /* #SMALLER */ .smaller {font-size: 90%; line-height: 100%;} /* ------------------------------------------- */ /* #LINK BUTTON */ .link_button {display: inline-block; padding: 0px 5px; background: grey; color: black;} .link_button a {color: black;} /*songs by dan -- make link button float next to song name*/ .internal_template .ITEM_header {float: left;} .internal_template .link_button {margin-top: -1px; margin-left: 10px;} /* ------------------------------------------- */ /* #NO P TAG */ .no_p_tag {display: inline;} /* ------------------------------------------- */ /* #ADDRESS */ .address p {margin: 5px 0px 5px 20px;} /* ------------------------------------------- */ /* #INDENT */ .indent {margin-left: 30px;} /* ------------------------------------------- */ /* #ITEM_headers */ .ITEM_header {color: #3e6ec6; font-size: 1.25em;} .ITEM_header a {color: #3e6ec6; font-size: 1.25em;} .SUB-ITEM_header {color: #3e6ec6; font-size: 1.05em;} .SUB-ITEM_header a {color: #3e6ec6; font-size: 1.05em;} /* ------------------------------------------- */ /* #link_button */ .link_button {margin-top: 5px; margin-bottom: 20px;} /* Social Media Icons ------------------------------------------------------------ */ #social-media-icons { display: block; height: 30px; width: 100%; margin: 0 0 10px 0; padding: 0; } .facebook-button { float: left; width: 100px; } .twitter-button { float: left; } .gplus-button { float: left; } .pinterest-button { float: left; width: 70px; } .stumbleupon-button { float: left; width: 100px; } .linkedin-button { float: left; } /* * Dan's RSS section styles */ .newstable td { width: 240px; max-height: 250px; padding: 0px; font-size: 10px; } .newsThumbnail { width: 230px; height: 180px; border: 1px solid rgba(250, 250, 250, .3); padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 20px; display:table-cell; vertical-align:middle; } .newsElement { display: block; width: 230px; max-height: 550px; padding: 10px; font-size: 10px; word-wrap: break-word; } .newsHeader { position: absolute; left: 50px; max-width: 800px; } .news_title { display:table-cell; font-size: 1.6em; font-weight:600; color: #F0F0F0 ; height: 70px; } .new_description { font-size: 1.3em; font-family:"Times New Roman", Times, serif; font-weight:200; color: #D8D8D8; } #dan_news_content { position: relative; height: 1500px; }