<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Creative Gray Matter &#187; css</title>
	<atom:link href="http://www.creativegraymatter.com/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.creativegraymatter.com</link>
	<description></description>
	<lastBuildDate>Sun, 27 Feb 2011 16:29:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>CSS Reset</title>
		<link>http://www.creativegraymatter.com/blog/css-reset</link>
		<comments>http://www.creativegraymatter.com/blog/css-reset#comments</comments>
		<pubDate>Tue, 27 Jan 2009 21:08:38 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.creativegraymatter.com/?p=93</guid>
		<description><![CDATA[Every site I create, I always use the same basic css to get going.  It helps clear any default browser settings and levels the playing field between them. There are a few notable css reset sheets out there such as ones from Eric Meyer and Yahoo.  I have tried both and think both are overkill [...]]]></description>
			<content:encoded><![CDATA[<p>Every site I create, I always use the same basic css to get going.  It helps clear any default browser settings and levels the playing field between them.</p>
<p>There are a few notable css reset sheets out there such as ones from <a href="http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/" target="_blank">Eric Meyer</a> and <a href="http://developer.yahoo.com/yui/reset/" target="_blank">Yahoo</a>.  I have tried both and think both are overkill for almost every site I create.  I have added to and adjusted my CSS starting point over all the sites I have built and am pretty comfortable with what I have now.</p>
<p>Heres the CSS code that I currently use:<br />
<span id="more-93"></span></p>
<pre class="brush: css">* {
   padding: 0;
   margin: 0;
}

body {
   text-align: center;
   font-size: 62.5%;
   color: #2B2B2B;
   padding: 0;
}

div, p, ul, ol, dl, h1, h2, h3, h4, h5, h6, table, hr, form {
   float: left;
   clear: both;
   width: 100%;
}

a {
   text-decoration: none;
   outline: none;
   color: #548be5;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: none;
}

p {
   margin: 0 0 10px 0;
   line-height: 1.3;
}

.middle_align {
   text-align: center;
}

.left {
   float: left;
   clear: none;
   width: auto;
}

.right {
   float: right;
   clear: none;
   width: auto;
}

.left *, .right * {
   float: left;
}

.wrapper {
   text-align: left;
   float: none;
   width: 996px; /* set to page width */
   margin: 0 auto;
}

.container {
   position: relative;
}</pre>
<p>It should be noted that this CSS is for a center aligned site design, which covers the majority of the sites I code now.</p>
<p>Is there anything that you do different with your CSS reset?  Do you even use one?  With the above code, I can pretty much make the site look the same across the major browsers (including IE6) the first time without too much tweaking.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativegraymatter.com/blog/css-reset/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Ripped Academy</title>
		<link>http://www.creativegraymatter.com/projects/ripped-academy</link>
		<comments>http://www.creativegraymatter.com/projects/ripped-academy#comments</comments>
		<pubDate>Fri, 23 Jan 2009 21:44:47 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Recent Projects]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[forums]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.creativegraymatter.com/?p=61</guid>
		<description><![CDATA[Ripped Academy was built from the ground up to be a gathering place for people interested in health and fitness.  The site was built around the college theme and handles an active community of posters. The site features a custom built forum with many added features; a dorm room (homepage) for each student and professor [...]]]></description>
			<content:encoded><![CDATA[<p>Ripped Academy was built from the ground up to be a gathering place for people interested in health and fitness.  The site was built around the college theme and handles an active community of posters.</p>
<p>The site features a custom built forum with many added features; a dorm room (homepage) for each student and professor (users and professional atheletes) that enables individual blogging and commentings; along with a host of other features for usuability and admin control.</p>
<p>The site comfortably handles hundreds of simultanious users and currently has over 50,000 posts in it&#8217;s forum.</p>
<p>Visit the site at <a href="http://www.rippedacademy.com" target="_blank">www.rippedacademy.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativegraymatter.com/projects/ripped-academy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>American Body Building</title>
		<link>http://www.creativegraymatter.com/projects/american-body-building</link>
		<comments>http://www.creativegraymatter.com/projects/american-body-building#comments</comments>
		<pubDate>Thu, 22 Jan 2009 21:31:52 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Recent Projects]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.creativegraymatter.com/?p=56</guid>
		<description><![CDATA[Since 1985, American Body Building (ABB) products have been the ONLY choice for serious body builders and strength training athletes worldwide.  Working on their third site revamp, I created an e-commerce solution using Zen Cart and many modifications I also created a custom admin panel to manage news articles and updates.  The site was created [...]]]></description>
			<content:encoded><![CDATA[<p>Since 1985, American Body Building (ABB) products have been the ONLY choice for serious body builders and strength training athletes worldwide.  Working on their third site revamp, I created an e-commerce solution using Zen Cart and many modifications</p>
<p>I also created a custom admin panel to manage news articles and updates.  The site was created using css, html, php, MySQL, and Zen Cart.</p>
<p>Visit the site at <a href="http://www.americanbodybuilding.com" target="_blank">www.americanbodybuilding.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativegraymatter.com/projects/american-body-building/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimum Nutrition</title>
		<link>http://www.creativegraymatter.com/projects/optimum-nutrition</link>
		<comments>http://www.creativegraymatter.com/projects/optimum-nutrition#comments</comments>
		<pubDate>Wed, 21 Jan 2009 16:03:49 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Recent Projects]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.creativegraymatter.com/?p=9</guid>
		<description><![CDATA[Optimum Nutrition is the number one selling brand of protein and nutritional supplements in the world.  The site utilizes a custom CMS to keep customers up to date and promote news and also an integrated online cart with custom features. Visit the site -&#62;]]></description>
			<content:encoded><![CDATA[<p>Optimum Nutrition is the number one selling brand of protein and nutritional supplements in the world.  The site utilizes a custom CMS to keep customers up to date and promote news and also an integrated online cart with custom features.</p>
<p><a href="http://www.optimumnutrition.com" target="_blank">Visit the site -&gt;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.creativegraymatter.com/projects/optimum-nutrition/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

