/*----------------------------------------------------------------------------

Color Specific Style Sheet



Name: 				JJ FlexPhotos

Modified for Joomla by:         JoomlaJunkie.com

Date: 				2007-04-17

Description: 			A dark flexi two-column template.

Author: 			JoomlaJunkie

URL: 				http://www.joomlajunkie.com



----------------------------------------------------------------------------*/



h1 {

	color: #9c1300;

}


h3 {

	color:#9c1300;

}


h5 {

	color:#9c1300;

}


#top_shelf li a:hover {

background: #9c1300;

}


#center .userboxes li a:hover {

background: #9c1300 url(../images/li-bullet-white.gif) no-repeat 5px 6px;

}

/*links*/

a:hover {color: #9c1300;}

/*joomla specific*/

a.pagenav:hover,

a.pagenav:active,

a.pagenav:focus,

.pagenav_prev a:hover,

.pagenav_prev a:active,

.pagenav_prev a:focus,

.pagenav_next a:hover,

.pagenav_next a:active,

.pagenav_next a:focus,

.pagenavbar a:hover,

.pagenavbar a:active,

.pagenavbar a:focus {

	text-decoration:none;

	color:#9c1300;

}


.small {

/* A symantic style to allow you to add text with this class, that

is used for small text, like date/written by etc */

	color:#9c1300;

}


.sectiontableheader {
	height: 29px;

	background-image: url(../images/top-shelf-modhead-red.jpg);

}

pre {

	border-left: 6px solid #9c1300;

}

/* Form Styling */

.button {

	background: #990100;
	border:  none;

}

/* Module Styling */

.moduletable h3 {
	background: #9c1300 url(../images/top-shelf-modhead-red.jpg) 0 0;
}

#left .moduletable,
#left .moduletable-grey,
#left .moduletable-color,
#right .moduletable,
#right .moduletable-grey,
#right .moduletable-color {
	background: #FEF9F8;
}

.userboxes {
	background: #FEF9F8;
	}



.userboxes {

}




.moduletable-color h3 {

background: #2A3233 url(../images/modhead-red.jpg) repeat-x top left;

}



#top_shelf .moduletable h3 {

background: url(../images/top-shelf-modhead-red.jpg) repeat-x top left;

}


#footer_shelf .moduletable h3 {

color: #9c1300;

border-bottom: 0px solid #9c1300;

}


.moduletable-inset {

background: #9c1300;

border: 0px solid #F73100;

}

/*menu styling*/


/* Active */
#mainmenu-nav #active_menu-nav,
#mainmenu-nav #active_menu-nav.haschild {
		color: #ffffff;
}


#mainmenu-nav li a#active_menu-nav.hassubchild { ;
		color: #ffffff;
}

#mainmenu-nav li a#active_menu-nav.haschild {
	background:  url(../images/haschild.gif) no-repeat 50% 100%;
	color: #ffffff;
}


/* $2 - Hover state on all levels with NO Child Elements
----------------------------------------------------------------------------*/

/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a
/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a,
/* 4th Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a {
	background: #333333;
	color: #ffffff;
	margin: none;
}


ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild,
/* 3rd Menu Hover Persistence - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a.hassubchild {
	background: # url(../images/hassubchild.gif) no-repeat right center;
	color: #ffffff;
}


ul#mainlevel li a:hover {
	background: # ;
	color: #ffffff;
}

ul#mainlevel a#active_menu {
	background: # ;
	color: #ffffff;
}

div#footer li a:hover {
	color: #ffffff;
	background: none;
}


/* template_css color specific styles */
#top h1 a {
	background:url(../images/branding-logo-red.jpg) no-repeat;
}

div#top_shelf {
background: #FFF url(../images/top-shelf-red.jpg) repeat-x bottom left;
}

div#footer{
border-top: 0px solid #9c1300;
}

#LoginBox a{
	color: #9c1300;
}