/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey

*/

a.rsswidget { text-decoration:none;color:#221816 }

#sidebar .widget div>ul { background: url(http://www.stjamescroydon.org.au/stjames/wp-content/themes/Grace/skins/1-default/blog.png) }

/*
#sidebar .widget li:last-child { background: url(http://www.stjamescroydon.org.au/stjames/wp-content/themes/Grace/skins/1-default/services_bottom.png) }
*/

#sidebar small a { text-decoration:none }

.infolist td { padding:4px }
.howto td, .howto p, .howto li { padding:5px; color:#333; line-height:20px }
/*
#nav-menu ul li:hover a, #nav-menu ul li.hover a, #nav-menu ul li.current-cat a, #nav-menu ul li a:hover, #nav-menu ul li.current_page_item a, #nav li ul li a { background: #222623; opacity:0.9 }
*/
#nav-menu > ul > li:hover > a, #nav-menu > ul > li.hover > a, #nav-menu > ul > li.current-cat > a, #nav-menu > ul > li > a:hover, #nav-menu > ul > li.current_page_item > a { -webkit-border-radius:0.5em 0.5em 0em 0em; -moz-border-radius:0.5em 0.5em 0em 0em; border-radius:0.5em 0.5em 0em 0em; box-shadow:3px 3px 3px #777; -moz-box-shadow:3px 3px 3px #777; -webkit-box-shadow:3px 3px 3px #777}

#nav li ul li a, #nav li ul, #nav li ul li a:hover, #nav li:hover ul, #nav li.sfhover ul, #nav li ul li { opacity:0.98; font-weight:bold }
/*
#nav li ul, #nav li ul li { border-width:0px 3px 3px 3px }
*/