/*
   CSS Sections:
   -------------
   UndoCSS
   General CSS
   DisclaimerGeneral
   StoryPageGeneral
   StoryPageFontSizes
   TextChanger
   StoryPageContent
   FormGeneral
   EmailAFriendSpecific
   
   Search for ':=[CSS Section name]'   
*/




/* :=UndoCSS (CSS hook for fast navigation)
   ---------
   Purpose: undo some of the default styling of common (X)HTML browsers.
*/

/******************************************************************
 * undohtml.css 
 * (CC) 2004 Tantek Celik. Some Rights Reserved.             
 *   http://creativecommons.org/licenses/by/2.0              
 * This style sheet is licensed under a Creative Commons License. 
 ******************************************************************/

:link,:visited { 
    text-decoration:none 
}
ul,ol { 
    list-style:none 
}
h1,h2,h3,h4,h5,h6,pre,code { 
    font-size:1em; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
    margin:0; padding:0 
}
a img,:link img,:visited img { 
    border:none 
}
address { 
    font-style:normal 
}

* {
    padding: 0;
    margin: 0;  
}


/* :=General CSS 
   -------------
   General CSS styling 
*/

body {
	color: #999999;
	background: #FFFFFF;
	background-image: url('');
	text-align: center;
}

body, textarea {
    font-family: Verdana,Arial;
	font-size: 10px;
}

#storyBody {
    width: 607px;
    padding: 0 6px;
    margin: 0 0 0 6px;
    text-align: left;
}

.wnClearFloat {
    clear: both;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #CACACA;
    margin: 0 !important;
    margin: -10px 0 0 0;
    padding: 0;
}

.wnFontSizeSmall {
    font-size: 90%;
}

/* :=DisclaimerGeneral
   ---------------------
   Disclaimer text
*/
.wnDisclaimer {
    font-size: 90%;
    color: #808080;
}


/* :=StoryPageGeneral
   ------------------
   Specific to WorldNow Story pages.
*/

.wnStoryHeader img { 
    border: 0;
    margin: 0;  
    padding: 6px 0 0 0;
}

.wnStorySubHeader {
    width: 75%;
    float: left;
    
}
.wnStorySubHeader h1 {
    font-weight: normal;
    font-size: 100%;
    margin-top: 10px;
}


/* :=StoryPageFontSizes
   --------------------
   Specific to WorldNow Story pages.
*/

.font1 .wnStoryContent,
.font1 .wnStoryContent .wnFormTextbox, 
.font1 .wnDisclaimer,
.font1 .wnFormTextarea {
    font-size: 100%;
}

.font2 .wnStoryContent,
.font2 .wnStoryContent .wnFormTextbox, 
.font2 .wnDisclaimer,
.font2 .wnFormTextarea {
    font-size: 125%;
}
.font3 .wnStoryContent,
.font3 .wnStoryContent .wnFormTextbox, 
.font3 .wnDisclaimer,
.font3 .wnFormTextarea {
    font-size: 150%;
}

/* :=TextChanger
   -------------
   Changes the font size of the Story page
*/

#wnTextChanger {
    font-size: 16px;
}

.wnSUText {
    float: right;
}

.wnSUText img {
    float: left;
    margin-top: 0;
}

.wnTextChangerLabel {
   margin-left: 5px;
   font-size: 1em;
   color: #3165FF;
   line-height: 280%;
}

/* :=StoryPageContent
   ------------------
   Actual body content
*/
.wnStoryContent {
    margin-top: 5px;
}

.wnStoryContent h2 {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
}
.wnStoryContent .wnStoryContentSummary, .wnStoryContent .wnStoryContentSummary font {
    font-size: 100%;
    margin-bottom: 10px;
}

/* :=FormGeneral
   ---------------------
   Formats all general form elements
*/
.wnFormGeneral {
    border: 1px solid #CACACA;
    padding: 5px 7px;
}
.wnFormLabel {
    display: block;
    padding: 10px 0 4px 0;
}
.wnFormTextbox {
    width: 98%;
    padding: 0;
}
.wnFormTextarea {
    width: 98%;
    height: 60px;
    font-size: 110%;
}
.wnFormDesc {
    display: block;
    font-size: 100%;
    color: #808080; 
    border-bottom: 1px solid #CACACA;
    padding-bottom: 10px;
    margin-top: 2px;
}
.wnFormButton {
    margin: 2px;
}
.wnFormHR {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 10px;
    margin-bottom: 4px;
}

/* :=EmailAFriendSpecific
   ----------------------
   Applies only to Email A Friend
*/

.wnEmailAFriendDisclaimer {
    margin-top: 15px;
}
.wnEmailAFriendButton {
    margin-top: 10px;
    border: 1px solid #808080;
    background-color: #CACACA;
}
.wnErrorMessages {
    border-bottom: 1px solid #CACACA;
    display: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.wnErrorMessages ul {
    list-style-position: inside;
    list-style-type: disc;
}
.wnErrLabel {
    font-weight: bold;
    color: #FF0000;
}
.wnErrField {
    background-color: #FFFFCC;
}