#storyContainer {
	background: #fff;
}

#sideColumn {
	float: right;
	width: 190px;
	padding: 5px 15px 0 10px;
}	

/** INNER STORY NAVIGATION *****************************************************
*******************************************************************************/

#sideColumn #story_nav {
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
	margin: 0 0 10px 0;
	padding: 5px;
	text-align: center;
}

#sideColumn #story_nav .previous {
	display: block;
	width: 100px;
	float: left;
	text-align: left;
	margin: 3px 0 0 0;
}	

#sideColumn #story_nav .next {
	display: block;
	width: 80px;
	float: right;
	text-align: right;
	margin: 3px 0 0 0;	
}	


/** MOST POPULAR BOX ***********************************************************
*******************************************************************************/

#sideColumn #mostPopular {
	padding: 0 0 5px 0;
	margin: 20px 0 25px 0;
	border-bottom: 2px solid #6991aa;
	background: #f3f3f3;	
}

#sideColumn #mostPopular h2 {
	font-size: 11px;
	padding: 0 0 1px 0;
	border-bottom: 2px solid #6991AA;
	background: #fff;
	text-transform: uppercase;
}

#sideColumn #mostPopular ul {
	margin: 7px 13px 0 28px;
	padding: 0;
}	

#sideColumn #mostPopular li {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 6px 0;
	list-style: outside decimal;
}

#sideColumn #mostPopular li.all_popular {
	list-style: none;
	font-weight: bold;
	margin-top: 8px;
	text-align: right;
}	

/** STORY TOOLBOX **************************************************************
*******************************************************************************/

#sideColumn #toolBox {
	background: #f3f3f3;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
	font-size: 11px;
	padding: 5px 5px 2px 7px;
	margin: 0 0 7px 0;
	text-align: left;
}	

#sideColumn #toolBox ul {
	line-height: 100%;
}

#sideColumn #toolBox li {
	list-style: none outside;
	margin: 0 0 5px 0;
	line-height: 100%;
	height: 22px;
}

#sideColumn #toolBox li#commentsBullet,
#sideColumn #toolBox li#delicious {
	height: 34px;
}

#sideColumn #toolBox #commentsSoFar {
	color: #B50D0D;
	padding: 0 0 10px 26px;
}	

#sideColumn #toolBox a#toolBoxDelicious {
	background-image: url(/images/design_elements/delicious.small.gif); 
	background-position: 5px 4px;
	background-repeat: no-repeat;
}

#sideColumn #toolBox a#toolBoxComment {
	background-image: url(../images/design_elements/comment.gif); 
	background-position: 2px 4px;
	background-repeat: no-repeat;
}

#sideColumn #toolBox a#toolBoxSendStory {
	background-image: url(../images/design_elements/group.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;	
}

#sideColumn #toolBox a#toolBoxMoreStories {
	background-image: url(../images/design_elements/folder_table.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;	
}

#sideColumn #toolBox a {
	display: block;
	padding: 4px 7px 4px 26px;
	line-height: 100%;	
}

#sideColumn #toolBox li a:hover {
	background: #ccc;
}

#delicious_help {
	padding: 0 0 4px 0;
}

#sideColumn #toolBox #delicious_help a {
	display: inline;
	padding: 0px 0 5px 26px;
}

#sideColumn #toolBox li #delicious_help a:hover {
	background: none;
	color: #d10000;
}

/** MAIN STORY AREA ************************************************************
*******************************************************************************/

#storyBody {
	float: left;
	width: 520px;
	padding: 0 15px 0 15px;
	margin: 5px 0 0 0;
	border-right: 1px solid #d5d5d5;
}

#storyBody h1 {
	font-family: georgia, "times new roman", serif;
	font-size: 34px;
	font-weight: normal;
	padding: 0 0 3px 0px;
}

#storyBody h1.sub {
	font-size: 24px;
	margin: 0 0 8px 0;
}

#storyBody h1.sub a {
	text-decoration: underline;
}

#storyBody h2 {
	font-size: 11px;
	padding: 6px 0 3px 0;
	color: #333;
	line-height: 120%;
}	

#storyBody h2 a:link {
	color: #003670;
	text-decoration: underline;
}	

#storyBody h3 {
	font-size: 11px;
	font-weight: normal;
	color: #555;
	padding: 3px 0 10px 0;
}

#storyBody h4 {
	font-size: 14px;
	color: #000;
	padding: 10px 0 0 0;
}

#storyBody p {
	font-size: 14px;
	line-height: 130%;
	margin: 0 0 10px 0;
}

#storyBody li {
	font-size: 14px;
	line-height: 130%;
	list-style: inside square; 
}

#storyBody dt,
#storyBody dd {
	font-size: 13px;
	font-weight: bold;
	color: #222;
}

#storyBody dt {
	width: 125px;
	text-align: right;
}

#storyBody dd {
	position: relative;
	top: -17px;
	left: 135px;
}	

#storyBody .info {
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	background: #ffc; 
	padding: 4px 4px 4px 6px; 
	margin: 10px 0 20px 0;
	font-size: 12px;
}	

#storyBody .chart,
#storyBody .chart td {
	font-size: 12px;
}

#storyBody .chart {
}

#storyBody .chart td {
	padding: 4px 15px 4px 0;
	border-bottom: 1px solid #ddd;
}

#storyBody #media_purchase {
	padding: 5px 0 5px 0;
	margin: 25px 0 30px 0;
	border-top: 3px solid #999;
	border-bottom: 1px solid #999;
}	

#storyBody #media_purchase .store {
	float: left;
	width: 250px;
	/*\*//*/
	width: 230px;
	/**/
	margin: 0 20px 0 0;
	font-size: 11px;
	font-weight: bold;
}	
	
#storyBody #top {
	text-align: right;
	margin: 20px 0 30px 0;
	padding: 0 18px 0 0;
	font-size: 11px;
	background: url(../images/design_elements/bullet_arrow_up.gif) right no-repeat;
}	

#storyBody #top a {
	color: #003670;
}
	
/** STORY COMMENTS *************************************************************
*******************************************************************************/

#storyBody .comment {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	padding: 3px 3px 0 5px;
	margin: 0 0 9px 0;
}

#storyBody .comment .commenterName {
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 0 0;
}

#storyBody .comment .commentTime {
	font-size: 11px;
}

#storyBody .comment .commentText {
	font-size: 12px;
	padding: 7px;
}

/** STORY PHOTO BOX ************************************************************
*******************************************************************************/

#storyBody .wedding_photo {
	float: right;
	width: 300px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	margin: 0 0 15px 15px;
	clear: both;
	font-size: 11px;	
}

#storyBody .wedding_photo img {
	margin: 0 0 4px 0;
}	

#storyBody #storyPhotoBox {
	float: right;
	width: 200px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	margin: 0 0 15px 15px;
	clear: both;
}

#storyBody #storyPhotoBox #storyPhoto {
}


#storyBody #storyPhotoBox img {
	border: 0;
}

#storyBody #storyPhotoBox .buyPhoto {
	width: 198px;
	background: #fff;
	border: 1px solid #bbb;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 6px 0;
}

#storyBody #storyPhotoBox .buyPhoto a {
	display: block;
	color: #B50D0D;
	text-decoration: none;
	padding: 3px 4px 3px 4px;	
	background: #efefef;
}	

#storyBody #storyPhotoBox .buyPhoto a:hover {
	background: #C7D8EC;
}	
	
#storyBody #storyPhotoBox p.photoCredit {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 100%;
	margin: 2px 0 4px 0;
	text-align: right;
}

#storyBody #storyPhotoBox p.cutline {
	font-size: 11px;
	line-height: 130%;
}	

/** STORY SIDEBAR **************************************************************
*******************************************************************************/

#storyBody .sidebar {
	float: right;
	width: 200px;
	padding: 10px;
	background: #efefef;
	border: 1px solid #ccc;
	margin: 0 0 15px 0px;
	clear: both;
	font-size: 12px;
	line-height: 130%;
}

#storyBody .sidebar h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0 0 4px 0;
}

#storyBody .sidebar p {
	font-size: 12px;
	line-height: 130%;
	margin: 0 0 7px 0;
}


/** RELATED STORIES ************************************************************
*******************************************************************************/

#storyBody #relatedStories {
	padding: 10px 0 15px 0;
}

#storyBody #relatedStories h2 {
	font-size: 13px;
	margin: 10px 0 0 0;
	color: #000;
	border-bottom: 2px solid #6991AA;
}

#storyBody #relatedStories ul {
	margin: 7px 0 0 17px;
}	

#storyBody #relatedStories li {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 3px 0;
	list-style-image: url(../images/design_elements/list_arrow.gif);
	list-style-position: outside;
}


/** BOTTOM STORY BOXES *********************************************************
*******************************************************************************/

#bottomStoryBoxes {
	margin: 25px 0 0 0;
}

#bottomStoryBoxes h2 {
	font-size: 11px;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
	padding: 0 0 2px 0;
	color: #000;
	border-bottom: 2px solid #6991AA;
}

#bottomStoryBoxes .readMoreBox {
	float: left;
	width: 107px;
	margin: 0 10px 7px 0; 
	padding: 5px 5px 2px 5px;
	background: #efefef;
	border: 1px solid #ccc;
	height: 142px;
}	

#bottomStoryBoxes .bottomNewsPhoto {
	border: 1px solid #555;
	margin: 0 0 3px 0;
}	

#bottomStoryBoxes .readMoreBox h4 {
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	line-height: 12px;
	padding: 0;
}	

/** MOST POPULAR PAGE **********************************************************
*******************************************************************************/
#popular_body {
	padding: 15px 0 0 0;
}

#popular_body .row {
	padding: 0 0 25px 0;
}	

ul#popular_category {
	float: left;
	width: 100%;
	display: inline;
	list-style: none;
	margin: 15px 0 5px 0;
	background: url(../images/design_elements/grey_line.gif) bottom repeat-x;
}	
	
ul#popular_category li {
	display: inline;
	float: left;
	margin: 0 3px 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	 /*\*//*/
	 width: 100px;
	 /**/
}
	
ul#popular_category li a {
	display: block;
	padding: 5px 8px;
	color: #333;
	text-decoration: none;
	border: 1px solid #ddd; 
	border-bottom: 0;
	line-height: 100%;
}	

ul#popular_category li a:hover {
	color: #fff;
	background: #5E80AD;
}

.News ul#popular_category li a#popular_news,
.Living ul#popular_category li a#popular_living,
.Opinion ul#popular_category li a#popular_opinion {
	background: #cfcfcf;
}	

.News ul#popular_category li a#popular_news:hover,
.Living ul#popular_category li a#popular_living:hover,
.Opinion ul#popular_category li a#popular_opinion:hover {
	color: #333;
}

#popular_body .popular_column {
	width: 250px;
}

#popular_body .left {
	float: left;
}	

#popular_body .right {
	float: right;
}	

#popular_body .popular_column ul {
	margin: 7px 13px 0 28px;
	padding: 0;
}	

#popular_body .popular_column li {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 4px 0;
	list-style: outside decimal;
}