@charset "utf-8";

* html .visualIEFloatFix { height: 0.01%; }

div.clear {
 [if ! Opera] clear: both;
 }


/** 3-COLUMN LAYOUT ************************************************************/
.three-col-articles {
}

.three-col-articles .colA {
	float: left;
	width: 200px;
	padding: 10px;
}
.three-col-articles .colB {
	float: left;
	width: 483px;
	padding: 0;
	background-color: #FFF;
	margin: 0 0 10px 0;
}
.three-col-articles .colBContainer{
	padding: 10px;
	margin: 0;
	border: 1px solid #CCC;
}
.three-col-articles .colC {
	float: left;
	width: 234px;
	padding: 0;
	background: #FFF;
	margin: 0 0px 10px 0;
}
.three-col-articles .colCContainer{
	padding:10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
/**FEATURED ARTICLES ************************************************************/


/** RELATED ARTICLES ************************************************************/
.relatedContainer{
	 padding:0;
	 margin: 0 0 30px 0;
	 border-bottom: 1px solid #CCC;
}
.relatedContent {
	margin: 0 0 10px 0;
	padding: 10px 0px 0px 0px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: url(http://www.whatitcosts.com/img/homepage12.gif);
}
.relatedContent p{
	padding: 10px 18px 0px 0;
	margin: 0;
}
.relatedContent li{
	/*list-style: circle;*/
}
.relatedContent ul{
	/*list-style-position: outside;*/
}

/** ARTICLES ************************************************************/
.author{
	font-size:12px;
	float: left;
	width: 30%;
}
.printEmail{
	font-size:12px;
	text-align: right;
	width: 70%;
	float: left;
}

.headerContainer{
	color:#24486B;
	font-size:17px;
	font-weight:bold;
	border-bottom:1px solid #24486B;
	height: 25px;
	margin: 0 0 5px 0;
}
.articleBody{
	color:#383838;
	font-size: 14px;
	margin: 5px 0 0 0;
	padding: 10px;
}
.articleLink{
	font-style:normal;
}
.recentListContainer{
	margin: 20px 0 0 0;
}

.recentListContainer a{
	color:#336699;
}
.recentListContainer a:hover{
	color:#336699;
}

/** IMAGES ************************************************************/
.imgLeft{
	float:left;
	padding:13px 10px 10px 0;
}
.imgRight{
	float:right;
	padding:10px 0 10px 10px;
}

/** ADS **/
.adTextContainer{
	text-align:center;
	margin: 10px 0 10px 0;
}
.adRightCol{
	padding:0 0 0 30px;
}

/** BALLPARK ************************************************************/
.ballpark{
	margin: 0 0px 10px 40px;
	background-color:#eee;
	border: solid 1px;
	border-color: #CCC;
	width: 350px;
	height: 64px;
	padding: 2px 0 0 0;
}
.ballparkpic1{
	width: 60px;
	background: url(http://www.whatitcosts.com/img/icon_ballpark2.gif) center;
	float: left;
	margin: 5px 10px 0 10px;
	height: 60px;
}
.ballparkpic2{
	width: 60px;
	background: url(http://www.whatitcosts.com/img/icon_ballpark2.gif) center;
	float: right;
	height: 60px;
	margin: 5px 10px 10px 0;
}
.ballparkContainer{
	background: url(http://www.whatitcosts.com/img/ballpark.gif);
	width: 400px;
	padding: 35px 0 0 0;
	margin: 40px 0 20px 30px;
	text-align: center;
	font-size: 16px;
	color: #336699;
	height: 41px;
	font-weight: bold;
}
.ballparkContent{
	font-size: 20px;
	color: #336699;
	font-weight: bold;
	text-align: center;
	padding: 35px 0 0 0;
	margin: 0px 0 0 0;
	height: 76px;
}

/** INSIDE ARTICLE ************************************************************/

.insideArticle {
	padding:10px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	border: 1px dashed #CCC;
	background-color:#EEEEEE;
	overflow: hidden;
	width: 360px;
}

.insideArticleContainer {
	padding:10px 0px 0 20px;
	float:left;
	width: 160px;
}
.insideArticleContainer ul {
	padding:0;
	color:#336699;
	/*list-style-image: url(http://www.whatitcosts.com/img/icon_arrow_gray.gif);*/
	margin: 0;
	list-style-type: square;
}

.insideArticleContainer li {
	padding:0;
	/*line-height: 12px;*/
	
}
.insideArticleContainer a {
	text-decoration:none;
	color:#336699;
	font-size:12px;
	font-weight:bold;
}
.insideArticleContainer a:hover {
	text-decoration:underline;
	color:#336699;
	font-size:12px;
	font-weight:bold;
}
/*


a.insideArticleList{
	text-decoration:none;
	color:#336699;
	font-size:12px;
}
a.insideArticleList:hover{
	text-decoration:underline;
}*/



/** TOOLS ************************************************************/

.stbuttontext{

color:#336699

} 
.sharethis{
	padding: 0;
	float: left;
}
.rss{
	padding: 0px 15px 0 20px;
	background: url(http://www.whatitcosts.com/img/rss_small.gif) left no-repeat;
	color: #336699;
	margin: 0 0 0 10px;
}
.comments{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_comment.gif) left no-repeat;
	color: #336699;
}
.print{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_print.gif) left no-repeat;
	color: #336699;
}
.email{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_email.gif) left center no-repeat;
}
.slashdot{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/email.gif) left no-repeat;
}
.furl{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_furl.gif) left center no-repeat;
	font-size: 12px;
}
.digg{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_digg.gif) left no-repeat;
	font-size: 12px;
}
.reddit{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_reddit.gif) left no-repeat;
	font-size: 12px;
}
.stumbleupon{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_stumbleupon.gif) left no-repeat;
	font-size: 12px;
}
.delicious{
	padding: 0 10px 0 20px;
	background: url(http://www.whatitcosts.com/img/icon_delicious.gif) left no-repeat;
	font-size: 12px;
}

.emailforms{
	font-size: 12px;
	font-weight: bold;
}

/** PAGES ************************************************************/
.toolContainer{
	padding: 0;
	margin: 0;
}
.shareToolContainer{
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
	background-color: #EEF7FC;
	border: 1px solid #CCC;
	height: 30px;
}
.contentPagination{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 6px 0 6px 0;
}
.contentBookmark{
	float:left;
	width:110px;
	padding:5px 0 0 10px;
	display: none;
}
.pageNumber, .pageSeparator, .pageText{
	color:#24486B;
	font-weight:bold;
	padding:0 4px 0 4px;
}
.pageDisabled{
	padding:5px;
	color:#999;
}
.pageArrowRight{
	position:relative;
	left:2px;
	top:-1px;
}
.pageArrowLeft{
	position:relative;
	right:2px;
	top:-1px;
}
a.contentPage{
	text-decoration:none;
	padding:5px;
	color:#24486B;
}
a.contentPage:hover{
	text-decoration:none;
	background-color:#FFF;
	color:#24486B;
	border:1px solid #CCC;
	padding:4px;
}
}