/* @flag pop up */

#flagWindow{
    position:fixed;
	top:0;
	left:0;
	background: url(../images/white_overlay.png) repeat;
	z-index:99;
	width:100%;
	height:100%;

	* background-color: transparent;
	* background-image: none;
	* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/white_overlay.png", sizingMethod="scale");
	display:none;
}

#flagPopBox{
    position:absolute;
    z-index:100;
	width:500px;
	height:280px;
	border:1px solid #fff;
	left:230px;top:50%;
	margin:-140px 0 0;
	background-color:#000;
	color:#fff;
	text-align:left;
	overflow:hidden;
}

#flagPopBox .flagLeft{
	float:left;
	font-size:0;
	height:100%;
	width:35px;
	background:url(../images/flag_icon.gif) #cc0000 8px 8px no-repeat;
}
#flagPopBox .flagRight{
	padding:15px 15px;zoom:1;
	/* _padding-left:30px;
	float:right;
	clear:right;
	width:435px;*/
}
#flagPopBox h2{
	font-size:1.2em;
	margin-bottom:10px;
	}
#flagPopBox p{
	margin-bottom:10px;
	}
#flagPopBox textarea{
	width:430px;
	height:70px;
	}
* #flagPopBox textarea{
	width:410px;
	height:70px;
	}



/* @end */

/* @group Write */

#content #story{
	padding-top: 30px;
	}


#content .write h3{
    position:relative;
	margin-bottom: 25px;
	font-size: 182%;
	font-weight: bold;
	}
	
#content .write h3 span{
	padding-left: 35px;
	font-size: 57%;
	font-weight: normal;
	color: #666;
	}
#content .write h3 span.delete{zoom:1;padding:0 0 2px;position:absolute;top:8px;right:0;}
#content .write h3 span.delete a{padding-left:15px;background:url(/images/icn-delete.gif) left center no-repeat;}
	
#content .write p#thanks {margin-bottom:1em;}
	
#content .write p.subtitle{
	margin-bottom: 25px;
	font-size: 107%;
	line-height: 1.3em;
	}

#content .writeoptions{
	border-top: 1px solid #ccc;
	}
	
#content .writeoptions li{
	border-bottom: 1px solid #ccc;
	background: #060 url(../images/WOSelect.gif) no-repeat top right;
	zoom:1;
	}

#content .writeoptions a{
	display: block;
	padding: 18px 0 22px 0;
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	zoom:1;
	}
	
#content .writeoptions a:hover{
	background: none;
	text-decoration: none;
	color: #fff;
	}

#content .writeoptions a:after{content:"";height:0;display:block;visibility:hidden;clear:both;}
	
#content .writeoptions a p.wotitle{
	float: left;
	padding-left: 18px;
	width: 172px;
	font-weight: bold;
	}
	
#content .writeoptions a p.wodesc{
	float: right;
	padding-right: 52px;
	width: 418px;
	}
	
#content .writeoptions a p{cursor:hand;cursor:pointer;}

#content p.wohelp{
	padding-top: 23px;
	color: #666;
	text-align: center;
	}

#content .writeexp{
	margin: 0 0 30px 0;
	padding: 13px 15px 15px;
	color: #fff;
	background: #333;
	}
	
#content .writeexp h4{
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 115%;
	}
	
#content .writeexp p.subexp{
	margin-bottom: 12px;
	}
	
#content .writeexp div#writeexp1, #content .writeexp div#writeexp2{
	float: left;
	padding: 10px;
	width: 287px;
	color: #222;
	background: #fff;
	}
	
#content .writeexp div#writeexp1{
	margin-right: 15px;
	}

#content .writeexp img{
	float: left;
	margin-right: 10px;
	}
	
#content .writeexp h5{
	font-size: 122%;
	font-weight: bold;
	}
	
#content .writeexp h6{
	font-size: 85%;
	font-weight: normal;
	color: #666;
	}
	
#content .writeexp div p{
	font-size: 93%;
	line-height: 1.1em;
	}

#content .writecolins{
	display: block;
	width: 175px;
	float: left;
	clear: left;
	text-align: right;
	}
	
#content .writecolins label{
	font-weight: bold;
	font-size: 107%;
	}
	
#content .writecolinp{
	padding-bottom: 30px;
	display: block;
	float: left;
	padding-left: 20px;
	width: 430px;
	}
	
#content .writecolinp input.text, #content .writecolinp textarea{
	width: 100%;
	}
	
#content .writecolinp textarea#shortdesc{
	height: 50px;
	}
	
#content .writecolinp textarea#storytext{
	height: 125px;
	}

#content .writecolinp p.writecolextended{
	color: #444;
	font-size: 85%;
	}
	
#content .writecolins p.writecolextended{
	padding-left: 15px;
	color: #444;
	font-size: 85%;
	}
#content .writecolins p.writecolextended strong{color:#000;}

#content .writecolinp #mainphoto, #content .writecolinp .addphotos{
	width: 71px;
	height: 71px;
	background: #e5e5e5;
	border: 1px solid #666;
	}
	
#content .writecolinp .addphotos{
	float: left;
	margin: 0 7px 7px 0;
	}
	
#content .writecolinp #mainphoto img, #content .writecolinp .addphotos img{
	width: 71px;
	height: 71px;
	}
	
#content .writecolinp p.writecolinpsub{
	padding: 3px 0 0 18px;
	font-size: 93%;
	color: #333;
	}

#content #themeLabelBox, #content #themeSelectBox{display:none;}

#content .write p#writepreview{
	text-align: center;
	}

#content .write p#writepreview a{
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 34px;
	text-indent: -9999999px;
	background: url(../images/WritePreview.gif);
	}

#content .write p.writenotdone{
	margin-bottom: 25px;
	padding: 15px;
	background: #333;
	color: #fff;
	font-size: 114%;
	font-weight: bold;
	}
	
#content .write p.writenotdone span{
	font-size: 85%;
	font-weight: normal;
	}
	
#content .write p.writecat{
	font-size: 93%;
	}

#content .write p.writecat a{
	color: #c00;
	font-weight: bold;
	}

#content .write #title {margin:0 0 20px;position:relative;}
	
#content .write ul#authorAction{position:absolute;top:-8px;right:0;width:200px;z-index:1;}
#content .write #storybody #title ul#authorAction li {overflow:visible;white-space:nowrap;list-style:none;}
#content .write ul#authorAction a{padding-left:15px;}
#content .write ul#authorAction .promote{background:url(/images/icn-mail.gif) left center no-repeat;}
#content .write ul#authorAction .alter{background:url(/images/EditLink.gif) left center no-repeat;}

#content .write h4.storytitle{
	font-size: 197%;
	line-height:100%;
	margin-bottom:20px;
	}
#content .write #title h4.storytitle{margin-bottom:0;}

#content .write #title h5 {margin-top:8px;color:#666;font-weight:normal;}
#content .write .thisIsYours{margin-right:230px;}

#content .write #storyAllImages {
    float:right;
    width:430px;
    margin:0 0 0 30px;
}
#content .write #storyimages div.photorow div{
	float:left;
	width:200px;
	}
	
#content .write #storyimages div.photorow div.firstInRow{margin-right:30px;}
	
#content .write #storyimages img{margin: 0 0 20px;display:block;}

#content .write img#authorImage{display:block;height:24px;width:24px;border:1px solid #666;float:left;margin:0 8px 10px 0;}
#content .write a:hover img#authorImage{border-color:#000;}

#content .write h5.storyauthor, #content .write h6.storydate{
	font-size: 93%;
	color: #333;
	font-weight: normal;
	line-height:115%;
	}

#content .write h6.storydate{
	margin-bottom: 15px;
	}

#content .write h5.withImage, #content.write h6.withImage {margin-left:34px;}

#content #storybody{
	position: relative;
	margin-bottom: 30px;
	}

#content #storybody p.last:after{content:"" url(/images/RedDot.gif);vertical-align:middle;padding-left:5px;}
	
#content #storybody #storyedit{
	position: absolute;
	top: 0;
	right: 0;
	}
	
#content #storybody #storyedit p{
	margin: 0 0 3px 0;
	padding-right: 10px;
	font-size: 93%;
	}

#content #storybody #storyedit p#storypromote a{
	padding-left: 15px;
	background: url(../images/StoryPromote.gif) no-repeat left;
	}
	
#content #storybody #storyedit p#storychange a{
	padding-left: 15px;
	background: url(../images/StoryEdit.gif) no-repeat left;
	}
	
#content #storybody p{margin-bottom:15px;}
	
#content #storybody p img{margin-bottom:-1px;}

#content #storybody ul{list-style-type:disc;margin:0 0 15px 30px;}
#content #storybody ol{list-style-type:decimal;margin:0 0 15px 30px;}

#content .write p.flag{margin:0 0 1em;clear:both;}
#content .write p.flag a{
	font-size: 95%;
	padding-left: 15px;
	background: url(/images/FlagLink.gif) no-repeat left;
	}

#content .write p.writeconfirm{
	margin-bottom: 37px;
	padding: 15px;
	background: #333;
	color: #fff;
	font-size: 114%;
	font-weight: bold;
	clear:both;
	zoom:1;
	}
	
#content .write p.writeconfirm span{
	padding-right: 10px;
	font-size: 85%;
	font-weight: normal;
	}
	
#content .write .writesubmitoption{
	width: 50%;
	float: left;
	}

#content .write .andNoOtherStoriesInTheOtherColumn{width:100%;float:none;}
	
#content .write p input{
	display: block;
	margin: 0 auto;
	}
	
#content .write p.writedone{
	margin-bottom: 25px;
	padding: 15px;
	background: #363;
	color: #fff;
	font-size: 114%;
	font-weight: bold;
	}
	
#content .writevote{
	margin: 0 0 40px;
	height: 107px;
	background: #000 url(../images/WriteVoteBG.gif) no-repeat;
	color: #fff;
	}
	
#content .writevote p.voteq{
	padding: 15px 0 15px 0;
	font-size: 107%;
	text-align: center;
	}

#content .writevote p#writevoteyeah a{
	display: block;
	margin: 0 5px 0 auto;
	width: 115px;
	height: 23px;
	text-indent: -9999999px;
	background: url(../images/WriteVoteYeah.gif);
	}
	
#content .writevote p#writevotenah a{
	display: block;
	margin: 0 auto 0 5px;
	width: 115px;
	height: 23px;
	text-indent: -9999999px;
	background: url(../images/WriteVoteNah.gif);
	}
	
#content .writevote p.writevotedeadline{
	padding: 10px 0 0 0;
	font-size: 85%;
	text-align: center;
	}
	
#content .writevote p.writevotedeadline a{
	color: #ff0;
	}

#content #otherstories{
	padding: 10px 0 15px;
	border-top: 1px solid #999;

	}

#content #otherstories h4{
	margin: 0 0 10px 0;
	font-weight: normal;
	}

#content #otherstories .writemorestories{
	margin:0 15px 15px 0;
	clear: both;
	zoom:1;
	}

#content #otherstories img{
	float:left;
	margin-right:10px;
	border:1px solid #666;
	}
	
#content #otherstories h5{
	font-size:122%;
	font-weight:bold;
	margin-left:84px;
	}
	
#content #otherstories h6{
	font-size:85%;
	font-weight:normal;
	color:#666;
	margin-left:84px;
	}
	
#content #otherstories h6.storyfrom a{
	font-size:107%;
	font-weight:bold;
	color:#c00;
	}
	
#content #otherstories div p{
	padding-right:20px;
	font-size:93%;
	line-height:1.2em;
	margin-left:84px;
	}

#content #otherstories div p a, #content #otherstories div p a:hover{text-decoration:none;color:#000;}

#content #otherstories .becauseThereAreNone h5, #content #otherstories .becauseThereAreNone p{margin-left:0;}
#content #otherstories .becauseThereAreNone p a{color:#06c;}
#content #otherstories .becauseThereAreNone p a:visited{color:#05a;}
#content #otherstories .becauseThereAreNone p a:hover{text-decoration:underline;color:#05a;}

#content p#backtostories{
	font-weight: bold;
	clear:both;
	}
	
.croppedMainImage{
	margin: 0 0 20px;
	width:430px;
	overflow:hidden;
	text-align:center;
	}
	

#content .write p input#submittedCheck{
	display: inline;
	margin: 0 0;
	}	
	
/* @end */

/* @group Stories Sort (full listing) */

#content #storiessort{padding: 10px 0 30px;width:100%;}
#content #storiessort form{width:320px;}
#content #storiessort #storysorter{float:left;}
#content #storiessort #storysearcher{float:right;text-align:right;}
#content #storiessort label{color:#666;}
#content #storiessort #storysorter label{padding:0 0 0 50px;}
#content #storiessort input#storysearch{width:135px;}

#content #storieslist h3.none{font-weight:bold;font-size:190%;margin:0 0 30px;}
#content #storieslist .storytype img{
	float:left;display:block;
	margin:0 15px 15px 0;border:1px solid #666;
	}
	
#content .storytype{margin:0 0 15px;zoom:1;}

#content .storytype h5{
	font-size: 93%;
	}
	
#content .storytype h5 a{
	color: #c00;
	}
	
#content .storytype h4{
	font-size: 182%;
	line-height: 1em;
	}
	
#content .storytype p.storyauthor{
	line-height: 2em;
	font-size: 93%;
	color: #666;
	}
#content .storytype h5, #content .storytype h4, #content .storytype p{margin-left:89px;}

#content #callToWrite {border:1px solid #a9a9a9;border-width:1px 0;margin:0 1px;background:#fbfbfb url(/images/CallToWriteBG.gif) top left repeat-x;}
#content #callToWrite p{text-align:center;font-size:107%;border:1px solid #a9a9a9;border-width:0 1px;margin:0 -1px;}
#content #callToWrite a{display:block;padding:10px;text-decoration:none;color:#000;_width:638px;}
#content #callToWrite strong{color:#c00;text-transform:uppercase;}
#content #callToWrite em{color:#06c;font-style:normal;}
#content #callToWrite a:hover em{text-decoration:underline;}
/* @end */
/* @group Voting Block */
.write .voteAndEmail{width:660px;}
.write #voting .voteq{background-position:655px -5px;}
.write #voting .votefriend{background-position:-5px 35px;}
.write #voting .votefriend span{background-position:655px 25px;}
.write #voting #voteYeah{margin:0 10px 0 210px;_margin-left:105px;}
.write #voting #voteNah{margin:0 210px 0 0;_margin-right:105px;}
.write #emailAFriend .tellfriend{background-position:655px -5px;}
.write #emailAFriend label, .write #emailAFriend dt{width:192px;}
.write #emailAFriend #sendEmail {margin-left:202px;}
.write #emailAFriend dd{padding-right:128px;margin-left:202px;background-position:453px bottom;}
.write #emailAFriend #eafbot{background-position:655px 25px;}
/* @end */
/* eyes only/admin section */
#content #eyesOnly{clear:both;margin:0 0 1em;}
#content #eyesOnly h3{color:#999;display:inline;font-size:100%;}
#content #eyesOnly h3.admin{color:#600;text-transform:uppercase;}
#content #eyesOnly p{display:inline;}
#adminTools{margin:0 0 15px;}
#adminTools li{display:inline;padding-right:15px;white-space:nowrap;}
#adminTools li.last{padding:0;}
#adminTools li a{color:#600;}