/* **************** BLOCK SKINS ***************** */
/* ====== Contour blocks ====== */
/* remove background-image:" to default to square corners for IE */
/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #D7D7D7;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.simple b{background-image:url(http://oocss.org/css/skin/mod/simple_corners.png);}
/* ----- basic (extends mod) ----- */
.basic .inner {/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.basic b{background-image:url(http://oocss.org/css/skin/mod/round.png);}
/* ----- shadow test (experimental attempt to match "flow" cross browser w no img)----- */
.boo{-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,33);-moz-box-shadow: black 2px 2px 2px 2px;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/border:solid 1px #949494;background:#fff;}
/* ----- .excerpt (extends complex) ----- */
.pecan .inner {background: url(../images/mod/tan.gif) repeat left top;}
.pecan b{background-image:url(../images/mod/pecan.gif);}
.pecan .top{height:1px;}
.pecan .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.pecan .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
.slice{background: #faf8ec url(../images/mod/slice.png) repeat-x left top; color:#de2c72;font-size:120%;padding:5px 10px;}
.slice h1,.slice h2,.slice h3,.slice h4,.slice h5,.slice h6{font-size:100%;color:#de2c72;padding:0;}
/* ----- .excerpt (extends complex) ----- */
.excerpt .inner {background: url(../images/mod/tan.gif) repeat left top;}
.excerpt b{background-image:url(../images/mod/pecan.png);}
.excerpt .top{height:1px;}
.excerpt .bottom{height:6px;margin-top:-6px;}/* margin top equal to - height of bottom */
.excerpt .br,.excerpt .bl{height:12px;margin-top:-6px;}/* margin top = bottom height - corner height */
.section{background: transparent url(../images/mod/slice.gif) repeat-x left top; color:#de2c72;font-size:120%;padding:12px 10px 0 10px;}
.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#de2c72;padding:0;}
.section hr {border: none; margin: 0 10px; background-color: #CCCCCC; color:#CCCCCC; height:1px; clear:both;}
/* ====== Background blocks ====== */
.sale .inner{background:red none;}
.nicole .inner{background:#c01c41 none; color:#fff;}
.nicole *, .login *{ color:#fff;}
.highlight .inner{background:#e3e36f none;}
.universe .inner{background:url(http://oocss.org/css/skin/mod/universe.png) repeat left top;}
.foo .inner{background: url(http://oocss.org/css/skin/mod/universe_gray.png) repeat left top;}
.login .inner{background: url(http://oocss.org/css/skin/mod/universe_login.png) repeat left top;}
.comment .inner{background:#e2e2e2 none;}
/* ====== Block headers and footers ====== */
.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6{padding: 5px 10px;}
.act{background-color:#e9e9e9;}
.topper{background: #fff url(http://oocss.org/css/skin/mod/header_gradient_light.png) repeat-x left bottom;color: #4D4D4D;font-size:120%;padding:5px 10px;}
.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
.bam{background: #00477a url(http://oocss.org/css/skin/mod/header_glossy.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}
.gonz{background:url(http://oocss.org/css/skin/mod/gc_header.png) no-repeat left top;}/* messed up */
.online{background: #9a9400 url(http://oocss.org/css/skin/mod/online.png) repeat-x left top;color: #000;font-size:120%;padding:5px 10px;}
.online h1,.online h2,.online h3,.online h4,.online h5,.online h6{font-size:100%;color:#000;padding:0;}
.help{background: #b20029 url(http://oocss.org/css/skin/mod/help.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.help h1,.help h2,.help h3,.help h4,.help h5,.help h6{font-size:100%;color:#fff;padding:0;}
.info{background: #636363 url(http://oocss.org/css/skin/mod/info.png) repeat-x left top;color: #fff;font-size:120%;padding:5px 10px;}
.info h1,.info h2,.info h3,.info h4,.info h5,.info h6{font-size:100%;color:#fff;padding:0;}