/* Miracle Street - Design Haus, Stuart Lanahm 28/04/2008 */

/* audio only content
--------------------------------------------------------*/

.audio
{
    display: none;
}

@media aural  
{
    body 
    {  
        voice-family: female;
    }
    .audio
    {
        display: inline;
        voice-family: male;
    }
}

/* lists, links & floats
--------------------------------------------------------*/
.end-float
{
    float: right;
    margin: 3px 0 7px 7px;
    padding: 0px;
}

dl.endorsements-copy
{
    float: left;
}


.float-left
{
    float: left;
    margin: 4px 6px 0 0;
    padding: 0px;
}

.float-right
{
    float: right;
    margin: 4px 0 0 6px;
    padding: 0px;
}

.headshot
{
    width: 103px;
    float: left;
    margin: 0 7px 0 7px;
    padding: 0px;
    text-align: center;
}

.headshot img
{
    border: #D50000 1px solid;
}

.buttons
{
    border: #ccc 1px solid;
}

.headshot p
{
    font-weight: bold;
    font-size:0.9em;
    margin: 0px !important;
    padding: 5px 0 10px 0 !important;
}

.headshot2
{
    width: 103px;
    float: left;
    margin: 0 14px 0 7px;
    padding: 0px;
    text-align: center;
}

.headshot2 img
{
    border: #D50000 1px solid;
}

.headshot2 p
{
    font-weight: bold;
    margin: 0px !important;
    padding: 5px 0 10px 0 !important;
}

#header ul 
{
    list-style: none;
    padding: 0px;
    margin: 0 15px 0 0;
    float: right;
}

#header li
{
    display: inline;
    margin: 0 0 0 15px;
}

dl.blog-news
{
    padding: 0px;
    margin: 0 10px 10px 10px;
}

.blog-news dt
{
    padding: 0px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.blog-news dd
{
    padding: 0px;
    margin: 0 0 5px 0;
}

dl.fb-podcast
{
    padding: 0;
    margin: 0 10px 20px 10px;
}

.fb-podcast dt
{
    padding: 0;
    margin: 0;
}

.fb-podcast dd
{
    padding: 0px;
    margin: 0 0 2px 0;
}

dl.update
{
    padding: 0;
    margin: 0 10px 10px 10px;
}

.update dt
{
    padding: 0;
    margin: 0;
}

.update dd
{
    padding: 0px;
    margin: 0 0 2px 0;
}

#blog-news ul
{
    list-style: square;
    margin: 10px 0 15px 10px;
    padding: 0;
}

#blog-news ul li
{
    margin: 0 0 3px 4px;
    padding: 0;
}

#left ul
{
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0px;
    float: left;
    display: inline;
    width: 250px;
}
#left ul li
{
    display: inline;
	float: left;
	margin-bottom: 2px !important;
	padding: 0;
	width: 250px;
}
#left li a
{
    width: 250px;
    height: 30px;
    text-indent: -7000px;
    outline: none;
    padding: 0px;
    margin: 0px;
    float: left;
    display: inline;
}

#left li a.home
{
    background-image: url(../furniture/images/home-up.gif);
}

#left li a:hover.home
{
    background-image: url(../furniture/images/home-ov.gif);
}

#left li a.home-on
{
    background-image: url(../furniture/images/home-ov.gif);
}



#left li a.work
{
    background-image: url(../furniture/images/work-up.gif);
}

#left li a:hover.work
{
    background-image: url(../furniture/images/work-ov.gif);
}

#left li a.work-on
{
    background-image: url(../furniture/images/work-ov.gif);
}


#left li a.people
{
    background-image: url(../furniture/images/people-up.gif);
}
#left li a:hover.people
{
    background-image: url(../furniture/images/people-ov.gif);
}
#left li a.people-on
{
    background-image: url(../furniture/images/people-ov.gif);
}

#left li a.events
{
    background-image: url(../furniture/images/events-up.gif);
}
#left li a:hover.events
{
    background-image: url(../furniture/images/events-ov.gif);
}
#left li a.events-on
{
    background-image: url(../furniture/images/events-ov.gif);
}

#left li a.news
{
    background-image: url(../furniture/images/news-up.gif);
}
#left li a:hover.news
{
    background-image: url(../furniture/images/news-ov.gif);
}
#left li a.news-on
{
   background-image: url(../furniture/images/news-ov.gif);
}

#left li a.join
{
    background-image: url(../furniture/images/support-up.gif);
}
#left li a:hover.join
{
    background-image: url(../furniture/images/support-ov.gif);
}
#left li a.join-on
{
    background-image: url(../furniture/images/support-ov.gif);
}

#left li a.contact
{
    background-image: url(../furniture/images/contact-up.gif);
}
#left li a:hover.contact
{
    background-image: url(../furniture/images/contact-ov.gif);
}
#left li a.contact-on
{
    background-image: url(../furniture/images/contact-ov.gif);
}

/*dajw temp*/
ul.items
{
    list-style: none;
    padding: 0px;
    margin: 5px 0 2px 0 !important;
    float: left;
    display: inline;
}
ul.items li
{
    display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

ul.items li a
{
    color: #000;
    float: left;
    background-color: #fff;
    display: inline;
    margin: 5px 0 5px 0;
    width: 215px !important;/*250*/
    height: 15px !important;
    padding: 0 0 3px 35px !important;
    text-indent: 0 !important;
}

ul.items li a:hover
{
    color: #D50000;
}

ul.items li.up a
{
    color: #000;
    font-weight: bold;
    text-decoration: none !important;
}

a {color: #D50000;}
a:hover {color: #333;}

a img {border: 0px;}
a img.button {margin: 0 0 10px 0;}

.on {color: #333;}

#buttons
{
    padding: 0 0 10px 0;
    margin: 0 0 7px 0;
    float: left;
    display: inline;
    border-bottom: 1px dotted #ccc;
}

#buttons a img
{
    padding: 0 0 3px 0;
    margin: 0px;
    float: left;
    display: inline;
}

/* main structure
--------------------------------------------------------*/

body 
{
    font: 75% arial, helvetica, sans-serif; /* 75% = 12px */
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #666;
	background-color: #D50000;
	margin: 15px 0 20px 0;
	padding: 0;
}

#wrapper
{
    width: 955px;
    margin: 0 auto;
    background: #fff url(../furniture/images/main-header.jpg) top left no-repeat !important;
}


#header 
{
    width: 955px;
    float: left;
    padding: 10px 0 0 0;
}

#header a
{
    color: #fff;
}

#header a:hover
{
    color: #333;
}

h5 
{
    font-size: 1.1em;
    letter-spacing: 0.08em;
    padding: 0px;
    margin: 0 0 10px 0px;
}

/* right
--------------------------------------------------------*/

#right
{
    width: 610px;/*670*/
    float: right;
    padding: 25px 25px 0 35px;
}

#right p
{
    margin: 0px;
    padding: 0 0 15px 0;
}

#right h1
{
    width: 611px;
    height: 211px;
    /*float: left;*/
    background: transparent url(../furniture/images/join-h1.jpg) 0 0 no-repeat;
    text-indent: -7000px;
    padding: 0px;
    margin: 0 0 15px 0;
}
#right h1.contact
{
    background: transparent url(../furniture/images/contact-us-header.jpg) 0 0 no-repeat;
}
#right h1.events
{
    background: transparent url(../furniture/images/OurEventsHeader.jpg) 0 0 no-repeat;
}
#right h1.news
{
    background: transparent url(../furniture/images/NewsHeader.jpg) 0 0 no-repeat;
}
#right h1.join
{
    background: transparent url(../furniture/images/SupportUsHeader.jpg) 0 0 no-repeat;
}
#right h1.people
{
    background: transparent url(../furniture/images/people-h1.jpg) 0 0 no-repeat;
}
#right h1.work
{
    background: transparent url(../furniture/images/AcrossUK2.jpg) 0 0 no-repeat;
}
#right h1.work-euro
{
    background: transparent url(../furniture/images/AcrossUK2.jpg) 0 0 no-repeat;
}


#right h2
{
    padding: 0px;
    width: 320px;
    height: 20px;
    margin: 5px 0 15px 0;
    text-indent: -7000px;
    padding: 0;  
}

#right h2.welcome
{
    background: transparent url(../furniture/images/welcome.gif) 0 0 no-repeat; 
}
#right h2.contact
{
    background: transparent url(../furniture/images/contact.gif) 0 0 no-repeat; 
}
#right h2.events
{
    background: transparent url(../furniture/images/ourschedule.gif) 0 0 no-repeat; 
}
#right h2.endorsements
{
    background: transparent url(../furniture/images/endorsements.gif) 0 0 no-repeat; 
}
#right h2.history
{
    background: transparent url(../furniture/images/history.gif) 0 0 no-repeat; 
}
#right h2.news
{
    background: transparent url(../furniture/images/news.gif) 0 0 no-repeat; 
}
#right h2.people
{
    background: transparent url(../furniture/images/people.gif) 0 0 no-repeat; 
}
#right h2.team
{
    background: transparent url(../furniture/images/associates.gif) 0 0 no-repeat; 
}
#right h2.work
{
    background: transparent url(../furniture/images/work.gif) 0 0 no-repeat; 
}
#right h2.partnership
{
    background: transparent url(../furniture/images/partnership-title.gif) 0 0 no-repeat; 
}
#right h2.join
{
    background: transparent url(../furniture/images/join.gif) 0 0 no-repeat; 
}
#right h2.stevelee
{
    background: transparent url(../furniture/images/stevelee.gif) 0 0 no-repeat; 
}

#right h3
{
    padding: 0px;
    margin: 10px 0 10px 0;
    font-size: 14px;     
}
#right h4
{
    padding: 0px;
    margin: 0px 0 10px 0;
    font-size: 10px;     
}

#home-you-tube
{
    width: 365px;/*372*/
    /*margin-left: -5px;*/
    padding: 0 0 10px 0;
}

.copy-width
{
    width: 360px; /*372*/
    float: left;
}

.copy-width h3
{
    color: #D50000;
}

#blog-news
{
    width: 213px;
    float: right;
    background-color: #E8E8E8;
    padding: 10px;
    margin: 0 0 10px 10px;
}

#blog-news h3
{
    margin: 0 0 10px 0;
    padding: 0px;
}

#news
{
    width: 233px;
    float: right;
    background-color: #E8E8E8;
    padding: 0 0 10px 0;
    margin: 0;
}

#news h4
{
    width: 233px;
    height: 25px;
    float: left;
    background: transparent url(../furniture/images/news-header.gif) 0 0 no-repeat;
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 0.01em;
    text-align: right;
    color: #D50000;
}

#news a
{
    color: #333;
}

#news a:hover
{
    color: #D50000;
}

#news a.base
{
    font-size: 0.85em;
}

#news img
{
    float: left;
    margin: 0 10px 0 10px;
    vertical-align: middle;
}

#news-col
{
    float: right;
    width: 233px;
    display: inline;
    margin-left: 10px;
}

#newsletter
{
    width: 233px;
    background-color: #E8E8E8;
    margin: 0 0 10px 0;
}

#newsletter p
{
    margin: 0 10px 7px 10px !important;
    padding: 0;
}

#newsletter h4
{
    width: 233px;
    height: 25px;
    float: left;
    background: transparent url(../furniture/images/newsletter-header.gif) 0 0 no-repeat;
    margin: 0 0 7px 0;
    padding: 0px;
    font-size: 0.01em;
    text-align: right;
    color: #D50000;
}

#newsletter-form
{
    margin: 0;
    padding: 0 0 2px 0;
}

.form
{
    margin: 0 5px 2px 10px;
    padding: 0px;
}

/* left
--------------------------------------------------------*/

#left
{
    width: 250px;/*285*/
    float: left;
    display: inline;
    padding: 175px 0 0 30px;
}

#left h3
{
    padding: 0px;
    margin: 0 0 6px 0;
    font-size: 14px; 
    float: left;
    display: inline; 
}

#left p
{
    margin: 0px;
    padding: 0 0 15px 0;
    clear: both;
}

#fbp-links
{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 12px 0 0 0;
    float: left;
    display: inline;
}


/* footer
--------------------------------------------------------*/

#footer
{
    width: 930px;/*955*/
    height: 40px;
    padding: 30px 25px 10px 0;
    float: left;
    background: #D50000 url(../furniture/images/main-footer.gif) top left no-repeat !important;
}

#footer a
{
    color: #fff;
}

#footer ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: right;
    color: #fff;
}

#footer ul li
{
    display: inline;
    margin: 0 0 0 15px;
}

.clear
{
    clear: both;
}

.fb-podacst-icons
{
    float: left;
    margin: 0 10px 5px 0;
    padding: 0;
}

.fb-podacst-icons2
{
    float: left;
    margin: 0 10px 30px 0;
    padding: 0;
}

/* 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:30px; 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 }