/*
Theme Name: Orangelis
Theme URL:  http://www.theschoolforheroes.com/
DESCRIPTION: Three-column fixed layout with two sidebars right of content
AUTHOR: FAR Studio Designs

Based off Starkers Theme by Elliot Jay Stocks
LAYOUT: Three-Column (Right)
*/

/* CSS Document
/* CSS designed by FAR Studio Designs */
/* Summer 2008 */

/* Colors
  Background Red:  		#6e0700
  Background biege, parchment:	  	#f2c898
  Text gold:			#cb7f08		
  Text red:				#ed1414
  Text Brown:			#281606
  button brown:			#491808
  comment field:		#f7dfc5
  irish green quotes	#1d5616
  Amazon fields:  bg:  	F3DFC8
  				link:	AB0707
*/
html	{height: 100%}

body 	{color: #281606;  
		background: #6e0700 url(/SfHArt/cl_blog/bg_redblog.jpg);
		font-family: Verdana, Arial, sans-serif;
		font-size: .9em;
		margin: 0px; padding: 0px;
		height: 100%;
		}
*		{
		margin:0; padding:0;
		}		

h1		{height: 144px;	/* image replacement */
		
		text-indent: -9000px;
		}
h2 		{color: #281606;
		font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;	
		font-size: 1.5em;
		font-weight: normal;
		margin: 1em 0 .5em;	
		padding: 0px 10px 12px 0px;	
		}

h3 		{color: #6e0700;
		font-family:"Trebuchet MS", Verdana, "HelveticaNeueLT Std Extended", sans-serif;	
		font-size: 1.3em;
		font-weight: normal;
		padding: 0px 10px 0px 0px;	
		margin: 0px 0;
		}

	
h4 		{color: #281606;
		background: #6e0700;
		padding: 10px 0px;
		margin: 0px 0px 10px; 
		font-size: 1.2em;
		border-top: 1px solid 	#491808; 
		border-left: 1px solid #482e0c;
		border-right: 1px solid #56260a;
		border-bottom: 2px solid #160d02;
		font-family:"Trebuchet MS", Verdana, "HelveticaNeueLT Std Extended", sans-serif;	
		}
h5		{color: #6e0700;
		font-size: 1.1em;
		}

a		{color: #ab0707; 
		text-decoration: none;
		font-style: italic;
		}
a:visited {color: #ab0707;}
a:hover 	{color: #f2c898; background: #ab0707;}
a:active	{color: #f7dfc5;}
		
img		{
		border: none !important;
		float:none;
		padding: 0px 0;
		margin: 0px .5em .5em 0 !important;
		}

li		{list-style-type:none;}

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

div#wrapper	{  
			background: #f2c898; /* #efc590url(/SfHArt/cl_blog/bg_goldblog.jpg); */
			height: auto !important;
			height: 100%;
			min-height: 100%;
			margin-right: auto; 
			margin-left: auto;
			margin-bottom: -120px;
			position: relative;
			width: 980px;
			}

div#container {				/* setting up float for sidebar  */
			float: left;			
			width: 100%;	
					
			}   
/* Top */

#topright {width:260px; 
			padding:20px 20px 20px 0; 
			float:right; 
			text-align:right; 
			margin:0;
			}
			#topright .feedlink	{color:#f2c898;}			
div#top-bar	{
			background: transparent url(/SfHArt/cl_blog/header_cl1.jpg); 
			background-repeat: no-repeat;
			background-position: 0 0px;
			height: 147px;
			margin: 0;
			}	
#topleft	{
			width: 200px;
			height: 100%;
			float: left;
			}			
/* Menu  
*************************************************************************************************************   */			
	
div#menu-bar	{background: #491808 url(/SfHArt/cl_blog/menu_bar_cl1.jpg);
			background-position: bottom;
			background-repeat: no-repeat;
			height: 55px;
			color: #cb7f08;
			}
div#menu	{
			color:#891503;
			left: 20px;
			position: absolute;
			top: 162px;
			}
	
	div#menu	ul	{float:left;
				padding: 0px 0 14px 0;
				}
	div#menu	li	{
				font-size: 1.2em;
				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: #cb7f08;
					}
		#nav a:hover 		{     
					color: #281606; background: transparent;
					}
		#nav a:active {
					color: #f7dfc5; 
					}

		#nav li 	{     	
					background: #6e0700;
					border: 1px solid #491808;
					float: left;     
					margin: 2px;
					width: 6em; 
					}		
		#nav li ul 	{     
					position: absolute; 
					left: -999em; 
					top: 1.2em; 
					} 
		#nav  li a	{
					display: block;
					}

		#nav li ul 	li { 
					float: left;
					font-size: .9em;
					margin: 0px;
					padding: 4px;
					.top:  1.4em;
					width: 7em;
					}    
		#nav li:hover ul {
					left: auto;
					}
		#nav li:hover li {
					float: none;
					.float: left;
					}
		#nav li:hover ul, #nav li.sfhover ul {
					left: auto; 
					width: 100%;
					}
		#nav > li	{background: none; border:none;}

		#nav li span.soon a 		{     
					color: #000; background:url(/SfHArt/cl_blog/menu_forums.gif) no-repeat;
					padding: 6px 20px 0;
					width: 50px;
					}		
		#nav li span.soon a:hover 		{     
					color: #000; background:url(/SfHArt/cl_blog/menu_comingsoon.gif) no-repeat;
					width: 56px;
					}


/* content  
*********************************************************************************************************************/
div#content {
			background: #f2c898; /*	url(/SfHArt/content_mid_cl1.jpg);	*/
	/*		border-top: 3px solid 	#491808; 
			border-left: 2px solid #482e0c;
			border-right: 2px solid #56260a;
			border-bottom: 2px solid #160d02;   */
			margin: 0 6px 0 10px;
			padding: 0px 24px 50px;
			float: left;
			width: 530px;
			font-size: 1em;
			}
			
	#content	p	{
			padding: 0 10px;
			margin: 1em 0;
			}
	.post	p img	{
			float:left;
			padding: 0 10px 0 0;
			}					

			
#content	ul		{margin: 0 0 0 25px;}

/* Sidebar 		*/	

div#sidebar	{
			}
			
	#sidebar p {
			margin: 1.2em 0;
			}			
	.primary {
			float: left;
			background: #f2c898;  
			width: 160px;
			margin: 0 5px 0 0px;
			padding: 0px 10px 20px;
				}
	.secondary {
			float: right;
			width: 160px;
			margin: 0 10px 0 10px;
			padding: 0 10px 10px;
				}

	#sidebar p, li, img {
			margin: .5em 0;
			}

/* footer  
*****************************************************************************************************/
div#footer	{
			background: #bf0d0d url(/SfHArt/cl_blog/footer_cl1.jpg);
			height: 60px;
			clear: left;
			width: 940px;
			position: relative;
			z-index: 10;
			font-size: .9em;
			padding: 20px 0px 10px 40px;
			}
	#footer	a:link	{color: #6e0700; padding: 0 5px;}		
	#footer	a:visited	{color: #281606;}
	#footer	a:hover	{color: #cb7f08; background: #281606;}
	#footer	a:active	{color: #f2c898;}
		.push	{
				height: 100px;
				}
	#footer	ul	{
				position: absolute;
				float:right;
				top: 2em;
				right: 12em;
				}			
	#footer	ul	li {
				font-size: 1em;
				}
	#footer	.field	{
				margin: 0 100px;
				padding: 5px 10px;
				width: 690px;
				background: #f2c898;
				-moz-border-radius: 8px;	/* round corners for mozilla browsers */
				-webkit-border-radius: 8px;		/* round corners for webkit (Safari) browsers */
				border-top: 1px solid 	#491808; 
				border-left: 1px solid #482e0c;
				border-right: 1px solid #56260a;
				border-bottom: 2px solid #311306;
				}
	
	
	
/* Comments 
***************************************************************************************************/

ol.commentlist	{list-style: none; 
				}
			
.comment-bubble	{
				
				background: #f7dfc5;	
				-moz-border-radius: 8px;	/* round corners for mozilla browsers */
				-webkit-border-radius: 8px;		/* round corners for webkit (Safari) browsers */
				border-top: 2px solid 	#491808; 
				border-left: 2px solid #482e0c;
				border-right: 2px solid #56260a;
				border-bottom: 3px solid #311306;
				margin: 5px;
				width: 500px;
				}
.comment-bubble	.alt {background: #f7dfc5;}

.comment-bubble p img	{float:none;}


ol.commentlist	.authorcomment {
				color:#6e0700;
				} 
				
#respond textarea {
			background-color:#f7dfc5;
			border-top: 2px solid 	#482e0c; 
			border-left: 2px solid #482e0c;
			border-right: 2px solid #2a1a04;
			border-bottom: 3px solid #160d02;
			-moz-border-radius: 8px;	/* round corners for mozilla browsers */
			-webkit-border-radius: 8px;		/* round corners for webkit (Safari) browsers */
			padding:5px; 
			width:500px; 
			}

#respond input	{
			background: #ca893c url(/SfHArt/cl_blog/button_cl1.gif) repeat-x top center;		/* button style from tutorialblog */
			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 */
			color: #281606; 
			margin: 1px 20px;
			padding: 6px 8px;
			text-align:center;	
			}
	.commentfield	{				
				padding: 0 10px 20px 5px;
				}						

.eg-image 	{
				float: none;
				padding: 0 10px 0 0;
				}
				
.commentmetadata	{
			color: #cb7f08;
			font-size: .8em;
			}

.moderation		{
			background: #f2c898;
			border-top: 1px solid 	#482e0c; 
			border-left: 1px solid #482e0c;
			border-right: 1px solid #2a1a04;
			border-bottom: 2px solid #160d02;
			color: #cb7f08;
			padding: 1.2em;
			}
			
p.postmetadata	{
			background: #f7dfc5;
			border-top: 1px solid 	#482e0c; 
			border-left: 1px solid #482e0c;
			border-right: 1px solid #2a1a04;
			border-bottom: 2px solid #160d02;
			margin: 10px 0 20px;
			padding: .5em !Important;
			}


/*  Utilities  
**************************************************************************************************************/




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

	.searchbox input {background:#1c0903; 
			padding:3px 0 3px 5px; 
			margin:0 0 0 32px; 
			width:158px; 
			color:#cb7f08; 
			border:1px solid #740903;
			-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, .boxquote	{
				background: #6e0700 url(/SfHArt/cl_blog/bg_redblog.jpg);
			border: 1px solid #491808;
			color: #F3DFC8;
			font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
			font-size: 1.1em;
			margin: 20px 28px;
			padding: 10px;
			}
p.boxright	{
				background: #6e0700 url(/SfHArt/cl_blog/bg_redblog.jpg);
				border: 2px #482e0c;
				border-style: double;
				color: #f2c898;
				float: right;
				font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
				font-size: 1.2em;
				margin: 5px 40px 5px 20px;
				padding: 5px 0;
				text-align: center;
				width: 160px;
				} 					
.quote		{
			color: #6e0700;
			padding: 0 40px !important;
			}
.irish	{
		color: #1d5616;
		padding: 12px 40px !important;
		}

.contactform	{

			background: #f7dfc5;	
			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 */
			color: #281606; 
			margin: 20px 0;
			padding: 20px;
				}

.bullet		{
			list-style-image: url(/SfHArt/cl_blog/bullet_arrow.png);
			margin-left: 36px;
			}
/* Date code 
*************************************************************************************************/
.date {
  color: #281606;
  background: url(/SfHArt/cl_blog/bg_date_cl1.jpg) top no-repeat;
  text-align: center;
  line-height: 1.4em;
  font-family: Verdana, Arial, Sans-Serif;
  padding: 3px;
  width: 2.9em;
	border-left: 1px solid #482e0c;
	border-right: 1px solid #56260a;
	border-bottom: 2px solid #311306;
}

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

.date span { display: block; }

.dated {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: .2em;
  padding-left: .2em
}
.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;
}


/* Featured Post Carousel 
***************************************************************************************************************/  
#featured {   
    padding: 0px 10px 0px 20px;   
    }   

#carousel {   
    list-style: none;   
    margin: 0  0 0 0px;   
    padding: 0;   
    }   

#carousel li {   

    float: left;   
    padding: 0;   
    } 
	
	 
.feedlink {padding:2px 20px 1px 30px; 
		margin:20px 0px 0px 40px; 
		font-size: 1.2em; 
		background: url(/SfHArt12/rss.png) center left no-repeat;}
		

.textright {text-align:right;}

.textcenter {text-align:center;}
.center {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		{
			font-size: .9em;
			margin: .5em 2em;
			}
.gname		{color:	#cb7f08;}		

.bg			{background-color: #000000;}	

.strike	{text-decoration: line-through;}

.postform 	{background: #6e0700 url(/SfHArt/cl_blog/bg_redblog.jpg);
			color: #FFFFFF;
			}
			.postform a:hover {color: #f2c898; background: #ab0707;}