/* OSK GUI JOOMLA! TEMPLATE
* 
*  LIGHT CONTRAST STYLES
*/


body#background { 
	background-color: #F9F9F9; 
	background-image: url("../images/light/body_background.png");
}

div.lightbox, div.mediumbox, #content {
	color: #3B3533;
}

div.lightbox { 	
	background-color: #E5E5E5;
	background-image: url("../images/light/border_3d_lightgrey.gif"); 
	border-color: #B6B6B6;
}
div.mediumbox { 
	background-color: #A6A8A0;
	background-image: url("../images/light/border_3d_medgrey.gif"); 
	border-color: #858680;
}


div.shadow {
	background-image: url("../images/light/border_shadow.png") !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='templates/oldskool_gui/images/light/border_shadow.png');
}



div.header_bg { 	background-image: url("../images/light/header_background.gif"); }
div.header_ads_bg { background-image: url("../images/light/header_ads_background.gif"); }
div.header_l {		background-image: url("../images/light/header_left.gif"); }
div.header_r { 		background-image: url("../images/light/header_right.gif"); }

div.header_ads_seperator_l, 
div.header_ads_seperator_r { background-image: url("../images/light/header_ads_seperator.gif"); }



#topmenu {
	background-image: url("../images/light/topmenu_background.png");
	border-color: #B6B6B6;
}
#topmenu .iconshadow { 	background-image: url("../images/light/topmenu_iconshadow.png"); }
#topmenu .menuicon {	border-right-color: #B6B6B6; }
#topmenu .moduletable {	border-right-color: #FFF; }
#topmenu a.mainlevel  {
	border-left-color: #FFF;
	border-right-color: #B6B6B6;
	color: #3B3533;
}
#topmenu a#active_menu { 
	background-image: url("../images/light/topmenu_item_on.png"); 
	border-left-color: #F2F2F2;
	border-right-color: #B6B6B6;
	color: #3B3533;
}





#left h3, #right h3 {
	background-image: url("../images/light/left_heading.png");
	color: #FFF;
	border-color: #5D5E56;
}
#left .contentheading, #right .contentheading { color: #3B3533; }

#left a.mainlevel, #right a.mainlevel {
	color: #3B3533;
	border-color: #B6B6B6;
	background-color: #FFF;
}
#left a#active_menu, #right a#active_menu {	color: #FFF; }
#left a.sublevel, #right a.sublevel {
	background-color: #CDCDCD;
	color: #3B3533;
}
#left a.sublevel:hover, #right a.sublevel:hover {
	background-color: #A6A8A0;
	color: #FFF;
}


span.pathway {		color: #787373; }
span.pathway a, span.pathway a:hover { color: #787373; }



#top {	color: #FFF; }
#top .contentheading { color: #FFF; }
#top a, #top a:hover { color: #FFF; }

#bottom {
	color: #FFF;
	border-top-color: #858680;
}
#bottom h3 { background-image: url("../images/light/footer_heading.png"); }
#bottom .contentheading {	color: #FFF; }
#bottom a, #bottom a:hover { color: #FFF; }

#top .sectiontableentry1, #top .sectiontableentry2, 
#top .sectiontableentry1 td, #top .sectiontableentry2 td,
#bottom .sectiontableentry1, #bottom .sectiontableentry2, 
#bottom .sectiontableentry1 td, #bottom .sectiontableentry2 td { background: none; }


#top input.button, #bottom input.button {
	color: #FFF;
	background-color: #5D5E56;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-bottom-color: #31271F;
	border-right-color: #31271F;
}



#text {
	color: #31271F;
	background-color: #E5E5E5;
	border-color: #A6A8A0;
}



div.componentheading {
	background-color: #E5E5E5;
	border-left-color: #B6B6B6;
	border-bottom-color: #DBDBDB;
	background-image: url("../images/light/border_3d_lightgrey.gif"); 
}


.blog_more { 
	border-color: #DBDBDB;
	background-color: #F2F2F2;
}



a.readon, div.back_button a {	background-color: #A6A8A0; }
a.readon:hover, div.back_button a:hover { 
	background-color: #B6B6B6; 
	color: #5D5E56;
}


.sectiontableheader {
	background: #5D5E56;
	color: #FFF;
}
.sectiontableheader a, .sectiontableheader a:hover { color: #FFF; }

tr.sectiontableentry1 td, td.sectiontableentry1 { background-color: #E4E4E7; }
tr.sectiontableentry2 td, td.sectiontableentry2 { background-color: #F2F2F2; }



table.contenttoc { border-color: #B6B6B6; }
table.contenttoc th { background-color:#F2F2F2; }


div.mosimage { border-color: #B6B6B6; }
div.mosimage_caption { 
	border-color: #B6B6B6; 
	background-color:#F2F2F2;
}



#copyright, #copyright a, #copyright a:hover {
	color: #DBDBDB;
	border-color: #858680;
}


