/* light blue: #38629e
 * light light blue: #87A4D0
 * med blue: #002255
 * dark blue: #00002b
 * orange: #ff7429
 * 
 * brown: #A63800
 * mustard: #A66600
 * green: #2dce02
 * purple: #38629e
 */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height:1.3;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

a {color:  #38629e;text-decoration: none;}
	a:hover {color:#233b5e;}

table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

html {color: #464646;font-size: 100%;background: #fff;}
	html.default {color: #464646;background: #fff;}

body {'Georgia','Times New Roman','Times',serif;font-size: 100%;min-width:800px;}

#content {position: relative;}

h1, h2, h3 {/*text-transform: lowercase;*/}
h1 {font-size: 200%;font-weight: bold;}
h2 {font-size: 120%;font-weight: bold;}
h3 {font-size: 105%;font-weight: bold;}
strong {font-weight: bold;}


/* header css */
#headerWrapper {width: 100%;height: 80px;color:#464646;background-color:#f0f0f0;;border-bottom:1px solid #dcdcdc;}
	#header {width: 100%;}
		#logoWrapper {float: left;margin-left: 20px;margin-top: 6px;}
		.beta {color:#ff7429;font-size:70%;}
		.navBarTop {float:right;width:200px;font-size:90%;margin:5px 10px 0 0;text-align:right;}
			.navBarTop img {position:relative;top:8px;}
		.navBarBottom {float:right;width:200px;font-size:80%;margin:5px 10px 0 0;text-align:right;}
		
		#navbarWrapper {float: right;margin-right: 20px;margin-top: 10px;}
			.hflink {color:#38629e;}

/* content */
#contentWrapper {min-height: 400px;margin: 20px 20px 10px 20px;}

/* footer */
#footerWrapper {width: 100%; background-color: #38629e;min-height: 40px;border-top: 5px solid #dcdcdc;text-align: center;}
	#footer {margin-top: 10px;width: 400px;margin-right: auto;margin-left: auto;text-align: center;}

/* misc classes */
.clear {clear: both;}

/* contest summary display */
.contestWrapper {width: 94%;text-align: center;margin-top: 0;margin-left: 4%;margin-right: 2%;}
	.contestWrapper h3 {font-size: 170%;}
	.contestWrapper h1 {color: #38629e;}
	.contestStatWrapper {width: 28%;margin-left: 3%;float: right;	}
		.contestStat {min-width: 250px;}
			.contestStat h1, .contestStat h2 {text-align: left;} /* the number */
			.contestStat h2 {position: relative;left: 5px;top: -7px;} /* text under the stat */
	.contestquote {float: left;width: 68%;}
		.contestquote h3 {text-align: left;line-height: 120%;margin-bottom: 1%;}
		.contestquote .author {text-align: right;margin-right: 2em;font-size: 150%;}

/* Timeline Styles */
.contestphase {height:40px;background-color:#87A4D0;margin-top:40px;float:left;margin-right: 2px;min-width:50px;position:relative;}
.contestphasestart {z-index: 5;position:absolute;left:-15px;top:-30px;}
	.contestphasestart p {background-color:#ff7429;color: #fff;width: 30px;padding:2px;text-align:center;}
	.contestphasename {position:absolute;top:40px;left:0px;padding-left: 2px;border-left: 2px solid #a9a9a9;min-width: 50px;max-width: 100px;min-height: 30px;font-size: 70%;overflow: visible;}
.currentphase {height: 40px;background-color:#38629e;float:left;}


/* Contest Payouts */
.contestPayouts {float: right;}
	.contestPayouts .contestStat2 {width: 100px;float: left;}

/* text under the timeline on the home page */
.bigButton {width: 100%;clear: both;margin-top: 60px;}
	.bigButton h1 {text-align: center;font-size: 250%;}
	.bigButton p {text-align: center;}


/* forms */
form div, form fieldset {margin: 0;overflow: hidden;margin-top: 10px;}

form fieldset fieldset, form div div, form div fieldset, form fieldset div {clear: none;margin: 0;}

fieldset {margin: 15px;}

input.text, select, input.password, input.file {border: 1px solid #dcdcdc;height: 18px;line-height: 16px;padding: 2px 0;float: left;font-size: 80%;}
input.checkbox, input.radio {float: left;display: block;}

.box .pagetitle, .bigBox .pagetitle {border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;
										background-color: #fff;position: absolute;top: 0;left: 0;
										width: 100%;margin: 0;padding: 0.4em 0;}
.box p, .bigBox p {margin: 1em 0;}
.box img, .bigBox img {display: block;margin: 1.5em auto;border: 1px solid #dcdcdc;background-color: #fff;padding: 4px;}

.errorlist {font-size: 80%;color: #ff7429;}

.box {position: relative;width: 45%;margin: 2em auto 4em;overflow: hidden;
		padding: 3.5em 1.5em 1em 1.5em;border-bottom: 1px solid #dcdcdc;}
	.box label {float: left;width: 40%;color: #5B5B5B;display: block;text-transform: lowercase;padding: 2px 0;min-height: 20px;}
	.box input.text {font-size: 100%;line-height: 20px;height: 20px;width: 59%;}
	.box .checklabel {width: 55%;}

.bigBox {position: relative;width: 90%;margin: .5em auto 4em;overflow: hidden;padding: 3.5em 1.5em 1em 1.5em;border-bottom: 1px solid #dcdcdc;}
	.bigBox .formfieldWrapper {float: left;width: 15%;}
		.bigBox .formfield {float: left;width: 15%;color: #5B5B5B;display: block;text-transform: lowercase;padding: 2px 0;min-height: 20px;}
		.bigBox input.text {font-size: 100%;line-height: 20px;height: 20px;width: 84%;}
		.bigBox textarea {width: 75%;}

form .buttongroup {font-weight: bold;padding: 5px 15px;}
form .buttongroup .button {display: block;float: right;margin-top: 8px;background-color: #848A96;border: none;color: #fff;
							margin-left: 5px;padding: 5px;text-transform: lowercase;cursor: pointer;font-size: 80%;}

.buttonHover {background-color:#38629e;}

#pageTagline p {width: 100%;text-align: center; font-size:110%; font-weight:bold;}


/* story entry */
#wordcount {font-weight: bold;clear: both;float: left;width: 100%;}
	#wordcount label {font-size: 24pt;color: #ff7429;}

/* Share Links */
.shareLink, .shareLink img {border: none;background-color: Transparent;margin: 0px;padding: 0px;}
.shareLink:hover {background-color:Transparent;}

/* Static Pages */
.termsUL {list-style: none;outline: none;}


.ccDiv {font-size:70%;text-align:left;width:620px;margin-top:10px;margin-right:auto;margin-left:auto;}
.ccDiv a.license {float:left; margin-right:10px;}
.ccDiv span {float:left;line-height:15px;}



/* Finished Contest */
.winnerWrapper {clear:both;padding:8px;border-bottom: 1px dotted #dcdcdc;}
.otherLeft {float:left;width:100%;text-align:left;}
.winnerLeft {float:left;width:80%;text-align:left;}
	.winnerStoryTitle {font-size:150%;}
	.winnerStoryAuthor {font-size:90%;color:#ff7429;}
	.winnerStoryText {font-size:100%;}
		.winnerStoryText p {line-height:1.2;}
.winnerRight {float:right;width:15%;text-align:right;}
	.winnerRank {font-size:600%;}


.pastContest {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;}

/********** Story Detail Page **************/	
/*
.storyDetailWrapper {margin:0 auto;width:700px;}
	
	.storyDetailAds {float:right;150px;text-align:right;margin-top:100px;width:150px;}	
		.storyDetailAds iframe {float:left;}
	
	.storyDetailWrapper .box {width:650px;float:left;}
*/
.shareStoryDiv {float:right;padding:0 0 10px 10px;}

.commentWrapper {margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #dcdcdc;}
	.commentUser {color:#ff7429;font-weight:bold;font-size:90%;}
	.commentText {font-size:90%;}
	.commentDate {font-size:80%;color:#464646;font-style:italic;}

.newComment h4 {font-size:90%;font-weight:bold;color:#464646;}
	.newComment textarea {width:97%;border:1px solid #dcdcdc;padding:5px;font-size:100%;
							font-family:Helvetica,Arial,sans-serif;margin-bottom:10px;}
	.newComment input {float:right;}

/********** Home Page *************/
.pastContestsWrapper {margin:0 auto;width:700px;}
	.pastContestAds {width:700px;margin:0 auto;position:relative;float:left;}
		.pastContestAds iframe {float:left;}
	.pastContests .bigBox {width:680px;float:left;}