/* Faith the dog Design by MLayne 02-21-2007 */
/* Last Updated 08-08-2009 */
/* Sight Template and Classes */


* {	margin: 0; padding: 0; list-style:none; font-family:"Trebuchet MS", Arial, Tahoma;}

/* HTML TAGs */
Body {font-size:12px; background-color: #6cb75d; background-image: url(/images/body_background.jpg); background-repeat: repeat-x;}

a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #6633CC;}
a:hover{ color: #3333CC;}

#body_container {margin:10px auto; width:900px;}

/* Columns */
#column_left {margin:210px 0em 0em 0em; display:block; position:relative; float:left; width:190px; z-index:200;}
#column_container {margin:0em 0em 0em 210px; padding:0em 0em 0em 0em; display:block; position:relative; width:730px; z-index:100;}
#column_center{margin:0em 140px 0em 0em; padding:0em 0em 0em 0em; 
background-image: url(/images/intro_paws.png); background-position: 0% 0%; background-repeat: no-repeat;
display:block; position:relative; background-color:White; border:4px green ridge; z-index:100;}
#column_right {margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; position:relative; float:right; width:130px; display:block;}

.ads {margin:0em 0em; padding:0em 0em; width:120px; border:2px solid green;}

p {margin:0em 0em; padding:0.2em 0.8em;}

hr {}

h1 { font-size:1.3em; }
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
h4 { font-size:1.0em; }

.clear {clear:both;}

.errors {color:#FF0000; font: normal large small-caps bold Arial, Helvetica, sans-serif;}

/* Header Section */
#logo { margin:-220px 0px 0px -30px;	position:absolute; top:0px; left:0px; z-index:2200; background-image: url(/images/faith_logo5.png);
background-repeat:no-repeat; width:300px; height:240px;}

.titlebar {margin:0px 0px; padding:0px 4px; background-image:url(/images/titlebar.jpg); background-position:top; background-repeat:repeat-x; border:1pt green ridge; 
text-align: left;}
.titlebar blockquote{ background-image: url(/images/paw_icon_orange.png); background-position: 2% 0%; background-repeat: no-repeat;}
.title_bar {margin:0px 0px; padding:0px 4px; background-image: url(/images/titlebar.jpg); background-position: top; background-repeat:repeat-x; 
border: 1pt green ridge; text-align:left;}
.title_bar blockquote{background-image:url(/images/paw_icon_orange.png); background-position: 2% 0%; background-repeat:no-repeat;}
.title_image {text-align:center; width:100%;}

.sidebar {position:relative; width:170px; color:#FFFFFF;}
.sidebar p {}
.sidebar form{ width:100%;}
.sidebar legend, .sidebar fieldset{}

.intro {margin:6px 0px; padding:2px 4px; font-size:1.2em;}
.intro img {position:relative; float:right; width:120px; border:1px solid Black;}

.videos img {float: none;}
.videos div {}


/* menu system */
ul.makeMenu, ul.makeMenu ul {

  width: 182px;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: transparent;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  padding:2px 0px 2px 0px;
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  border:1px solid transparent;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 4px;                    /* position slightly lower than the parent menu item */
  left: 180px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  background-image: url(/images/menu_background.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  border:1px solid gray;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
 	background-color: #FFFF99;      /* gives the active menu items a yellow background */
  	color: #000;                 /* makes the active menu item text black */ 
 	border:1px solid gray;
	background-image: url(/images/faithpaw_red.png);
	background-position: right;
	background-repeat: no-repeat;
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: none; margin:0px 2px; padding:2px 4px; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
color: #000; 
}
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */


/* tooltips */
a.tooltips{position:relative; /*this is the key*/display:block;z-index:24;background-color: transparent;font:bold 100% Trebuchet MS, Verdana, Arial;color: #660066;text-decoration: underline;padding:4px 0px;}
a.tooltips:hover{z-index:2500;display:block;background-color: transparent;padding:4px 0px 4px 14px;margin:0px 0px 0px -14px;
color: #663399;text-decoration: none;background-image:url(/images/paw_smicon_purple.png);background-repeat:no-repeat;
background-position: 0% 50%;}
a.tooltips span{display: none}
a.tooltips:hover span{ /*the span will display just on :hover state*/
 display:block;position:absolute; top:1em;  left:11em; width:20em; border:1px solid #000; background-color: #FFFF99;
 color: #6633CC; text-decoration: none; padding:1em 3em; background-image:url(/images/paw_icon_purple.png);
 background-repeat:no-repeat; background-position: 0% 0%;}


/* tooltips */
/*---------- bubble tooltip -----------*/
a.tt{position:relative;z-index:240;color: #666666;font-weight:bold;text-decoration: underline;}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:250; color: #339966; background: none;}
a.tt:hover span.tooltips{display:block;position:absolute;top:12px; right:-130px;padding: 0px 0px 0px 0px;width:200px;color: #993300;
	text-align: center;text-decoration:none;}
a.tt:hover span.tiptop{display: block;padding:18px 0px 10px 0px;background: url(/images/design/bubble2.gif) no-repeat top;}
a.tt:hover span.tipbottom{display: block;padding:0px 8px 8px 8px;color: #548912;background: url(/images/design/bubble2.gif) no-repeat bottom;}
a.tt:hover span.tipbottom .tooltip_pic{float:right;}


/* Admin Tooltips */
a.att{position:relative;z-index:240;}
a.att span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.att:hover{ z-index:250; color:#339966; background:none;}
a.att:hover span.tooltips{display:block;background-color:#FFFFCC;padding:10px;position:absolute;top:20px;left:-30px;width:200px;color:#CC3300;
	border:1px solid #0066CC;overflow: auto;}
a.att span img { padding:0px 8px; float:left;}	
	

.icon {width:16px; vertical-align:middle; float:none;}
a .icon {width:16px; vertical-align:middle;border:none; float:none;}

.notes { color:#333333; padding:0px 0px 0px 10px; display:block;}
.note { color:#333333; padding:0px 0px 0px 10px; display:block;}


/* Special Section - Database Displays */
.newsbox { margin:2px 4px; padding:4px 4px; overflow:auto; border:0px #C0C0C0 solid;}
.news_container { margin:0px 0px; padding:2px 4px; background-color:#FEFFD2; border:1px green ridge; overflow:auto;}
.news_container img.newsicon { margin:8px; padding:0; height:50px; float:left; border:1px solid green;}

.news_article { margin:0px 0px; padding:1px 2px; position:relative; overflow:auto; min-height:60px; overflow:auto;}
.news_article p, .news_article .news_date, .news_article .news_title, .news_article .news_link { margin:0px 6px; padding:2px 4px;}
.news_article p { font-weight:lighter; font-size:0.9em;}
.news_article .news_title, .comments .news_title { font-weight:bold; color:#000000; font-size:1em;}
.news_article .news_link, .comments .news_link { display:block; color:#666666; font-size:0.8em;}
.news_article .news_date, .comments .news_date { display:block; color:#666666; font-size:0.8em;}


/* news comments */
.comments {min-height:60px; border:1px solid #CCCCCC; font-size:99%; overflow:auto;}
.comments p {
color: #333333;}
.comments span{color:#666666;}
.comments hr {width:90%; color:#006600;}
.comments img.avatar {margin:0.5em; padding:0;
float:left; height:40px; width:40px; border:1px solid green;}


/* news/comments tags */
.tag_container {position:relative; overflow: visible;}
.toggle_tag { margin:0px 0px; padding:0px 6px; cursor:pointer; float:right; font-size:0.8em;}
a.toggle_tag { color:#666666; text-decoration:none;}
a:hover.toggle_tag { color: #0066FF;}
a.toggle_tag img { border:none;}





/* Forms */
form {font:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;}
form, label, legend {margin:4px;padding:2px;}
input, select, textarea {margin:2px 2px;padding:1px 1px; font:Arial, Helvetica, sans-serif; color:#666666;}
/*  input.form_input:hover, select.form_input:hover { background-color: #F0F0F0;}  */
textarea {margin:0px 0px;padding:0px 0px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:0.9em;}
textarea#checkspa, #checkspa { display:none;}
/*  textarea:hover { background-color: #F0F0F0;}  */
label {margin:0px 0px;padding:0px 0px;}


fieldset#login{ margin:0px 0px; padding:0px 10px; font-size:0.9em; width:160px; color:#333333; }
#login label { margin:0px 0px; padding:5px 0px 0px 0px; float:left; }
#login input { margin:0px 0px 6px 0px; padding:2px 2px; width:150px;}


#member_join{margin:10px 10px;padding:2px 2px;}
#member_join label{margin:0px 2px;padding:0px 2px;width:170px;float:left;}
#member_join fieldset{margin:0px auto;padding:2px 2px;width:470px;}
#member_join input{	width:200px;}

.member_discuss form {margin:0px auto 0px auto; padding:0px 0px; width:560px;}
.member_discuss textarea {margin:0px 0px; padding:0px 0px; width:340px; height:100px; font-size:0.9em;}
.member_comment form { margin:0px auto 0px auto; padding:0px 0px; width:500px;}
.member_comment, .member_discuss {margin:0px 0px; padding:8px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666;}
.member_comment label, .member_discuss label{ margin:0px 2px; padding:0px 2px; width:130px; float:left; height:26px; line-height:10px;}
.member_comment fieldset, .member_discuss fieldset{ margin:0px auto; padding:2px 2px; width:90%;}
.member_comment input, .member_discuss input{width:200px;}
.member_comment textarea {margin:0px 0px; padding:0px 0px; width:410px; height:150px; font-size:0.8em;}
.member_comment .checkbox, .member_discuss .checkbox{ width:30px;}


.box_profile { margin:10px 10px; padding:0px 0px; color: #666666; border:1px solid green; overflow:auto;}
.box_profile_header{margin:0px 0px; padding:2px 6px; height:30px; background-image:url(/images/titlebar.jpg); color: #666666; border:1px solid green;}
.box_profile_header .box_profile_title { padding:0px 8px; float:left; width:50%; }
.box_profile_header .box_profile_icon { padding:0px 8px; float:right; width:40%; text-align:right;}

.box_profile a {font-size:1.0em; text-decoration:none;}
.box_profile span{margin:0px 0px; padding:1px 8px; display:block; }
.box_profile img{ margin:0px 0px; padding:1px 8px;}
.box_profile img.avatar{ margin:0px 0px; padding:1px 8px; float:left;}


.box_comment {margin:10px 10px; padding:0px; position:relative; color:#FF9900; border:1px solid green;}
.box_comment_header{margin:0px; padding:0px 8px; color: #333333; background-image:url(/images/titlebar.jpg); border:1px solid green; }
.box_comment a { text-decoration:none;}
.box_comment span{ margin:0px 0px; padding:0px 0px; display:block;}
.box_comment img{ margin:0px 0px; padding:0px 0px;}


#member_rules {position:relative; font: normal small-caps small "Trebuchet MS", Arial, Tahoma; color:#333333;}

.site_rules {margin:4px 4px;padding:4px 4px;height:240px;position:relative;overflow: auto;}

#popup_rules {position:absolute; display:block; top:60px; left:20%; right:10%; margin:0px 0px 0px 0px; z-index:9001;
background-color: #FFFFCC; border:2px #000000 solid;}


#popup_delete, #popup_comment, #popup_comment1, #popup_comment2, #popup_comment3, #popup_comment4, #popup_comment5, #popup_comment6, #popup_comment7, #popup_comment8, #popup_comment9, #popup_comment, #popup_comment10, #popup_comment11 {
	position:absolute; display:block; top:160px; left:80px; width:540px; z-index:9011;
	background-color: #FFFFFF; border:1px #000000 solid; border-width:1px 2px 2px 1px; border-color:black;
}
#popup_comment p{}

#popup_comments {position:relative; display:block;}


#popup_avatar, #popup_avatar1, #popup_avatar2, #popup_avatar3, #popup_avatar4, #popup_avatar5, #popup_avatar6, #popup_avatar7, #popup_avatar8, #popup_avatar9, #popup_avatar10, #popup_avatar11, #popup_avatar12, #popup_avatar13, #popup_avatar14, #popup_avatar15, #popup_avatar16, #popup_avatar17, #popup_avatar18, #popup_avatar19, #popup_avatar20, #popup_avatar21, #popup_avatar22, #popup_avatar23, #popup_avatar24, #popup_avatar25 
{position:absolute; z-index:9002; background-color: #FFFFCC; border:2px #000000 solid; bottom:-190px; left:-30px;
margin:0px 0px; padding:20px 2px 12px 10px;}

.avatar_scrollbox {position: relative; overflow:auto; width:600px; height:200px; display:block; z-index:9001; border:1px #CCCCCC solid;}

.avatar_picture { width:50px; height:50px;}

.box_icon {border:0px solid white; width:90%; padding:0px; margin:0px auto;}
.box_icon span {text-align:center; line-height:50px; vertical-align:middle; color: #333333;}
.box_icon img { padding:0px 10px; margin:0px auto; vertical-align:middle;}

a.close_window { position:absolute; top:2px; right:2px; width:31px; height:18px;
background-image:url(/images/icons/close_window1sm.png);}
a.close_window:hover { position:absolute; top:2px; right:2px; width:31px; height:18px;
background-image:url(/images/icons/close_window2sm.png);}




.paging { margin:0px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; text-decoration:none; color: #666666;}
a.paging { margin:0px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; text-decoration:none; color:#0066CC;}
a.paging:hover { margin:0px; padding:2px; color: #009933;}
span.paging_number { margin:0px; padding:2px; font-size:100%; font-weight:bold; text-decoration:none; color:#666666;}


/* Footer Section */
#footer {clear: left;display:block;margin:0px 0px 0px 0px;}
.copyright {color: black;display:block;}
.host {color: #666666;font: normal normal normal 100% Geneva, Arial, Helvetica, sans-serif;
	display:block;text-align:center;margin:10px;}
.counter {color:white;font: normal normal bold 100% Geneva, Arial, Helvetica, sans-serif;
	display:block;text-align:center;margin:10px;}