/* --------------- MAIN STYLESHEET --------------- */ /*-[WAYNE AUSTIN]-[DESIGN HAUS]-[JUNE 2009]-*/
body
{
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:Arial, Sans-Serif;
    color:#fff;
    background:#270b0b url(../images/bg-site.gif) repeat-x left top;
}

/* --------------- GENERIC ELEMENTS --------------- */
/* ----- reset ----- */

ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

/* ----- text ----- */
a:active
{
    outline:none;
}
a:focus
{
  -moz-outline-style: none;
}
p
{
    margin-bottom:12px;
}

/* ----- images ----- */
a img
{
    border:0px;
}
.content-main-inner img
{
    border:solid 1px #d90000;
    margin-bottom:12px;
}
hr
{
    float:left;
    clear:both;
    width:100%;
    margin:10px 0px 20px;  
    border-top:0px; 
    border-left:0px; 
    border-right:0px; 
}
.panel hr
{
    margin:0px 0px 14px;
    *margin:0px;
}
.red hr
{
    border-bottom:solid 1px #e44d4d;
}
.no-back hr
{
    border-bottom:solid 1px #d90000;
}

/* ----- links ----- */
a
{
    color:#fff;
}
.content-main-inner a
{
    color:#3E3D40;
}
a:hover
{
    text-decoration:none;
}

/* --------------- HEADERS & TITLES --------------- */
.logo
{
    float:left;
    width:261px;
    height:150px;
    margin:57px 0 0 18px;
    text-indent:-9999px;
    cursor:pointer;
    background:transparent url(../images/logo.gif) no-repeat left top;
}
h1.title,
h2.title
{
    margin-bottom:12px;
}
h1
{
    font-size:23px;
}
h2
{
    margin-bottom:12px;
    font-size:18px;
}
h3
{
    margin-bottom:12px;
    font-size:17px;
}
.content-main-inner h3,
.content-main-inner h2
{
    color:#d90000;
}
.no-back .content-main-inner h3
{
    color:#fff;
}

/* --------------- SITE LAYOUT --------------- */
/* ----- site wrap ----- */
.site-wrap
{
    margin: 0 auto;
    width:1020px;
}
.site-left,
.site-right
{
    float:left;
    width:40px;
    height:224px;
    background:transparent url(../images/bg-site-left.gif) no-repeat left top;
}   
.site-right
{
    background:transparent url(../images/bg-site-right.gif) no-repeat left top; 
}
.site-center
{
    float:left;
    width:940px;
}
.site-content
{
    float:left;
    width:100%;
}

/* ----- header ----- */
.site-header
{
    float:left;
    width:100%;
    height:224px;
    background:transparent url(../images/bg-header.gif) no-repeat left top;
}
.site-header-right
{
    position:relative;
    *top:-219px;
    width:100%;
}
#site-head-image
{
    position:absolute;
    width:582px;
    height:266px;
    top:0px;
    left:325px;
}
.home-head
{
    background:transparent url(../images/head-home.png) no-repeat left top;
}
.work-head
{
    background:transparent url(../images/head-ourwork.png) no-repeat left top;  
}
.work-team
{
    background:transparent url(../images/head-ourteam.png) no-repeat left top;  
}
.work-news
{
    background:transparent url(../images/head-news.png) no-repeat left top;  
}

/* ----- footer ----- */
.site-footer
{
    float:left;
    clear:both;
    width:100%;
    *margin-top:15px;
    padding:12px 0px 50px;
    border-top:solid 1px #d90000;
    background:transparent url(../images/bg-footer.png) no-repeat 322px top;
}
.site-footer p
{
    float:right;
    clear:none;
    width:60%;
    color:#d90000;
    text-align:right;
}
.site-footer p a
{
    color:#d90000;
}
.site-footer p a img
{
    margin:0px 0px -4px 2px;
}
    
/* ----- left & right columns ----- */
.two-column-left,
.three-column-left,
.three-column-right
{
    float:left;
    width:220px;
}
.three-column-middle
{
    float:left;
    width:480px;
    margin:0px 10px;
}
.two-column-middle
{
    float:left;
    width:710px;
    margin:0px 0px 0px 10px;
}

/* --------------- PANELS --------------- */
/* ----- content panels ----- */
.content-top-panel,
.content-top-bottom
{
    float:left;
    width:100%;
    background:transparent url(../images/panel-main-red-top.png) no-repeat left top;
}
.content-top-panel
{
    margin-bottom:12px;
}
.content-top-bottom
{   
    height:14px;
    background:transparent url(../images/panel-main-red-btm.png) no-repeat left bottom;
}
.content-top-inner
{
    float:left;   
    margin:14px 0px 0px;
    padding:35px 22px 0px;
    background:#d90000;
}
.two-column-middle .content-top-panel
{
    background:transparent url(../images/panel-full-red-top.png) no-repeat left top;
}
.two-column-middle .content-top-bottom
{
    height:14px;
    background:transparent url(../images/panel-full-red-btm.png) no-repeat left bottom;
}
.content-main-panel,
.content-main-bottom
{
    float:left;
    width:100%;
    background:transparent url(../images/panel-main-wht-top.png) no-repeat left top;
}
.content-main-panel
{
    margin-bottom:12px;
}
.content-main-bottom
{   
    height:14px;
    background:transparent url(../images/panel-main-wht-btm.png) no-repeat left bottom;
}
.content-main-inner
{
    float:left;   
    margin:14px 0px 0px;
    padding:10px 22px 0px;
    background:#fff;
    color:#3e3d40;
}
.content-main-inner.home-content
{
    margin:0px;
}
.two-column-middle .content-main-panel
{
    background:transparent url(../images/panel-full-wht-top.png) no-repeat left top;
}
.two-column-middle .content-main-bottom
{
    height:14px;
    background:transparent url(../images/panel-full-wht-btm.png) no-repeat left bottom;
}
.content-main-panel.no-back,
.content-main-panel.no-back .content-main-inner,
.content-main-panel.no-back .content-main-bottom
{
    background:none!important;
    color:#fff;
}
.two-column-middle .content-main-inner,
.two-column-middle .content-top-inner
{
    width:666px
}
.three-column-middle .content-main-inner,
.three-column-middle .content-top-inner
{
    width:436px
}

/* ----- left & right column panels ----- */
.panel,
.panel-bottom
{
    float:left;
    width:100%;
    background:transparent url(../images/panel-col-blk-top.png) no-repeat left top;
}
.panel
{
    margin-bottom:12px;
}
.panel-bottom
{
    height:14px;
    background:transparent url(../images/panel-col-blk-btm.png) no-repeat left bottom;
}
.panel-inner
{
    float:left;
    width:192px;
    margin:14px 0px 0px;
    padding:0px 14px;
    background:#111111;
}
.navigation .panel-inner
{
    margin:11px 0 0;
    padding:0 8px;
    width:204px;
}
.navigation .panel-bottom
{
    height:33px;
    background:transparent url(../images/panel-col-nav-btm.png) no-repeat left bottom;
}

/* ----- red panel ----- */
.panel.red
{
    background:transparent url(../images/panel-col-red-top.png) no-repeat left top;
}
.red .panel-bottom
{
    background:transparent url(../images/panel-col-red-btm.png) no-repeat left bottom;
}
.red .panel-inner
{
    background:#d90000;
}
.first-right-panel .panel-inner
{
    padding-top:27px;
}
.panel.white
{
    background:transparent url(../images/panel-col-wht-top.png) no-repeat left top;
}
.white .panel-bottom
{
    background:transparent url(../images/panel-col-wht-btm.png) no-repeat left bottom;
}
.white .panel-inner
{
    background:#fff;
    color:#807c7c;
}

/* --------------- CONTENT --------------- */
.content-split,
.article-section
{
    float:left;
    width:100%;
    margin-bottom:12px;
}
.content-split-left
{
    float:left;
    width:450px;
    margin-right:16px;
}
.content-split-right
{
    float:right;
    width:200px;
}
.endorsements .content-split-left
{
    width:565px;
}
.endorsements .content-split-right
{
    width:85px;
}
.article-left
{
    float:left;
    width:102px;
    margin-right:20px;
}
.article-right
{
    float:left;
    width:535px;
}

/* ----- HOME GALLERY ----- */
.gallery-screen
{
    margin-bottom:10px;
}

/* --------------- NAVIGATION --------------- */
.main-navigation
{
    float:left;
    width:204px;
}

/* ----- FIRST TIER ----- */
.main-navigation li
{
    float:left;
    width:100%;
}
.main-navigation li a
{
    float:left;
    width:100%;
    height:34px;
    margin-bottom:2px;
    text-indent:-9999px;
    background:transparent url(../images/buttons/main-nav.png) no-repeat left top;
}
.main-navigation li a.btn-home
{
    background-position:left -1px;
}
.main-navigation li a.btn-ourteam
{
    background-position:left -75px;
}
.main-navigation li a.btn-events
{
    background-position:left -112px;
}
.main-navigation li a.btn-training
{
    background-position:left -147px;
}
.main-navigation li a.btn-news
{
    background-position:left -184px;
}
.main-navigation li a.btn-dates
{
    background-position:left -38px;
}
.main-navigation li a.btn-supportus
{
    background-position:left -221px;
}
.main-navigation li a.btn-contactus
{
    margin-bottom:0px;
    background-position:right -257px;
}

/* ----- hover effect ----- */
.main-navigation li a.btn-home:hover,
.main-navigation li strong a.btn-home
{
    background-position:right -1px;
}
.main-navigation li a.btn-ourteam:hover,
.main-navigation li strong a.btn-ourteam
{
    background-position:right -75px;
}
.main-navigation li a.btn-events:hover,
.main-navigation li strong a.btn-events
{
    background-position:right -112px;
}
.main-navigation li a.btn-training:hover,
.main-navigation li strong a.btn-training
{
    background-position:right -147px;
}
.main-navigation li a.btn-news:hover,
.main-navigation li strong a.btn-news
{
    background-position:right -184px;
}
.main-navigation li a.btn-dates:hover,
.main-navigation li strong a.btn-dates
{
    background-position:right -38px;
}
.main-navigation li a.btn-supportus:hover,
.main-navigation li strong a.btn-supportus
{
    background-position:right -221px;
}
.main-navigation li a.btn-contactus:hover,
.main-navigation li strong a.btn-contactus
{
    background-position:left -257px;
}

/* ----- SECOND TIER ----- */

.main-navigation li ul
{
    float:left;
    width:204px;
    padding:6px 0px; 
}
.main-navigation li ul li
{
    float:left;
    width:180px;
    padding-left:24px;
}
.main-navigation li ul li a
{
    float:left;
    width:100%;
    height:16px;
    margin-bottom:2px;
    text-indent:-9999px;
    background-position:left top;
}
.main-navigation li a.btn-sub-history
{   
    background:transparent url(../images/buttons/btn-sub-history.gif) no-repeat left top;
}
.main-navigation li a.btn-sub-endorsements
{   
    background:transparent url(../images/buttons/btn-sub-endorsements.gif) no-repeat left top;
}
.main-navigation li a.btn-sub-ourwork
{   
    background:transparent url(../images/buttons/btn-sub-ourwork.gif) no-repeat left top;
}
.main-navigation li a.btn-sub-insideout
{
    background:transparent url(../images/buttons/btn-sub-insideout.gif) no-repeat left top;
}
.main-navigation li a.btn-sub-outsideevents
{   
    background:transparent url(../images/buttons/btn-sub-outsideevents.gif) no-repeat left top;
}
.main-navigation li a.btn-sub-indoorevents
{
    background:transparent url(../images/buttons/btn-sub-indoorevents.gif) no-repeat left top;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li strong a
{
    background-position:left bottom!important;  
}   

.foot-navigation
{
    float:left;
    width:40%
}
.foot-navigation li
{
    float:left;
    width:auto;
    font-size:11px;
}
.foot-navigation li a
{
    color:#fff;
}

/* --------------- LISTS --------------- */

.list-gray-arrow
{
    float:left;
}
.list-gray-arrow li
{
    float:left;
    clear:both;
    width:100%;
    margin-bottom:5px;
}
.list-gray-arrow li a
{
    float:left;
    clear:both;
    width:auto;
    padding-left:12px;
    font-size:11px;
    background:transparent url(../images/icons/bullet-gray-arrow.png) no-repeat left 3px;
}
.list-gray-arrow li a:hover
{
    background:transparent url(../images/icons/bullet-wht-arrow.png) no-repeat left 3px;
}
.blog-news dt
{
    font-weight:bold;
    font-size:12px;
    margin-bottom:3px;
}
.blog-news dd
{
    margin-bottom:10px;
    padding:0px 0px 10px 4px;
    border-bottom:solid 1px #e44d4d;
}

/* --------------- FORMS --------------- */

.form-bulletin
{
    float:left;
    width:100%;
}
.text-field
{
    float:right;
    width:112px;
    height:20px;
    padding:4px 4px 0px;
    background:#4e4d4d;
    border:solid 1px #d90000;
    color:#fff;
}
.text-field.email
{
    width:140px;
}
label
{
    float:left;
    width:100%;
    margin-bottom:3px;
}
label span
{
    float:left;
    line-height:24px;
}

/* --------------- BUTTONS --------------- */

.btn-home-support
{
    position:absolute;
    right:-7px;
    top:143px;
    width:133px;
    height:133px;
    text-indent:-9999px;
    background:transparent url(../images/buttons/btn-home-support.png) no-repeat left top;
}
.btn-donateonline
{
    float:left;
    width:193px;
    height:28px;
    margin-top:2px;
    text-indent:-9999px;
    background:transparent url(../images/buttons/btn-donateonline.gif) no-repeat left top;
}
.btn-donateform
{
    float:left;
    width:193px;
    height:42px;
    margin-top:2px;
    text-indent:-9999px;
    background:transparent url(../images/buttons/btn-donateform.gif) no-repeat left top;
}
.btn-red-arrow,
.btn-blk-arrow
{
    float:right;
    width:auto;
    height:24px;
    line-height:22px;
    padding-right:30px;
    text-align:right;
    white-space:nowrap;
    font-weight:bold;
    text-decoration:none;
    border:0px;
    color:#fff!important;
    cursor:pointer;
    background:transparent url(../images/buttons/btn-red-arrow.png) no-repeat right top;
}
.btn-blk-arrow
{
    height:28px;
    line-height:26px;
    padding-right:33px;
    background:transparent url(../images/buttons/btn-blk-arrow.png) no-repeat right top;
}
.bulletin-panel .btn-red-arrow
{
    margin-top:7px;
}
.news-panel .btn-blk-arrow
{
    margin:-5px 0px 8px;
}
.btn-home-support:hover,
.btn-donateonline:hover,
.btn-donateform:hover
{
    background-position:left bottom;
}
.btn-red-arrow:hover,
.btn-blk-arrow:hover
{
    background-position:right bottom;
}
.btn-rss
{
    float:left;
    width:auto;
    height:22px;
    line-height:20px;
    padding-left:26px;
    white-space:nowrap;
    font-size:10px;
    background:transparent url(../images/icons/icon-rss.png) no-repeat left top;
}
#newsletter-form
{
    float:left;
    width:100%;
    clear:both;
}

/* front page */
.btn-home-support { z-index:100; }
.content-main-inner .post h3 { color:#3E3D40; font-size:12px; margin-bottom:0; }
.content-main-inner .post h1 { margin-bottom:12px; }
.content-main-inner .post h1 a { color:#D90000; font-size:17px; }
.blogger-post-footer img { border:none; }
.post .footer { margin-bottom:10px; }

/* inner page */
#postnavigation { margin-bottom:10px; }

/* side bar */
.widgetzone .panel { padding-top:15px; }
.widgetzone .panel-inner { margin-top:0; padding-top:0; position:relative; margin-bottom:10px; }
.widgetzone h4 { background-color:#111; }
.widgetzone .panel-inner ul { background-color:#111; margin:10px 0; }
.widgetzone .panel-inner ul li a { background:url("http://www.miraclestreet.com/furniture/images/icons/bullet-gray-arrow.png") no-repeat scroll left 3px transparent; padding-left:12px; font-size:11px; }
.widgetzone .panel-inner ul li a:hover { background:url("http://www.miraclestreet.com/furniture/images/icons/bullet-wht-arrow.png") no-repeat scroll left 3px transparent; }
.widgetzone .panel-bottom { position:absolute; left:0; width:220px; }
.widgetzone h4 { margin-top:-1px; padding-top:0px; padding-bottom:12px; font-size:17px;  text-indent:13px; }
.widgetzone .recentposts h4 { padding-top:50px; }
.widgetzone a.delete { margin-right:5px; margin-left:12px; position:relative; top:15px; }
.widgetzone a.edit, .widgetzone a.move { border-left:1px solid #fff; padding-left:5px; margin-right:5px; position:relative; top:15px; }
.widgetzone .recentposts a.delete, .widgetzone .recentposts a.move, .widgetzone .recentposts a.edit { top:35px; }
.widgetselector { margin-left:15px; }

.monthlist { background:url("http://www.miraclestreet.com/furniture/images/panel-col-red-top.png") no-repeat scroll left top transparent; }
.monthlist h4, .widgetzone .monthlist ul, .monthlist .panel-inner { background:#d90000; }
.monthlist .panel-bottom { background:url("http://www.miraclestreet.com/furniture/images/panel-col-red-btm.png") no-repeat scroll left bottom transparent }