html * {
margin: 0;
padding: 0;
}
body {
font: 78%/170% Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
color: #333;
background:#333 url("/public/img/bg_int.gif") repeat-x;
}
body#home {
background:#333 url("/public/img/bg.gif") repeat-x;
}
/*-- Global ---------- */
a { font-weight: bold; }
a:hover { color: #ff7400; }
img { border: 0; }
select option { padding: 0 10px 0 0; }
#content p { padding: 0 0 12px 0; }
h3 {
color: #fd7000;
font-size: 1.4em;
}
blockquote {
padding: 0 20px 0 20px;
border-left: solid 2px #eee;
}
ol {
margin: 0 20px 0 20px;
}
ol li {
margin: 8px 0 8px 0;
}
/*-- Container ---------- */
.container {
width: 817px;
margin: 0 auto;
}
.container:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*-- Home Header ---------- */
#home_intro {
width: 437px;
float: left;
}
#home h1.logo { padding: 19px 0 0 0; }
#home h1.logo a {
width: 437px;
height: 71px;
background: url("/public/img/logo_home.gif") no-repeat;
display: block;
text-decoration: none;
text-indent: -999em;
}
#home_book {
width: 380px;
float: left;
background: url("/public/img/home_book_bg.jpg") no-repeat;
height: 338px;
}
#home_book h2#cmf_logo a {
width: 195px;
height: 49px;
display: block;
text-decoration: none;
text-indent: -999em;
background: url("/public/img/cmf_home_logo.gif") no-repeat;
}
#home_book #home_cmf_content {
color: #fff;
padding: 16px 0 10px 11px;
font-size: .9em;
width: 160px;
line-height: 1.6em;
}
#home_book #cmf_more, #home_book #cmf_buy { padding: 0; }
#home_book #cmf_more a, #home_book #cmf_buy a {
width: 309px;
height: 29px;
display: block;
text-decoration: none;
text-indent: -999em;
}
#home_book #cmf_more a {
background: url("/public/img/home_cmf_more.gif") no-repeat;
}
#home_book #cmf_buy a {
background: url("/public/img/home_cmf_buy.gif") no-repeat;
}
ul#headernav {
list-style: none;
height: 38px;
padding: 12px 0 0 24px;
margin: 0 0 0 488px;
}
#home ul#headernav { margin: 0; }
ul#headernav li {
display: inline;
}
ul#headernav li a {
display: block;
float: left;
color: #333;
font-size: .85em;
margin: 0 8px 0 0;
}
ul#headernav li a:hover { color: #ff7400; }
/*-- Int Header ---------- */
#header {
background: url("/public/img/int_headernav_bg.gif") right top no-repeat;
height: 122px;
}
#header h1.logo {
padding: 19px 0 0 0;
float: left;
}
#header h1.logo a {
width: 437px;
height: 71px;
background: url("/public/img/logo_int.gif") no-repeat;
display: block;
text-decoration: none;
text-indent: -999em;
}
/*-- Navigation ---------- */
#navigation ul {
list-style: none;
padding: 0 0 0 12px;
height: 35px;
}
#navigation ul li {
float: left;
}
#navigation ul li a {
float: left;
display: block;
margin: 0 14px 0 0;
color: #fff;
font-size: 13px;
background: url("/public/img/nav_dots.gif") left bottom repeat-x;
text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a.active {
background: none;
color: #ffd903;
}
/*-- Main Content Area ---------- */
#content_container {
background: #fff url("/public/img/content_top.gif") repeat-x;
padding: 0 0 0 0;
}
#content {
width: 425px;
float: left;
padding: 12px 0 0 12px;
}
#sidebar {
width: 325px;
float: left;
padding: 16px 0px 0 55px;
}
#home #sidebar {
width: 380px;
padding: 0;
}
#home_testimonials {
background: url("/public/img/home_testimonials_bg.gif") repeat-y;
}
h4#home_testimonials_header a {
background: url("/public/img/home_testimonials_top.gif") no-repeat;
height: 53px;
width: 325px;
display: block;
text-decoration: none;
text-indent: -999em;
}
#home_testimonials p.more {
background: url("/public/img/home_testimonials_bottom.gif") left bottom no-repeat;
padding: 0 0 20px 30px;
}
#home_testimonials p.more a {
background: url("/public/img/yellow_more_arrow.jpg") 100% 50% no-repeat;
color: #333;
text-decoration: none;
font-size: 1.1em;
padding: 0 14px 0 0;
display: inline;
}
#home_testimonials div#home_testimonials_content {
padding: 10px 90px 10px 30px;
font-size: .9em;
}
/* -- Breadcrumb ---------*/
ul#breadcrumb {
list-style: none;
padding: 0 0 7px 0;
margin: 0 0 8px 0;
background: url("/public/img/graydots_single.gif") 0% 100% repeat-x;
}
ul#breadcrumb li {
display: inline;
}
ul#breadcrumb li a {
font-weight: bold;
font-size: .8em;
background: url("/public/img/gray_arrow_r.gif") 100% 50% no-repeat;
text-decoration: none;
color: #ff9a00;
padding: 0 8px 0 0;
}
ul#breadcrumb li a.active {
background: none;
font-weight: normal;
color: #333333;
}
/* -- Subnav ---------*/
ul#subnav {
list-style: none;
background: url("/public/img/graydots_single.gif") repeat-x;
width: 310px;
margin: 0 0 0 4px;
}
ul#subnav li a {
display: block;
padding: 8px 0 8px 0;
color: #333333;
font-weight: normal;
font-size: 1.2em;
background: url("/public/img/graydots_single.gif") 0% 100% repeat-x;
text-decoration: none;
}
ul#subnav li a:hover { color: #ff9a00; }
/* -- Content Styles ---------*/
h3#contenttitle {
background: url("/public/img/graydots_double.gif") 0% 100% repeat-x;
padding: 8px 0 12px 0;
margin: 0 0 10px 0;
font-weight: normal;
font-size: 1.8em;
}
ul#testimonials {
list-style: none;
}
ul#testimonials li {
padding: 0 0 18px 0;
margin: 0 0 18px 0;
border-bottom: solid 1px #ddd;
}
/* -- CMF Sidebar ---------*/
#cmf_sidebar {
margin: 18px 0 0 0;
width: 318px;
background: url("/public/img/sidebar_cmf.jpg") no-repeat;
padding: 105px 0 0 0;
}
#cmf_sidebar p {
color: #fff;
padding: 0 140px 8px 12px;
font-size: .9em;
line-height: 1.6em;
}
#cmf_sidebar #cmf_more, #cmf_sidebar #cmf_buy { padding: 0; }
#cmf_sidebar #cmf_more a, #cmf_sidebar #cmf_buy a {
width: 318px;
display: block;
text-decoration: none;
text-indent: -999em;
}
#cmf_sidebar #cmf_more a {
background: url("/public/img/sidebar_cmf_more.jpg") no-repeat;
height: 38px;
}
#cmf_sidebar #cmf_buy a {
background: url("/public/img/sidebar_cmf_buy.jpg") no-repeat;
height: 46px;
}
/* -- Footer ---------*/
#footer {
clear: both;
background: #333 url("/public/img/footer_top.gif") repeat-x;
color: #fff;
font-size: .9em;
padding: 12px 0 20px 0;
}
#footer a { color: #fff; }
#footer p.contact { padding: 0 0 0 12px; }
#footer p.copyright {
padding: 0 65px 0 0;
float: right;
}
body#editContent {
padding: 12px;
background: #fff;
}