/*
Theme Name: Heroe's Journal
Theme URL:  http://www.theschoolforheroes.com/falog/
DESCRIPTION: two-column fixed layout specifically designed for The Famous Adventurer
AUTHOR: FAR Studio Designs

/* Colors
  Background Red:  		#6d0200
  Background blue:		#012b37 
  Text gold:			#e7bc5d
  Old gold:				#af5f1b
  Text red:				#891503
  Text dark red:		#540f02
  Text Brown:			#281606
  parchment:			#f2d6b5
  buff:					#f1d7ba

*/

html	{height: 100%}

body 	{color:  #281606;  
		background:  #6d0200 url(/SfHArt12/leaders/lb_bg.jpg) repeat-x;
		font-family: Verdana, Arial, sans-serif;
		font-size: 62.5%;
		margin: 0px; padding: 0px;
		height: 100%;
		}
*		{
		margin:0; padding:0;
		}		

h1		{height: 144px;	/* image replacement */
		text-indent: -9000px;
		}
h2, h3, h4, h5	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		margin: 20px 0 6px;
		}		
h2 		{color: #891503;
		font-size: 20px;
		}
	h2 		a:link {color: #891503;
		font-size: 1.6em;
		}
h3 		{color: #03183d; 
		font-size: 18px;
		}
h4		{color: #3f0200;
		font-size: 1.5em;
		}
		
a		{color: #891503; 
		text-decoration: none;
		font-style: italic;
		}
a:visited {color: #540f02;}
a:hover 	{color: #af5f1b;}
a:active	{color: #f2d6b5;}
		
img		{
		border: none;
		}
ul li		{list-style-type:none;}

ol li	{
		font-size: 1.5em;
		margin: 0 40px;
		}

p 		{
		font-size: 1.5em;
		margin: 10px 10px 20px 0px;
		}
table	{
		background: #6e0700 url(../SfHArt/main_red_bg.jpg);
		border: 3px solid #f2c898;
		margin: 16px 18px;
		}
	td	{
		color: #999;
		padding: 3px;
		text-align:center;
		width: 80px;
		}	


hr		{color: #ab0707;
		margin: 20px 0;
		}

/* id  */

div#wrapper	{  
			position: relative;
			margin: 0 auto 100px; 
			width: 998px;
			height: 100%;
			min-height: 100%;
			height: auto !important;	
			}
							
div#header	{
			background: transparent url(/SfHArt12/leaders/lb_header.jpg) no-repeat; 
			height: 163px;
			margin: 0;
			}
	#topright {
			color: #f2d6b5;
			float:right; 
			text-align:right; 
			margin:5px 0;
			padding:10px 16px 10px 0;
			position: absolute;
			top: 0px;
			left: 720px; 
			width:210px; 
			}			
								
/* Menu  
*************************************************************************************************************   */			
#menu	{
			color:#891503;
			left: 34px;
			position: absolute;
			top: 170px;
			.top: 166px;
			}
	
	#menu	ul	{float:left;
				padding: 0px 0 14px 0;
				}
	#menu	li	{
				font-size: 1.6em;
				margin-left: 4px;
				padding: 0px 12px;
				}							 


/*  Drop Down Menus adapted from CSSnewbie.com  and Suckerfish */
				
#nav, #nav ul {     
			padding: 0px;     
			margin: 0; 
			list-style: none;    
			z-index: 999; 
			} 
		#nav a:link 		{     
					color: #f2c898;
					display: block;
					width: 2em; 	
					} 
		#nav a:visited 		{     
					color: #e7bc5d;
					}
		#nav a:hover 		{     
					color: #cb7f08;
					}
		#nav a:active {
					color: #f2c898; 
					}

		#nav li 	{     	
					background: #01303a;
					border: 1px solid #f2c898;
					float: left;     
					margin: 2px;
					.margin: 2px 0px;
					width: 6.5em; 
					}		
		#nav li ul 	{     
					position: absolute; 
					left: -999em; 
					top: 1.2em; 
					.top: .9em;
					} 
		#nav  li a	{
					display: block;
					}

		#nav li ul 	li { 
					float: left;
					font-size: .9em;
					width: 6.8em;
					}    
		#nav li:hover ul {
					left: auto;
					}
		#nav li:hover li {
					float: none;
					.float: left;
					padding: 6px;
					}
		#nav li:hover ul, #nav li.sfhover ul {
					left: auto; 
					margin: 0 2px;
					padding:2px;
					width: 100%;
					}
		#nav > li	{background: none; border:none;}
		#nav li span.soon a 		{     
					color: #000; background:url(/SfHArt/main_forums.gif) no-repeat;
					margin: -4px 0 0 -16px;
					padding: 6px 20px 0;
					width: 60px;
					}		
		#nav li span.soon a:hover 		{     
					color: #000; background:url(/SfHArt/main_comingsoon.gif) no-repeat;
					width: 88px;
					}

/* content  */
#feature	{
			color: #f2d6b5;
			margin: 0 0 10px;
			padding: 20px 20px 50px 14px;
			position: absolute;
			top: 200px;
			width:618px;
			}
	#feature img	{
			margin: 0 20px 0 0;
			z-index: 100;
			}

#content	{
			background: #f2d6b5 url(/SfHArt12/leaders/lb_mainbg.jpg);
			height:100%;
			left: 10px;
			margin: 0 0 250px 0;
			padding: 10px 40px 50px 40px;
			position: relative;
			top: 250px;
			width:600px;
			}
	#content	p img	{
			float:left;
			margin: 5px 16px 0 0;
			}	
			
			
	/* Sidebar 		
*****************************************************************************************************
*/	

#sidebar {
			background: #a30f00 url(/SfHArt12/leaders/lb_sbbg.jpg);
			color: #281606;
			height:100%;
			left: 678px;
			padding: 40px 20px 0px 10px;
			position: absolute;
			text-align:center;
			top: 217px;
			width: 258px;
			}	
	#sidebar	img	{
				margin: 10px 12px;
				}
	#sidebar	p {
				font-size: 1.2em;
				text-align: left;
				}
	#sidebar h2	{
				color: #891503;
				font-size: 1.5em;
				}

	.primary li	{		
				font-size: 1.2em;
				margin: 0 20px 7px;
				text-align: left;
				}
	.primary	a:link	{color: #540f02;}		
	.primary	a:visited	{color: #af5f1b;}
	.primary	a:hover	{color: #540f02; background: #f2d6b5;}
	.primary	a:active	{color: #f2d6b5;}





/* footer  
**************************************************************************************************
*/
#footer	{
			background: #000 url(/SfHArt/fa/fa_footer.jpg) repeat-x;
			color: #cb7f08;
			font-size: .9em;
			height: 104px;
			padding: 12px 40px;
			position: relative;
			z-index: 10;
			}
/* Sticky footer code */

html, body, #wrapper {height: 100%;
			}
body > #wrapper		{height: auto; min-height: 100%;
			}									
	#footer	a:link	{color: #891503; padding: 0 5px;}		
	#footer	a:visited	{color: #cb7f08;}
	#footer	a:hover	{color: #540f02; background: #f2d6b5;}
	#footer	a:active	{color: #f2d6b5;}
		.push	{
				height: 100px;
				}
	#footer	ul	{
				position: absolute;
				top: 2em;
				right: 18em;
				}			
	#footer	ul	li {
				font-size: 1.5em;
				}
	#footer	.field	{
				margin: 0 auto;
				padding: 5px 10px;
				width: 900px;
				}
	
	
	
/* Comments
*********************************************************************************** */

ol.commentlist	{list-style: none; 
				}
				
	ol.commentlist	a:link {color: #891503;
				}
			
.comment-bubble	{
				
			background: #f2d6b5;
			border: 2px solid 	#540f02; 
			-moz-border-radius: 10px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 10px;		/* round corners for webkit (Safari) browsers */
			color: #03183d;
			margin: 5px;
			}
.comment-bubble	.alt {background: #f2d6b5}


ol.commentlist	.authorcomment {
				color:#cb7f08;
				} 
				
#respond textarea {
			padding:5px; 
			background:#f2d6b5;
			border: 2px solid 	#540f02; 
			-moz-border-radius: 10px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 10px;		/* round corners for webkit (Safari) browsers */
			width:550px; 
			}

#respond input	{
			background: #f2d6b5;		/* button style from totorialblog */
			border: 2px solid 	#540f02; 
			-moz-border-radius: 10px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 10px;		/* round corners for webkit (Safari) browsers */
			color: #03183d; 
			margin: 1px 20px;
			padding: 6px 8px;
			text-align:center;	
			}
	.commentfield	{
				
				padding: 0 10px 20px 5px;
				}						

.commentmetadata	{
			color: #03183d;
			font-size: 1em;
			}

.moderation		{
			background: #f2d6b5;
			border: 2px solid 	#540f02; 
			color: #03183d;
			padding: 1.2em;
			}
			
p.postmetadata	{
			background: #f2d6b5;
			border: 2px solid 	#540f02; 
			-moz-border-radius: 10px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 10px;		/* round corners for webkit (Safari) browsers */
			color: #03183d;
			margin: 10px 0 20px;
			padding: .5em !Important;
			}


/*  Utilities  */

/* Post */




/* Search Box  and log in*/
.searchbox {
			color:#f2c898;
			margin:10px 0px 10px 0px; 
			padding:20px 150px 20px 0;
			background: url(/SfHArt/cl_blog/icon_magnify.gif) right no-repeat;
			z-index: 100;
			}

	.searchbox input {background:#540f02; 
			padding:3px 0 3px 5px; 
			width:158px; 
			color:#f2d6b5; 
			border:1px solid #e7bc5d;
			-moz-border-radius: 5px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 5px;		/* round corners for webkit (Safari) browsers */
	}	

 .log {background:#540f02; 
			padding:3px 0 3px 5px; 
			width:140px; 
			color:#f2d6b5; 
			border:1px solid #e7bc5d;
			-moz-border-radius: 5px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 5px;		/* round corners for webkit (Safari) browsers */
			}	
	
.button		{border-top: 1px solid 	#482e0c; 
			border-left: 1px solid #482e0c;
			border-right: 1px solid #2a1a04;
			border-bottom: 2px solid #160d02;
			background: #ca893c url(/SfHArt/cl_blog/button_cl1.gif) repeat-x top center;		/* button style from totorialblog */
			-moz-border-radius: 5px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 5px;		/* round corners for webkit (Safari) browsers */
			color: #cb7f08; 
			text-align:center;
			padding: 6px 8px;
			margin: 1px 20px;
			}
	.button:hover	{
				background:#bb6c0c url(/SfHArt/button_hover_cl1.gif) repeat-x top center;
				}
						
blockquote, p.boxquote	{
			background: #cb7f08;
			border: 1px solid #491808;
			color: #f2c898;
			font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
			font-size: 1.2em;
			margin: 20px 28px;
			padding: 5px;
			}
p.boxright	{
				background: #cb7f08;
				border: 2px #482e0c;
				border-style: double;
				color: #f2c898;
				float: right;
				font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
				font-size: 1.2em;
				margin: 5px 20px 5px 5px;
				padding: 5px 0;
				text-align: center;
				width: 160px;
				} 					
p.qquote		{
			color: #6e0700;
			padding: 0 40px !important;
			}
.contactform	{
			background: #f2d6b5;	
			border-top: 1px solid 	#482e0c; 
			border-left: 1px solid #482e0c;
			border-right: 1px solid #2a1a04;
			border-bottom: 2px solid #160d02;
			-moz-border-radius: 5px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 5px;		/* round corners for webkit (Safari) browsers */
			font-size: 1em;
			margin: 20px;
			padding: 20px;
				}
/************************************************* Date code ***************************************************************/
.date {
  color: #f2d6b5;
  background: url(/SfHArt12/leaders/lb_date.png) top no-repeat;
  text-align: center;
  line-height: 1.4em;
  font-family: Verdana, Arial, Sans-Serif;
  padding: 1em;
  width: 3em;
}

.dateborder {
  display: inline;
  padding: 1px;
  float: left;
  margin: 0px 10px 10px 0;
}

.date span { display: block; }

.dated {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: .2em;
  padding-left: .3em
}
.dated2 {
  letter-spacing: 0em;
  padding-left: 0em
}

.datem {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
  line-height: .7em;
  padding: 1px 0;
}

.datey {
  font-size: .8em;
  line-height: 1em;
  padding-bottom: 2em;
}



	
	 
.feedlink {padding:2px 2px 1px 30px; 
		margin:0 0 0 12px; 
		font-size: 1.1em; 
		background: url(/SfHArt/cl_blog/CLBlog_RSS.jpg) center left no-repeat;}

.textright {text-align:right;}

.textcenter {text-align:center;}

.clear {clear:both;}

.hide {display:none;}

.vital	{color: #cb7f08;
		font: bold 125%/1.3 serif;
		}
.indent	{padding-left: 12px; 
		text-indent: -20px;}
		
.topmargin	{margin: 3em 0 0;
			}		
			
.note		{color:	#cb7f08;
			font-size: .8em;
			margin: .5em 2em;
			}
.gname		{color:	#cb7f08;}		

.bg			{background-color: #000000;}	

.right		{float: right;}
	.right	img {margin: 0 0 0 10px;}
.left		{float: left;}	
	.right	img {margin: 0 10px 0 0;}
.clear		{clear: both;}

.down		{margin: 40px 0 0 0; }
.downmin	{margin: 10px 0 0 0; }	
.downmore	{margin: 50px 0 0 0; }	
		
.center		{margin: 0 auto;
			text-align: center;
			}		
			

#logup	{
			position: relative;
			left: 1000px;
			top: 5px;
			}
	#logup	a	{
				background: url(/SfHArt/main_signin.jpg) no-repeat;
				display: block;
				height: 35px;
				outline: none;
				text-indent: -900%;
				width: 154px;
				}						
	#logup	a:hover	{
				background-position: left bottom;
				}
#taketest	{
			position: relative;
			top: 50px;
			left: 780px;
			}
	#taketest	a	{
				background: url(../SfHArt/main_btn_test.jpg) no-repeat;
				display: block;
				height: 35px;
				position: absolute;
				outline: none;
				text-indent: -900%;
				width: 154px;
				}						
	#taketest	a:hover	{
				background-position: left bottom;
				}


.name	{
		color: #CCCCCC;
		font-size: 1.4em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-variant:small-caps;
		margin: 0 0 20px;
		}
.quote	{
		color: #540f02;
		margin: 1em 2em;
		}

.fasig	{
			background: transparent url(/SfHArt/fa_sig.png) no-repeat;
			margin: 20px;
			padding: 8px 0;
			width: 500px;
			}