2 replies [Last post]
bgbs
Offline
Enthusiast
Last seen: 1 year 50 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

For some reason the styling doesnt happen for title text in IE8. I cant figure it out for some reason. I think this should be a simple fix, but I dont know what I did wrong. This is how it appears in FF vs IE


If you notice the title in IE8 should look like in FF, but it just doesnt seem so. Your generous help is appreciated

Please look at

<div class="each-post postcontent" id="post-<?php the_ID(); ?>">
			<span style="font-weight:bold"><h7></span><a href="<?php the_permalink(); ?>" rel="bookmark" title=" <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h7>
 
			<span class="date2"><?php the_time('F jS, Y') ?></span> <a class="comment-count" href="<?php comments_link(); ?>"><?php comments_number('0', '1', '%'); ?>   Comments</a>
			<span class="clearfix morespace"></span>	
				<?php $image = get_post_meta($post->ID, 'post_image_value', true); 
				if ($image): ?><img src="<?php bloginfo('template_url'); ?>/timthumb.php?src=<? echo get_post_meta($post->ID, 'post_image_value', true) ?>&amp;w=100&amp;h=100&amp;zc=1" alt="<?php the_title(); ?>" class="post-thumb"/><?php endif; ?>
 
			<div class="the-post">
				<?php the_content('',FALSE,''); ?>
			</div>
 
			<div class="postmeta">
				<span class="author"><?php the_author(); ?> </span>
				<div class="categories">Posted in: <?php the_category(', ') ?></div>
				<div class="tags"><?php the_tags('Tags:', ', ', ''); ?></div>
		       	<span class="clearfix"></span>	
			</div>
 
		</div><!-- end of each post -->

CSS is below.

	/*
 
	body {font: 82.5% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;
	background-color: #000000;
	background-image: url(images/backgrounds/bg-office.jpg);
	background-repeat: repeat-x;
	padding-bottom: 30px;
		}
 
	body, html {
	height:100%;
	margin-bottom: 50px;
}
	a {	cursor: pointer;}
 
#index-body {
	color:#666666;
	background-repeat: repeat-y;
	background-image: url(images/content_back.png);
	height: auto;
	display: block;
	width: 960px;
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;	
	 }
 
	 #index-header {
	background-image: url(images/content-header.png);
	height: 15px;
	background-repeat: no-repeat;
 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: bottom;
		margin-right: auto;
	margin-left: auto;	
	 }
 
	 	 #index-header2 {
	background-image: url(images/content-header.png);
	height: 15px;
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: bottom;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	 }
 
 
 
	  #index-bottom {
	background-image: url(images/content-bottom.png);
	height: 15px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-position: top;
	display: block;
		margin-right: auto;
	margin-left: auto;
	 }
 
	 #page-body {
	color:#fffƒ;
	background-repeat: repeat-y;
	background-image: url(images/page-bg.png);
	height: auto;
	display: block;
	width: 960px;
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
 
	 }
 
#featured-header {
	background-image: url(images/content-header.png);
	height: 15px;
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: bottom;	
	 }
	 #featured-bottom {
	background-image: url(images/content-bottom.png);
	height: 15px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-position: top;
	display: block;
	 }
 
 
 
/** common classes **/
	.clearfix {	width: 100%; height: 0px; clear: both; display: block;}/* clearfix for floated elements */
	.hidden {display: none;}
 
	.right {float: right;}
	.left {float: left;}
 
	.morespace {padding: 3px 0 !important;}
	.full-width {width: 93.5% !important;}
 
 
	a.bt, a.bt span, a.more-link, a.more-link span {display: inline-block; height:22px; border:none !important;}
	a.bt, a.more-link {padding-left: 15px; background: url(images/bt-casual-left.png) no-repeat; color:#333 !important; margin-top: 5px; text-decoration: none; }
	a.bt:hover {color: #666 !important;}
 
	a.bt span, a.more-link span { background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px}
 
	a.arrowedbt {background: url(images/bt-casual-left-arrowed.png) no-repeat; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt:hover  {background: url(images/bt-casual-left-arrowed-hover.png) no-repeat;}
	a.left-button {background-image: url(images/bt-casual-left-arrowed-left.png) !important}
	a.left-button:hover {background-image: url(images/bt-casual-left-arrowed-left-hover.png) !important}
 
	div.leftbutton, div.rightbutton {margin:0px 0px 20px 0px!important; }	
	div.leftbutton a, div.leftbutton a span, div.rightbutton a, div.rightbutton a span {display: inline-block; height:22px}
	div.leftbutton a span, div.rightbutton a span {display: inline-block; height:22px;  background: url(images/bt-casual-right.png) no-repeat right; 
	padding-right: 15px; line-height:20px}
	div.leftbutton a, div.rightbutton a {padding-left: 26px; color:#333 !important; margin-top: 5px; text-decoration: none; }
	div.leftbutton a {background: url(images/bt-casual-left-arrowed-left.png) no-repeat;}
	div.rightbutton a {background: url(images/bt-casual-left-arrowed.png) no-repeat;}
	div.leftbutton a:hover, div.rightbutton a:hover {color: #666 !important;}
 
 
 
 
/*** 01.a - Headings **/
 
	/** logo **/
	#header h1 {
	float: left;
	margin-right: 60px;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}
	#header h1 a {width: 163px; height: 46px; display:block; text-indent:-9999px}
 
	/** home featured section headings **/
	#featured-info h3 {	font-size: 2em;	margin-bottom: 25px;}
	#featured-info h3 a { color: #fff; text-decoration: none;}
	#featured-info h3 a:hover:after {content: " →";}
 
	/** #content general headings **/
	#content h3 {font-size: 1.75em; font-family: "Lucida Grande", Verdana, Helvetica, Arial; }
	#content h4 {font-size: 1.35em;}
	#content h5 {font-size: 1.15em;}
	#content h7 {font-size: 2.25em ;}
 
	div.postcontent h4 {font-size:1.25em !important;}
	div.postcontent h7 {font-size:2.25em !important;} 
 
	/** sidebar headings **/
	#sidebar-home h3, h3.blog-title {
 
	padding-bottom:5px;
}
	#sidebar-home h3 { color: #333;}
	#sidebar h3 {
	font-size: 1.3em;
 
	padding-bottom:8px;
	color: #333;
	background-image: url(images/divider.png);
	background-repeat: repeat-x;
	background-position: 230px bottom;
}
 
 
	div.home ul li h3 {
	font-size: 1.3em !important;
}
 
	/** flickr heading **/
	li#flickr h3 {background: url(images/icon-flickr.png) no-repeat 2px 0; padding-left: 38px;}
 
	/** post listing general headings **/
	#posts h4 {margin-bottom: 8px;}
	#posts h4 a {color:#333; text-decoration: none; text-transform: uppercase;}
	#posts h4 a:hover {text-decoration: underline;}
 
 
		#posts h7 {
	margin-bottom: 8px;
	display: block;
}
	#posts h7 a {color:#333; text-decoration: none;}
	#posts h7 a:hover {text-decoration: underline;}
 
 
	.portfolio h4 {font-size: 1.3em !important; line-height:1.4em;}
 
	/** twitter heading **/
	li#portfolious-twitter h3 {padding-left: 28px; background: url(images/icon-twitter.png) no-repeat ;}
 
	/** right side wide column headings **/	
	#wide-column h2 {font-size:1.7em; border-bottom: 1px solid #bab7a3; margin-bottom:1px; margin-top:10px; padding-bottom:5px;}
 
	div.the-post h2, div.the-post h3, div.the-post h4, div.the-post h5 {margin-bottom:15px; padding-top:5px; color:#111 !important;}
	div.the-post h3 {font-size: 1.3em !important;}
	div.the-post h4 {font-size: 1.15em !important;}
	div.the-post h5 {font-size: 1em !important;}
 
	div#info h3 { border-bottom: 1px solid #aaa; font-size: 1.3em;  padding-bottom: 2px; padding-top: 10px; color: #333; }
 
	#comments h3, h3#respond-title {font-size:1.4em ; color: #333;}	
 
 
/** Container Settings **/
	#container-wrap {width: 100%; height:100%; margin: 0 auto -65px; position:relative; min-height: 100%; height: auto !important; height: 100%;}
	#container {width: 960px;  padding: 20px 5px; margin: 0 auto; }
	.sub {
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
	#container .sub {
	padding-top: 0px;
}
	.push {height:1px;}
 
 
/*** 02. Header ***/
 
	/** main and footer navigation **/
	#header ul {
	min-width: 400px;
	max-width: 475px;
	float:right;
	padding-top:10px;
	margin-top: 55px;
	margin-right: 25px;
}
 
ul#nav-footer {
	min-width: 400px;
	max-width: 475px;
	float:right;
	padding-top:10px;
	margin-top: 5px;
	margin-right: 25px;
}
 
 
ul#nav-footer li {	float:left; margin-right:10px;}
ul#nav-footer li a {
	display:block;
	color: #8e8c85;
	text-decoration: none;
	padding: 6px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 10px;
}
 
	#header ul li {
	float:left;
	margin-right:10px;
	margin-bottom: -4px;
}
	#header ul li a {display:block; color: #ccc; text-decoration: none; text-transform: uppercase;	padding: 6px 10px; 
	  -moz-border-radius-topleft: 5px;  / -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px; / -webkit-border-top-right-radius : 5px; }
	#header ul li a:hover {
	color: #333;
	background: #d9d6cb;
}
 
#header ul li.current_page_item a, #header ul li.current-cat a {
	color: #333;
	background: #fff;
}
 
 
 
 
	#header ul li.current_page_item ul li a {color: #666 !important; background: none !important;}
 
 
 
	#header ul li {position: relative; }
	#header ul li ul {position: absolute; margin-top: 0px; background: #fff; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; 
	min-width: 150px; max-width:200px !important; padding: 5px; display:none; z-index:10; }
	#header ul li ul li {margin: 0; float: none;}
	#header ul li ul li a {color: #666 !important; text-transform: none; font-size: 0.9em;}
	#header ul li ul li a, #header ul li ul li a:hover {background-image: none; padding: 5px !important; }
	#header ul li ul li a:hover, #header ul li ul.children li.current-cat a:hover {
	-moz-border-radius: 5px !important;-webkit-border-radius: 5px !important; -khtml-border-radius: 5px !important; background: #333 !important; color: #fff !important; }
	ul.children li a {background:none !important;}
 
 
	ul#nav-footer li {	margin-right: 5px;}
	ul#nav-footer li a {color: #666; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; background-image:none;
	font-size:0.9em}
	ul#nav-footer li a span {background-image: none !important; line-height:25px}
	ul#nav-footer li a:hover, ul#nav-footer li.selected a {	background: none; color: #fff;}
 
 
	/** search **/	
	#header fieldset {float: right; width:207px; padding-top: 10px;}
	#header fieldset legend {display: none;}
	#header fieldset label {background: url(images/bg-search.png); padding-left: 38px; height: 27px; display:block}
	#header fieldset label input {border: none; background: none; padding-top:6px; color:#666; line-height:17px /** <- be careful **/}
 
/*** 03. Home Featured Section ***/
	#featured {
	padding-top: 2px;
	color:#fff;
	background-repeat: repeat-y;
	background-image: url(images/content_back.png);
	display: block;
}
 
	#featured-info, #home-featured-nav {float: left;}
 
 
#featured-services {
	float: right;
	margin-right: 40px;
	display: inline;
	margin-bottom: 10px;
	width:230px;
}
 
#featured-images ul {
	float: left;
	margin-left: 40px;
	display: inline;
	margin-bottom: 10px;
	width:630px;
}
	#featured-images ul li {float:left; margin-right:15px;}
	#featured-images ul li a {
	color:#8e8e8e;
	font-size:11px;
	display: block;
	overflow:hidden;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
	text-decoration: none;
}
 
#featured-images ul li a:hover {
	color:#6699CC;
	font-size:11px;
	display: block;
	overflow:hidden;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
	text-decoration: none;
}
 
 
	.featured-image-border { 
	border: thin solid #ACABA1;
	margin-bottom: 10px;
}
 
	#featured-images-title  {
	color:#A29F85;
	font-size:14px;
	underline: none;
	font-weight: 100;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 11px;
	padding-left: 43px;
	padding-top: 2px;
	font-style: normal;
	}
 
	.featured-image-text {
	color:#8e8e8e;
	font-size:11px;
	underline: none;
}
 
	#featured-info {
	width: 960px;
	margin-top: 0px;
	background-image: url(images/homepage.png);
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 10px;
	height: 303px;
	float: none;
	margin-bottom: 5px;
}
	#featured-info ul li {height:200px;}
	#featured-info p {	margin: 10px 0; color:#ddd}
	#featured-info p strong {color:#fff;}
 
	a.home-read-more-button {
	background: url(images/bt-home-readmore.png) no-repeat;
	width:103px;
	height: 42px;
	margin-top: 210px;
	display:block;
	text-indent: -9999px;
	left: 57px;
	margin-left: 30px;
}
 
	a.home-read-more-button2 {
	background: url(images/bt-home-readmore.png) no-repeat;
	width:103px;
	height: 42px;
	display:block;
	margin-bottom: -20px;	
}
	/** featured images**/
 
	#images {margin: 42px 0 0 50px;}
	#images ul li {
	width: 200px;
	height: 120px;
	overflow:hidden;
	display: inline;
}
 
 
	/** featured slider navigation **/
	ul#home-featured-nav {	background: url(images/bg-homeslider.png) no-repeat; width: 33px; height: 48px; margin-left: 35px; margin-top: 127px;
	 padding-top: 12px; }
	ul#home-featured-nav li {	margin-bottom: 5px;}
	ul#home-featured-nav a {	width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto;
	filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	ul#home-featured-nav li.next a {	background: url(images/homeslider-arrow-down.png) no-repeat; margin-left: 10px;}
	ul#home-featured-nav li.prev a {	background: url(images/homeslider-arrow-up.png) no-repeat;}
 
 
/*** 04. Content ***/
	#content {font-size: 0.95em;}
		#content p {margin: 15px 0; color: #555;}
 
/** 04.a - Home Sidebar and Sidebar General **/
	#sidebar-home {
	width: 240px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;	
}
		#sidebar-home img.shade, #home-blogposts img.shade, #sidebar img.shade {display: block; height: 20px;}
		#sidebar-home img.shade{
	width: 290px;
}
 
 
	.divider {
	display: block;
	height: 2px;
	width: 230px;
	margin-bottom: 0px;
 
}
 
		#sidebar-home p strong {color: #333;}
 
		#sidebar-home ul li p:first-child {margin-top: 0px;}
		 #sidebar ul li {  margin-bottom: 5px; padding-bottom: 3px; }
		#sidebar-home ul li ul li, #sidebar ul li ul li {	border-bottom: none; margin-bottom:0px;}
 
	/** flickr **/
	li.flickr {	position: relative;}
	li.flickr ul li img { border: 1px solid #999; margin: 0 10px 0px 0;  }
	a.bt-flickr {width: 38px; height: 85px; position: absolute; right:10px; top:50px; background: url(images/bt-flickr.png) no-repeat;}
	a.bt-flickr span { display: none;}
 
	li.sideflickr ul li img {margin-right: 0px;}
	div.flickr_badge_image {border: 1px solid #999; margin: 0 9px 10px 0; width:75px; height:75px; float:left;}
 
/** 04.b - Home Blog Posts **/
.home-divider-image {
	display: inline;
	float:left;
	background-image: url(images/divider-home.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 2px;
	background-position: center center;
	margin-right: 10px;
	margin-left: 10px;
}
 
	#home-blogposts {
	width: 350px;
	display: inline;
	float: left;
	position: relative;
	padding-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}
	#home-blogposts img.shade {width: 290px;}
 
	#home-blogposts ul li.no-slide-list {
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
 
#home-twitterposts {
	width: 245px;
	float: left;
	display:inline;
	position: relative;
	padding-bottom: 15px;
	margin-right: 25px;
	margin-left: 5px;
	margin-top: 10px;
}
 
.no-slide-list a:hover {
 
	display: inline-block;
	background-color: #f0eedf;
}
 
	#home-blogposts #posts {padding-top:0 !important;}
 
	span.date {
	color: #6699CC;
	padding-right: 1px;
	padding-left: 5px;
	display: block;
	font-size: 0.9em;
	line-height:18px;
	margin-bottom: 3px;
	width: 80px;
	float:left;
	padding-top: 3px;
}
 
 
	span.date2 {
	color: #6699CC;
	padding-right: 1px;
	padding-left: 5px;
	display: block;
	font-size: 0.9em;
	line-height:18px;
	margin-bottom: 3px;
	width: 100px;
	float:left;
}
 
	span.blogtitle {
	color: #666666;
	display: block;
	font-size: 11px;
	line-height:18px;
	margin-bottom: 3px;
	width: 210px;
	float: right;
	font-weight: bolder;
	padding-top: 3px;
}
 
#posts-home {
	margin-bottom: 0px;
	width: 300px;
	float: right;
}
	#posts-home a {
	color:#333;
	text-decoration: none;
	font-size: 12px;
}
 
 
#twits-home {
	margin-bottom: 0px;
	float: right;
	width: 195px;
}
	#twits-home a {
	color:#333;
 
	font-size: 12px;
}
	#twits-home a:hover {
	color:#006699;
	font-size: 12px;
}
 
 
	.style1 {
	color: #006699;
	font-weight: bold;
	}
 
	#style2 {
	color: #A69F89
	font-weight: bold;
	}
 
 
	.home-posts-title {
	width: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: lighter;
	margin-bottom: 10px;
	display: inline;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	color: #A69F89;
	}
		.home-posts-title-image {
	width: 40px;
	padding-left: 10px;
	height: 40px;
	background-image: url(images/icon-blog.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	float: left;
	}
		.home-posts-title-image2 {
	width: 40px;
	padding-left: 10px;
	height: 40px;
	background-image: url(images/icon-twit.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	float: left;
	}
 
 
	img.post-thumb { border: 1px solid #666;float: left; margin: 0 12px 12px 0;}
	.portfolio_crop {height:155px; overflow:hidden; border: 1px solid #666;float: left; margin: 0 12px 12px 0; margin: 0 20px 20px 0;}
	.portfolio 	img.post-thumb { margin: 0 20px 10px 0;}
 
 
	/** homepage blog posts, testimonials and twitter slider navigation **/
	ul#home-blogposts-nav, ul.testimonials-nav, ul.twitter-nav 
	{width: 43px !important; height: 20px !important; padding: 4px 0 0 5px !important; background: #dfdfdf !important; -moz-border-radius: 10px;
	-webkit-border-radius: 10px; -khtml-border-radius: 10px; position: absolute; right: 0; bottom: -12px; }
 
	ul#home-blogposts-nav li, ul.testimonials-nav li, ul.twitter-nav li {float: left !important;}
 
	ul#home-blogposts-nav a, ul.testimonials-nav a, ul.twitter-nav a
	{display: block !important; width: 16px !important; height: 16px !important; margin-right: 5px !important; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6; padding:0px !important;}
 
	ul#home-blogposts-nav a:hover, ul.testimonials-nav a:hover, ul.twitter-nav a:hover
	{filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
 
 
	ul#home-blogposts-nav a span, ul.testimonials-nav a span, ul.twitter-nav a span {display: none;}
	ul#home-blogposts-nav li.prev a, ul.twitter-nav li.prev a {background: url(images/arrow-low-prev.gif) no-repeat !important;}
	ul#home-blogposts-nav li.next a, ul.twitter-nav li.next a {background: url(images/arrow-low-next.gif) no-repeat !important;}
 
	ul.testimonials-nav li.next a {background: url(images/arrow-low-down.gif) no-repeat;}
	ul.testimonials-nav li.prev a {background: url(images/arrow-low-up.gif) no-repeat;}
 
 
/*** 05. Footer ***/
	#footer-wrap { padding-bottom: 10px; position: relative; }
	#footer {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
 
	a#monofactor {display: block; width:180px; float: right; color:#999; text-decoration: none; line-height:22px; font-size:0.9em; padding-top: 12px; }
	a#monofactor span {display: inline-block; background: url(images/logo-monofactor.png) no-repeat; width: 104px; height: 22px; text-indent:-9999px}
 
/*** 06. General Sidebar ***/
	#sidebar-shade {
	background-image: url(images/sidebar-top-shade.png);
	width: 278px;
	height: 15px;
	background-position: left;
	margin-left: -28px;
}
#sidebar {
	width: 230px;
	float: right;
 
	margin-right: 30px;
}
	#sidebar img.shade{width: 250px; height: 20px !important; }
	#sidebar p:first-child {margin-top: 0px;}
 
	#sidebar ul li {padding-bottom: 8px;}
	#sidebar ul li ul {font-size:0.95em;}
	#sidebar ul li a {color: #333; text-decoration: none;}
	#sidebar ul li a:hover {color: #666}
 
 
 
 
	/** sidebar categories **/
	ul.cats li {width: 105px ; margin-right: 10px; margin-bottom:10px; float:left;}
	ul.cats li a {display:block; padding:5px; padding-left:18px; background:url(images/arrow-mini.png) no-repeat 10px 8px; 
	-moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; border:1px solid #d1d1d1;}
 
	/** sidebar alternate link lists **/
	li.alternate-lists ul li {padding: 0 !important;}
	li.alternate-lists ul li a {display: block; background: url(images/dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 15px; }
	li.alternate-lists ul li a:hover {background-image:url(images/dot-hover.gif); background-color: #f1f1f1; }
 
 
 
	/** testimonials and twitter widget **/
	li.testimonials, li#portfolious-twitter {position: relative; font-size: 0.9em; padding-bottom: 10px !important; }	
	li.testimonials  blockquote p, 	li#portfolious-twitter p {color: #777 !important;}
	li.testimonials  blockquote  {font-style: italic;  background: url(images/quote.png) no-repeat; padding: 0px 10px 0 20px; }
 
 
	ul.testimonials-nav li {padding: 0px !important; background: none !important;}
 
 
	li#portfolious-twitter p {margin: 5px 0 !important;}
	li#portfolious-twitter p.timeago {color: #333 !important;}
 
 
/*** 07. Post General Settings **/
 
	/** wide column **/
	#wide-column {
	width: 620px;
	float: left;
	margin-left: 30px;
}
 
	div.full-width p {margin-top: 15px !important;}
	#info a {text-decoration: none; border-bottom: 1px solid #999; }
	#info a:hover {color:#666; text-decoration: none;}
	#info h4 { text-transform: uppercase;}
 
	#posts {padding-top:0px;}
	/** 07.a posts general settings **/
	.each-post {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 30px;}
	.each-post {
	color: #444;
}
	.each-post p {margin-top: 0px !important;line-height:1.4em; }
	.each-post a.bt {margin-top:10px !important;}
 
	div.blog span.date {float: left !important;}
	div.blog p:first-child {margin-top: 0px !important;}
 
	a.comment-count, a.comment-add {
	display:inline-block;
	font-size:0.9em;
	color:#666;
	padding-left:20px;
	background: url(images/icon-comments.png) no-repeat;
	line-height: 16px;
	margin-left: 15px;
	text-decoration:none;
}
	a.comment-count:hover, a.comment-add:hover { color: #333;}
	a.comment-add {background-image:  url(images/icon-comment-add.png) !important;}
 
	div.the-post ul { padding: 5px 10px 20px 25px; }
	#info ul {padding: 5px 10px 10px 15px;}
	div.the-post ul li, #info ul li {line-height: 1.5em; color: #666; list-style-type: disc; list-style-position: inside; }
	div.the-post ul li strong, #info ul li strong {color: #333;}
 
	div.the-post blockquote {font-style: italic;  background: url(images/quote.png) no-repeat; padding: 10px 10px 10px 20px; padding-bottom: 15px; color: #777; }
 
	/** 07.b post meta **/
	.postmeta {	clear: both; 	line-height:3em;		font-size: 0.9em;	color: #999; 	background: #EFECE1;	margin-top: 10px;}
	.postmeta a:hover {	text-decoration: none;}
	.postmeta div {	float: left;	}
	.author {display: block; color: #666; float: left; padding: 0 15px 0 30px;	background: url(images/icon-author.gif) no-repeat 10px 8px;	}
	.categories, .tags {padding: 0 15px;}
	.categories {background: #dcd9ce;}
 
	.tags a {color: #927b57;} 
 
	#info {
	float: right;
	width: 260px;
	margin-right: 5px;
}
 
 
	/** 07.c comments **/
 
	#comments_wrap h3 {	font-size: 22px;	font-weight: normal;	margin: 0px;	padding-bottom: 20px;	margin-top: 10px;}
	#comments_wrap h3 a, #comments_wrap h3 a:hover {color: #242323;	text-decoration: none;}
	#comments_wrap .get_avatar {color: #a7a7a7; font-size: 10px;letter-spacing: -1px;padding-top: 10px;}
	#comments ol.parent {padding-bottom: 25px}
	#comments ol { margin: 0px;	padding: 0px; padding-left: 100px;}
	#comments ol li {list-style: none;	padding: 0px; margin: 10px 0px;	padding-top: 1px;}
	#comments span.comment-reply {	font-size: 10px;	text-transform: uppercase;}
	#comments .comment_wrap {position: relative; background: #DCD9CE;}
	#comments .single_comment {	padding: 10px;}
 
	#comments .comment-content {	padding: 10px;		background: #EFECE1;	}
 
	#comments .comment-content p, .children .comment-content p {padding-bottom: 15px;		color: #666;}
 
	#comments a, div#respond ol li a {color:#333; text-decoration:none}
	#comments a:hover, div#respond ol li a:hover  {border-bottom:1px solid #ccc; text-decoration:none}
 
 
	#comments .comment_arrow {	position: absolute;	top: 20px;	left: -11px;}
	#comments .comment_author {	position: absolute;	left: -100px;	width: 100px;	color: #8d8d8d;	font-size: 10px; line-height: 14px;	}
	#comments .comment_author span {display: block;}
	#comments .comment_author a {border-bottom:none;}
	#comments .comment_author p {margin:5px 0 2px 0;}
	#comments .children {	padding-left: 0px;	border-left: 1px solid #ced0d0;}
	#comments .children li {padding-left: 25px;	background: url(images/comment_li_bg.gif) no-repeat 0px 25px;}
	#comments .children .comment_wrap {	background: #f2f2f2;	border-top: 1px solid #dedede;	border-bottom: 1px solid #dedede;}
	#comments .children .comment_arrow {	display: none;}
	#comments .children .comment_author {	position: absolute;	left: auto;	right: 20px;	bottom: 10px;	width: 200px;	height: 40px;}
	#comments .children .comment_author p {	position: absolute;	right: 40px;	bottom: 10px;	text-align: right;}
	#comments .children .comment_author span {	display: block;}
	#comments .children .comment_author img {	width: 32px;	height: 32px;	float: right;}
 
	/** 07.d comment form **/
	div#respond {padding: 20px 0;}
	div#respond ol li {
	padding:8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-bottom: 10px;
	clear: both;
	background-color: #efece1;
}
	div#respond ol li:hover, 	#respond ol li:focus  {background: #dcd9ce !important; }
 
	div#respond ol li label {float: left; padding-left: 15px; color: #666; border-left: 1px solid #ccc; }
	div#respond ol li label.field-title { width:30%; border-left:none !important; padding-left: 0px; }
 
	div#respond ol li label small {font-size: 0.8em; color: 999;}
 
	div#respond ol li.text input {border: none !important; background: none !important; width:420px; line-height: 1.3em; }
	div#respond ol li textarea {border: none !important; background: none !important; width:420px; line-height: 1.6em; }
	div#respond ol li br {display: none;}
	div.contactform ol li.text input, div.contactform ol li textarea {width:350px !important;}
	div.contactform ol li.text input {padding: 5px;}
	div.contactform ol li label.field-title {
	line-height: 1.6em;
}
 
	#work-list {margin-bottom: 15px;}
	#work-list ul {display: none;  height: 80px; }
	#work-list ul li {float:left; margin-right:10px}
	#work-list ul li a {display: block; padding: 2px 0 0 2px; background: url(images/bg-avatar.png) no-repeat; width: 68px; height: 68px;
	overflow:hidden;}
 
	a#bt-expander {width: 300px; height: 15px; background: url(images/bt-expander.png) no-repeat; display: block; padding-left: 80px; color: #999; font-size: 0.8em; padding-top: 3px; }
	a.expanded,  a#bt-expander:hover { background-position: 0px -18px !important; color: #777; }
 
 
	/** widget styles **/
	#sidebar ul li.widget ul { padding-top:15px !important; background:url(images/heading-shade.png) no-repeat;}
	li.widget_recent_entries ul li ul {background:none; padding-top:0px !important; padding-left:15px;}
	li.widget_recent_entries ul li {padding-bottom: 3px !important;}
	li.widget_recent_entries ul li a {display: block; background: url(images/dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 17px; }
	li.widget_recent_entries ul li a:hover  {background-image:url(images/dot-hover.gif); background-color: #f1f1f1; }
 
 
	ul#twitter_update_list li {padding: 0 !important; height: 90px !important; margin-top: -15px;}
	ul#twitter_update_list li span {display: block; margin: 5px 0; color: #666 !important;}
	ul#twitter_update_list li a {background: none !important; padding: 0px !important; display: inline !important;}
 
 
 
	/** a few more overrides **/
	#respond-title a, a#cancel-comment-reply-link {color: #666; text-decoration: none;}
	a#cancel-comment-reply-link {display: block; padding-bottom:10px; color: #333;}
 
 
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 1 year 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

bgbs wrote:Please look at

bgbs wrote:

Please look at

There's no such tag, that's why it doesn't work. Your choices are h1-h6.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

bgbs
Offline
Enthusiast
Last seen: 1 year 50 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

wow, I guess I need to buy a

wow, I guess I need to buy a new CSS book

Thanks man you fixed my problem