/***
	
	FILE NAME: default.css
	
	DESCRIPTION: Contains colors / skin
	
	FOR: WebsiteName
	 
	// light-background main-background dark-background
	
***/

	/* [ Blog ] Begins */ 
		
		.blog-post-item{ border: 1px solid #000; } 
		
		.blog-header{ color: #000 !important; }
		
		.blog-post-item-hr{ border-top: 1px solid #000; }
		
	/* [ Blog ] Ends */


	/* Highlight Color: [ Light Blue ] Begins */ 
		
		.toggle, .light-background{ background: #f5f5f5; }
		
	/* Highlight Color: [ Light Blue ] Ends */ 
	
	
	/* Main Color: [ Orange ] Begins */ 	
	
		.text-label{ 
			color: #f47624;
		}
		
		.main-background, .link-button, .pagination-button-link,
		#footer, #navigation, #navigation ul, #drop-down ul ul, #menu-icon{
			background: #f47624;
		}
		
		#home-tile img:hover{ border: 3px solid #f47624; }
		
		.thick-border{ border: 5px solid #f47624; }
		.border{ 	   border: 3px solid #f47624; }
		.thin-border{  border: 1px solid #f47624; }
		
		.thick-border-top{ border-top: 5px solid #f47624; }
		.border-top{ 	   border-top: 3px solid #f47624; }
		.thin-border-top{  border-top: 1px solid #f47624; }
	
	/* Main Color: [ Orange ] Ends */ 
	
	
	/* Shadow Color: [ Darker Blue ] Begins */ 	
	
		.dark-background, .link-button:hover, #navigation a:hover, #navigation a:focus, .pagination-button-link:hover{ background: #2e3192; }
		
		.button{ border: 1px solid #2e3192; }
		#footer{ border-top: 2px solid #2e3192; }

	/* Shadow Color: [ Darker Blue ] Ends */ 

	
	/* [ Black ] Begins */ 
	
		#navigation a, .button, nav a:hover, .tabs .ui-state-active a, .side-tabs .ui-state-active a, .link-block,
		.dark-font p, .dark-font a, .inner-tabs, h1, h2, h3, h4, h5, h6{ 
			color: #000; 
		}
		
		#home-tile img{ border: 3px solid #000; }
		
		#header a:focus, #middle a:focus, #footer a:focus{ border-bottom: 2px solid #000; }
		
		.thick-border-black{ border: 5px solid #000; }
		.border-black{ border: 3px solid #000; }
		.thin-border-black{  border: 1px solid #000; }
		
		.thick-border-black-top{ border-top: 5px solid #000; }
		.border-black_top{ border-top: 3px solid #000; }
		.thin-border-black_top{  border-top: 1px solid #000; }
	
	/* [ Black ] Ends */ 
	
	
	/* [ White ] Begins */ 
		
		.dark-background, .link-button, .side-tabs .ui-state-active a, .tabs .ui-state-active a, .button, nav .active, .pagination-button-link, #navigation a, #navigation a:hover, #navigation a:focus, #footer a, #footer p, #footer, #footer h3, nav a, nav a:hover{
			color: #fff;
		}
		
		.button{ border: 1px solid #fff; }
		
		#footer a{
			padding-bottom: 2px !important;
			border-bottom: 1px dotted #fff;
		}
		
	
	/* [ White ] Ends */ 
	
	
	/* Shade Color Begins */
	
	
		#color-1{ background: #575aa7; }
		#color-2{ background: #42459c; }
		#color-3{ background: #2e3192; } /* main color */
		#color-4{ background: #292c83; }
		#color-5{ background: #242774; }
		#color-6{ background: #202266; }

		
	/* Shade Color Ends */
	
	.tabs a, .side-tabs a{
		color: #fff;
	}
	
	.side-tabs .ui-state-active a, .tabs .ui-state-active a{
		background: #f47624 !important;
	}
	
	nav .active{ background: #1b1d57; }
	
	@media only screen and ( max-width: 999px ){
		
		.sub-nav-1{
			background: #1b1d57 !important;
		}
		
	}