/* -------------------------------------------------------------------------------- Default */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote, dl, dd, dt
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

html, body
{
	background-color: #3A3C4D;
	background-image: url(/images/common/bg.png);
	padding-bottom: 40px;	
}

.clear,
.clearer
{
	clear: both;
}

.center
{
	text-align: center;
}

.Right
{
	display: inline;
	float: right;
	margin: 0 0 30px 30px;
}

.RightPadding
{
	display: inline;
	float: right;
	margin: 0 30px 30px 30px;
}

img.Left
{
	display: inline;
	float: left;
	margin: 0 30px 30px 0;
}

img.FullWidth
{
	margin: 0 0 30px 0;
}

#content ol.BigOptions li,
#content ul.BigOptions li
{
	padding: 0 0 16px 0;
	font-size: 15px;
}

#content ol.BigOptions li span,
#content ul.BigOptions li span
{
	font-size: 11px;
	color: #999;
}


/* -------------------------------------------------------------------------------- Layout */
div#UtilityNav
{
	display: inline;
	float: left;
	width: 100%;
	background: #0D0E17;
	height: 25px;
}

div.UtilContainer
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: #8A8CA2;
}

div.UtilContainer a
{
	color: #FFF;
	text-decoration: none;
}

div.UtilContainer a:hover
{	
	text-decoration: underline;
}

div.UtilContainer p
{
	margin: 0;
	padding: 0 10px;
	line-height: 25px;		
}

div.UtilContainer p.Home
{
	float: left;
}

div.UtilContainer p.Help
{
	float: right;
	text-align: right;
	margin-right: 20px;
}

div#container
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div#container-inner
{
	display: inline;
	float:left;
	width: 950px;
	background-image: url(/images/common/container-bg.png);
	background-position: left;
	background-repeat: repeat-y;
}

div#left
{
	display: inline;
	float:left;
	width: 760px;
}

div#content
{
	display: inline;
	float: left;
	width: 750px;
	margin-left: 10px;
	min-height: 450px;
	height: auto !important;
	height: 450px;	
	color: #333333;
}

div#right
{
	display: inline;
	float:left;
	width: 180px;
	background-image: url(/images/common/right-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 650px;
}

div#header
{
	position: relative;
	display: inline;
	float: left;
	width: 760px;
	height: 125px;
	overflow: hidden;
	background-image: url(/images/common/bg.png);		
}

div#header .inner
{
	display: inline;
	float: left;
	width: 760px;
	height: 125px;
	overflow: hidden;
	background-image: url(/images/common/header-bg.png);	
	background-position: 10px 96px;
	background-repeat: no-repeat;
}

div#header h1
{
	padding: 0 0 0 0;
}

div#header h1 a:link,
div#header h1 a:visited
{
	display: inline;
	float: left;
	width: 325px;

	background-image: url(/images/common/Bibliofaction-4-colour.png);
	background-position: top left;
	background-repeat: no-repeat;

    padding: 105px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 105px;
    
    position: absolute;
    top: 15px;
    left: 10px;
}

div#header ul#primary-nav
{
	padding: 0;
	display: inline;
	float: right;
	width: 330px;
	height: 83px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-right: 10px;	
}

div#header ul#primary-nav li
{
	display: inline;
	float: right;
	height: 83px;
	overflow: hidden;
}

div#header ul#primary-nav li a:link,
div#header ul#primary-nav li a:visited
{
	display: inline;
	float: left;	
		
	background-position: top left;
	background-repeat: no-repeat;

    padding: 83px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 83px;
}

div#header ul#primary-nav li a.current:link,
div#header ul#primary-nav li a.current:visited,
div#header ul#primary-nav li a:hover,
div#header ul#primary-nav li a:active
{
	background-position: 0 -83px;
}

div#header ul#primary-nav li a.current:link,
div#header ul#primary-nav li a.current:visited
{
	cursor: default;
}

div#header ul#primary-nav li#pn-get-involved a:link,
div#header ul#primary-nav li#pn-get-involved a:visited
{
	background-image: url(/images/common/nav/get-involved.png);
	width: 89px;
}

div#header ul#primary-nav li#pn-read a:link,
div#header ul#primary-nav li#pn-read a:visited
{
	background-image: url(/images/common/nav/read.png);
	width: 78px;
}

div#header ul#primary-nav li#pn-write a:link,
div#header ul#primary-nav li#pn-write a:visited
{
	background-image: url(/images/common/nav/write.png);
	width: 74px;
}

div#header ul#primary-nav li#pn-talk a:link,
div#header ul#primary-nav li#pn-talk a:visited
{
	background-image: url(/images/common/nav/talk.png);
	width: 75px;
}

div#footer-links
{
	display: inline;
	float: left;
	width: 770px;
	text-align: right;	
	overflow: hidden;
	background-image: url(/images/common/bg.png);	
	color: #83848F;	
}

div#footer-links .inner
{
	display: inline;
	float: left;
	width: 770px;
	text-align: right;
	padding-top: 25px;
	overflow: hidden;
	background-image: url(/images/common/footer-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #83848F;	
}

div#footer-links p
{
	text-align: center;
}

div#secondary-nav-container
{	
	position: relative;
	display: inline;
	float: left;
	width: 750px;
	height: 101px;
	overflow: hidden;
	background-image: url(/images/common/nav/bg.png);
	margin-left: 10px;
	list-style-type: none;	
}

body.home div#secondary-nav-container
{
	height: 7px;
}

ul.secondary-nav
{
	padding: 0;
	display: inline;
	float: left;
	width: 750px;
	height: 94px;
	overflow: hidden;
	background-image: url(/images/common/nav/secondary-bg.png);	
	list-style-type: none;
	border-top: solid 7px #CCC;
}

ul.secondary-nav li
{
	display: inline;
	float: left;
	height: 94px;
}

ul.secondary-nav li a:link,
ul.secondary-nav li a:visited
{
	display: inline;
	float: left;
	
	background-position: top left;
	background-repeat: no-repeat;

    padding: 94px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 94px;
}

ul.secondary-nav li a:hover,
ul.secondary-nav li a:active
{
	background-position: 0 -94px;
}

/* ------------------------------------ get involved */

ul#sn-get-involved
{
	border-top: solid 7px #D53687;	
}

li#sn-get-involved-join a:link,
li#sn-get-involved-join a:visited
{
	width: 163px;
	background-image: url(/images/common/nav/join.png);
	margin-left: 4px;
}

li#sn-get-involved-revolution a:link,
li#sn-get-involved-revolution a:visited
{
	width: 138px;
	background-image: url(/images/common/nav/the-short-story-revolution.png);
}

li#sn-get-involved-donation a:link,
li#sn-get-involved-donation a:visited
{
	width: 97px;
	background-image: url(/images/common/nav/make-a-donation.png);
	margin-left: 21px;
}

li#sn-get-involved-support a:link,
li#sn-get-involved-support a:visited
{
	width: 109px;
	background-image: url(/images/common/nav/show-your-support.png);	
}

li#sn-get-involved-free-downloads a:link,
li#sn-get-involved-free-downloads a:visited
{
	width: 97px;
	background-image: url(/images/common/nav/free-downloads.png);	
}

li#sn-get-involved-sponsor a:link,
li#sn-get-involved-sponsor a:visited
{
	width: 109px;
	background-image: url(/images/common/nav/sponsor-a-competition.png);	
}

/* ------------------------------------ read */

ul#sn-read
{
	border-top: solid 7px #D14646;	
}

li#sn-read-random a:link,
li#sn-read-random a:visited
{
	width: 122px;
	background-image: url(/images/common/nav/random-short-story.png);
	margin-left: 10px;
}

li#sn-read-search a:link,
li#sn-read-search a:visited
{
	width: 86px;
	background-image: url(/images/common/nav/find-a-short-story.png);
}

li#sn-read-my-stories a:link,
li#sn-read-my-stories a:visited
{
	width: 80px;
	background-image: url(/images/common/nav/my-short-stories.png);
}

li#sn-read-bookshelf a:link,
li#sn-read-bookshelf a:visited
{
	width: 103px;
	background-image: url(/images/common/nav/my-short-story-bookshelf.png);
}

li#sn-read-rules a:link,
li#sn-read-rules a:visited
{
	width: 68px;
	background-image: url(/images/common/nav/the-rules.png);
	margin-left: 25px;
	margin-right: 25px;
}

li#sn-read-tips a:link,
li#sn-read-tips a:visited
{
	width: 69px;
	background-image: url(/images/common/nav/advice-and-challenges.png);
}

li#sn-read-reviews a:link,
li#sn-read-reviews a:visited
{
	width: 68px;
	background-image: url(/images/common/nav/book-reviews.png);
}

li#sn-read-news a:link,
li#sn-read-news a:visited
{
	width: 67px;
	background-image: url(/images/common/nav/news.png);
}

/* -------------------- write */
ul#sn-write
{
	border-top: solid 7px #00CBCB;	
}

li#sn-write-drafts a:link,
li#sn-write-drafts a:visited
{
	width: 75px;
	background-image: url(/images/common/nav/my-drafts.png);	
	margin-left: 15px;
}

li#sn-write-story a:link,
li#sn-write-story a:visited
{
	width: 133px;
	background-image: url(/images/common/nav/publish-a-short-story.png);	
	margin-left: 15px;	
}

li#sn-write-news a:link,
li#sn-write-news a:visited
{
	width: 97px;
	background-image: url(/images/common/nav/publish-a-news-article.png);	
	margin-left: 0px;
}

li#sn-write-book-review a:link,
li#sn-write-book-review a:visited
{
	width: 93px;
	background-image: url(/images/common/nav/publish-a-book-review.png);	
}

li#sn-write-tips a:link,
li#sn-write-tips a:visited
{
	width: 96px;
	background-image: url(/images/common/nav/publish-advice-and-a-challenge.png);	
}

li#sn-write-profile a:link,
li#sn-write-profile a:visited
{
	width: 96px;
	background-image: url(/images/common/nav/edit-my-profile.png);	
	margin-left: 25px;
}

li#sn-write-to-a-friend a:link,
li#sn-write-to-a-friend a:visited
{
	width: 87px;
	background-image: url(/images/common/nav/write-to-a-friend.png);	
}

/* -------------------- talk */
ul#sn-talk
{
	border-top: solid 7px #CBCB66;	
}

li#sn-talk-about-writing a:link,
li#sn-talk-about-writing a:visited
{
	width: 122px;
	background-image: url(/images/common/nav/about-writing.png);	
	margin-left: 5px;
}

li#sn-talk-about-grammar a:link,
li#sn-talk-about-grammar a:visited
{
	width: 101px;
	background-image: url(/images/common/nav/about-grammar.png);		
}

li#sn-talk-about-spelling a:link,
li#sn-talk-about-spelling a:visited
{
	width: 89px;
	background-image: url(/images/common/nav/about-spelling.png);		
}

li#sn-talk-about-punctuation a:link,
li#sn-talk-about-punctuation a:visited
{
	width: 122px;
	background-image: url(/images/common/nav/about-punctuation.png);		
}

li#sn-talk-about-words a:link,
li#sn-talk-about-words a:visited
{
	width: 80px;
	background-image: url(/images/common/nav/about-words.png);		
}

li#sn-talk-help-each-other a:link,
li#sn-talk-help-each-other a:visited
{
	width: 77px;
	background-image: url(/images/common/nav/help-each-other.png);	
	margin-left: 10px;	
}

li#sn-talk-contact-us a:link,
li#sn-talk-contact-us a:visited
{
	width: 138px;
	background-image: url(/images/common/nav/contact-us.png);		
}

/* ----------------------- Show / Hide Nav */
ul#sn-read,
ul#sn-write,
ul#sn-talk,
ul#sn-get-involved
{
	position: absolute;
	top: -3000px;
	left: -3000px;
}

body.read ul#sn-read,
body.write ul#sn-write,
body.talk ul#sn-talk,
body.get-involved ul#sn-get-involved
{
	position: absolute;
	top: 150px;
	left: 10px;
}

/* ---------------------------------------------------------------------------- Default Typography */
html, body
{
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0 0 20px 0;
}

p
{
	padding: 0 0 20px 0;
	line-height: 1.6;
}

ul, ol
{
	padding-left: 30px;
	padding-bottom: 20px;
}

#content h1
{
	color: #3A3C4D;
	margin: 30px 20px 20px 30px;
	padding: 0 0 0 0;
	height: 45px;
	line-height: 45px;
	font-size: 22px;	
}

#content h2
{
	color: #3A3C4D;
	margin: 30px 20px 20px 30px;
	padding: 0 0 0 0;
	height: 25px;
	line-height: 25px;
	font-size: 16px;	
}

#content h3
{
	margin: 30px 20px 20px 30px;
	padding: 0 0 0 0;
}

#content p
{
	margin: 0 30px 20px 30px;
	padding: 0 0 0 0;
	color: #333333;	
}

#content label
{
	color: #333333;
}

#content ul,
#content ol
{
	margin: 0 30px 20px 30px;
	padding: 0 0 0 40px;
	color: #333333;	
}

#content blockquote
{
	margin: 0 50px 20px 50px;
	background-color: #EEEEEE;
	color: #333333;
	font-style: italic;
	padding: 10px;
}

#content a:link
{
	color: #FF0084;
}
#content a:visited
{
	color: #A06C86;
}
#content a:hover
{
	color: #FF0084;
	border-bottom: solid 1px #FF0084;
}
#content a.plain:hover
{	
	border-bottom: 0px;
}
#content a:active
{
	color: #C74343;
	border-bottom-color: #C74343;
}


/* ----------------------------------------------------------------------- Advanced Typography */
div#footer-links a:link,
div#footer-links a:visited
{
	text-decoration: none;
	color: #83848F;
}

div#footer-links a:active,
div#footer-links a:hover
{
	text-decoration: underline;
}

/* ------------------------------------------------------------------------ Special Layout Items */
/* ---------------------------- Right items */
div#right ul
{
	display: inline;
	float:left;
	width: 180px;	
	padding: 150px 0 0 0;
	list-style-type: none;
}

div#right ul li
{
	display: inline;
	float:left;
	width: 180px;
	color: #FFFFFF;
}

div#right ul li#google
{
	height: 160px;
	background-image: url(/images/common/right-google-bg.png);
}

div.GoogleAbsolute
{
	position: absolute;
	top: 470px;
	right: 40px;
}

div#right ul li#google span
{
	display: inline;
	float: left;
	margin-top: 15px;
	padding: 0 0 0 20px;
}

div#right ul li#signed-in
{
	height: 129px;
	background-image: url(/images/common/right-signed-in-bg.png);
	text-align: right;
}

div#right ul li span.tab-inner
{
	display: inline;
	float: left;
	width: 140px;
	padding: 55px 0 0 10px;
}

div#right ul li a:link,
div#right ul li a:visited
{
	color: #FFFFFF;
}

table.keywords td
{
	width: 150px;
}

/* ----------------------------------------------------------------------------------- home */

div.home 
{
	padding: 30px 0 0 0;
}

div.home div.left
{
	display: inline;
	float: left;
	width: 330px;
	padding: 0 0 30px 0;
	overflow: hidden;
}

div.home div.right
{
	display: inline;
	float: right;
	padding: 0 0 30px 0;	
	width: 390px;
	overflow: hidden;
}

div.intro
{
	display: block;	
	float: left;
	width: 360px;	
	margin-bottom: 30px;	
}

#content div.intro .text
{
	display: inline;
	float: right;
	height: 154px;
	border-bottom: solid 1px #C4C4C9;
	width: 360px;
}

#content div.intro h3
{
	display: inline;
	float: right;
	border-top: solid 1px #C4C4C9;	
	width: 360px;
	margin: 0;
	padding-top: 45px;
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
}

#content div.benefits
{
	display: inline;
	float: right;
	padding: 0 0 0 0;
	color: #333;
	width: 298px;
	border: solid 1px #D8D8DB;
	margin-bottom: 30px;
}

#content div.benefits .inner
{
	padding: 3px 0 3px 3px;
}

#content div.lite-benefits
{
	display: inline;
	float: left;
	padding: 0 0 0 30px;
	color: #333;
	width: 298px;	
	margin-bottom: 10px;
}

#content div.benefits ul,
#content div.lite-benefits ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content div.benefits ul li,
#content div.lite-benefits ul li
{
	margin: 0;
	padding-left: 40px;
	line-height: 40px;
	height: 40px;
	background-image: url(/images/icons/tick.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#content div.benefits ul li#b-connect {
	background-image: url(/images/icons/connect.gif);
}
#content div.benefits ul li#b-publish {
	background-image: url(/images/icons/book.gif);
}
#content div.benefits ul li#b-find {
	background-image: url(/images/icons/people.gif);
}
#content div.benefits ul li#b-develop {
	background-image: url(/images/icons/graph.gif);
}
#content div.benefits ul li#b-inspiration {
	background-image: url(/images/icons/star.gif);
}
#content div.benefits ul li#b-read {
	background-image: url(/images/icons/eye.gif);
}

#content div.sign-in-container
{
	display: inline;
	float: left;
	width: 330px;
	margin-right: 30px;
}

#content div.sign-in
{
	display: inline;
	float: right;
	background-color: #EBEBED;
	width: 298px;
	border: solid 1px #D8D8DB;
}

#content div.sign-in table tbody
{
	width: 240px;
}

#content div.sign-in .inner
{
	padding: 28px 28px 20px 28px;
}

#content div.sign-in .inner .remember
{
	display: inline;
	float: left;
	padding: 15px 0 0 0;
}

#content div.sign-in .form-inner
{
	display: block;
	float: left;
	width: 240px;
}

#content div.sign-in .inner .button
{
	display: inline;
	float: right;
	margin: 10px 0 0 0;
}

#content .login-warning
{	
	padding: 0;
	margin: 0;
	color: #FF0000;
	font-weight: bold;
}

#content div.next-steps
{
	display: inline;
	float: left;
	background-color: #EBEBED;
	width: 358px;
	border: solid 1px #D8D8DB;
}

#content div.next-steps .action
{
	padding: 40px 0 30px 63px;
}


#content div.next-steps h4
{
	padding: 20px 20px 10px 20px;
}

#content div.next-steps ul
{	
	padding: 0 20px 20px 20px;
	margin: 0;
	list-style-type: none;
}

#content div.next-steps ul li
{
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #D8D8DB;	
}

#content div.next-steps ul li.last
{	
	border-bottom: 0px;	
}

div#site-outline
{
	display: inline;
	float: left;
	width: 448px;
    height: 344px;
    overflow: hidden;
}

div#site-outline h3
{
   	display: inline;
	float: left;
	width: 448px;
    padding: 344px 0px 0px 0px;
    overflow: hidden;
    background-image: url("/images/home/site-outline.jpg");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:344px;
    margin: 15px 0px 0px 13px;
}

div#join-now
{
	display: inline;
	float: right;
	width: 290px;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#join-now h2,
div#join-now p
{
	margin: 0 0 0 0;
	padding: 0 20px 10px 20px;
}



div#competition
{
    display: inline;
	float: left;
	width: 303px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background-image: url("/images/home/competition.jpg");
    background-repeat: no-repeat;
    margin: 10px 0 0 50px;
}
#content div#competition a:link,
#content div#competition a:visited,
#content div#competition a:hover
{
	display: inline;
	float: left;
	width: 302px;
    padding: 196px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important;
    height /**/:196px;
    text-decoration: none;
    border-bottom: 0px;
}

div#read-write-talk
{
    display: inline;
    float: left;
    height: 495px;
    width: 752px;
    margin-left: 8px;
    background-image: url("/images/home/read-write-talk.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 20px;
}

div#read-write-talk ul
{
    display: inline;
	float: left;
    padding: 70px 0px 0px 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    height:425px;
    margin: 0px 0px 0px 0px; 
}

div#read-write-talk ul li
{
    color: White;
    list-style-type: square;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
    margin: 0px 35px 3px 50px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
}

div#read-write-talk ul#read
{
    width: 250px;    
    margin-left: 6px;
}

div#read-write-talk ul#write
{
    width: 241px;   
}

div#read-write-talk ul#talk
{
    width: 245px;
}

/* ---------------------------------------------------------------------- Bibliofaction lite */

div#emailform
{
    display: inline;
    float: right;
    width: 298px;
    height: 178px;
    background-image: url("/images/home/newsletter-bg.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 50px 0 0;
}

div#emailform div
{
    padding: 70px 30px 30px 35px;
}

div#emailform div div#left-of-form
{
    display: inline;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #3A3C4D;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
}

div#emailform div div#left-of-form input.text-box
{
    width: 142px;
}

input#go
{
    display: inline;
	float: left;
	width: 62px;
    padding: 68px 0px 0px 0px;
    overflow: hidden;
    background-image: url("/images/buttons/go.jpg");
    background-repeat: no-repeat;
    height:68px;
    border: 0px;
    margin: 12px 0px 0px 20px;
}

input#go:hover
{
    background-image: url("/images/buttons/go_over.jpg");
}

div.past-issues 
{
	display: block;
	float: left;
	width: 100%;	
}

#content div.past-issues ul
{
	font-size: 14px;
	border-top: solid 1px #D8D8DB;
	padding: 0 0 0 0;
	list-style-type: none;
}

div.past-issues ul li
{
	padding: 10px 0;
	border-bottom: solid 1px #D8D8DB;
}


/* --------------------------------------------------------------------- publish a story */
div.story-editor
{
	margin: 0 0 30px 30px;
}

div.revised
{
	background-color: #DDDDDD;
	margin: 0 0 10px 30px;
	width: 670px;
	padding: 5px;
}

/* -------------------------------------------------------------------------- my stories */

table.my-stories
{
	margin: 0 0 10px 30px;
	width: 680px;
	color: #333333;	
}

table.my-stories th
{
	text-align: left;
}

table.my-stories th.options
{
	width: 140px;
}

table.my-stories th.date
{
	width: 120px;
}

table.my-stories td
{
	border-top: solid 1px #CCCCCC;
	padding: 3px 0;
}

/* ------------------------------------------------------------------------- Competition */
div#competition-details,
div#prizes,
div#sponsor
{
	font-family: Arial, Helvetica, Sans-Serif;
}

div#competition-details
{
	display: inline; 
	float: left;
	background-color: #C3C4CE;
	width: 350px;
	margin: 10px 40px 30px 35px;
	padding: 0 0 0 0;
}

div#competition-details h2,
div#competition-details h3,
div#competition-details p
{
	padding: 0 0 0 0;
	color: #3A3C4D;
	height: auto;
}

div#competition-details p
{
	color: #000000;
	font-size: 12px;
	line-height: 1.6;
	text-align: justify;
}

div#competition-details p.Date
{
	clear: both;
}

div#prize-1,
div#prize-2,
div#prize-3,
div#prize-other
{
	display : inline;
	float: left;
	width: 300px;
	height: 100px;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
} 

div#prize-1
{
	background-image: url(/images/competition/prize-1st.jpg);
}
div#prize-2
{
	background-image: url(/images/competition/prize-2nd.jpg);
}
div#prize-3
{
	background-image: url(/images/competition/prize-3rd.jpg);
}

div#prizes p
{
	color: #000000;
	margin: 0 120px 0 0;
}

div#prizes h4
{
	margin: 30px 0 0 0;
	color: #3A3C4D;
}

div#prize-1 h4
{
	margin-top: 15px;
}

div#sponsor
{
	display : inline;
	float: left;
	width: 300px;
	padding-top: 15px;
	border-top: dashed 1px #CCC;
}

div#winners
{
	display : inline;
	float: left;
	width: 300px;
	padding-bottom: 15px;
	padding-top: 10px;
	border-bottom: dashed 1px #CCC;
}

div#sponsor h3,
div#winners h3
{
	color: #3A3C4D;
	margin: 0 0 10px 0;
}

div#sponsor p,
div#winners p
{
	color: #000000;
	text-align: justify;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 0 20px 0; 
}

div#winners ol
{
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
	list-style-type: none;
}

div#winners ol li
{
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
}

div#winners ol li span.Placing
{
	font-weight: bold;
	color: #3A3C4D;
}

div#winners ol li .Title
{
	font-size: 1.3em;
}

div#short-story-competition
{
	display: inline;
	float: left;
	width: 750px;

	background-image: url(/images/competition/short-story-competitions.jpg);
	background-position: top left;
	background-repeat: no-repeat;

    padding: 100px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 100px;
}

div#our-current-competition
{
	display: inline;
	float: left;
	width: 750px;
	height: 100px;
	
	background-image: url(/images/competition/our-current-competition.jpg);
	background-position: top left;
	background-repeat: no-repeat;    
}

#content ol.Competitions
{
	list-style-type: none;
	padding: 0 0 0 0;
	display: block;
	float: left;
	width: 690px;
	border-bottom: dashed 1px #CCC;	
}

#content ol.Competitions li
{
	display: block;
	float: left;
	width: 690px;	
	border-top: dashed 1px #CCC;
	padding: 15px 0;
	position: relative;
	min-height:195px;
	height:auto !important;
	height:195px;
}

#content ol.Competitions li a:link,
#content ol.Competitions li a:visited
{
	text-decoration: none;
	color: #999;
}

#content ol.Competitions li a:hover,
#content ol.Competitions li a:active
{
	border-bottom-width: 0px; 
}

#content ol.Competitions li H3
{
	position: absolute;
	top: 15px;
	left: 175px;
	margin: 0;
	padding: 0;
	width: 350px;	
}

#content ol.Competitions li .Sponsor
{
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
	padding: 3px 6px 6px 6px;	
	background-color: #EEE;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

#content ol.Competitions li .Sponsor img
{
	border: solid 1px #CCC;
}

#content ol.Competitions .Prize1
{
	position: absolute;
	top: 70px;
	left: 175px;
	width: 100px;
	margin: 0;
	padding: 55px 0 0 0;		
	background-image: url(/images/competition/prize-1st-small.gif);
	background-repeat: no-repeat;
	background-position: 25px 0;
	text-align: center;
}

#content ol.Competitions .Prize2
{
	position: absolute;
	top: 70px;
	left: 300px;
	width: 100px;
	margin: 0;
	padding: 55px 0 0 0;		
	background-image: url(/images/competition/prize-2nd-small.gif);
	background-repeat: no-repeat;
	background-position: 25px 0;
	text-align: center;
}

#content ol.Competitions .Prize3
{
	position: absolute;
	top: 70px;
	left: 425px;
	width: 100px;
	margin: 0;
	padding: 55px 0 0 0;		
	background-image: url(/images/competition/prize-3rd-small.gif);
	background-repeat: no-repeat;
	background-position: 25px 0;
	text-align: center;
}


#content ol.Competitions .ClosingDate
{
	position: absolute;
	top: 35px;
	left: 175px;
	width: 350px;
	margin: 0;
	padding: 0;				
}

#content ol.Competitions .CompetitionButton
{
	position: absolute;
	top: 175px;
	left: -3px;	
	margin: 0;
	padding: 0;				
}

#content p.SponsorLink a:hover,
#content p.SponsorLink a:active,
#content #competition-details a:hover,
#content #competition-details a:active
{
	text-decoration: none;
	border-bottom-width: 0px;
}

img.Status
{
	float: left;
	padding: 30px 20px 20px 30px;
}

/*------------------------------------------------------------------------------- registration */
div#registration-form
{
	margin: 0 30px 30px 30px;
	background-color: #DDDDDD;
	width: 690px;
	padding-bottom: 10px;
}
div#registration-form h2
{
	padding: 20px;
	font-size: 16px; 
	color: #333333;
}

div#registration-form label
{
	display: inline;
	float: left;
	width: 300px;
	text-align: right;
	padding-right: 20px;
}

div#registration-form div#all-bar-fin-button input
{
	display: inline;
	float: left;
	margin: 0 0 8px 0;
}

div#registration-form span
{
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}


div#registration-form br
{
	clear: left;
}

div#registration-form p.initials
{
	background-color: #CCCCCC;
	padding: 5px;
}

div#registration-form p.success
{
	background-image: url(/images/register/success.gif);
	background-repeat: no-repeat;
	background-position: right top;	
	width: 630px;
	height: 72px;
}

div#small-registration-form p.center
{
	text-align: center;
	padding-top: 10px;
}

div#small-registration-form p.center a,
div#small-registration-form p.center a:hover
{
	border: 0px;
}

/* ---------------------------------------------------------------------------- login */
div.login,
div.recover,
div.contact
{
	margin: 0 30px 30px 30px;
	background-color: #C3C4CE;
	width: 690px;
	padding-bottom: 10px;
}

div.contact .inner
{
	padding: 25px 0 0 50px;
}

div.contact label
{
	display: inline;
	float: left;
	width: 105px;	
	text-align: right;
	padding-right: 10px;
}

div.contact input,
div.contact textarea,
div.contact span
{
	display: inline;
	float: left;
	margin: 0 0 5px 0;
}

div.contact span
{
	padding-left: 10px;
}

div.contact br
{
	clear: left;
}

div.contact input.contact-send,
div.contact div.submit-buttons
{
	margin: 10px 0 5px 115px;
}


div.login-inner,
div.recover-inner
{
	padding: 10px 0 10px 205px;
}

div.login h2,
div.recover h2
{
	color:#333333;
	font-size:16px;
	padding:20px;
}

div.login label,
div.recover label
{
	margin-left: 30px;
}

div.login .sign-in-tb
{
	margin-bottom: 5px;
}

div.login .remember-me
{
	padding-left: 122px;
}

div.login .remember-me label
{
	margin-left: 10px;
}

div.login label.sign-in-label
{
	display: inline;
	float: left;
	width: 80px;
	padding-right: 15px;	
	text-align: right;
}

.recover-submit
{
	margin-left: 130px;
}

.sign-in-button
{
	margin: 10px 0 0 125px;
}

#content .warning,
#content .error,
#content .error ul
{
	color: #FF0000;
	font-weight: bold;
}

#content p.saved
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}

/* ------------------------------------------------------------------------- Sponsors */
div.Spons125
{
	float: left;
	width: 155px;
	height: 155px;	
	overflow: hidden;
	padding: 23px 0 0 17px;
	margin: 5px 0 0 0;
	background-image: url(/images/sponsor/bg125.png);
	background-position: left top;
	background-repeat: no-repeat;
}

div.Spons125 a
{
	float: left;
	width: 125px;
	height: 125px;	
}

/* -------------------------------------------------------------------------- edit my profile */
div.edit-my-profile
{
	margin: 0 30px 30px 30px;
	background-color: #DDDDDD;
	width: 690px;	
	padding: 5px 0 10px 0;
}

div.edit-my-profile th
{
	text-align: right;
	padding: 0 10px 0 10px;
	width: 120px;
	font-weight: normal;
	color: #333333;
}

div.edit-my-profile .note-box
{
	background-color: #CCCCCC;
	padding: 10px 10px 5px 10px;
	width: 650px;
	margin: 10px 0 10px 10px;
}

#content div.edit-my-profile p
{
	margin-left: 10px;
}

#content div.edit-my-profile .note-box p
{
	margin-bottom: 10px;
}

.save-profile
{
	display: block;
	float: right;
	margin: 15px 20px 10px 0;
}

div.two-column
{
	display: block;
	float: left;
	width: 100%;	
}

div.profile-left
{
	display: inline;
	float: left;
	width: 315px;
	margin: 0 0 0 10px;
}

div.profile-right
{
	display: inline;
	float: right;
	width: 315px;
	margin: 0 10px 0 0;
}


.admin-container
{
	padding: 20px;
}

.admin-container table
{
	width: 100%;
}

.AdminNarrow
{
	width: 50px;	
	overflow: hidden;
	font-size: 1px;
}

.AdminFeature
{
	margin: 30px;
	padding: 30px;
	background-color: #DDDDDD;
}

.AdminEditor input
{
	width: 500px;
}

.AdminEditor textarea
{
	width: 530px;
	height: 400px;
}

/* ------------------------------------------------------------------------- Pagination */

div#content div.pagination p
{
	margin: 0 0 0 30px;
	padding: 0;
	font-weight: bold;
	color: #CCC;
}
div#content div.pagination ol
{
	display: inline;
	float: left;
	list-style-type:none ;
	margin: 0 0 0 30px;
	padding: 0;
	border-left: solid 1px #CCC;	
}
div#content div.pagination ol li
{
	display: inline;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 0;
	border: solid 1px #CCC;
	border-left-width: 0px;
	background-color: #EFEFEF;
}
div#content div.pagination ol li a:link,
div#content div.pagination ol li a:visited
{
	display: inline;
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #FFF;
}
div#content div.pagination ol li a:hover,
div#content div.pagination ol li a:active
{
	background-color: #FF0084;
	color: #FFF;
	border-bottom-color: #CCC;
	border-bottom-width: 0px;
}

/* ----------------------------------------------------------------------------- Read */
table#StoryList
{
	margin: 0pt 30px 20px;
	width: 690px;
}

table#StoryList th
{
	color: #333333;
	text-align: left;
	border-bottom: solid 1px #333333;
	padding: 5px 0;
}

table#StoryList td
{
	border-bottom: dashed 1px #CCCCCC;
	padding: 5px 0;
}

table#StoryList td.PageCount,
table#StoryList th.PageCount
{
	text-align: right;
}


/* ----------------------------------------------- Categories */
#content h2.WithCategories
{
	display: inline;
	float: left;	
	width: 230px;	
	margin: 0 0 10px 30px;	
}

div.categories
{	
	display: inline;
	float: left;
	margin: 0px 30px 0;
	padding: 3px 0 0 0;
	width: 690px;		
}

div#SelectedCategories
{
	width: 460px;	
	margin: 0 0 0 0;
}

#content div.categories a:link,
#content div.categories a:visited,
#content div.categories span
{
	display: inline; 
	float: left;	
	height: 20px;
	line-height: 20px;
	padding: 0px 5px;
	margin: 0 5px 5px 0;
	background-color: #EEE;
	text-decoration: none;
	color: #FF0084;	
}

#content div.categories span
{
	color: #FFF;
	background-color: #FF0084;
}

#content div.categories a:hover,
#content div.categories a:active
{
	border-bottom: 0px;
	text-decoration: underline;
}

#content h2 span.clearkeyword a:link,
#content h2 span.clearkeyword a:visited
{
	display: inline; 
	float: right;	
	height: 20px;
	line-height: 20px;
	padding: 0px 5px;
	margin: 0 5px 5px 0;
	background-color: #EEE;
	text-decoration: none;
	color: #FF0084;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	top: 3px;	
}
#content h2 span.clearkeyword a:hover,
#content h2 span.clearkeyword a:active
{
	border-bottom: 0px;
	text-decoration: underline;
}


/* ------------------------------------------------------------------------- View story */
#content h1.StoryTitle
{
	text-align: center;
	font-family:Georgia,Times,serif;
	font-size: 24px;
	width: 690px;	
	padding: 0 0 0 0;
	height: auto;
}

#content h3.Author
{
	width: 690px;
	margin: 0 30px 20px 30px;
	padding: 0 0 0 0;
	color: #333333;
	font-size: 15px;
	text-align: center;
}

div.CommentsForm
{
	padding: 0 0 15px 30px;
}

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



div.Story
{
	display: inline;
	float: left;
	width: 570px;
	height: auto; 
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	background-color: #FFF1E5;
	background-image: url(/images/story/paper-mid.gif);
	background-position: left;
	background-repeat: repeat-y;
}

div.Story div.top
{
	display: inline;
	float: left;
	width: 570px;
	background-image: url(/images/story/paper-top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.Story div.bottom
{
	display: inline;
	float: left;
	width: 570px;
	background-image: url(/images/story/paper-bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


div.Story .inner
{
	display: inline;
	float: left;
	position: relative;
	width: 450px;
	/* height: 625px; */ 
	height: auto; 
	overflow: hidden;	
	margin: 60px 0 0 60px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

#content div.Story p
{
	display: inline;
	float: left;
	width: 450px;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 91px 0;
	font-size: 1em;
	line-height: 2;
	background-image: url(/images/story/end.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: justify;
	/* font-size: 13px;
	line-height: 25px; */
}

a#PreviousPage
{
	display: inline;
	float: left;
	width: 83px;	
	margin-right: 0px;
	margin-left: 6px;
	text-decoration: none;	
	visibility: hidden;
	margin-top: 20em;
	
	background-image: url(/images/story/previous.png);
	background-position: left center;
	background-repeat: no-repeat;
		
	padding: 116px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 116px;	
}
a#NextPage
{
	display: inline;
	float: right;
	width: 83px;
	margin-right: 5px;
	text-decoration: none;	
	visibility: hidden;	
	margin-top: 20em;
		
	background-image: url(/images/story/next.png);
	background-position: right center;
	background-repeat: no-repeat;
	
	padding: 116px 0px 0px 0px;
	overflow: hidden;

    height: 0px !important;
    height /**/: 116px;	
}

a#PreviousPage:visited,
a#NextPage:visited
{
	color: #FF0084;
}

a#PreviousPage:hover
{
	
	border-bottom: 0px;
	text-decoration: underline;
}
a#NextPage:hover
{
	
	border-bottom: 0px;
	text-decoration: underline;
}

#content .StoryCopyright
{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0 0 20px 0;
}

#content .SendThis
{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	padding: 25px 0 20px 0;
}

#content .ReviewContent .SendThis
{
	border-top: dashed 1px #CCC;
	border-bottom: dashed 1px #CCC;
	width: 510px;
	margin: 0 0 30px 30px;
}

#content .SendThis .box
{
	display: inline;
	float: left;
	width: 150px;
	margin: 0 0 20px 30px;	
	text-align: left;	
}

#content .SendThis .box span
{
	float: left;
	width: 70px;	
	padding: 10px 0 0 15px;
}

#content .SendThis .box img,
#content .SendThis .box input
{
	float: left;
}


div.Story-critique
{
	width: 630px;
	padding: 30px;
	margin: 0 0 20px 30px;
	background-color: #FFF1E5;
}

div.RevisedStoryNote
{
	width: 690px;
	padding: 0;
	margin: 0 0 20px 30px;
	padding: 10px 0;
	background-color: #EEEEEE;
}


#content div.RevisedStoryNote p
{
	text-align: center;	
	margin: 0 0 0 0;
}

div.ReaderAdvisory
{
	width: 690px;
	padding: 0;
	margin: 0 0 20px 30px;
	padding: 0 0 0 0;	
}

#content div.ReaderAdvisory p
{
	text-align: center;	
	padding: 0 0 0 0;		
}

#content div.Speech .Date
{
	color: #999;
	float: right;
	margin: 0 0 0 30px;
}

#content ol.Feedback li
{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	list-style-type: none;
	list-style-position: inside;
}

#content ol.Feedback
{
	margin-left: 90px;
}

/* ------------------------------------------------------------------ Send to a Friend */
div.SendToAFriendForm
{
	padding: 0 30px;
}

div.SendToAFriendForm textarea.Fixed
{
	font-size: 12px;	
}

div.SendToAFriendForm div.buttons
{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0 0 0;
}

#content a.Bookshelf
{
	border-bottom: 0px;
	text-decoration: none;
}

/* -------------------------------------------------------------------- Comment */
a.ThumbNail
{
	display: inline;
	float: left;
	border: solid 1px #CCC;
	padding: 2px;
	background-color: #FFF;
	margin: 0 10px 10px 0;
}

a.ThumbNail:hover
{
	border-color: #FF0084;
}

div.Speech
{
	display: inline;
	float: left;
	width: 362px;
}

div.Speech div.Top
{	
	background-image: url(/images/common/speech-bubble-top.gif);
	display: inline;
	float: left;
	width: 334px;
	padding: 5px 8px 0 20px;
}

div.Speech div.Bottom
{
	background-image: url(/images/common/speech-bubble-bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	width: 362px;	
	height: 7px;
}

div.Speech div.Comment
{
	clear: both;
	padding: 5px 0 0 0;
}

div.Speech div.Comment textarea
{
	width: 100%;
}

div.Speech div.Comment span.refer 
{
	color: #999;
	float: right;
}

div.Speech div.Comment span.refer 
{
	color: #999;
	float: right;
}

div.Speech div.RateComment 
{
	display: inline;
	float: left;
	width: 334px;
	padding: 2px 10px 15px 21px;
}

div.Speech div.CommentRated
{
	display: inline;
	float: left;
	width: 334px;
	padding: 2px 10px 15px 30px;
	color: #868643;
	background-image: url(/images/icons/small_tick.gif);
	background-repeat: no-repeat;
	background-position: 13px 3px;
}

div#WelcomeTabs div.RateComment 
{
	display: inline;
	float: left;
	width: 200px;
	padding: 2px 10px 15px 0;
	margin-left: 90px;
}

/* -------------------------------------------------------------------- View profile */
div.UserProfile
{
	display: block;
	float: left;
	width: 100%;	
	background-image: url(/images/members/RightColumnBG.gif);
	background-position: right center;
	background-repeat: repeat-y;
}

div.UserProfile div.LeftColumn
{
	display: inline;
	float: left;		
	width: 478px;
}

div.UserProfile div.ProfilePhoto
{
	display: inline;
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin: 30px 20px 30px 30px;
	border:1px solid #CCCCCC;
	padding:2px;
}

#content div.UserProfile div.ProfilePhoto img.ProfilePhoto
{
	background-color:#FFFFFF;
	display:inline;
	float:left;		
}

div.UserProfile div.UserNameAndStatus
{
	display: inline;
	float: left;
	width: 205px;		
	margin: 30px 0 25px 0;
}

#content div.UserProfile div.UserNameAndStatus h1
{
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	line-height: 1;	
	height: auto;
}

#content div.UserProfile div.UserNameAndStatus p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.2;
	color: #666;	
}

#content div.UserProfile div.UserNameAndStatus p.StatusUpdate
{
	padding: 0 0 5px 0;
	font-size: 1.2em;
}

#content div.UserProfile div.UserNameAndStatus p.StatusReadMore
{
	padding: 0 0 20px 0;
	font-size: 0.9em;
}

#content div.UserProfile div.UserNameAndStatus .FollowOrStop
{
	padding: 15px 0 0 0;
}
#content div.UserProfile div.UserNameAndStatus a.Follow
{
	float: left;
	background-color: #FFE5F3;
	border: solid 1px #FF0084;
	padding: 2px 5px;
}

#content div.UserProfile div.UserNameAndStatus span.YouAreFollowing
{
	float: left;
	background-color: #EFEFD1;
	border: solid 1px #CBCB66;
	padding: 2px 5px;
	margin: -2px 5px 0 0;
}

div.UserProfile div.RightColumn
{
	display: inline;
	float: right;	
	width: 269px;
}

div.UserProfile div.StatsAndNotices
{
	display: inline;
	float: right;
	padding: 10px 0;
	width: 269px;
	background-color: #F2F2F2;
}

div.UserProfile div.Contributions,
div.UserProfile div.MessageBoard
{
	display: inline;
	float: left;
	width: 430px;	
	margin: 0 0 30px 30px;
	clear: left;
	padding: 20px 0 0 0;
}

div.UserProfile div.MessageBoard .Date
{
	color: #999;
	float: right;
	margin: 0 0 0 30px;
}

#content div.UserProfile div.MessageBoard h4,
#content div.UserProfile div.MessageBoard p
{
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

#content div.UserProfile div.MessageBoard ol
{
	float: left;
	width: 100%;
	padding: 0 0 30px 0;
	margin: 0 0 0 0;
}

#content div.UserProfile div.MessageBoard ol li
{
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	list-style-type: none;
	list-style-position: inside;
}

#content div.UserProfile h2
{
	padding: 0 0 10px 0;
	margin: 0 0 0 0;	
	text-align: center;
}

div#ProfileTabs ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#ProfileTabs
{
	display: inline;
	float: right;	
	width: 269px;
}

div#ProfileTabs ul.yui-nav
{
	display: inline;
	float: right;	
	width: 269px;	
	background-color: #E7E7E7;	
}

div#ProfileTabs ul.yui-nav li
{
	padding: 10px 4px;	
	overflow: hidden;
	width: auto;	
}

div#ProfileTabs ul.yui-nav li.selected
{
	background-color: #DDDDDD;
}

div#ProfileTabs ul.yui-nav li a:link,
div#ProfileTabs ul.yui-nav li a:visited
{
	color: #000;
	text-decoration: none;
	border-width: 0px; 	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-style: none;	
	text-align: center;
}

div#ProfileTabs ul.yui-nav li a:hover,
div#ProfileTabs ul.yui-nav li a:active,
div#ProfileTabs ul.yui-nav li a:focus
{
	border-width: 0px; 	
	text-decoration: none;	
}

div#ProfileTabs div.yui-content
{
	display: inline;
	float: right;	
	width: 269px;
	padding: 10px 0;
}

div#ProfileTabs div#AboutMe,
div#ProfileTabs div#Following,
div#ProfileTabs div#Followers
{
	padding: 0 20px;
}

div#content div#ProfileTabs ol
{
	list-style-type: none;
	padding: 10px 0;
	margin: 0;
}

div#content div#ProfileTabs ol li
{
	float: left;
	width: 100%;
}

div#content div#ProfileTabs ol li span.FullName
{
	font-size: 1.2em;	
}

div#ProfileTabs h3
{
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
}

div#ProfileTabs p
{
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}

div.EditMyDetailsLink
{
	display: inline;
	float: right;
	padding: 10px 0;
	width: 269px;
	background-color: #FFE5F3;
	text-align: center;
	border-bottom: solid 1px #FF0084;
}

dl.ProfileNames
{
	display: inline;
	float: left;
	width: 330px;	
	margin: 0 0 30px 30px;
}

dl.ProfileCurrent
{
	display: inline;
	float: right;
	width: 330px;	
	margin: 0 30px 30px 0;
}

div.Favourites
{
	display: inline;
	float: left;
	width: 690px;
	background-color: #EEEEEE;
	margin: 0 0 30px 30px;
	padding: 30px 0 0 0;
}

#content div.Favourites h3,
#content div.ProfileLeft h3,
#content div.ProfileRight h3
{
	margin: 0 0 0 30px;
	padding: 0 0 20px 0;
	color: #333333;
}

dl.ProfileFavsLeft
{
	display: inline;
	float: left;
	width: 300px;	
	margin: 0 0 30px 30px;
}

dl.ProfileFavsRight
{
	display: inline;
	float: right;
	width: 300px;	
	margin: 0 30px 30px 0;
}

dt
{
	color: #666666;
}

dd
{
	color: #333333;
	padding: 0 0 10px 10px;
}

#content dd ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}


div.ProfileStories
{
	display: inline;
	float: left;
	width: 330px;
	background-color: #EEEEEE;
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
}

#content div.ProfileStories ol
{
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.ProfileStories ol li
{
	display: block;
	float: left;
	border-top: dashed 1px #CCCCCC;
	padding: 7px 0 7px 30px;
	margin: 0 0 0 0;
	width: 300px;	
}

div.ProfileStories ol li a
{
	
}

div.ProfileStories ol li span.Date
{
	display: inline;
	float: right;
	margin-right: 30px;
	margin-left: 30px;
	color: #999;
}

div.ProfileStories ol li span.author
{
	color: #666;
}




div#content div.MyMessageBoard div.pagination
{
	display: block;
	float: left;
	width: 100%;
	border-bottom: dashed 1px #CCCCCC;
	
}

div#content div.MyMessageBoard div.pagination ol
{
	display: inline;
	float: left;
	list-style-type:none ;
	padding: 0 0 0 0;
	margin: 0 30px 10px 30px;
	border: 0px;
	border-left: solid 1px #EEEEEE;		
}
div#content div.MyMessageBoard div.pagination ol li
{
	display: inline;
	float: left;
	width: 35px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
	border: solid 1px #EEEEEE;
	border-left-width: 0px;
	background-color: #EFEFEF;
}
div#content div.MyMessageBoard div.pagination ol li a:link,
div#content div.MyMessageBoard div.pagination ol li a:visited
{
	display: inline;
	float: left;
	width: 35px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #FFF;
}
div#content div.MyMessageBoard div.pagination ol li a:hover,
div#content div.MyMessageBoard div.pagination ol li a:active
{
	background-color: #FF0084;
	color: #FFF;
	border-bottom-color: #EEEEEE;
}

/* -------------------------------------------------------------------- Register */

div#register
{
	color: #C3C4CE;
	padding: 30px 0;
	font-size: 14px;
}

div#register #home
{
	border-bottom: 0px;
}

div#register .left
{
	display: inline;
	float: left;	
	width: 500px;
	padding-bottom: 30px;
}

div#register .right
{
	display: inline;
	float: right;	
	width: 350px;
	padding-bottom: 30px;
}

#register a:link
{
	color: #FF0084;
}
#register a:visited
{
	color: #A06C86;
}
#register a:hover
{
	color: #FF0084;
	border-bottom: solid 1px #FF0084;
}

div#small-registration-form
{
	display: inline;
	float: left;
	background-color: Aqua;
	margin: 0;
	background-color: #C3C4CE;
	color: #3A3C4D;
	background-image: url(/images/register/small-form-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 350px;	
}

div#small-registration-form .inner
{
	background-image: url(/images/register/small-form-footer.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
div#small-registration-form h2
{
	padding: 20px;
	font-size: 16px; 	
	text-transform: uppercase;
}

div#small-registration-form h2 em
{
	text-transform: lowercase;
	color: #7C7F9D;
}

div#small-registration-form label
{
	display: inline;
	float: left;
	width: 260px;
	margin-left: 20px;
	text-align: left;	
}

div#small-registration-form label em.note
{
	font-size: 12px;
	font-style: normal;
	color: #7C7F9D;
	font-weight: bold;
}

div#small-registration-form div#all-bar-fin-button input
{
	display: inline;
	float: left;	
	margin: 0 0 8px 20px;
}

div#small-registration-form span
{
	display: inline;
	float: left;
	padding: 0 0 0 5px;
}


div#small-registration-form br
{
	clear: left;
}

div#small-registration-form p
{
	padding: 0 20px;
}

div#small-registration-form p.initials
{
	background-color: #B5B6C5;
	padding: 10px 10px;
	width: 283px;
	margin-left: 20px;
	font-size: 12px;
}

div#small-registration-form p.success
{
	background-image: url(/images/register/success.gif);
	background-repeat: no-repeat;
	background-position: right top;	
	width: 300px;
	
}

div#small-registration-form .customError
{
	padding-left: 20px;
	color: #F00;
}

.join
{
	
	margin-right: 45px;
}

div#register div#footer-links
{
	display: inline;
	float: left;
	width: 100%;
	text-align: right;
	padding-top: 25px;
	overflow: hidden;
	background: none;	
	color: #83848F;
	background-color: #3A3C4D;
	border-top: dashed 1px #FFF;
}

/* ------------------------------------------------- After publishing */
div.PublishedSendToFriend
{
	display: inline;
	float: right;
	width: 350px;
	height: 134px;
	background-image: url(/images/common/feature-box-small.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 30px 30px 30px;
}

#content div.PublishedSendToFriend p
{
	margin: 0;
	padding: 20px 20px 10px 20px;	
}

div.PublishedSendToFriend .inner
{
	text-align: center;
}

/* ----------------------- Share this */
div.ShareThis
{
	
}

div.Search
{
	position: absolute;
	top: 70px; 
	right: 50%;
	margin-right: -440px;
	text-align: right;
}

div.Search input
{
	margin-bottom: 5px;
}

div.Search #SearchButton
{
	background-image: url(/images/search/SearchButton.gif);
	border-width: 0px;
	width: 82px;
	height: 22px;
	text-indent: -250px;
	cursor: pointer;
}



/* --------------------------------------------------------- My Bookshelf */
div.AddToBookshelf
{
	float: left;
	width: 100%;
	background-color: #C3C4CE;
	margin-bottom: 30px;
}
#content div.AddToBookshelf p
{
	float: left;
	padding: 10px 0 10px 30px;
	margin: 0;	
	width: 460px;
}

div.AddToBookshelf div.Buttons
{
	float: right;
	padding: 8px 16px 4px 0;
}

#content div.AddToBookshelf div.Buttons a
{
	border: 0px;
}

/* --------------------------------------------------------------- My Home */
div.MyHomeLeft
{
	display: inline;
	float: left;
	width: 440px;	
	margin: 0 0 0 30px;
}

div.MyHomeRight
{
	display: inline;
	float: right;
	width: 220px;	
	margin: 0 30px 0 0;
}

div.MyHomeLeft div.Panel,
div.MyHomeRight div.Panel
{
	display: block;
	float: left;
	width: 100%;
	background-color: #EEEEEE;
	margin: 0 0 30px 0;
}

#content div.MyHomeLeft h3,
#content div.MyHomeRight h3
{
	margin: 10px 10px 10px 10px;
}

#content div.MyHomeLeft ol,
#content div.MyHomeRight ol
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	border-top: dashed 1px #CCCCCC;
}

#content div.MyHomeLeft li,
#content div.MyHomeRight li
{
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	border-bottom: dashed 1px #CCCCCC;
}

#content div.MyHomeLeft span.comment,
#content div.MyHomeRight span.comment
{
	display: block;
	font-size: 13px;	
	padding: 10px 20px;
}

#content div.MyHomeLeft span.support,
#content div.MyHomeRight span.support
{
	font-size: 12px;
	color: #666666;
}

#content div.MyHomeLeft p,
#content div.MyHomeRight p
{
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
}

/* ------------------------------------------------------------------------------- Book Reviews */
div.BookReviews
{
	display: inline;
	float: left;
	width: 100%;	
}


div.FeaturedBookReviews
{
	display: inline;
	float: left;
	width: 100%;
	padding-bottom: 20px;	
}

div.FeaturedReview
{
	display: inline;
	float: left;
	width: 330px;	
	padding-left: 30px;		
}

div.FeaturedReview div.image
{
	display: inline;
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

#content div.FeaturedReview div.image a:link,
#content div.FeaturedReview div.image a:visited
{
	border-bottom-width: 0px;
}

div.FeaturedReview div.text
{
	display: inline;
	float: left;
	width: 180px;	
}

#content div.FeaturedReview h3,
#content div.FeaturedReview h4,
#content div.FeaturedReview h5,
#content div.FeaturedReview p
{
	margin: 0 0 0 10px;
	padding: 0;	
}

#content div.FeaturedReview h3
{
	font-family: Georgia,Times,serif;
}

#content div.FeaturedReview h4
{
	font-weight: normal;
	border-bottom: solid 1px #999;
	padding: 5px 0;
}

#content div.FeaturedReview h5
{
	font-weight: normal;	
	padding: 5px 0 10px 0;
	font-size: 12px;
}

#content div.FeaturedReview p *
{
	font-weight: normal;
}

div.ReviewImage
{
	display: inline;
	float: left;
	height: 180px;
	width: 180px;
	text-align: right;	
	padding-top: 50px;
	overflow: hidden;
}

div.ReviewContent
{
	display: inline;
	float: left;
	width: 540px;		
}

#content div.ReviewContent h1
{
	color: #C74343;
	line-height: 26px;
	height: auto;
	margin: 50px 0 10px 30px;
}
#content div.ReviewContent h2
{
	margin: 0 0 0 30px;
	color: #999;
}
#content div.ReviewContent h3
{
	margin: 20px 0 30px 30px;
	padding: 20px 0 0 0;
	border-top: solid 1px #333;
	color: #C74343;
	font-style: italic;
	font-size: 18px;
}

#content div.ReviewContent h4
{
	margin: 0 0 30px 30px;
	padding: 0 0 20px 0;
	border-bottom: dashed 1px #CCC;		
	font-size: 12px;
}

#content div.ReviewContent ol.Feedback
{
	margin-left: 0;
	
}

/* ------------------------------------------------------------------------------- News */
div.NewsPaperTexture
{
	float: left;
	width: 100%;
	background-image: url(/images/news/PaperTexture.jpg);
	background-repeat: repeat-y;
	padding: 0 0 30px 0;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

div.NewsPaperMastHead
{
	float: left;
	width: 100%;
	height: 172px;
	background-image: url(/images/news/MastHeadBg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}

#content div.NewsPaperMastHead a:hover
{
	border-bottom-width: 0px;
	text-decoration: none;
}

p.NewsAuthor
{
	margin: 0 30px 20px 25px;
	font-weight: bold;
}

div.NewsCopyright
{
	text-align: center;
	display: inline;
	float: left;
	clear: left;
	margin: 0 0 20px 25px;	
	width: 340px;
	border-top: solid 1px #000;
	padding: 5px 0 0 0;
}

div.NewsPaperTexture .Date
{
	position: absolute;
	top: 142px;
	left: 245px;	
	width: 260px;
	text-align: center;
	font-family: Times New Roman, Times, Georgia, Sans-Serif;
}

div.NewsPaperTexture .IssueNo
{
	position: absolute;
	top: 143px;
	left: 95px;			
	font-family: Times New Roman, Times, Georgia, Sans-Serif;
}

#content div.NewsPaperTexture .pagination 
{
	display: inline;
	float: left;		
}

#content div.NewsPaperTexture .pagination p
{
	color: #000;
}

div#content div.NewsPaperTexture div.pagination ol,
div#content div.NewsPaperTexture div.pagination ol li
{
	border-color: #999;
}

#content ol.NewsArticles
{
	display: inline;
	float: left;
	width: 720px;
	margin: 0 0 20px 25px;
	padding: 0 0 0 0;
	background-image: url(/images/news/VerticalBlackBg.gif);
	background-repeat: repeat-y;
	background-position: 350px 350px;
}

#content ol.NewsArticles li
{
	display: inline;
	float: left;
	list-style-type: none;
	width: 160px;
	height: 300px;
	overflow: hidden;
	margin: 4px 2px 0 0;
	padding: 0 0 0 0;
	border-bottom: solid 1px #000;
}

#content ol.NewsArticles li a:link,
#content ol.NewsArticles li a:visited
{	
	text-decoration: none;
}

#content ol.NewsArticles li a:hover,
#content ol.NewsArticles li a:active
{	
	border-bottom-width: 0px;
}

/* zero indexed */

#content ol.NewsArticles li.ArticleNo0,
#content ol.NewsArticles li.ArticleNo6
{
	width: 341px;
	margin-right: 18px;	
}

#content ol.NewsArticles li.ArticleNo5,
#content ol.NewsArticles li.ArticleNo11
{
	width: 341px;	
	margin-left: 18px;
}

#content ol.NewsArticles li.ArticleNo1,
#content ol.NewsArticles li.ArticleNo3,
#content ol.NewsArticles li.ArticleNo7,
#content ol.NewsArticles li.ArticleNo9 
{	
	padding-right: 10px;
	border-right: solid 1px #000;
	margin-right: 0;
}

#content ol.NewsArticles li.ArticleNo2,
#content ol.NewsArticles li.ArticleNo4,
#content ol.NewsArticles li.ArticleNo8,
#content ol.NewsArticles li.ArticleNo10  
{
	padding-left: 10px;
}

#content ol.NewsArticles li.ArticleNo9,
#content ol.NewsArticles li.ArticleNo10,
#content ol.NewsArticles li.ArticleNo11
{
	border-bottom-width: 0px;
}

#content ol.NewsArticles li span.ArticleTitle
{
	display: block;
	font-family: Times New Roman, Times, Georgia, Sans-Serif;
	color: #000;
	font-size: 22px;
}

#content ol.NewsArticles li.ArticleNo0 span.ArticleTitle,
#content ol.NewsArticles li.ArticleNo6 span.ArticleTitle,
#content ol.NewsArticles li.ArticleNo5 span.ArticleTitle,
#content ol.NewsArticles li.ArticleNo11 span.ArticleTitle
{
	font-size: 29px;
}

#content ol.NewsArticles li a:hover span.ArticleTitle
{
	color: #FF0084;	
	text-decoration: underline;
}

#content ol.NewsArticles li span.ArticleAuthor
{
	display: block;	
	color: Black;	
	padding: 5px 0;
}

#content ol.NewsArticles li p
{
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	text-align: justify;
	line-height: normal;
}

div.NewsArticleContent
{
	display: inline;
	float: left;
	width: 100%;
}

#content div.NewsArticleContent h1
{
	display: block;
	font-family: Times New Roman, Times, Georgia, Sans-Serif;
	color: #000;
	font-size: 35px;
	font-weight: normal;
	line-height: normal;
	margin: 5px 20px 5px 25px;
	height: auto;
}

#content div.NewsArticleContent div.TextColumn1 p,
#content div.NewsArticleContent div.TextColumn2 p
{
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	line-height: normal;
	overflow: hidden;
}

#content div.NewsArticleContent div.TextColumn1
{
	display: inline;
	float: left;
	width: 160px;	
	margin: 0 0 0 25px;	
	text-align: justify;
	overflow: hidden;
}

#content div.NewsArticleContent div.TextColumn2
{
	display: inline;
	float: left;
	width: 160px;	
	margin: 0 0 0 20px;	
	text-align: justify;
	overflow: hidden;
}


#content div.NewsArticleContent div.RightColumn
{
	display: inline;
	float: right;
	width: 340px;	
	margin: 0 25px 0 0;
	text-align: center;
}

#content div.NewsArticleContent div.SupportingContent
{
	display: inline;
	float: left;
	width: 340px;
	border: solid 1px #000;
	border-width: 1px 0 0 1px;
	margin: 20px 0 20px;
	text-align: right;
	padding: 10px 0 10px 0;
}


/* ------------------------------------------------------------------------------- Advice Article */
div.AdviceArticleContent
{	
	width: 600px;
	margin-left: 75px;
	padding: 25px 0 0 0;
}
div.AdviceArticleContent p
{	
	text-align:justify;
}

#content div.AdviceArticleContent h1
{
	color: #C74343;
	border-bottom: 1px solid #333333;
	padding: 15px 0 25px 0;
	height: auto;
	line-height: normal;
}

#content div.AdviceArticleContent h3
{
	color: #C74343;
	border-top: 1px solid #333333;
	padding: 20px 0 10px 0;
	margin: 10px 30px 0 30px
}

#content div.AdviceArticleContent h4
{
	margin: 0 0 20px 30px;
	padding: 0 0 0 0;
}

#content div.AdviceArticleContent h4 a
{
	font-weight: normal;	
}

#content div.AdviceArticleContent .StoryCopyright
{	
	border-top: 1px solid #333333;
	padding: 20px 0 10px 0;	
	margin: 20px 30px 0;
	width: 540px;
}

#content div.AdviceArticleContent ol.Feedback
{	
	margin-left: 45px;
	padding-top: 20px;
}

/* ------------------------------------------------------------------------------- Revolution */
div.RevolutionWrapper
{
	padding: 30px 0 30px 30px;
}

div#RevolutionPage1
{
	display: block;
	float: left;
	width: 690px;	
	background-color: #9C9C4E;
	margin-bottom: 30px;
	background-image: url(/images/get-involved/the-dream.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height:962px;
	height:auto !important;
	height:962px;
}

div#TheDream
{	
	width: 590px;
	margin: 0 auto 0 auto;	
	padding: 550px 0 0 0;	
}

div#TheDream a:link,
div#TheDream a:visited
{
	color: #FFF;
}

div#TheDream p,
div#ThePlanCol1 p,
div#ThePlanCol2 p
{
	color: #FFF;
	line-height: 1.4;
	margin: 0 0 15px 0;
}

div#RevolutionPage2
{
	position: relative;
	display: block;
	float: left;
	width: 690px;
	height: 962px;
	background-color: #318080;
	background-image: url(/images/get-involved/the-plan.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height:962px;
	height:auto !important;
	height:962px;
}

div#ThePlanCol1
{	
	float: left;
	width: 290px;
	height: 600px;
	position: absolute;
	top: 150px;
	left: 30px;
}

div#ThePlanCol2
{	
	float: left;
	width: 280px;
	height: 600px;
	position: absolute;
	top: 150px;
	right: 45px;
}

div.BGImageTextReplace
{
	position: absolute;
	top: 0px;
	left: -4999px;
}

/* ------------------------------------------------------------------------------- Downloads & Donations */
.DownloadPanel,
.DonationPanel,
.SupportPanel
{
	background-color: #EEE;
	float: left; 
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
}

#content .DonationPanel a:hover,
#content .DonationPanel a:active
{
	border-width: 0px;
}

.SupportPanel p
{
	padding-bottom: 30px;
}

/* ------------------------------------------------------------------------------- Support */
.LinkCode
{
	display: inline;
	float: right;
	width: 400px;	
	margin: 0 30px 30px 0;
	padding-left: 30px;
}

.LinkCode textarea
{
	width: 400px;
}

.LinkButtonCode
{
	display: inline;
	float: left;
	width: 350px;	
	height: 180px;
	margin: 0 0 15px 15px;
	background-color: #DDD;
}

.LinkButtonCode .Inner
{ 
	display: inline;
	float: right;	
	width: 200px;
	overflow: hidden;
}

.LinkButtonCode img
{
	display: inline;
	float: left;
	margin: 10px 0 0 10px;
}

.LinkButtonCode textarea
{	
	width: 185px;
	margin: 10px 0 0 0;
}


/* ------------------------------------------------------------------------------- Utility */
.ImportantUserMessage
{
	display: inline;
	float: left;
	width: 100%;	
	background-image: url(/images/utility/stripe.png);
}

.ImportantUserMessage div.Inner
{
	display: inline;
	float: left;
	width: 94%;
	margin: 3%;
	background-color: #F7F7C2;
}

.DraftOptions
{
	display:  inline;
	float: right;
	padding: 30px 30px 30px 30px;
	text-align: right;
}

.ButtonInfo,
#content .ButtonInfo
{
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.Highlight
{
	background-color: #FFFF00;
	padding: 0 2px;
	color: #FF0000;
}

/* ------------------------------------------------ Status update */
div.Updates
{
	display:inline;
	float: left; 
	width: 100%;
	background: #E6E6E6;
}

div.UpdateMyStatus
{
	display:inline;
	float: left; 
	width: 390px;	
	height: 221px;
	background: url(/images/welcome-back/status-bubble.gif) no-repeat 30px 60px;
}

div.UpdateMyIsReading
{
	display:inline;
	float: right; 
	width: 290px;
	height: 221px;	
	background: url(/images/welcome-back/reading-bubble.gif) no-repeat 0px 60px;
}

#content div.Updates h2
{
	margin-bottom: 0px;
}

#content div.UpdateMyIsReading h2
{
	margin-left: 10px;
}

#content div.Updates p
{
	display: inline;
	float: left;
	width: 318px;
	margin-left: 40px; 
	padding: 10px 0 0 0;
}

#content div.UpdateMyIsReading p
{
	margin-left: 20px;
	width: 240px;
}

#content div.Updates p span
{
	color: #7A7676;
}

#content div.Updates .IntroText
{
	font-weight: bold;
}

#content div.Updates .display
{
	color: #8A8A8A;
}

#content div.Updates .StatusInput
{
	width: 303px;
}

#content div.Updates .ReadingInput
{
	width: 175px;
}

#content div.Updates div.Response
{
	display:inline;
	margin: 10px 20px 20px 30px;
}

#content div.Updates div.UpdatesThumb
{
	display: inline;
	float: left;
	padding: 60px 0 0 0;
}

/* ------------------------------------------------ Welcome Back */
div#WelcomeTabs ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#WelcomeTabs
{
	display: inline;
	float: left;	
	width: 100%;
}

div#WelcomeTabs ul.yui-nav
{
	display: inline;
	float: left;	
	width: 720px;	
	overflow: hidden;
	background-color: #F2F2F2;
	padding-left: 30px;	
}

div#WelcomeTabs ul.yui-nav li
{
	padding: 10px 5px;	
	overflow: hidden;
	width: auto;	
}

div#WelcomeTabs ul.yui-nav li.selected
{
	background-color: #FFFFFF;
}

div#WelcomeTabs ul.yui-nav li a:link,
div#WelcomeTabs ul.yui-nav li a:visited
{
	color: #000;
	text-decoration: none;
	border-width: 0px; 	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-style: none;	
	text-align: center;
}

div#WelcomeTabs ul.yui-nav li a:hover,
div#WelcomeTabs ul.yui-nav li a:active,
div#WelcomeTabs ul.yui-nav li a:focus
{
	border-width: 0px; 	
	text-decoration: none;	
}

div#WelcomeTabs div.yui-content
{
	display: inline;
	float: left;	
	width: 100%;
	padding: 10px 0;
}

div#WelcomeTabs ol
{
	margin: 0 0 0 30px; padding: 0;
}

div#WelcomeTabs ol li
{
	margin: 0 0 10px 0; padding: 0;
	list-style: none;
	display: block;
	float: left;
	width: 310px;	
}

div#WelcomeTabs #Faction ol li
{
	margin-right: 30px;	
}

div#WelcomeTabs .Date
{
	color:#999999;
	float:right;
	margin:0 0 0 30px;
}


div#WelcomeTabs .Comment
{
	display: inline;
	float: left;
	padding: 5px 0 0 0;
}

div#WelcomeTabs .LatestMembers
{
	display: inline;
	float: right;
	width: 360px;
}

div#WelcomeTabs #twitter_div
{
	display: inline;
	float: left;
	width: 350px;
}

#content ul#twitter_update_list
{
	margin: 0 0 10px 30px;
	list-style-type: none;
	border-top: dashed 1px #CCC;
}

#content ul#twitter_update_list li
{
	padding: 10px 0 10px 0;
	border-bottom: dashed 1px #CCC;
}

div#WelcomeTabs .BibliofactionLite
{
	display: inline;
	float: right;
	width: 360px;
	padding: 0 0 30px 0;
}

div#WelcomeTabs .Shortcuts
{
	display: inline;
	float: left;
	width: 350px;
	padding: 0 0 30px 0;
}

div#WelcomeTabs .BibliofactionLite fieldset
{
	border: dashed 1px #CCC;
	padding: 5px;
	width: 290px;
	margin: 0 0 10px 30px;
}

div#WelcomeTabs .BibliofactionLite fieldset .email
{
	width: 135px;
}

div#WelcomeTabs .BibliofactionLite legend
{
	color:#333333;
	background-color: #FFF;
}

div#WelcomeTabs .Message
{
	display: inline;
	float: right;
	width: 240px;
	margin: 0;
	background: url(/images/common/speech-bubble-top-narrow.gif) left top no-repeat;
}

div#WelcomeTabs ol li .SpeechBottom
{
	display: inline;
	float: right;
	width: 240px;
	height: 7px;
	font-size: 5px;
	line-height: 5px;
	background: url(/images/common/speech-bubble-bottom-narrow.gif) left bottom no-repeat;
}

div#WelcomeTabs ol li .ReStory
{
	font-style: italic;
	display: inline;
	float: left;
	width: 100%;
	padding: 8px 0 5px 0;
}

div#WelcomeTabs div.LeftCol
{
	display: inline;
	float: left;
	width: 50%;
}

div#WelcomeTabs .Contributions
{
	margin: 0 0 30px 30px;
}

div#WelcomeTabs div.RightCol
{
	display: inline;
	float: left;
	width: 50%;
}

div#WelcomeTabs .FollowingStatus
{
	background: url(/images/welcome-back/thoughts.gif) top right no-repeat;
	padding: 20px 0 30px 0; 
}

div#WelcomeTabs .FollowingReading
{
	background: url(/images/welcome-back/books.gif) top right no-repeat;
	padding: 20px 0 30px 0;
}

div#WelcomeTabs .FactionOfFollowers
{	
	background: url(/images/welcome-back/followers.gif) top right no-repeat;
	height: 92px;
}

#content div#WelcomeTabs .Message p
{
	margin: 0 10px 0 20px;
	padding: 5px 0 0 0;
}

#content div#WelcomeTabs p em
{
	font-style: italic;
}

#content h2.FactionOfFollowers span
{
	color: #7A7676;
}

#content div#WelcomeTabs .UserInfo
{
	display: inline;
	float: left;
	width: 240px;
	padding: 5px 0 0 0;	
}

span.Following
{
	color: #B2B250;
}

#content div#WelcomeTabs .Following
{	
	font-weight: bold;
}

#QuickView, #FeedbackMessages, #StoriesMore, #StatusUpdates, #Faction, #Settings
{
	display: block;
	float: left;
	width: 100%;
}

/* ------------------------------------------------ Bibliobucks */
div.BibliobucksBalance 
{
	background-image: url(/images/icons/bibliobucks.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

div.BibliobucksBalance h1 
{
	width: 500px;
}

#content h2.balance 
{
	font-size: 14px;
	color: #3A3C4D;
	height: auto;
}

#content h2.balance span
{
	font-size: 70px;
	color: #AAA;
}

table.BibliobucksHistory 
{
	margin: 0 30px 30px 30px;
	width: 690px;
}

table.BibliobucksHistory th 
{
	text-align: left;
}

table.BibliobucksHistory td 
{
	border-top: 1px #CCC solid;
}

table.BibliobucksHistory td.amount,
table.BibliobucksHistory th.amount
{
	text-align: right;
	width: 110px;
}

/* ------------------------------------------------ Contributions */
div.StoriesList,
div.AdviceList
{
	padding: 20px 0 0 30px;
}

#content ol#Contributions
{
	display: inline;
	float: left;
	width: 100%;	
	margin: 0 0 5px 0;
	padding: 10px 0;
}

#content div.UserProfile ol#Contributions
{
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

#content ol#Contributions li
{
	display: inline;
	float: left;
	width: 135px;
	height: 224px;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	list-style-position:inside;
	background-position:left top;
	background-repeat:no-repeat;	
}

#content .Contributions
{
	margin: 0 0 30px 30px;
}

/* ----- Advice Article */
#content ol#Contributions li.AdviceArticle
{
	background-image:url(/images/advice/PaperScrap.jpg);	
}

#content ol#Contributions li.AdviceArticle a:link,
#content ol#Contributions li.AdviceArticle a:visited
{
	display:inline;
	float:left;
	height:224px;
	position:relative;
	text-decoration:none;
	width:128px;	
}

#content ol#Contributions li.AdviceArticle a:hover,
#content ol#Contributions li.AdviceArticle a:active
{
	border-bottom-width:0;
}

#content ol#Contributions li.AdviceArticle a span.ArticleTitle
{
	color:#C74343;
	cursor:pointer;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:auto;
	line-height:1.1;
	margin:37px 0 0 25px;
	overflow:hidden;
	padding:0;
	text-align:left;
}

#content ol#Contributions li.AdviceArticle a span.ArticleAuthor
{
	color:#000000;
	cursor:pointer;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:auto;
	line-height:1;
	margin:6px 0 0 25px;
	overflow:hidden;
	padding:0;
	text-align:left;
}

/* ----- News Article */
#content ol#Contributions li.NewsArticle
{
	background-image:url(/images/news/NewsPaperClipping.jpg);	
}

#content ol#Contributions li.NewsArticle a:link,
#content ol#Contributions li.NewsArticle a:visited
{
	display:inline;
	float:left;
	height:224px;
	position:relative;
	text-decoration:none;
	width:128px;	
}

#content ol#Contributions li.NewsArticle a:hover,
#content ol#Contributions li.NewsArticle a:active
{
	border-bottom-width:0;
}

#content ol#Contributions li.NewsArticle a span.ArticleTitle
{
	color:#111;
	cursor:pointer;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:auto;
	line-height:1.1;
	margin:85px 0 0 15px;
	overflow:hidden;
	padding:0;
	text-align:left;
}

#content ol#Contributions li.NewsArticle a span.ArticleAuthor
{
	color:#666666;
	cursor:pointer;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:auto;
	line-height:1;
	margin:6px 0 0 15px;
	overflow:hidden;
	padding:0;
	text-align:left;
}

/* ----- Book Review */
#content ol#Contributions li.BookReview
{
	background-image:url(/images/reviews/Notepad.jpg);	
}

#content ol#Contributions li.BookReview a:link,
#content ol#Contributions li.BookReview a:visited
{
	display:inline;
	float:left;
	height:224px;
	position:relative;
	text-decoration:none;
	width:128px;	
}

#content ol#Contributions li.BookReview a:hover,
#content ol#Contributions li.BookReview a:active
{
	border-bottom-width:0;
}

#content ol#Contributions li.BookReview a span.ArticleTitle
{
	color:#C74343;
	cursor:pointer;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:auto;
	line-height:1.1;
	margin:85px 0 0 25px;
	overflow:hidden;
	padding:0;
	text-align:left;
}

#content ol#Contributions li.BookReview a span.ArticleAuthor
{
	color:#000000;
	cursor:pointer;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:auto;
	line-height:1;
	margin:6px 0 0 25px;
	overflow:hidden;
	padding:0;
	text-align:left;
}



/* ----- Story */

#content ol#Contributions li.Story div.StoryThumb
{
	display: inline;
	float: left;
	width: 135px;
	height: 224px;
	padding: 0 0 0 0;			
	background-position:left top;
	background-repeat:no-repeat;
}

#content ol#Contributions li.Story div.Thick
{
	background-image: url(/images/search/BookThick.png);	
}
#content ol#Contributions li.Story div.Thick a
{
	margin: 2px 0 0 0;
}

#content ol#Contributions li.Story div.Medium
{
	background-image: url(/images/search/BookMedium.png);	
}

#content ol#Contributions li.Story div.Medium a
{
	margin: 4px 0 0 2px;
}

#content ol#Contributions li.Story div.Thin
{
	background-image: url(/images/search/BookThin.png);	
}

#content ol#Contributions li.Story div.Thin a
{
	margin: 5px 0 0 3px;
}

#content ol#Contributions li.Story div.VeryThin
{
	background-image: url(/images/search/BookVeryThin.png);	
}

#content ol#Contributions li.Story div.VeryThin a
{
	margin: 7px 0 0 4px;
}

#content ol#Contributions li.Story a.Cover:link,
#content ol#Contributions li.Story a.Cover:visited
{
	display: inline;
	float: left;
	width: 125px;
	height: 184px;	
	text-decoration: none;
	position: relative;
	z-index:24;	
}

#content ol#Contributions li.Story a.Cover:hover,
#content ol#Contributions li.Story a.Cover:active
{
	border-bottom-width: 0px;
	z-index:25;
}

#content ol#Contributions li.Story a span.Title
{
	display: block;
	margin: 35px 3px 0 12px;
	overflow: hidden;
	padding: 0 0 0 0;
	text-align: center;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	height: auto;
	line-height: 1.1;
	cursor: pointer;
}

#content ol#Contributions li.Story a span.Author
{
	display: block;
	margin: 6px 3px 0 12px;
	padding: 0 0 0 0;
	text-align: center;
	color: #99A0DA;
	font-size: 1em;
	font-weight: normal;
	height: auto;
	line-height: 1;
	overflow: hidden;
	cursor: pointer;
}

img.IconUnsuitableForChildren
{
	display: inline;
	float: left;
	position: absolute;
	top: 117px;
	left: 49px;
}

img.IconSuitableForChildren
{
	display: inline;
	float: left;
	position: absolute;
	top: 110px;
	left: 51px;
}

span.IconCompetitionWinner
{
	position: absolute;
	top: 165px;
	left: 15px;
}

#content ol#Contributions li.Story a span.Synopsis,
#content ol#Contributions li.Story a:link span.Synopsis,
#content ol#Contributions li.Story a:visited span.Synopsis
{
	display: none;	
    position:absolute;
    top: 45px; 
    left: 117px;     
    width: 107px;
    padding: 10px 10px 10px 25px;   
    background-image: none;     
    background-repeat: no-repeat;
    background-position: left top;
    color:#FFF;
    text-align: left;    
}

#content ol#Contributions li.Story a:hover span.Synopsis
{
	display: block;	
	background-image: url(/images/search/SynopsisBG.gif);
}

#content ol#Contributions li.User
{
	display: inline;
	float: left;
	width: 135px;
	height: 184px;	
	position: relative;
	z-index:24;		
}

#content ol#Contributions li.User div.User
{
	background-color:#EEEEEE;
	display:inline;
	float:left;
	height:170px;
	margin:12px 0 0 5px;
	position:relative;
	width:125px;
	z-index:24;
}

#content ol#Contributions li.User div.User a
{
	display: inline; 
	float: left;
	margin: 5px 0 0 5px;
}

#content ol#Contributions li.User div.User a.UserInfo
{
	border:1px dashed #CCCCCC;
	height:97px;
	overflow:hidden;
	width:113px;
	text-decoration: none;
}
#content ol#Contributions li.User div.User a.UserInfo:hover 
{
	border-color: #FF0084;
}
#content ol#Contributions li.User div.User a.UserInfo span.FullName
{
	display: inline;
	float: left;
	clear: left;
	text-decoration: none;
	border-bottom-width: 0px; 
	color: #333;
	font-size: 14px;
	margin: 5px 3px 5px 5px;
}

#content ol#Contributions li.User div.User a.UserInfo span.UserName
{
	display: inline;
	float: left;
	clear: left;	
	margin: 0 3px 3px 3px;
	text-decoration: underline;
}
#content ol#Contributions li.User div.User a.UserInfo:hover  span.UserName
{
	display: inline;
	float: left;
	border-color: #FF0084;
	border-bottom: solid 1px #FF0084;
}

/* ------------------------------------------------------- Pagination */
#content div.Paging ol#Contributions li
{
	/* hide all pages */
    display: none;
}
#content div.Paging ol#Contributions.page1 li.page1,
#content div.Paging ol#Contributions.page2 li.page2,
#content div.Paging ol#Contributions.page3 li.page3,
#content div.Paging ol#Contributions.page4 li.page4,
#content div.Paging ol#Contributions.page5 li.page5,
#content div.Paging ol#Contributions.page6 li.page6,
#content div.Paging ol#Contributions.page7 li.page7,
#content div.Paging ol#Contributions.page8 li.page8,
#content div.Paging ol#Contributions.page9 li.page9,
#content div.Paging ol#Contributions.page10 li.page10,
#content div.Paging ol#Contributions.page11 li.page11,
#content div.Paging ol#Contributions.page12 li.page12,
#content div.Paging ol#Contributions.page13 li.page13,
#content div.Paging ol#Contributions.page14 li.page14,
#content div.Paging ol#Contributions.page15 li.page15,
#content div.Paging ol#Contributions.page16 li.page16,
#content div.Paging ol#Contributions.page17 li.page18,
#content div.Paging ol#Contributions.page19 li.page19,
#content div.Paging ol#Contributions.page20 li.page20,
#content div.Paging ol#Contributions.page21 li.page21,
#content div.Paging ol#Contributions.page22 li.page22,
#content div.Paging ol#Contributions.page23 li.page23,
#content div.Paging ol#Contributions.page24 li.page24,
#content div.Paging ol#Contributions.page25 li.page25,
#content div.Paging ol#Contributions.page26 li.page26,
#content div.Paging ol#Contributions.page27 li.page27,
#content div.Paging ol#Contributions.page28 li.page28,
#content div.Paging ol#Contributions.page29 li.page29,
#content div.Paging ol#Contributions.page30 li.page30
{ /* display the current page */
    display: block;
}

div#MessageBoard ol li 
{
	/* hide all pages */
    display: none;
}
div#MessageBoard.page1 ol li.page1,
div#MessageBoard.page2 ol li.page2,
div#MessageBoard.page3 ol li.page3,
div#MessageBoard.page4 ol li.page4,
div#MessageBoard.page5 ol li.page5,
div#MessageBoard.page6 ol li.page6,
div#MessageBoard.page7 ol li.page7,
div#MessageBoard.page8 ol li.page8,
div#MessageBoard.page9 ol li.page9,
div#MessageBoard.page10 ol li.page10,
div#MessageBoard.page11 ol li.page11,
div#MessageBoard.page12 ol li.page12,
div#MessageBoard.page13 ol li.page13,
div#MessageBoard.page14 ol li.page14,
div#MessageBoard.page15 ol li.page15,
div#MessageBoard.page16 ol li.page16,
div#MessageBoard.page17 ol li.page18,
div#MessageBoard.page19 ol li.page19,
div#MessageBoard.page20 ol li.page20,
div#MessageBoard.page21 ol li.page21,
div#MessageBoard.page22 ol li.page22,
div#MessageBoard.page23 ol li.page23,
div#MessageBoard.page24 ol li.page24,
div#MessageBoard.page25 ol li.page25,
div#MessageBoard.page26 ol li.page26,
div#MessageBoard.page27 ol li.page27,
div#MessageBoard.page28 ol li.page28,
div#MessageBoard.page29 ol li.page29,
div#MessageBoard.page30 ol li.page30
{ /* display the current page */
    display: block;
}

div#ProfileTabs ol li 
{
	/* hide all pages */
    display: none;
}
div#ProfileTabs div.page1 ol li.page1,
div#ProfileTabs div.page2 ol li.page2,
div#ProfileTabs div.page3 ol li.page3,
div#ProfileTabs div.page4 ol li.page4,
div#ProfileTabs div.page5 ol li.page5,
div#ProfileTabs div.page6 ol li.page6,
div#ProfileTabs div.page7 ol li.page7,
div#ProfileTabs div.page8 ol li.page8,
div#ProfileTabs div.page9 ol li.page9,
div#ProfileTabs div.page10 ol li.page10,
div#ProfileTabs div.page11 ol li.page11,
div#ProfileTabs div.page12 ol li.page12,
div#ProfileTabs div.page13 ol li.page13,
div#ProfileTabs div.page14 ol li.page14,
div#ProfileTabs div.page15 ol li.page15,
div#ProfileTabs div.page16 ol li.page16,
div#ProfileTabs div.page17 ol li.page18,
div#ProfileTabs div.page19 ol li.page19,
div#ProfileTabs div.page20 ol li.page20,
div#ProfileTabs div.page21 ol li.page21,
div#ProfileTabs div.page22 ol li.page22,
div#ProfileTabs div.page23 ol li.page23,
div#ProfileTabs div.page24 ol li.page24,
div#ProfileTabs div.page25 ol li.page25,
div#ProfileTabs div.page26 ol li.page26,
div#ProfileTabs div.page27 ol li.page27,
div#ProfileTabs div.page28 ol li.page28,
div#ProfileTabs div.page29 ol li.page29,
div#ProfileTabs div.page30 ol li.page30
{ /* display the current page */
    display: block;
}

div.yui-pg-container
{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 0 15px 0;
}

span.yui-pg-pages
{
	padding: 0 10px;
	font-size: 1.2em;
}

div.yui-pg-container span,
div.yui-pg-container a
{
	margin: 0 10px 0 0;
}

div.yui-pg-container span.yui-pg-last,
div.yui-pg-container a.yui-pg-last
{
	margin: 0 0 0 0;
}

span.yui-pg-current-page
{
	font-weight: bold;
	color: #3A3C4D;
}

span.yui-pg-first,
span.yui-pg-previous
{
	color: #666;
}

#content div.yui-panel ol
{
	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;
	width: 100%;
}

#content div.yui-panel ol li
{
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
	width: 100%;
	border-bottom:1px solid #CCCCCC;
}

#content div.yui-panel ol li span.date
{
	font-size: 0.8em;
	color: #666;
}

#content div.yui-panel .bd
{
	overflow: auto;
}

/* ------------------------------------------ Photo Edit */
div.PhotoEditRight
{
	display: inline;
	float: Right;
	width: 490px;	
	padding: 40px 0 0 0;
}

.AdminEdit
{
	display: inline;
	float: left;
	border: solid 3px #F00;
}


/* ----------------------------------------- sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1.sifr {
	visibility: hidden;
	height: 45px;
	line-height: 45px;
}

.sIFR-hasFlash #register h1.sifr
{
	visibility: hidden;
	height: 45px;
	line-height: 45px;
}