/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(gradient.css);
@import url(gradient_fonts.css);

/* layout */
body.yoopage { background: #D8D8D8 url(../../images/variations/gradientribbon/page_bg.png) 50% 0 repeat-x; }
div#page-body { background-image: url(../../images/variations/gradientribbon/page_bg_img.png); }

#menubar { background-image: url(../../images/variations/gradientribbon/menubar_bg.png); }

#footer div.footer-b1,
#footer div.footer-b2 { background-image: url(../../images/variations/gradientribbon/wrapper_corners.png); }
#footer div.footer-b3 { background: url(../../images/variations/gradientribbon/wrapper_corners.png) 0 -100px repeat-x; }

/* typography */
h2,
h4,
h6 { color: #EE1A1A; }

a:link,
a:visited { color: #164e78; }
a:hover { color: #EE1A1A; }

ul.links li { background-image: url(../../images/variations/gradientblue/list_links.png); }
#page ul.links li a:hover { color: #487DB3; }

/* menus */
#menu a.level3 span.bg,
#menu span.level3 span.bg {	background-image: url(../../images/variations/gradientribbon/menu_level3_item.png); }

#menu a.level3:hover span.bg { color: #EE1A1A; }

div.mod-line ul.menu li.level2 span.bg { background: url(../../images/variations/gradientribbon/submenu_level2_item.png) 0px 50px no-repeat; }
div.mod-line ul.menu li.level2 a:hover span.bg { color: #EE1A1A; }

/* modules */ 
div.mod-glow-templatecolor div.box-1 { background-color: #455068; }
div.mod-glow-templatecolor em.box { border: 1px dotted #13161C; background: #323A4B; }

div.mod-glass div.box-1 { background-image: url(../../images/variations/gradientribbon/module_glass_bg.png); }
div.mod-glass div.box-4 { 
	background-image: url(../../images/variations/gradientribbon/module_glass_line_v.png);
	color: #3C3D3E;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
div.mod-glass div.box-2,
div.mod-glass div.box-3 { background-image: url(../../images/variations/gradientribbon/module_glass_line_h.png); }

/* joomla */
#page a.readmore {	background: url(../../images/variations/gradientribbon/readmore.png) 100% 0 no-repeat; }
#page a.readmore:hover { background: url(../../images/variations/gradientribbon/readmore.png) 100% -27px no-repeat; }

/* custom */
#page #logo a.logo-icon {	
	height: 115px;
	background-image: url(../../../../images/yootheme/logo_gradientribbon.png);
}