/*
    Skin Name: Principal Original
    Skin URI: http://www.fannish.org/
    Description: Based on a wordpress design. I like it so I kind of recreated it with more darker colors.
    Author: Sam Emme
    Author URI: http://sameemmetales.fannish.org/
*/
@import url("contact.css");

/* Some definitions used everywhere */
/* Elements */Copy of Write This.ccgrove.com
* 
{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	background:#eee url(img/stripe_1.png) fixed;
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
	line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 10px; /* easy scaling */
  	font-size: 0.76em;
	color: #333;
    min-width:900px;
}



/* Menu */

#menu 
{
	text-align:right;
	padding:0;
	height:30px;
	line-height:30px;
	background:#778899;
	width:900px;
	margin:0 auto;
	border:#ccc 3px double;
}

#menu ul {
	margin: 0 auto;

	padding:0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a 
{
	padding:8px 16px;
	text-decoration: none;
	font-variant:small-caps;
	font-size: 1em;
	border:0;
	color:#eee;	
}
#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
	background:#456;
	color:#fff;
	border:0;
}

/* The link for the currently displayed page in the menu */
#menu #current {
	text-decoration: none;
	background:#456;
}

/* Banner*/
#banner
{
	background:url(http://i193.photobucket.com/albums/z113/SourWhiskey/2006-12-30TreeSearch/star.jpg) no-repeat center;
	height:180px;
	width:900px;
	border:#ccc 3px double;
	margin:10px auto;
}
#banner h1{
	padding: 10px 0 0 10px;
	font-size: 1.8em;
	font-variant:small-caps;
}
#banner h2 {
	padding:  10px 0 0 10px;
	font-size: 1em;
	font-family:Tahoma, Verdana, Arial, Serif;
}

#banner a {
	text-decoration: none;
}
#banner * 
{
	color:#336;
}

/* The appearance of your site's name in the banner area*/
#sitename {
	font-size: 1.8em;
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #CCCCCC;
	top: 70px;
	left: 10px;
	position:relative;
}

/* The appearance of your site's slogan in the banner area */
#slogan{
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
	padding: 10px 0 0 10px;
	font-size: 1em;
	font-weight: normal;
	color: #AAAAAA;
	position:relative;
	top: 60px;
	left: 10px;
}


/* Main page surrounds the text between the header and the footer.  
For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.  
And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
*/
#output{
        padding: 0 10px;
}

#mainpage {

	width: 900px;
	margin: 0 auto;
	background:#fff;
	border:#ccc 3px double;

}

html>body #mainpage { 
	height: auto;
    min-height: 220px;
}

#sidebar{ 
	width: 200px;
	float: left;
}
html>body #sidebar{
	margin-top: -1em;
	border-right:#ccc 1px dotted;
        min-height: 840px;
}

#main{
	margin-left: 200px;

}

/* This controls the look of the blocks on the index page.   */

/* The box around the block */
.block{ 
	margin: 1em;
}

.welcome{ 
	margin: 1em;
	border:#ccc 3px double;
	padding: 6px;
}

/* The block's title */
.block .title {
	background: none;
	color: #778899;
	font-variant:small-caps;
	padding: 6px;
        font-size: 1.4em;
	border-bottom:#ddd 1px solid;
}
.welcome.title {
	background: none;
	color: #778899;
	font-weight: bold;
	padding: 6px;
}

#titleblock, #titleinfo {
	padding: 0 10px;
}

/* The block's content */
.block .content {
	padding: 6px;
}

.block .content  ul
{
	margin:10px 0 0 20px;
	padding:0;
}
.block .content  ul ul
{
	margin:0px 0 0 10px;
	padding:0;
}
.block .content  li
{
	list-style-image:url(img/principal_diamondblue.png);
	margin:5px 0;
	padding:0;
	
}

  table.mytable
  { 
     font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
     font-size:12px;
     width:100%;
  }

  th.mytable
  {
     font-size:12px;
     color:#000000;
  }

  tr.mytable
  { 
     vertical-align:center;
  }

  td.mytable
  {  
     font-size:12px;
     background-color:none;
     border-bottom: thin none #000000;
     border-width:1px;
     text-align:left;
 }
  td.mytable.image
  {  
     text-align:center;
     align:middle;
 }
/*Testing profile table*/
/* User Profile stuff */
/* The top list of information */
#profile {

}

/* The sort menu in the profile */
#profile #sort {
	text-align: right;
	margin-right: 2.0em; 
	font-weight: none;
	color: #666;
  }

#sort{
        padding: 0 10px;
}

.profilebits{
	border-bottom: 1px solid #cccccc;
	font-size:12px;
	line-height:22px;
}
.profilelinks{
        margin:10px auto; 
}

/*contact in profile menu*/
#cpm{
        padding: 5px 0px 0px 0px;
}

/* The following declarations control the tabs */
/* The outer tab box */

#tabs {
        padding: 0px 0px 5px 0px;
}

/* Links in the tabs */

#tabs A { 
        background: url(http://i193.photobucket.com/albums/z113/SourWhiskey/ij_images/attach.png) no-repeat; background-position: left 0px; display: block; padding-left: 19px;
}

#tabs #active A { 
        background: url(http://i193.photobucket.com/albums/z113/SourWhiskey/ij_images/tag_yellow.png) no-repeat; background-position: left 0px;
}

/*displays images in profile, after Links:*/
.linkbar li {
        display:inline;
        margin:0;
        padding:.5em;
}
.commentodd{
        border: thin solid #000000;
        margin:0 4.0em;
        padding:2px;
}

.commentodd .comments{
        margin: 0 2.0em;
}

.commenteven{
        border: thin solid #000000;
        margin:0 4.0em;
        padding:2px;
}

.commenteven .comments {
        margin: 0 2.0em;
}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	text-align: center;
	font-variant:small-caps;
	background: none;
	color: #778899;
        font-size: 1.8em;

}

.sectionheader label span{
        margin: 0 4.0 em;

}
/* The box around each individual story */
.listbox {
	margin: 1em 5%;
	border: 1px solid #778899;
}
#story {
	clear:both;
	text-align: left;
        padding: 30px;
	font-size: 14px;

}
/**/


/* The title bar for each story box. */
.listbox .title {
	padding: 6px;
	font-variant:small-caps;
	border-bottom:#ddd 1px solid;
        font-size: 1.2em;
}
/* Because the background is black, the link colors need to be changed. */
.listbox .title A {
	color: #778899;
}
/* The content of the box...summary, categories, etc. */
.listbox .content {
	padding: 6px;
}

/* The tail info published date etc. on the last line */
.listbox .tail {

	padding: 6px;

}
/* And again because of the black background change the color of the links. */
.listbox .tail A {
	color: #CCC;
}

/* Footer */

#footer {
	margin: 5px auto 0;
	width:880px;
	background: #778899;
	border:#ccc 3px double;
	color: #FFFFFF;
	padding: 10px;
	clear: both;
	text-align: center;
	font-size: 0.9em;
	font-variant:small-caps;
}

#footer a:link, #footer a:visited {
	color: #696;
	border:0;
}
#footer a:hover, #footer a:active,#footer p strong {
	color: #eee;
	text-decoration:none;
	border:0;
}

a:link {color: #6699CC;}/* unvisited links */
a:visited {color: #999999;}/* visited links   */
a:hover {color: #333333;}/* user hovers over link*/
a:focus {color: #333333;}/*keyboards tab key*/
a:active {color: #6699CC;} /* active links    */


div.date{
        float:left;width: 4em;padding: 5px 0;background: #BFB5C0;color:#FFFFFF;
        text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9
}

div.date span{display:block;font-size: 150%;font-weight:bold}

.post .date {
	float: right;
	margin:5px 0 0 5px;
	padding:0 10px;
	text-align:center;
	font-size: 0.8em;
	border:#ccc 1px solid;
	font-weight:bold;
	background:url(img/bgstripes.gif) repeat;
	color:#468;
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
}
.post .date span 
{
	display:block;
}
.post .date .day 
{
	font-size:1.6em;
	color:#345;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline;
}

/* Hides form IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hiding */


#pagetitle{
	text-align: center;
	font-variant:small-caps;
	background: none;
	color: #778899;
        font-size: 1.8em;
	margin: 10px;
}

#pagetitle a{
	text-decoration: none;
}

/* 
Where there's a list of alphabet links #alphabet controls their look. 
Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results
and will be set here too. Generally, they look alike.
*/
/* the box around the links */
#alphabet, #pagelinks {
	text-align: center;
	word-spacing: -.3em;
	margin: 1em;
}
#update{
	position: relative;
	left: 260px;
	top: -210px;
        width: 60%;
height:0px;

}
#empty{
padding: 20px;

}

/* The story and chapter notes */
.notes { 
	margin: 1ex 3%;
	border: 1px dotted #778899;
	background: none;
        margin-bottom: 20px;
}

.notes .title {
	background: none;
	padding: 2px 4px;
}
.notes .title .label {
	color: none;
	font-weight: bold;
}

.noteinfo { 
	padding: 5px; 
}
/*Testing profile table*/
/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 1em 2.5%;
}

#skfooter{
	color: #E0E0E0;
	font-variant:small-caps;
        font-size: 1.4em;
}

#sortform{
	margin: 1em 5%;
        text-align: center; margin: 1px;	
        font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
}
    #sortform .textbox{
     background-color: #778899;
     color: #E0E0E0;
     border: 1px solid #777777;
     font-family: Tahoma;
     font-size: 10px;
     text-align: center;
     width: 120px;
     margin: 2px;
    }
    #sortform .button{
     font-family: Verdana;
      font-size: 10px;
      background-color: #778899;
     color: #FFFFFF;
     margin-right: 5px;
    }
.storyinfo{
     text-align: center;
}
.jumpmenu{
     text-align: center;
}

#prev{     text-align: center;}
#next{     text-align: center;}
.jumpmenu2{     text-align: right;}
.respond{     text-align: center; }
#columncontainer{  text-align: left;}
.column DIV { margin: 1em !important; clear: left;}
#browseblock{  }
#browseblock .row{}
#browseblock .column{}
#browseblock{padding:0px;}

#blockquote{
border : 2px solid #000;
width: 200px;
float: right;
margin: 0px;
padding: 10px;
background-color: #ccc;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
}
/* page and alphabet links on various pages */
#pagelinks, #alphabet { 
	text-align: center; 
	font-size: 13px; 
	margin: 1em 0; 
	line-height: 25px;
}
#pagelinks a, #alphabet a { 
	background: #778899;
	border: 1px solid #656077;
	padding: 2px 4px;
	margin: 0;
	text-decoration: none;
	color: #ccc;
}
#pagelinks a:hover, #alphabet a:hover { 
	border: 1px solid #884589; 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none; 
	background: #A5A;
	color: #E8D1E9;
}
#pagelinks #currentpage, #alphabet #currentletter {  
	color: #A5A; 
	padding: 2px 4px; 
	margin: 0; 
	border: 0;
	background: #E8D1E9;
}
#pagelinks #currentpage:hover, #alphabet #currentletter:hover { text-decoration: none; }
 
/* end page and alphabet links */

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
background: url(img/principal_diamondblue.png) repeat-x center left;
height: 15px;
width: 70%;
text-align: left;
}

.contentodd {padding: 10px;}
.contenteven {padding: 10px;}