/*
File:			custom.css
Description:	Custom styles for Coles IA Center

/*---:[ core layout elements ]:---*/

.custom #footer { color: #946100; border-top: 3px double #dd9a00; text-align: center; clear: both; }

/* This line centers the footer.*/

/* These lines try to change the color of the content-separator lines:

.custom #content_box { background: url('images/dot-ddd.gif') 51.3em 0 repeat-y; }

.custom #sidebars_box { background: url('images/ddd-1x2.gif') 50% 0 repeat-y; }*/

/* This line changes the color of the links and hovers.*/

.custom a { color: #946100; text-decoration: none; }

.custom a:visited { color: #946100; text-decoration: none; }

.custom a:hover { color: #d09100; text-decoration: none; }

/* Setting up the clickable logo - below*/
/* This line sets up our clickable background image based on the site title's link */

.custom #header #logo a { display: block; height: 110px; width: 960px; background: url('images/IAgoldblknarrbossmovie.png') no-repeat; outline: none; }

/* This line gets rid of the site title & tagline by casting them out to far left field */

.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */

.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */

.custom #header { padding: 0; border-bottom: 3px double #dd9a00; clear: both;}

/*---:[ nav menu styles ]:---*/

.custom ul#tabs { list-style: none; border: 1px solid #ddd; border-width: 0 0 1px 1px; }

	.custom ul#tabs li { margin-bottom: -0.1em; background: #De9A00; border: 1px solid #ddd; border-left: 0; float: left; }
	
/*---:de9600 is also a good color for tab background:---*/

	.custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 0; }
	
		.custom ul#tabs li a, ul#tabs li a:visited { display: block; line-height: 1em; color: #111; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }

		.custom ul#tabs li a:hover { color: #734d00; text-decoration: none; }
	
		.custom ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { cursor: default; }
	
		.custom ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; }
	
	.custom ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; }
		
		.custom ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; }
		
/*---:[ rotating image styles ]:---*/

#multimedia_box { width: 100%; }

	.custom #image_box { padding: 1.1em; background: #De9A00; border-bottom: 1px solid #ddd; }

		#image_box img { display: block; padding: 0.1em; background: #fff; border: 0.1em solid #000000; }

	/*---:[ video box styles ]:---*/

	#video_box { padding: 1em; background: #000; }

	/*---:[ custom box styles ]:---*/

	#custom_box { padding: 1.1em; background: #eee; border-bottom: 1px solid #ddd; }

/*Frame format for post images*/

.custom .format_text img.frame { background: #eee; border: 0.091em solid #De9A00; }
