/*
*************************************************

MICA: The Sarah Jacobs Theme
Custom Screen Styles

Created by the wacky troop at Happy Cog
http://www.happycog.com/

Colors & images selected by Lauren Herda, MICA

*************************************************
*/


/*-------------------------------------------    
    General styles
-------------------------------------------*/

blockquote p { color: #335d70; } /* same as #footer border-top-color */

a, a:link, #subnav dd a, #subnav1 dd a, #subnav2 dd a, #subnav3 dd a, p.return, .search-type h2 a, .search-type h2 label { color: #df3c46; } 
a:hover, a:focus, #subnav dd a:hover, #subnav1 dd a:hover, #subnav2 dd a:hover, #subnav3 dd a:hover, #subnav dd a:focus, #subnav1 dd a:focus, #subnav2 dd a:focus, #subnav3 dd a:focus, .search-type h2 a:hover, .search-type h2 a:focus { color: #624e47; } 

.login-link, #search-button, .go-button, form p.submit input, #login-prompt, ul#login form li input[type=image], .landing.mymica #wrap input[type=submit] { background-color: #244964; } 
.login-link:hover, .login-link:focus, #search-button:hover, .go-button:hover, #login-prompt:hover, .landing.mymica #wrap input[type=submit]:hover, .landing.mymica #wrap input[type=submit]:focus { background-color: #2A161A; }

/* The following is added to override enhanced.css, which I'm unfamiliar with... hence the specific selector. Should be the same as #search-button. (Lauren) */
/*a#login-prompt.login-link { background-color: #244964; }
a#login-prompt.login-link:hover { background-color: #2A161A; } */


/*-------------------------------------------    
    Elements and Basic Structure
-------------------------------------------*/

/* -----  Account Navigation ------- */

#account-nav-wrap #logged-out p a:link, #account-nav-wrap #logged-out p a:visited { color: #f6ae86; } /* same as #nav a:link background color */


/* -----  Navigation ------- */
			
#nav a:link, #nav a:visited { background-color: #df3c46; } /* same as #account-nav-wrap #logged-out p a:link color */
#nav a:hover, #nav a:focus { background-color: #204965; }
#nav li[id] strong a, #nav li.current a, #utility-nav li[id] strong a, #utility-nav li.current a, #home #col1 #news1 { background-color: #5c4e42; }


/* -----  Wrap ------- */		

#wrap h1, .calendar h4, #right-column h2 { color: #B7353F; } /* same as #home #col1 #news1 background-color and #subnav1 a { background-color } */


/* -----  Subnav ------- */

#subnav1 ul, #subnav2 ul, #subnav3 ul, #subnav1 li, #subnav2 li, #subnav3 li, #local-nav li ul, ul.list li, .admintree .depth0, .admintree .depth1, .admintree .depth2, .admintree .depth3, .admintree .depth4 { border-top-color: #431822; } /* same as #home #col1 h4 background-color */
	#subnav1 a, #subnav2 a, #subnav3 a, #local-nav h6, #secondary, #secondary1, #secondary2, #secondary3, ul.list li, .admintree .depth0, .admintree .depth1, .admintree .depth2, .admintree .depth3, .admintree .depth4 { background-color: #B7353F; } /* same as #home #col1 #news1 background-color and #wrap h1 { color } */
	#subnav1 a:hover, #subnav1 a:focus, #subnav2 a:hover, #subnav3 a:focus, #subnav3 a:hover, #subnav3 a:focus, #local-nav li strong a, ul.list li:hover, ul.list li:focus, .admintree .depth0:hover, .admintree .depth1:hover, .admintree .depth2:hover, .admintree .depth3:hover, .admintree .depth4:hover, .admintree .depth0:focus, .admintree .depth1:focus, .admintree .depth2:focus, .admintree .depth3:focus, .admintree .depth4:focus { background-color: #431822; } /* same as #home #col1 #news1 h4 { background-color } and #subnav1 ul { border-top-color } */
	
#local-nav li li, ul.list li, .admintree .depth0, .admintree .depth1, .admintree .depth2, .admintree .depth3, .admintree .depth4 { border-bottom-color: #431822; } /* same as #subnav1 ul { border-top-color } */


/* -----  Action Navigation ------- */

#action-nav a { color: #766242; background-color: #f0f3de; }
#action-nav a:hover, #action-nav a:focus { color: #766242; background-color: #dee1ce; }



/* -----  Content ------- */	

#main h2, #main1 h2, #main2 h2, #main3 h2, #col1 h2, #col2 h2, #col3 h2, .gallery #sub2 h2 { color: #d88772; } 

.pagination strong a { background-color: #dc9b78; }



/* -----  Secondary ------- */

#secondary h3, #secondary1 h3, #secondary2 h3, #secondary3 h3, #secondary p.date, #secondary1 p.date, #secondary2 p.date, #secondary3 p.date, #secondary a, #secondary1 a, #secondary2 a, #secondary3 a, #tools-nav li a, #tools-nav li a:visited, #tools-nav li a:active, #social-nav li a, #social-nav li a:visited, #social-nav li a:active, #utilities-nav li a, #utilities-nav li a:visited, #utilities-nav li a:active, #profile-items.logged-in a, #profile-items.logged-in a:visited, #profile-items.logged-in a:active { color: #e8fde4; }
#secondary h2, #secondary1 h2, #secondary2 h2, #secondary3 h2 { background-color: #3A2424; color: #e8fde4; }


/* -----  Local Footer ------- */

#local-footer { background-color: #538ca6; } /* same as #footer { border-top-color } */
	#local-footer h3 { border-bottom: 1px solid #538ca6; } /* border-bottom-color can be customized (border-bottom-color is the same as #footer background-color) */
	
	
/* -----  Footer ------- */

#footer { border-top: 16px solid #335d70; background-color: #538ca6; } /* same as #local-footer { background-color } */
	#footer a { color: #5f433f; } /* color can be customized */
	#footer a:hover, #footer a:focus { color: #fff; } /* color can be customized */	


/*-------------------------------------------    
    Home page specific styles
-------------------------------------------*/
#tagline { background-image: url(../../images/screen/sarah-jacobs_tagline.png); }
* html #tagline { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/screen/sarah-jacobs_tagline.png'); background-color: #B7353F; }

#home #col1 #news1, #tagline { background-color: #B7353F; } /* same as #wrap h1 { color } and #subnav1 a { background-color } */
#home #col1 #news1 h4 { background-color: #431822; }
#home #col1 #news1 h2 a { color: #fff; }
/*#home #col2 h2 a { color: #ab6f6f; }*/
#home #col1 #news1 h3 { color: #f0fcf2; }

#bt hr, #bb hr, #home #header-wrap hr { background-color: #538ca6; }
#header-wrap, ul#action-nav { border-top-color: #538ca6; border-bottom-color: #538ca6; }
.login-box { border-bottom-color: #538ca6; }

#home #account-work { background-image: url(http://www.mica.edu/images/homepage/Sarah-Jacobs_Sacrifice_495x570.jpg); }

/*------------------------------------------
   MyMICA Specific Styles
--------------------------------------------*/

#right-column h2, .landing.mymica #header h1 a, .landing.mymica #header h1 a:visited { background-color: #e4e2bc; }

.landing.mymica #header h1 a:hover, .landing.mymica #header h1 a:focus { background-color: #538ca6; }

#tools-nav li a:hover, #tools-nav li a:focus, #social-nav li a:hover, #social-nav li a:focus, #utilities-nav li a:hover, #utilities-nav li a:focus, #profile-items.logged-in a:hover, #profile-items.logged-in a:focus { color: #538ca6; }

.subscription .iconhelp { border-left-color: #538ca6; }

.forumpost .left, .forumpost .picture { border-right-color: #538ca6; }

#right-column h2, .admintree, ul.list { border-top-color: #538ca6; }

#right-column h2 { border-bottom-color: #538ca6; }

#oublog-summary .header, #oublog-tags .header, #oublog-links .header
{
    background-color: #B7353F;
    color: #ffffff;
} 

#oublog-summary .content, #oublog-tags .content, #oublog-links .content, #oublog-summary .content p, #oublog-tags .content p, #oublog-links .content p {
	background-color: #431822;
    color: #ffffff !important; 
}

#oublog-summary .content a, #oublog-tags .content a, #oublog-links .content a, #oublog-summary .content p a, #oublog-tags .content p a, #oublog-links .content p a {
	color: #e4e2bc;
}
