/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display: block;
}

body {
	line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table, td, th {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */

a img {
	border: none;
}

/* ----------- END OF RESET.CSS ----------- */

html {
	text-align: center;
}

body {
	text-align: left;
	font-family: Nobile, Lucida, Verdana, sans-serif;
	color: #12362d;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;


/*background: #000 fixed;*/
}

.container {
	margin: 0 auto;
	width: 794px;
	}
	
a:link{
	text-decoration: none;
	/*border-bottom: 1px #12362d dotted;*/
	color: #c3003d;
}

a:visited{
	color: #4F1025;
	text-decoration: none;
	/*border-bottom: 1px #12362d dotted;*/
}

a:hover{
	color: #78aa00;
		text-decoration: none;
	/*border-bottom: 1px #12362d dotted;*/
}

a:active{
	color: #12362d;
		text-decoration: none;
	/*border-bottom: 1px #12362d dotted;*/
}


#header {
	margin-right: 15px;
	font-size: 15px;
}

#header .nav {
	text-align: right;
	margin-top: 1em;

}

#header .nav li {
	display: inline;
	padding-left: 2em;
}

#header .nav li a {
	text-decoration: none;
	color: #333333;
}


.container .wrapper {
	margin-top: 15px;
	background-color: #fafafa;
	width: 794px;
	height: 100%;
	border: 1px solid #f5f5f5;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}





h3{
	font-size: 20px;
	color: #78aa00;
	margin-top: 15px;
	text-shadow: 1px 1px 1px #fff;
}



#search {
	float: right;
	display: block;
	font-family: Nobile, Lucida, Verdana, sans-serif;
	margin-right: 15px;
	margin-top: 15px;
}

#search .search input {
	background-color: #fff;
	border: thin solid #d5d5d5;
	font-family: Nobile, Lucida, Verdana, sans-serif;
	width: 260px;
	height: 25px;
	font-size: 13px;
	color: #bcbcbc;
	padding: 0 5px;
	margin-right: -5px;
/*padding: 2px;*/


}

#search .search button {
	border: none;
	background-color: #c5003e;
	width: 57px;
	height: 28px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	margin: 0;
	/*margin-bottom: -1px;*/
	padding: 0;
}


#infoSidebar {
	position: relative;
	float: left;
	width: 175px;
	margin-left: 15px;
	padding: 0;
}

#infoSidebar #logoBox {
	width: 175px;
	padding: 0;
	margin-top: 65px;
}

#infoSidebar .infoBubble {
	margin-top: 40px;
	font-size: 13px;
}

#infoSidebar .infoBubble img{
	margin-left: 10px;
	/*margin-top: 10px;*/
	/*padding: 5px;*/
}

/*#infoSidebar #infoBubble p{
		padding-top: 2.5em;
		padding-left: 1em;
		padding-right: 0.5em;
	}*/

#wrapperContent {
	position: relative;
	float: left;
	width: 561px;
	margin-left: 25px;
	margin-bottom: 15px;
}

#featured {
	position: relative;
	margin-top: 25px;
	padding: 0;
	
}

#featured .featuredTales {

}

#featured .featBox1 {
	-moz-border-radius:15px 1px 15px 1px;
	-webkit-border-radius:15px 1px 15px 1px;
	margin-top: 15px;
	margin-right: 10px;
	width: 245px;
	height: 136px;
	float: left;
	display: block;
	/*cursor: pointer;*/
	/*margin-right:4.3px;*/
			font-size: 13px;
	/*margin-left: 5px;*/
			/*padding: 1px 0px 0px 5px;*/
	background-color: #ffffff;
	line-height: 17px;
	border: 1px solid #cccccc;
	padding: 10px;
}

#featured .featBox2 {
	-moz-border-radius:15px 1px 15px 1px;
	-webkit-border-radius:15px 1px 15px 1px;	
	margin-top: 15px;
	width: 245px;
	height: 136px;
	float: right;
	display: block;
	/*cursor: pointer;*/
	/*margin-right: 4.3px;*/
	font-size: 13px;
	/*margin-left:5px;*/
			/*padding: 1px 0px 0px 5px;*/
	background-color: #ffffff;
	line-height: 17px;
	border: 1px solid #cccccc;
	padding: 10px;
	/*overflow: auto;*/
}

.home #featured .featBox1 a, .home #featured .featBox2 a {
	text-decoration: none;
	color: #333333;
}

.home #featured .featBox1 .author, .home #featured .featBox2 .author {
	color: #c5003e;
}

#featured .more {
	position: absolute;
	/*bottom: 2px;
	right: 2px;*/
	/*text-align: right;*/
	margin-bottom: 25px;
	padding: 2px;
	bottom: 0;
	color: #78AA00;
	/*background-color: #e4ff61;*/
}

.featBox1 hr, .featBox2 hr {
	color: #e4ff61;
	margin: 5px 2px 5px 2px;
	padding: 0;
}

#featured .featuredDivider {
	position: relative;
	/*top: 205px;*/
	height: 2px;
	padding: 0;
	margin-top: 15px;
}

#sort {
	/*clear: both;*/
	position: relative;
	margin-top: 25px;
	/*text-align: right;*/
	/*float: right;*/
	
}
#sort p {
	position: absolute;
	/*right: 0*/
	float:right;
	right: 110px;
	top: -4px;
	font-size: 15px;
	margin-right: 10px;
	/*float: right;*/
}

#sort select{
	float:right;
	right: 0;
	/*top: 5px;*/
	/*top:  255px;*/
}

#storyBoxes {
	clear: both;
	position: relative;
	/*margin-top: 35px;*/

}

#storyBoxes .storyBox1, #storyBoxes .storyBox3{
	margin-top: 25px;
	margin-right: 10px;
	/*border-left: 1px solid #cccccc;*/
	width: 245px;
	height: 136px;
	float: left;
	display: block;
	/*cursor: pointer;*/
	/*margin-right:4.3px;*/
	font-size: 13px;
	/*margin-left: 5px;*/
			/*padding: 1px 0px 0px 5px;*/
	/*background-color: #dee3eb;*/
	line-height: 17px;
	/*border: 10px solid #fff;*/
	/*-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;*/
	padding: 10px;
}

#storyBoxes .title, #featured .title, #Text .talesBox .title{
	border-color: #f00;
	font-weight: bold;
}

.storyBox1 hr, .storyBox2 hr, .storyBox3 hr, .storyBox4 hr{
	color: #c5003e;
	margin: 5px 2px 5px 2px;
	padding: 0;
}

#storyBoxes .storyBox2, #storyBoxes .storyBox4{
	margin-top: 25px;
	/*border-left: 1px solid #cccccc;*/
	/*margin-right: 10px;*/
	width: 245px;
	height: 136px;
	float: right;
	display: block;
	/*cursor: pointer;*/
	/*margin-right:4.3px;*/
			font-size: 13px;
	/*margin-left: 5px;*/
			/*padding: 1px 0px 0px 5px;*/
			/*background-color: #dee3eb;*/
	line-height: 17px;

	/*right: 0;*/
	/*border: 10px solid #fff;*/
	padding: 10px;

}


#storyBoxes .storyBox1 a, #storyBoxes .storyBox2 a, #storyBoxes .storyBox3 a, #storyBoxes .storyBox4 a, .talesBox a {
	text-decoration: none;
	color: #333333;
}


#storyBoxes .storyBox1 .author, #storyBoxes .storyBox2 .author, #storyBoxes .storyBox3 .author, #storyBoxes .storyBox4 .author, .talesBox .author {
	color: #c5003e;
}

#storyBoxes .storyBox1 .more, #storyBoxes .storyBox2 .more, #storyBoxes .storyBox3 .more, #storyBoxes .storyBox4 .more, .talesBox .more {
	/*position: absolute;*/
	margin-bottom: 25px;
	padding: 2px;
	bottom: 0;
	color: #78AA00;

	/*right: 20px;*/
	/*background-color: #e4ff61;*/
}

#wrapperContent .view_all{
	font-size: 12px;
	float: right;
	margin-top: 15px;
}

#wrapperContent .view_all a:link, #wrapperContent .view_all a:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
	
}


/* alltales.html */

.tag{
	padding: 0 5px;
}

.talesBox {
	margin-top: 25px;
	width: 245px;
	height: 136px;
	float: left;
	display: block;
	/*cursor: pointer;*/
	font-size: 13px;
	line-height: 17px;
	padding: 10px;
}


/* story.html */


/*#pane1{
	height: 200px;
	position: relative;
}*/



/*#stories a.info:hover {
	z-index: 21;
}

a.info span {
	display: none;
	text-align: center;
}

a.info:hover span {
	display: block;
	position: relative;
	top: -50px;
	text-align: left;
	background-color: #9DB332;
	color: #fff;
	padding: 5px;
	width: 150px;
	right: 20px;
	z-index: 40;
}*/

/*#stories #story1 {
	margin-top: 20px;
}

#stories #story1 a, #stories #story2 a, #stories #story3 a {
	display: block;
	text-decoration: none;
	color: #333333;
	height: 150px;
	width: 175px;
}

#stories .more {
	padding: 0;
	margin: 0;
	float: right;
}

#stories #story2 {
	margin-top: 20px;
}

#stories #story4 {
	margin-top: 20px;
}

#stories .greyed, #stories .greyed span {
	color: #bbb;
	background: #f3f3f3;
	cursor: default;
}*/


#doThis{
	/*margin-top: 25px;*/
}

#doThis .randomLoveQuote{
	color: #77AB42;
}

#contentBox #inputText {
	/*position: relative;*/
	margin-top: 30px;
	/*padding: 15px;*/
}

/*votes*/

#votes, #newVote{
	margin-top: 35px;
}

#newholder{
	position: relative;
}



 #voteRanking, #newvoteRanking {
	height: 230px;
	width: 515px;
	/*overflow: auto;*/
	/*margin-top: 20px;*/
}

#voteRanking .jScrollPaneContainer jScrollPaneScrollable{
	
}

#voteRanking ul, #newvoteRanking ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#voteRanking ul li .like, #newvoteRanking ul li .like {
	text-align: right;
	padding-right: 10px;
}

/*.voteRanking ul li .vote_ranking {
			float: left;
			padding: 5px;
			margin-right: 5px;
			text-align: center;
			font-weight: bold;
			background: #e4ff61;
		}*/

#voteRanking ul li, #newvoteRanking ul li {
	padding: 10px;
	border-bottom: 1px solid #d7e258;
	/*height: 72px;*/
	color: gray;
}

#voteRanking ul li:hover, #newvoteRanking ul li:hover {
	/*background: #e4ff61;*/
	/*font-style: italic;*/
	color: #12362d;
}


/*#voteRanking ul li:hover .vote_buttons{
				font-style: normal;
			}*/

#voteRanking a:link, #newvoteRanking a:link {
	margin-right: 3px;
	font-size: 13px;
	text-decoration: none;
	/*border-bottom: 1px #12362d dotted;*/
	color: #c3003d;
}

#voteRanking a:hover, #newvoteRanking a:hover{
	color: #78aa00;
}





/* about.html */
#about #wrapperContent, #help #wrapperContent, #new #wrapperContent, #tale #wrapperContent{
	/*border: 10px solid #fff;*/
	font-size: 14px ;
	
}

#contentBox{
	margin-top: 25px;
	padding: 15px 15px 15px 15px;
	border-left: 1px solid #d7e258;
	/*margin-bottom: 15px;*/
}
#contentBox #Text {
	margin-top: 50px;
}

#Text ol{
	margin-left: 25px;
	padding: 10px;
	line-height: 1.5em;
}

#Text ol li{
	margin-top: 15px;
}





/* new.html */

#newText, #newVotes {
	margin-top: 20px;
}

#newForm {
	margin-top: 20px;
}

#newForm label {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#newForm input[type="text"] {
	

/*width: 450px;*/
		

/*height: 1.5em;*/
	color: #939393;
	margin-top: 10px;
	font-size: 13px;
	border: thin solid #d5d5d5;
	height: 20px;
}

#newForm .charCount {
	position: relative;
}

#newForm .counter {
	color: #cccccc;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

#newForm .warning {
	color: #600;
}

#newForm .exceeded {
	color: #e00;
}



/*help.html*/

#helpText {
	margin-top: 20px;
}

#helpText ol {
	padding: 20px 0 20px 30px;
}

#helpText ol li {
	padding: 10px 0 0 10px;
}

/* footer */

.clearFloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}

#footer {
	display: block;
	text-align: left;
	margin-top: 14px;
	font-size: 13px;
	margin-bottom: 40px;
}