/* CSS Document */

/************************************************************************

	Site:		thecreativeroad.com

	Author:		eROI		[www.eroi.com]  

	Client:		America Creates		[http://thecreativeroad.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #f7e9c8 url(images/bg_body.gif) repeat-x;
	font: 67.5%/1.6em Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	text-align: center;
}

*, html, * html { 
	margin: 0; 
	padding: 0; 
}

a:link, a:visited {
	text-decoration	: none;
	color: #ff6600;
}

a:hover, a:active {
	text-decoration	: underline;
}

p {
	margin-bottom: 1.1em;
}

.clearer {
	clear: both;
}

br.clearer {
	line-height: 0;
}

a img {
	border: 0;
}

hr {
	display: none;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#header h1 {
	background: url(images/logo_americacreates.gif) no-repeat top left;
	width: 474px;
	height: 78px;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 78px;
}

div#header h1 a {
	display: block;
	width: 474px;
	height: 78px;
	margin: 0;
	padding: 0;
	/*outline: none;*/
	line-height: 78px;
}

div#header h1 a span {
	margin-left: -9999px;
}

div#banner {
	background: url(images/bg_sidebarnew.gif) no-repeat top left;
	background-position: -8px 0;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

div#banner img {
	padding-left: 20px;
}

div#container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

div#blog {
	width: 520px;
	float: left;
	padding: 0 20px;
}

div#sidebar {
	float: left;
	width: 200px;
	background: #f3ddb2;
}

div#sidebartwo {
	float: left;
	width: 200px;
}	

div.inner {
	padding: 10px 10px 15px 15px;
}

/***********************************************************************
	3 - NAV STYLES
************************************************************************/

ul#nav {
	list-style-type: none;
	float: right;
	padding: 50px 0 0 0;
}

ul#nav li {
	display: inline;
	padding-right: 15px;
}

ul#nav li a {
	color: #686766;
	font-weight: bold;
}

/***********************************************************************
	4 - BLOG STYLES
************************************************************************/

div.post {
	padding-bottom: 30px;
}

div.post h2, h2.pagetitle {
	color: #ff6600;
	font-size: 150%;
	clear: both;
}

div.entry {
	padding-top: 5px;
	line-height: 2em;
}

small.postinfo span {
	padding: 0 7px;
}

small.postinfo span.first {
	padding-left: 0;
}

div.entry ul, div.entry ol {
	padding: 7px 0 15px 25px;
}

div.entry ul h2 {
	font-size: 16px;
}

div.inner {
	padding: 10px 15px;
}

div#sidebar h2, div#sidebartwo h2 {
	text-transform: lowercase;
	font-size: 12px;
	padding: 7px 0 2px 0;
}
div.author {
	height: 55px;
}

div.author img {
	vertical-align: middle;
}

div.author span {
	vertical-align: middle;
}

div#sidebar ul {
	padding-left: 10px;
	list-style-type: none;
}

div#sidebar ul#blogroll {
	padding-left: 0;
}


/* Youtube Feed */

div.video {
	height: 55px;
}

div.video img {
	vertical-align: middle;
}

div.video span {
	vertical-align: middle;
}

div#login p {
	margin: 0 0 4px 0;
}

input.textbox {
	padding-left: 2px;
	border: 1px solid #FAAE3C;
	background: #F7E9C8;
}

input.textbox:focus {
	border: 1px solid #FF6600;
}

div#search input.textbox {
	background: #fbf0d8;
}

input#submit, input#searchsubmit, input#submitcomment {
	background: #f7e9c8;
	border: 1px solid #ff6600;
	padding: 2px;
}

input#searchsubmit, input#submitcomment {
	background: #F3DDB2;
}

form#commentform input.textbox, form#commentform textarea {
	background: #fbf0d8;
	border: 1px solid #faae3c;
}

form#commentform textarea:focus, form#commentform input.textbox:focus {
	border: 1px solid #FF6600;
}

div#youtubegallery a img {
	border: 1px solid #ccc;
	text-decoration: none;
}

div#youtubegallery a {
	font-weight: bold;
	text-decoration: none;
}

div#youtubegallery a:hover span {
	text-decoration: underline;
}

p.postmetadata {
	clear: both;
	line-height: 1.2em;
	background: #F3DDB2; /*#fcf6e7;*/
	padding: 5px 10px;
}

ol.commentlist {
	padding-left: 20px;
}

small.commentmetadata {
	float: right;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

div.navigation {
	clear: both;
}

div#sharethisbox {
	clear: both;
}

div.entry img.alignleft {
	float: left;
	margin: 0 10px 3px 0;
}

div.entry img.alignright {
	float: right;
	margin: 0 0 3px 10px;
}

div.entry img.aligncenter {
	display: block;
	margin: 10px auto;
}

/***********************************************************************
	4 - TAG CLOUD STYLES
************************************************************************/

ul#tagcloud { padding:0; margin:0; text-align:left; list-style:none; font-size: 11px; }
ul#tagcloud li { display:inline; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 100%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 105%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 110%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 115%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 120%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 125%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 130%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 135%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 140%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 145%; }

/***********************************************************************
	4 - GOOGLE AD
************************************************************************/
<script type="text/javascript"><!--
google_ad_client = "pub-1110462427932068";
/* The Creative Road,160x600, created 6/7/08 */
google_ad_slot = "0914950703";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
/***********************************************************************
	4 - FOOTER STYLES
************************************************************************/

div#footer {
	clear: both;
	text-align: center;
}