﻿body
{
    margin: 0;
    padding: 0;
    background-position: fixed;
    font-family: 'Trebuchet MS';
    font-size: 10pt;
    background: url('/Resources/Images/Site/blue-forest.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #252525; /*background-color: #3E0000;*/
}


a
{
	color: #5C462C;
	text-decoration: none;
}

a img
{
    border: 0px;
}

a:visited
{
	color: #5C462C;
	text-decoration: none;
}

a:hover
{
	color: #5C462C;
	text-decoration: underline;
}

p
{
	margin-top: 0px;
}

.PanelBody
{
    color: #006600;
    background-color: #FFFFCC;
    padding: 10px;
    background-image: none;
}


#MainWrapper
{
    /* width: 95%; */
    width: 920px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFE8;
    border: 4px solid #523F27;
    padding: 5px;
    margin-top: 10px;
    z-index: 2;
}

#Header
{
	margin-left: 0px;
	margin-right: 0px;
	
	
}

#BodyContentWrapper
{
    margin-top: 10px;
}

#MainContent
{
    float: right;
    width: 728px;
}

#ADFNavigation
{
    border: 2px solid #896841;

}

#ADFLeaderboard
{
    float: right;
    width: 468px;
    height: 60px;
    background-color: White;
    border: 2px solid #896841;
    margin-bottom: 8px;
}

div.ADFSkyscraper
{
    margin-bottom: 10px;
    text-align: center;
}

#Info
{
    margin-left: 0px;
    margin-right: 0px;
    border: 2px solid #896841;
    height: 26px;
    margin-top: 5px;
    background-color: #5e120f;
    color: #FFFFFF;
    padding: 2px;
}

#rangerslider
{
/*width: 150px; */
padding: 5px; 
border: 2px solid #896841; 
 
position: relative; 
z-index: 10; 
display: none; 
color: Black; 
float: right; 
margin-top: 5px;
background-color: #FFFFCC;
}

#cameraslider
{
/*width: 150px; */
padding: 5px; 
border: 2px solid #896841; 
 
position: relative; 
z-index: 10; 
display: none; 
color: Black; 
float: right; 
margin-top: 5px;
background-color: #FFFFCC;
}

#fictionslider
{

padding: 5px; 
border: 2px solid #896841; 
position: relative;
z-index: 10; 
display: none; 
color: Black; 
float: right; 
margin-top: 5px;
background-color: #FFFFCC;
}

#campfireslider
{

padding: 5px; 
border: 2px solid #896841; 
position: relative;
z-index: 10; 
display: none; 
color: Black; 
float: right; 
margin-top: 5px;
background-color: #FFFFCC;
}

#Footer
{
	padding: 10px;
	border: 2px solid #896841;
	background-color: #FFFFCC;
	overflow: visible;
	margin-top: 15px;
}

#SubHeaderControls
{
    background-color: #FFFFCC;
    border: 2px solid #896841;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px;
    margin-bottom: 15px; /*background-image: url('/Resources/Images/HEADER_NEW/LEFT_BAR_BACK.gif');*/
}

/*FIC READER*/

.ReaderDark
{
    background-color: Black;
    color: white;
    background-image: none;
    padding: 5px;
}

.ReaderMedium
{
    background-color: #333333;
    color: white;
    background-image: none;
    padding: 5px;
}

.ReaderWood
{
    background-image: url('/Resources/Images/HEADER_NEW/Left_Bar_Back.gif');
    color: White;
    background-color: Transparent;
    padding: 5px;
}

.ReaderLight
{
    background-color: White;
    color: Black;
    background-image: none;
    padding: 5px;
}

/*END FIC READER*/

div.Generic
{
	
	
	padding: 10px;
	border: 2px solid #896841;
	margin-bottom: 15px;
	background-color: white;
	overflow: visible;
	background-color: #FFFFCC;
}

div.GenericModule
{
	
	
	padding: 10px;
	border: 2px solid #896841;
	margin-bottom: 15px;
	background-color: #FFFFCC;
	overflow: visible;
}

div.Campfires
{
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    border: 2px solid #896841;
    margin-bottom: 15px; /* background-color: #E2DDD6;*/
    /*background-color: White;*/
    min-height: 150px;
    overflow: hidden;
    color: #006600;
    background-color: #FFFFCC;
    
}

.CampfiresEditor
{
    color: #006600;
    background-color: #FFFFCC;
}

div.Campfires img{
	max-width: 500px;
}

div.PageARanger
{
    width: 100%; 
    text-align: center;
    /*
    background-color: White;
    border: 2px solid #896841;*/
    padding: 0px;
}

div.CampfireComments
{
	margin-bottom: 0px;
	min-height: 150px;
	overflow: visible;
	margin-left: 15px;
	margin-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	color: #006600;

	
}

div.CampfireCommentsContent
{
	/*width: 90%;*/
	padding: 10px;
	margin-bottom: 0px;
	min-height: 150px;
	overflow: visible;
	background-color: #FFFFCC;
	border: 2px solid #896841;
	margin-right: 0px;
}


div.CampfireCommentsContent img{
max-width: 500px;
}

.CampfireTitle
{
    /*color: #333333;*/
    font-size: 16pt;
    text-decoration: underline;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #5C4830;
    font-weight: bold;
}


div.UserAvatar
{
	width: 116px;
	height: 125px;
	
	/*float: left;
	margin-right: 10px;*/
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.Tools
{
	width: 100%;
	padding: 10px;
	border: 2px solid #896841;
	margin-bottom: 15px;
	background-color: white;
	margin-bottom: 15px;
}

div.UserTools
{
	float: right;
	width: 200px;
	/* border: 1px solid #896841; */
	padding: 3px;
	text-align: right;
	font-size: 12pt;

}



p.CampfireHeader
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12pt;
	color: #896C47;
	font-weight: bold;
}

.AvatarSubtitle
{
    font-size: 10pt; /*color: #333333;*/
    color: #5C462C;
    margin-top: 3px;
    font-weight: bold;
}



input
{
	border: 1px solid #C8AC89;
	/* font-family: Arial; */
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #815729;
	background-color: #FFFFFF;
	padding: 5px;
    }


/* input:hover
{
	border: 1px solid #C8AC89;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #A47C4D;
	background-color: #C1DBC9;
}
*/

select
{
	border: 1px solid #C8AC89;
	/* font-family: Arial; */
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #815729;
	background-color: #FFFFFF;
	padding: 4px;
}

input[type="submit"]{padding: 4px;}
input[type="checkbox"]{padding: 0px; background-color:transparent; border: 0px;}

input[disabled]
{
	border: 1px solid #C8AC89;
	/*font-family: Arial;*/
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #ECD9C4;
}


img.Avatar
{
    width: 100px;
    height: 100px;
    border: 8px solid #35281A;
}

img.Avatar_Small
{
	width: 50px;
	height: 50px;
	border: 4px solid #35281A;
}

img.Avatar_XSML
{
	width: 25px;
	height: 25px;
	border: 1px solid #35281A;
}

.GenericHeader
{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18pt;
    color: #795C39; /*color: #333333;*/
    font-weight: bold;
}

.GenericHeaderSML
{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12pt;
    font-weight: bold; /*color: #333333;*/
    color: #795C39;
}

.GenericHeaderXSML
{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 10pt;
    font-weight: bold; /*color: #333333;*/
    color: #795C39;
}

.GenericHeaderLarge
{
    margin-top: 5px;
    margin-bottom: 18px;
    font-size: 18pt;
    color: #795C39;
    /*color: #333333;*/
}

p.LoggedInText
{
	color: #333333;
}



.CampfireControls
{
	color: #795C39;
	font-size: 8pt;
}

.FictionTitle
{
	color: #333333;
	font-size: 16pt;
	margin-top: 5px;
	font-weight: bold;
	
}

hr.CampfireSplitter
{
	margin-top: 2px;
	margin-bottom: 2px;
}

table.ForumsTable
{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	border-collapse: collapse;
	
}

.ForumsTable td img
{
    max-width: 400px;
}


td.ForumsCell
{
	vertical-align: top;
	padding: 3px;
	border: 0px solid #808080;
	color: #795C39;
}

td.ForumsHeaderCell
{
	vertical-align: top;
	padding: 3px;
	border: 0px;
	font-size: 16pt;
}

tr.TopicHeaderRow
{
	border: 0px solid #808080;
}

td.TopicHeaderCell
{
	border: 0px;
	font-weight: bold;
	color: #795C39;
}

.AutoCompleteList
{
	overflow : auto;    
    border-width : 1px;
    border-style : solid;
    list-style-type : none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #808080;
}

table.MessageTable
{
	width: 100%;
	border-collapse: collapse;
	
}

td.MessageHeaderCell
{
	vertical-align: top;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px;
	font-size: 10pt;
	font-weight: bold;
	
}


hr.MessageSeparator
{
	background-color: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.MessageHolder
{
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	min-height: 200px;
	overflow: visible;
	padding-top: 0px;
}

p.ForumPostHeader
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12pt;
	color: #896C47;
	font-weight: bold;
}

div.ToolsHorizontal
{
	color: White;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	font-weight: bold;
	background-image: url('/Resources/Images/HEADER_NEW/LEFT_BAR_BACK.gif');
}

#Header a:visited{color: White; font-weight: normal;}
#Header a{color: White; font-weight: normal;}

p.PodcastListHeader
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 0px;
}

p.PodcastListContent
{
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.QuoteBlock
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    padding-left: 30px;
    background-image: url("/Resources/Images/SITE/quotes.png");
    background-repeat: no-repeat; 
    min-height: 100px;
    background-position: 3px 3px;
    
}

td
{
	vertical-align: top;
	}

img.FanArtGalleryFull
{
	border: 8px solid black;
	max-width: 700px;
	max-height: 700px;
}

img.FanArtGalleryThumb
{
	border: 8px solid black;
	max-width: 700px;
	max-height: 700px;
}

p.FanArtGalleryTitle
{
	text-align: center;
	color: #808080;
}


div.FanArtGalleryGrid
{
	float: left; 
	margin-right: 10px;
	margin-bottom: 20px;
	height: 216px;
	
}

div.FanArtGalleryGridLargeMiddle
{
	float: none; 
	width: 600px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	
}

div.FanArtDetailsDescription
{
	border: 1px solid #C0C0C0;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 8px;
}

div.AdminToolbar
{
	border: 1px solid #C0C0C0;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: 200px;
}

div.AccountBox
{
    font-size: 10pt;
}



.forumSeparator
{
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #CCCCCC;
    color: #CCCCCC;
    border: 0px;
    height: 1px;
}

.ForumGroupHeader
{
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18pt;
    color: #795C39;
    font-weight: bold;

}

.PageARanger
{
   color: #795C39;
   font-weight: bold;
   font-size: 12pt;
   text-decoration: underline;

}

.TagDisplay
{
    color: #795C39;
    font-size: 8pt;
}

div.MediaTV
{
    width: 600px; 
    background-image: url('/Resources/Images/Site/TV.png'); 
    background-repeat: no-repeat; 
    float: left; 
    height: 800px;
    padding-top: 90px;
    padding-left: 170px;
    
}

div.MediaRadio
{
    width: 600px; 
    background-image: url('/Resources/Images/Site/RADIO.png'); 
    background-repeat: no-repeat; 
    float: left; 
    height: 800px;
    padding-top: 150px;
    padding-left: 135px;
    margin-left: 30px;

}

.MediaTitle
{
    color: White;
}

img.ForumImage
{
    max-width: 300px;
    max-height: 300px;
    border: 0px;
}

img.FictionImage
{
    max-width: 400px;
    max-height: 300px;
    border: 8px solid black;
}

.TitleSummary
{
    color: #999999;
    font-size: 8pt;
}

.TitleRatingNote
{
    color: #666666;
    font-size: 10pt;
    font-weight: bold;
}

.ChapterReadCount
{
    color: #666666;
    font-size: 10pt;
    font-weight: bold;
}

.FicDisclaimer
{
    color: #999999;
    font-size: 8pt;
}