@charset "utf-8";

#storiesForm {
	float:left;
	width:100px;
	margin:80px 0px 0px 25px;
}

#sumbitYourForm {
	position:relative;
	width:520px;
	height:507px;
	float:left;
	margin-top:80px;
	background-image:url(../../imgs/stories/compose/stories_textarea.jpg);
	background-repeat:no-repeat;
	background-position:0px 21px;
	border:1px solid #FF0000
}

#storiesOptions {
	float:left;
	width:170px;
	margin:80px 0px 0px 10px;
}

.storiesOptions {
	float:right;
	display:block;
	margin:10px 0px;
}

.storiesFormSection {
	margin:15px 0px;
}

.sectionTitle {
	font-size:12px;
	font-weight:800;
	color:#31748f;
}

.additionalComments {
	width:220px;
	font-size:9px;
}

#myStoriesLibrary {
	line-height:16px;
}

#textInputDiv {
	margin:0px 20px 0px 16px;
	padding-top:10px;
	width:380px;
	height:340px;
}

.submiitStoriesbttns {
	float:right;
	padding-right:4px;
}

#submitYourStoryOptions {
	text-align:right;
	margin:4px 0px 0px 0px;
}

.alertCheckboxLabel {
	width:13px;
}

.submitStoryTextarea {
	overflow: scroll;
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical
}

.worksInProgessTitle {
	font-weight:700;
	text-align:right;
	display:block;
	color:#66;
}

.lastUpdated {
	text-align:right;
	display:block;
}

.editText {
	color:#31748f;
}

.myStoriesSection {
	margin-top:8px;
}

.sectionHeading {
	text-align:right;
}

.commentsText {
	font-size:10px;
	float:right;
	color:#31748f;
}

#suggestedTopicsParagraph {
	color:#66;
	text-align:right;
}

#suggestedTopics div {
	float:right;
	text-align:right;
	margin-bottom:5px;
}

div.submitStoryBox {
	margin-top:38px;
}

.storyBrowseLink {
	margin: 0 0 12px 0;
}
.storyTitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	color: #0089db;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
}
.storyInfo {
	color: #222;
	font-size: 12px;
	margin: 0 15px 22px 15px;
	padding: 0;
	width: 395px;
	float: left;
}
.storyInfo .divider {
	padding: 0 0.4em;
}
.storyInfo a.commentsLink, .storyInfo a.commentsLink:visited {
	color: #edc553;	
}
.authorInfo {
	display: inline;
}
.authorInfo a img {
	vertical-align: middle;
	padding: 4px 0;
}
.authorInfo a img.authorImg {
	width: 50px;
	vertical-align: bottom;
	margin: 0 6px 0 0;
}
.storyContent {
	clear: left;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.010em;
	width: 485px;
	padding: 0 15px 0 0;
	margin: 15px 15px 25px 15px;
	height: 450px;
	overflow-y: auto;
}

#storyReadLayout {
	border: 1px solid #f9e8c6;
	border-top: none;
	padding: 2px 14px;
}

.storiesPaging {
	text-align:right;
	margin:5px 0 10px 0;
}

#storiesList .storyRow {
	cursor:pointer;
}
#storiesList .storyRow div {
	cursor:pointer;
}
#storiesList .storyImg {
	float: left;
}
#storiesList .storyStats {
	white-space:nowrap;
	margin: 0 0 5px 0;
}

/* styles for story detail page */
#storyDetail {
	border: 1px solid #f9e8c6;
	border-top: none;
	background: url('../../imgs/stories/read/bg_story_sidebar.png') repeat-y 14px 0px;
}
#sidebar {
	width:162px;
	float: left;
	padding: 0 0 0 15px;
}
#storyImg {
	padding: 15px 15px 15px 0;
	background-color: #fff;
}
#storyImg img {
	width:147px;
	display:block;
}
#sidebar .text {
	padding: 0 8px 0 22px;
	margin: 0 16px 0 0;
	text-align:right;
}
#sidebar h4, #sidebar a.sidelink {
	font-size:12px;
	line-height:18px;
	color:#333;
	display: block;
	font-weight:bold;
}
#sidebar a.sidelink {
	margin: 0 0 8px 0;
}
#sidebar p {
	margin: 0 0 8px 0;
}
#storyMain {
	width: 332px;
	float: left;
	padding: 15px 12px 0 0;
}
#storyInfo {
	margin: 0 0 15px 0;
	color: #919191;
	line-height: 20px;
}
#storyInfo h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #484848;
}
#storyInfo .sep {
	padding: 0 0.4em;
}
#storyInfo .commentsLink {
	color:#FFBA00;
}
#storyText {
	min-height:352px;
	margin: 0 0 14px 0;
	color: #333;
	font-size:13px;
	line-height:16px;
}
.storyTextPaged {
	height: 352px;
	overflow: hidden;
	position: relative;
}
.storyTextPaged .storyText_wrapper {
	position: absolute;
	top:0px;
	left:0px;
}
#storyPaging {
	margin:0;
	text-align:right;
	font-size: 10px;
	line-height:12px;
	color:#333;
	text-transform:uppercase;
}
.pagingLinks {
	color:#999;
}
.pagingLinks a {
	color:#0072cf;
}
.pagingLinks .pagingTitle, .pagingLinks .currentPage {
	color:#ffba00;
}
.pagingLinks .prevPage {
	display:none;
}
#comments {
	padding: 30px 0 15px 0;
	background-color: #fff;
	clear:left;
}
#commentsHeader {
	color:#333;
	font-size:13px;
	line-height:120%;
	margin: 0 0 26px 0;
	position: relative;
}
#commentsHeader .authorImg {
	margin: 7px 11px 0 14px;
	float: left;
	width: 44px;
	overflow:visible;
	position: absolute;
}
#commentsHeader .authorImg img {
	width: 44px;
	display: block;
}
#commentsHeader h3 {
	font-size:22px;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	background-color:#99c5ec;
	padding: 0 0 0 70px;
}
#commentsHeader p {
	margin: 12px 0 0 70px;
}
#commentsHeader .addFriendBttn {
	float: right;
	margin: 12px 16px 0 18px;
}
#commentsHeader .addFriendBttn img { display: block; }
#comments .discussContainer {
	padding: 0 18px 0 14px;
	width: 490px;
	border:none;
}
#comments .discussPost .discussPostHeader {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#333;
	margin: 0 0 5px 0;
}
#comments .textareaWrapper {
	background-color:transparent;
	border:none;
	margin:0 0 8px 0;
	padding:0;
}
#comments textarea {
	width:475px;
	/*height:15px;*/
	font-size: 12px;
	line-height: 14px;
	font-family: Arial,Helvetica,sans-serif;
	color: #333;
	padding: 5px;
}

/* overrides for widths in comments section */
#comments .discussComments .first {
	padding: 0;
	margin: 0;
	border-top: none;
}
#comments .discussThread {
	width:490px;
	padding: 9px 0 0 0;
	border-top: 1px solid #b9d8f0;
	margin: 17px 0 0 0;
}
#comments .postContainer {
	margin: 0;
}
#comments .postContent {
	width:420px;
}
#comments .postReplies {
	width:410px;
	margin:10px 0 0 45px;
	background-color:transparent;
	border:none;
	padding: 0;
}
#comments .postReplies .postContainer {
	margin: 0 0 2px 0;
	padding: 12px 9px;
	background-color:#f0f4f8;
	width: 391px;
}
#comments .postReplies .imgContainer {
	width: 53px;
}
#comments .postReplies .postContent {
	width:338px;
}

#t_and_c {
	border-color: #9cf;
}
#comments .postReplyForm {
	display: none;
	float: left;
	margin:0 0 2px 45px;
	padding: 12px 13px 12px 9px;
	width: 387px;
	background-color:#f0f4f8;
}
#comments .postReplyForm div.memberImg {
	float: left;
	margin: 0 11px 0 0;
}
#comments .postReplyForm form {
	display: block;
	float: left;
	width:331px;
}
#comments .postReplyForm textarea {
	width: 321px;
	height: 34px;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 12px 0;
}
#comments .postReplyForm .bttnPostComment {
	float: right;
}
#comments .placeholderReplyForm {
	float: left;
	margin:0 0 2px 45px;
	padding: 12px 13px 12px 9px;
	width: 387px;
	background-color:#f0f4f8;
	cursor: pointer;
}
#comments .placeholderReplyText {
	width: 373px;
	height: 23px;
	border: 1px solid #ccc;
	padding: 4px 4px 4px 8px;
	margin: 0;
	background-color: #fff;
	line-height: 23px;
	color:#333;
}
#comments .discussComments {
	float: left;
}