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

Color Specific Style Sheet



Name: 				JJ FlexPhotos

Date: 				2007-04-17

Description: 		A dark flexi two-column template.

Author: 			JoomlaJunkie

URL: 				http://www.joomlajunkie.com

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



h1 {

	color: #3C9DD9;

}



h3 {

	color:#3C9DD9;

}



h5 {

	color:#3C9DD9;

}



#top_shelf li a:hover {

background: #45ABD1;

}



#center .userboxes li a:hover {

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

}



/* Links */

a:hover {color: #3C9DD9;}



/* 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:#3C9DD9;

}



.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:#3C9DD9;

}



.sectiontableheader {

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

}



pre {

	border-left: 6px solid #3C9DD9;

}



/* Form Styling */

.button {

	background: #117FAE url(../images/button-bg.jpg) repeat-x;

}



/* Module Styling */

.moduletable-color h3 {

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

}



#top_shelf .moduletable h3 {

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

}



#footer_shelf .moduletable h3 {

	color: #3C9DD9;

	border-bottom: 1px solid #3C9DD9;

}



.moduletable-inset {

	background: #1B98C6;

	border: 1px solid #A4DAFC;

}



/* Menu Styling */

/* Active */

#mainmenu-nav #active_menu-nav,

#mainmenu-nav #active_menu-nav.haschild {

	background: #1487B6;

}



#mainmenu-nav li a#active_menu-nav.hassubchild {

	background: #45ABD1 url(../images/hassubchild.gif) no-repeat right center;

}



#mainmenu-nav li a#active_menu-nav.haschild {

	background: #45ABD1 url(../images/haschild.gif) no-repeat 50% 100%;

}



/* $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 {

	color: #fff;

	background: #45ABD1;

	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: #45ABD1 url(../images/hassubchild.gif) no-repeat right center;

}



ul#mainlevel li a:hover {

	background: #1487B6 url(../images/side-menu-icon.png) no-repeat 10px 8px;

}



ul#mainlevel a#active_menu {

	background: #1487B6 url(../images/side-menu-icon.png) no-repeat 10px 8px;

	color: #fff;

}



div#footer li a:hover {

	color: #1487B6;

	background: none;

}



/* template_css color specific styles */

#top h1 a {

	background:url(../images/branding-logo.jpg) no-repeat;

}



div#top_shelf {

background: #1B98C6 url(../images/top-shelf.jpg) repeat-x bottom left;

}

 

div#footer{

border-top: 1px solid #3C9DD9;

}



#LoginBox a{

	color: #3C9DD9;

}