/* Charlotte Theme */

/* Site Image Overrides */

h1 {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/header.png) no-repeat center;
}

.content .arrowDown {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/arrow-down.png) no-repeat right center;
}

.content .arrowLeft {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/arrow-left.png) no-repeat right center;
}

.story .image {
	background-image: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/image-bkgd.png);
}

.navigation {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/image-nav.png) repeat-x;
}

#settingsWrap .navigation p.navMenu a, #insiteLogin .navigation p.navMenu a, .navigation ul.navLinks li.navMenu a, .navigation ul.navLinks li.weatherTempWrap p {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/image-nav.png) no-repeat right -36px;
}

#settingsWrap .navigation p.navMenu, #insiteLogin .navigation p.navMenu, .navigation ul.navLinks li.navMenu, .navigation ul.navLinks li.weatherTempWrap, .navigation ul.navLinks li.weatherTempWrap img {
	background: url(http://media.charlotteobserver.com/static/styles/smartphone/themes/mi_theme/images/image-nav.png) no-repeat left -36px;
}

/* Base Colors */

#story_activity_count, #galleryImageNav {
	background: #0079C1 url(/static/images/mi/smartphone/shine.png) repeat-x 0 -1px;
}

.newStory {
	border-right: solid 5px #0079C1;
}

/* Pluck Fix */

div.content .comWrapper {
	width: 100% !important;
	margin: 0px;
	padding: 0px;
	display: block;
	float: none;
}

div.content p#nyxComments_header {
	margin: 5px 10px;
	font-size: .9em;
	font-weight: normal;
}

div.content .nyxComment {
	font-size: .9em;
	background-color: #FFF;
	padding: 0;
	font-family: Helvetica, sans-serif;
}

div.content .nyxComment a {
	text-decoration: none;
	color: #2076B1;
	font-weight: bold;
}

div.content .nyxComment img.avatar {
	width: 60px;
	height: 60px;
	float: left;
}

div.content .nyxComment .commentBlock {
	padding: 0px;
}

div.content #nyxComments_dynamicContent {
	margin: 10px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.content .commentBlock p.pluckCommentBody {
	margin: 0px;
	display: inline;
}

div.content .nyxComment .commentRecommend {
	padding: 10px;
	display: block;
	color: #2076B1;
}

div.content .nyxComment .commentAbuse {
	padding-left: 0px;
	color: #2076B1;
}

div.content div.Comments_AddTextarea textarea {
	border: 1px solid #999;
}

div.content div.Comments_AddHeading {
	font: normal .9em Helvetica, sans-serif;
	color: #136aa8;
}

div.content div.SiteLife_Login {
	padding: 0;
	font: bold .9em Arial, Helvetica, sans-serif;
	margin: 0;
	background: none;
}

div.content div.SiteLife_Login a {
	color: #136aa8;
}

div.content div.commentBlock {
	margin: 0;
	padding: 0 10px !important;
}

div.content div.commentBlock p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	margin-left: 65px !important;
	display: block !important;
}

div.content div.pluckComAuth {
	font-size: 1em;
	margin: 10px 0;
	padding-top: 10px;
	font-weight: bold;
}

div.content #nyxComments_pager {
	text-align: center;
	padding: 0;
	margin: 10px;
	font-size: 1em;
}

div.content .paginationNavLinks span, div.content .paginationNavLinks a {
	margin: 0;
	padding: 4px;
}

div.content .paginationNavLinks span {
	color: black;
	border: 0px solid white;
}

div.content .paginationNavLinks a {
	color: #2076B1;
	text-decoration: none;
	border: 0px solid rgb(86, 139, 62);
}

div.content .paginationNavLinks A:visited {
	color: #2076B1;
}

div.content #Comments_Container {
	margin: 0;
}

div.content #commenting_inputForm {
	text-align: center;
}

div.content .Comments_AddTextarea {
	margin: 10px 0;
	padding: 0 10px !important;
}

div.content textarea#commentBody {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	display: block !important;
}

div.content input#comment_submit_button {
	margin-bottom: 10px;
}

div.content .Sitelife_PluckLogo {
	text-align: center;
	margin: 20px 0 5px 0;
}


/* Had to overide a pluck style on popular channels here */
ul#RecDiscOutput_dynamicContent li a, ul#ComDiscOutput_dynamicContent li a {
	font-family: 	Helvetica, sans-serif !important;
}

/* Pluck text size override - Set size back to baseline */

div.content .discoArticle {
	font-size: 1em;
}