/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Generic Style */

body {font-size:70%; font-family:Arial, Sans-serif; text-align:center; background:url('images/background.png') top center no-repeat #13002C; color:white; background-position:top center;}
p {line-height:1.2em;margin-bottom:10px;}
strong {font-weight:bold;}
em {font-style:italic;}

a {color: #8267AE; text-decoration:none;}
a:hover {color: white; border-bottom: 1px solid white;}

h1, h2, h3, h4, h5, h6 {font-family:Georgia, Times New Roman, Sans-serif;}
h2 {font-size:4em; font-style:italic; font-weight:normal; -moz-text-shadow: 3px 3px 4px #13002C; -webkit-text-shadow: 3px 3px 4px #13002C; text-shadow: 3px 3px 4px #13002C; margin:10px 0px 8px 0px;}
h3 {font-size:1.3em; -moz-text-shadow: 2px 2px 3px #13002C; -webkit-text-shadow: 3px 3px 4px #13002C; text-shadow: 2px 2px 2px #13002C; margin:5px 0px 15px 0px; padding-left: 20px; font-style:italic;}

ul li{ padding-bottom:10px; margin-left:20px; list-style-type:disc;}

#container { margin:0px auto; text-align:left;}
#header { width:780px; margin:80px auto 0px auto; background-image:url('images/header_line.png'); background-position: bottom center; background-repeat:no-repeat; padding-bottom:15px;}
#header h1, #header h4 {text-indent:-99999px;}
#header h1 a {display:block; background-image:url('images/header.png'); background-position: top center; background-repeat:no-repeat; height:120px;}
#header h1 a:hover {border:none;}
#header .navigation {width:620px;margin:0px 80px; }
#header .navigation li {display:block; height:30px; width:220px; padding-bottom:0px;}
#header .navigation li#tell_another {float:right;}
#header .navigation li a {display:block; width:220px; height:30px; text-indent:-99999px;}

#header .navigation li#tell_us a {background-image:url('images/tell_us_a_story.png'); background-position: 0px 0px; background-repeat:no-repeat;}
#header .navigation li#tell_us a:hover {background-position:0px -30px; border:none;}
#header .navigation li#tell_another a {background-image:url('images/tell_me_another.png'); background-position: 0px 0px; background-repeat:no-repeat;}
#header .navigation li#tell_another a:hover {background-position:0px -30px; border:none;}


#content {width:620px; margin:0px auto; min-height:200px;}

.story_title a {color:white;}
.story_title a:hover {color: #8267AE;}

#content .story { font-size:1.2em; padding-top:20px; background-image:url('images/divider_line.png'); background-position:top center; background-repeat:no-repeat;}
#content .story p {line-height:1.5em; text-indent:2em;}
#content .story h1, #content .story h2, #content .story h3, #content .story h4, #content .story h5 {margin-left:0px; padding-left:0px;}
#content .story h1 {font-size:1.7em; font-style:italic; line-height:1.4em; -moz-text-shadow: 3px 3px 4px #13002C; -webkit-text-shadow: 3px 3px 4px #13002C; text-shadow: 3px 3px 4px #13002C; font-weight:bold;}
#content .story h2 {font-size:1.6em; font-style:italic; line-height:1.4em; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; font-weight:normal;}
#content .story h3 {font-size:1.4em; line-height:1.4em; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; font-weight:normal; font-style:normal;}
#content .story h4 {font-size:1.3em; font-style:italic; line-height:1.4em;}
#content .story h5 {font-size:1.2em; font-style:normal; line-height:1.4em; padding-left:50px;}
#content ul li, #content form ul li, #content .story form ul li{list-style-type:none; margin-left:0px;}
#content .story ul li{ padding-bottom:10px; margin-left:20px; list-style-type:disc;}
#content .story ol li{ padding-bottom:10px; margin-left:20px; list-style-type:decimal;}
#content .story_info {font-size:1.2em; font-family:Georgia, Times New Roman, Serif; font-style:italic; margin-top:20px;}
.bottom_line {background-image:url('images/divider_line.png'); background-position:bottom center; background-repeat:no-repeat; padding-bottom:10px;}

#content form label { width:200px; display:block; float:left; line-height:25px; font-family:Georgia, Times New Roman, Serif; font-size:1.3em; -moz-text-shadow: 3px 3px 4px #13002C; -webkit-text-shadow: 3px 3px 4px #13002C; text-shadow: 3px 3px 4px #13002C; font-style:italic;}
#content form ul {margin-bottom:20px;}
#content form li { min-height:40px; margin-top:20px;}
#content form li.small_input_container {min-height:10px; margin-bottom:10px;}
#content form input {width:400px; height: 25px; background-image:url('images/input_shim.png'); background-position:bottom left; background-repeat:repeat-x; padding:0px 5px; border:1px solid #aaaaaa; font-size:1.2em; font-family:Georgia, Times New Roman, Serif; color:#6E6A84;}
#content form #submit_button {background-image: url('images/tell_everyone.png'); background-repeat:no-repeat; background-position: top center; text-indent:-99999px;height: 45px; width:460px; background-color:transparent; border:none; cursor:pointer; background-position:0px -44px;}
#content form #submit_button:hover {background-position:0px 0px; border:none;}
#content .explanation { font-family:Georgia, Times New Roman, Serif; font-style:italic; padding:20px 0px 10px 0px; font-size:1.2em;}
#content form .explanation { padding:10px 0px 5px 200px; font-size:1em;}
#content form .story_container {margin-top:0px;}
#content form .story_container label {float:none; display:block;}


#content form textarea {width:100%;}
#content form .cke_skin_kama { border:none; padding:0px; margin:0px; box-shadow: 0px 0px 10px #FFFFFF;}
#content form .cke_skin_kama .cke_wrapper {background: rgb(19, 0, 44); background: rgba(19, 0, 44, 0.5); background-image:none; margin:0px; border-radius: 10px; padding:10px; }
#content form .cke_skin_kama a.cke_toolbox_collapser {display:none;}


#footer {width:100%; background-image:url('images/footer.png'); background-repeat:no-repeat; background-position:bottom center; height:360px; font-family: Georgia, Times New Roman, Serif; text-align:justify;}
#footer p {font-size: 1.1em;}
#footer_inside {width:620px; margin:0px auto 0px auto; padding: 185px 80px 0px 80px; position:relative;}
#footer #about_text {width:300px;}
#back_to_top {position:absolute; top:185px; right:80px; display:block; width:220px; background-image: url('images/back_to_the_top.png'); background-repeat:no-repeat; background-position: top center; text-indent:-99999px;height: 30px;}
#back_to_top:hover {background-position:0px -30px; border:none;}