/*************

Commerce Generation Blog
Date: 1/18/10
For WordPress


COLORS:

dark blue: #374D65
light blue: #6187B1
main green: #4F8F37


*************/
.container_12 .grid_4 {
	width:320px;
}

body{
background: transparent url("images/top-blue.png") repeat-x top left;
font-family: "Helvetica Nueve", Helvetica, Arial;
color: #374D65;
}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#999;}
p{
	line-height:2em;
	margin-bottom: 10px;
	font-sioze:12px;
}
/******** page styles below **********/
#respond{
float: left;
}
#top{
	margin: 0 0 40px 0;
}
	#search{
		background: transparent url("images/search-box.png") no-repeat top left;
		width: 282px;
		height: 38px;
		float: right;
		margin: 6px 0 0 0;
	}
		.top-search{
			background: transparent url("images/search-input.gif") no-repeat top left;
			width: 205px;
			height: 20px;
			border: 0;
			float: left;
			margin:9px 0 0 10px;
			padding: 2px 0 0 5px;
		}
		.submit-btn{
			margin: 8px 0 0 5px;
			float: left;

		}
		.top-logo{
			margin: 50px 0 20px 0;
		}
		
	#menu{
	}
		.top-menu{
			margin: 85px 0 0 86px;
		}
			.top-menu li{
				float: left;
				margin: 0 20px 0 0;
				background-color: #374D65;
				-moz-border-radius: 14px;
				-webkit-border-radius: 14px;
				padding: 4px 16px;
				list-style-type: none;
				font-size: 14px;
			}
				.top-menu li a:link,.top-menu li a:visited{
					color: #FFF;
				}
				.top-menu li a:hover{
					color: #6187B1;
				}
/* left side home */

.top-main-header{
	color: #374D65;
	font-weight: bold;
	font-size: 32px;
}
.top-main-sub-header{
	font-size: 20px;
	font-weight: normal;
	color: #4F8F37;
}
.top-sep{
	margin: 25px 0 25px 50px;
	width: 234px;
	height: 1px;
}
.main-slogan{
	font-size: 16px;
	line-height: 2em;
	color: #4F8F37;
	font-weight: normal;
}
.sidebar-heading{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.sidebar-wrap{
	margin-bottom:30px;
}
.sidebar-list{
	margin: 0 0 0 10px;
}
	.sub-label{font-weight:bold;margin-right:10px;}
	.sidebar-list li{
		font-size: 14px;
		list-style: none;
		line-height: 1.8em;
		padding: 0 0 0 20px;
	}
		.even{background-color:#F5F5F5}
		.odd{background-color:#FAFAFA}
		.sidebar-rss-icon{
			background: transparent url("images/social/rss_16.png") no-repeat 0 3px;
			padding: 0 0 0 25px;
		}
		.sidebar-list li a:link,.sidebar-list li a:visited{
			color: #374D65;
		}
		.sidebar-subscribe{
			line-height: 1.5em;
		}
		.sidebar-social-icons{
			text-align: center;
		}
			.sidebar-social-icons img{
				margin-right: 20px;
			}
#twitter{
	background: transparent url("images/tweet.gif") no-repeat top left;
	height: 80px;
	padding: 0 0 0 45px;
}
	.tweet_list{
		list-style-type: none;
		margin: 0 0 0 20px;
	}
	.tweet_list li{
		padding: 6px;
		font-size: 11px;

	}
		.tweet_date{
			clear: both;
			display: block;
			font-weight:bold;
		}	
		.tweet_first{
			background-color: #6087B1;
			color: #FFF;
			border: 3px solid #374D65;
		}
		.tweet_even{
			background-color: #F5F5F5;
			color: #374D65;
		}
		.tweet_list li .tweet_avatar{
			float: left;
			height: 32px;
			width: 32px;
			margin: 0 0 0 10px;
		}
/* right side home */

.post{
	margin:0 0 30px 0;
}
	.post-header{
		font-weight: normal;
		margin:0 0 15px 0;
		font-size: 28px;
	}
	.post-contents{
	
	}
	.post-date-posted,.post-comments{
		padding: 5px;
		margin-bottom: 15px;
		text-align: center;
		width: 100px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.post-date-posted{
		background-color: #374D65;
		color: #fff;
	}
	.post-comments{
		background-color:#4F8F37;
		color: #fff;
	}