/* @override http://localhost:8888/jan09/templates/rt_mixxmag/css/style1.css */

/* @group Style1 */

/* This is the Main Logo */
#logo {background: url(../images/style1/logo/logo.png) 0 0 no-repeat;}

/* Main Background */

#body {background: #fff;}
#page-bg {background: #fff url(../images/style1/color-bg.jpg) 50% 0 no-repeat;}

/* Top Header Bar */

#top-bar {background: #000000; height:33px;}
#top-bar .links-block {color: #fff; padding:8px 0;}
#top-bar .date-block {color: #fff;}
#top-bar .right-module-block {color: #fff;}
#top-bar ul.menu a, #top-bar ul.menu .separator {color: #fff; font-weight:bold;}
#top-bar ul.menu a:hover {color: #FFF;}

.date_bg {
	width:1003px;
	position:absolute;
	z-index:10;
	background: url(../images/style1/date_bg.png) right top no-repeat;
	height:53px;
}

.logo-surround {height: 75px; top:0px; margin-left: 0px; position: absolute; background: url(../images/style1/logo_bg.png) 0 0 no-repeat; width: 282px; padding:7px 0; text-align:center;}

/* Main Header */

#top-divider {background: url(../images/main/top-divider.png) 0 0 repeat-x;}
#logo-bg-area {background: url(../images/style1/color-bg-element.png) 0 0 no-repeat;}

/* Top Main Menu */

#horiz-menu {width:100%;}
#horiz-menu li a {color: #000; font-size:100%; font-weight:bold; padding:0 17px; margin:0; height:34px;}
#horiz-menu li a span {padding:4px 17px 1px 0;}
#horiz-menu li.active a, #horiz-menu li a:hover {background: url(../images/main/top_menu_left.gif) left top no-repeat; padding:0 17px; margin:0;}
#horiz-menu li.active a span, #horiz-menu li a:hover span {background: url(../images/main/top_menu_right.gif) right top no-repeat; padding:4px 17px 1px 0; margin:0;}


/* Main Body Items */

#maincontent-block a {color: #cc0000;}
h1.componentheading {color: #00BCFC; font-size:200%; font-weight:bold; background: url(../images/main/main_sec_hdr_bg.gif) left bottom repeat-x;}
h1.componentheading span.bg {color: #FFF; font-weight:bold;}
.frontpage-item a, .blog-item a, .pagination a {color: #cc0000;}
#maincontent-block a.contentpagetitle, #main-body a.readon {color: #666;}
.medium .contentheading, #maincontent-block .medium a.contentpagetitle, #main-body .medium a.readon {color: #444;}
.dark .contentheading, #maincontent-block .dark a.contentpagetitle, #main-body .dark a.readon {color: #fff;}

#main-body .color a.readon {color: #fff;}
#main-body .promo a.readon {color: #fff;}
#main-body .color a.readon:hover {color: #FFB7B3;}
.color span.readon-full {background: #D10504 url(../images/style1/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #A20000;}
.main-article h2.contentheading {color: #00BCFC; font-size:200%; font-weight:bold; background: url(../images/main/main_sec_hdr_bg.gif) left bottom repeat-x; margin-bottom:8px; padding-bottom:10px;}

.contentheading {color: #00BCFC; font-size:200%; font-weight:bold; background: url(../images/main/main_sec_hdr_bg.gif) left bottom repeat-x; margin-bottom:8px; padding-bottom:10px;}
.componentheading {color: #00BCFC; font-size:200%; font-weight:bold; background: url(../images/main/main_sec_hdr_bg.gif) left bottom repeat-x; margin-bottom:8px; padding-bottom:10px;}
.componentheading span .bg2 {color: #00BCFC; font-weight:bold; margin-bottom:8px; padding-bottom:10px;}
/* Side Column Modules */

.side-mod a, .medium .side-mod a {color: #cc0000;}
.light .side-mod a {color: #cc0000;}
.color .side-mod h3.module-title span.bg {background: url(../images/style1/side-color-h3.png) 50% 100% repeat-x;color: #fff;}
.color .side-mod {background: #cc0000 url(../images/style1/side-color-mod-bg.png) 0 0 repeat-x;border-left: 1px solid #990000;border-right: 1px solid #990000;border-top: 1px solid #990000;}
.color .side-mod a {color: #FFB7B3;}
.color .side-mod2 {background: url(../images/style1/side-color-mod-h3-bg.png) 0 0 repeat-x;color: #fff;}
.color .side-mod-bottom {background: url(../images/style1/side-color-bm.png) 0 0 repeat-x;}
.color .side-mod-bottom2 {background: url(../images/style1/side-color-br.png) 100% 100% no-repeat;}
.color .side-mod-bottom3 {background: url(../images/style1/side-color-bl.png) 0 100% no-repeat;}
.color .side-mod .close-handle {background: url(../images/style1/side-color-close-handle.png) 50% 50% no-repeat;}
.color .side-mod .open-handle {background: url(../images/style1/side-color-open-handle.png) 50% 50% no-repeat;}
.color .side-mod .tools-handle {background: url(../images/style1/side-color-tools-handle.png) 50% 50% no-repeat;}
.promo .side-mod h3.module-title span.bg {background: url(../images/style1/modstyle1-h3.png) 50% 100% repeat-x;color: #fff;}

/* Side Menus */

#main-body .color ul.menu li, .color .side-mod ul li {background: #D10504 url(../images/style1/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #A20000;}
#main-body .light ul.menu li a:hover, #main-body .light ul.menu li .separator:hover, .light .side-mod ul li a:hover, .light .side-mod ul li .separator:hover {background: url(../images/style1/light-arrow-hover.png) 8px 4px no-repeat;color: #cc0000;}
#main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {background: url(../images/style1/med-arrow-hover.png) 8px 4px no-repeat;color: #cc0000;}
#main-body .color ul.menu li a, #main-body .color ul.menu li .separator, .color .side-mod ul li a, .color .side-mod ul li .separator {background: url(../images/style1/color-arrow.png) 8px 4px no-repeat;color: #FFB7B3;}
#main-body .color ul.menu li a:hover, #main-body .color ul.menu li .separator:hover, .color .side-mod ul li a:hover, .color .side-mod ul li .separator:hover {background: url(../images/style1/color-arrow-hover.png) 8px 4px no-repeat;color: #fff;}

/* Main Body Modules */

.mainblock-mod a, .light .mainblock-mod a, .mainblock-mod .separator, .light .mainblock-mod .separator {color: #cc0000;}
.mainblock-mod ul li a:hover, .side-mod ul li a:hover, .mainblock-mod ul li .separator:hover, .side-mod ul li .separator:hover, #main-content .blog_more ul li a:hover {color: #FFF;background: url(../images/style1/mainblock-arrow-hover.png) 8px 4px no-repeat;}
.medium .mainblock-mod a, .medium .mainblock-mod .separator {color: #cc0000;}
.medium .mainblock-mod ul li a:hover, .medium .side-mod ul li a:hover, .medium .mainblock-mod ul li .separator:hover, .medium .side-mod ul li .separator:hover {color: #cc0000;background: url(../images/style1/mainblock-arrow-hover.png) 8px 4px no-repeat;}
.dark .mainblock-mod a, .dark .mainblock-mod .separator {color: #fff;}
.dark .mainblock-mod h3.module-title span.bg {color: #fff; font-weight:bold;}

/* Login Style */

.color .inputbox {border: 1px solid #A20000;}
.color input.button {background: #D10504 url(../images/style1/main-color-readon-bg.png) 0 0 repeat-x;border: 1px solid #A20000;color: #fff;}

/* Bottom Section */

#bottom-expansion {background: url(../images/main/bottom-expansion.png) 0 0 repeat-x;border-top: 1px solid #ddd;}

/* Extra Content Styles */

.feature-thumb span {background: url(../images/style1/feature-thumb.png) 0 0 no-repeat;color: #fff;}
.feature-thumb2 span {background: url(../images/main/feature-thumb2.png) 0 0 no-repeat;color: #cc0000;}

/* RokFeature */

.rokfeature-tab-1, .rokfeature-tab-4 {background: #00FFFF url(../images/style1/rokfeature-tab-1.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-tab-2, .rokfeature-tab-5 {background: #D7FF47 url(../images/style1/rokfeature-tab-2.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-tab-3, .rokfeature-tab-6 {background: #FFDF00 url(../images/style1/rokfeature-tab-3.png) 0 0 no-repeat;border-right: 1px solid #000;}
.rokfeature-block-bg1, .rokfeature-block-bg4 {background: #003648;}
.rokfeature-block-bg2, .rokfeature-block-bg5 {background: #536B11;}
.rokfeature-block-bg3, .rokfeature-block-bg6 {background: #986C00;}
.rokfeature-option-block span {color: #fff;}
img.rokfeature-thumb {border: 3px solid #fff;}
.rokfeature-readon span {background: #666;color: #fff;}

/* @end */

.banner_bottom_bg{
	width:1003px;
	padding:0;
	margin:0 0 7px 0;
	background: #FFF url(../images/style1/banner_bottom_bg.jpg) left top no-repeat;
	height:13px;
}
.banner_box {
	background-color:#FFF;
	border:1px solid #CCCCCC;
	padding:7px;
	margin:0;
}