@import url("/css/custom.css");
/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{
	color: #111;
	background-color: #000000;
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #ff3333;}
a:active{color: #c00;}
a:hover{color: #666;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#feature-post-container{}
.post-slider{border-bottom: 1px dotted #555;}
#footer-container{}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	/*--------------------------*/
	/*- MENU -------------------*/
	ul#menu li.parent-item a.parent-link{color: #111;}
	ul#menu li.parent-item a.parent-link:hover{color: #fff;}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul.sub-menu{background: url(submenu-header.png) top no-repeat;}
			ul.sub-menu li{background: #fff;}
				ul.sub-menu li a{border-bottom: 1px dotted #ccc;}
		.sub-menu-footer{background: url(submenu-footer.png) bottom no-repeat;}

/*-------------------------------------------------------------------------------------------*/
/*- ROUNDED CORNERS - Before we do anything, let's set the rounded corners ------------------*/
/*-------------------------------------------------------------------------------------------*/

/*- -------------------------------------------------------------------------------------------
	NOTE: There are two color references in the div description
	The first is the containers background color
		"LIGHT" refers to the light containing div (eg. the copy containers)
		"DARK" refers to the darker containing div (eg. side-bar containers)
	The second reference is the background that the container sits it
		"NORMAL" refers to the body background color
		"DARK" refers to the darker containing div background color (eg. the 'feature post' container)
------------------------------------------------------------------------------------------ -*/
.container-light{background: #fff;}
.container-dark{background: #101010;}

/*- LIGHT -*/
.container-header-light-dark{background: url(rounded-corners-light-dark.png) 100% 0;}
.container-header-light-dark span{background: url(rounded-corners-light-dark.png) 0 0;}
.container-footer-light-dark{background: url(rounded-corners-light-dark.png) 0 100%;}
.container-footer-light-dark span{background: url(rounded-corners-light-dark.png) 100% 100%;}

.container-header-light-normal{background: url(rounded-corners-light-normal.png) 100% 0;}
.container-header-light-normal span{background: url(rounded-corners-light-normal.png) 0 0;}
.container-footer-light-normal{background: url(rounded-corners-light-normal.png) 0 100%;}
.container-footer-light-normal span{background: url(rounded-corners-light-normal.png) 100% 100%;}

/*- DARK -*/
.container-header-dark-dark{background: url(rounded-corners-dark-dark.png) 100% 0;}
.container-header-dark-dark span{background: url(rounded-corners-dark-dark.png) 0 0;}
.container-footer-dark-dark{background: url(rounded-corners-dark-dark.png) 0 100%;}
.container-footer-dark-dark span{background: url(rounded-corners-dark-dark.png) 100% 100%;}

.container-header-dark-normal{background: url(rounded-corners-dark-normal.png) 100% 0;}
.container-header-dark-normal span{background: url(rounded-corners-dark-normal.png) 0 0;}
.container-footer-dark-normal{background: url(rounded-corners-dark-normal.png)  0 100%;}
.container-footer-dark-normal span{background: url(rounded-corners-dark-normal.png) 100% 100%;}

/*- -------------------------------------------------------------------------------------------
	NOTE: This is udes for the dark style themes only, just to spicen up the activity.
	The color is called 'alt' and is determined by the header and footer id's
------------------------------------------------------------------------------------------ -*/

#header-container .container-dark, #footer-container .container-dark{background: #ff3333;}

/*- ALT -*/
#header-container .container-header-dark-dark, #footer-container .container-header-dark-dark
	{background: url(rounded-corners-alt-dark.png) 100% 0;}
#header-container .container-header-dark-dark span, #footer-container .container-header-dark-dark span
	{background: url(rounded-corners-alt-dark.png) 0 0;}
#header-container .container-footer-dark-dark, #footer-container .container-footer-dark-dark
	{background: url(rounded-corners-alt-dark.png) 0 100%;}
#header-container .container-footer-dark-dark span, #footer-container .container-footer-dark-dark span
	{background: url(rounded-corners-alt-dark.png) 100% 100%;}

#header-container .container-header-dark-normal, #footer-container .container-header-dark-normal span
	{background: url(rounded-corners-alt-normal.png) 100% 0;}
#header-container .container-header-dark-normal span, #footer-container .container-header-dark-normal span
	{background: url(rounded-corners-alt-normal.png) 0 0;}
#header-container .container-footer-dark-normal, #footer-container .container-footer-dark-normal
	{background: url(rounded-corners-alt-normal.png)  0 100%;}
#header-container .container-footer-dark-normal span, #footer-container .container-footer-dark-normal span
	{background: url(rounded-corners-alt-normal.png) 100% 100%;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------------------*/
	/*- FEATURE POSTS ----------------------------------------*/
	.selected-feature{}
		.selected-feature .feature-title{background: url(title-swish-bg.png) bottom left no-repeat;}
		.selected-feature h4{color: #fff;}
		.selected-feature h2 a{color: #ff3333;}
		.selected-feature h2 a:hover{color: #fff;}

	ul.feature-list li span.item{color: #fff; background: url(feature-list-number-bg.png) top right no-repeat;}
	ul.feature-list li h4{color: #fff;}
	ul.feature-list li a{color: #ff3333;}
		ul.feature-list li a:hover{color: #fff;}


		/*-------------------------------------------------------------*/
		/*- THE FEATURE CONTAINER DIV IS ALSO USED FOR PAGE TITLES ----*/
		#feature-post h1{color: #fff;}
		#feature-post .post h2.title a:hover{color: #ff3333;}
		#feature-post .post h4{color: #f00;}
		
		
	/*--------------------------------------------------------*/
	/*- POST SLIDER ------------------------------------------*/
	.post-slider h2{color: #fff;}
	.post-slider ul li .content{background: #fff;}
	.post-slider ul li h3{background: url(slider-lip.png) 15px 0px no-repeat;}
		.post-slider ul li h3 a{color: #ff3333;}
			.post-slider ul li h3 a:hover{color: #fff;}
			


	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	ul.page_button_content li a{background: url(pagination.png) no-repeat;}
	ul.page_button_content li a.selected-page{color: #fff;}



		
/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.enjoy-copy{color: #575757;}




/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	ul.footer-columns h3{color: #111;}
	ul.footer-columns p{color: #000;}

	ul.footer-columns ul li{color: #fff; border-bottom: 1px dotted #f00;}
		ul.footer-columns a{color: #fff;}
		ul.footer-columns a:hover{color: #000;}

	



/*-------------------------------------------------------------------------------------------*/
/*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------*/
	/*- FLICKR -----------------------------------*/
	#flickr_badge_wrapper .flickr_badge_image a{background: url(flickr-bg.png) top no-repeat;}