/* bm.styles.css -----------------------------------------------------
   CSS styles for Sauced Out Websites and Print Design, Sydney, Australia,
   generated 2025-03-23 13:48:12 GMT by Big Medium v2.0.8
   
   DO NOT EDIT THIS FILE MANUALLY
   This file is generated automatically, and any changes that you
   make to it will be overwritten. To add your own custom styles,
   use the "Edit Theme CSS" option in the Big Medium control panel.
   You may also remove theme styles via the "Remove Design Theme"
   option. Navigation styles may be removed via the navigation options
   in "HTML Preferences."
   ------------------------------------------------------------------- */

/* START BASE BIG MEDIUM STYLES
------------------------------------------------------ */
/* $Id: base.css 3311 2008-09-05 09:56:36Z josh $ */

/* margins and containers
---------------------------------------------------------- */
p {
    margin-top:0;
    margin-bottom:1em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 1.4em;
}

div.bmw_pagetools span { /* page tool spacing */
    margin-right: 1em;
}

div.bmw_pageContent,
div.bmw_anncContent,
div.bmw_tipContent,
div.bmw_link,
div.bmc_aboveContent,
div.bmc_belowContent,
div.bmw_images,
div.bmw_gallery,
form.bmf_form p {
    overflow: hidden;
    zoom:1; /* not standard, but necessary to make ie observe overflow */
}

/* navigation bars
---------------------------------------------------------- */
div.bmw_navigation ul, div.bmw_navigation li {
    list-style:none;
    padding:0;
    margin:0;
}
div.bmw_navigation a {
    display:block;
}
div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}


/* big medium link
---------------------------------------------------------- */
a.bmw_bigmedium {
    width: 90px;
    height: 16px;
    background: url(bm.assets/powered_by_big_medium.gif) no-repeat;
    display:block;
    text-indent:-10000em;
    font-size:0em;
    line-height:0em;
}

/* images
---------------------------------------------------------- */
img { border: 0; }

img.bma_leftthumb {
    float:left;
    margin-right: .5em;
}
img.bma_rightthumb {
    float:right;
    margin-left: .5em;
}

/* image wrappers
---------------------------------------------------------- */

div.bmc_image {
    padding: .5em
}
div.bmc_leftContentImage {
    float:left;
    margin-right: .5em;
}
div.bmc_rightContentImage{
    float:right;
    margin-left: .5em;
}
div.bmc_centerContentImage{
    margin-left: auto;
    margin-right: auto;
}

/* pullquotes
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 0 1em;
    margin: 0;
    width: 200px;
}

blockquote.bmc_bigPullquote {
    font-size: small;  /* fake size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium; /* real font size for everyone else */
}

blockquote.bmc_rightPullquote {
    float:right;
    margin-left: .5em;
}
blockquote.bmc_leftPullquote {
    float:left;
    margin-right: .5em;
}
blockquote.bmc_centerPullquote{
    margin-left: auto;
    margin-right: auto;
}


/* document wrappers
---------------------------------------------------------- */

div.bmc_document {
    padding: 0 1em;
    width: 200px;
}
div.bmc_rightDocument {
    float:right;
    margin-left: .5em;
}
div.bmc_leftDocument {
    float:left;
    margin-right: .5em;
}
div.bmc_centerDocument{
    margin-left: auto;
    margin-right: auto;
}
div.bmc_Document {
    margin-bottom: 0.8em;
}

/* feed icon
---------------------------------------------------------- */

a.bma_feed {
    padding-left: 18px;
    background-image: url(bm.assets/feed-icon-12x12.gif);
    background-repeat: no-repeat;
	background-position: left center;
}

/* comment icon
---------------------------------------------------------- */

a.bma_commentcount {
	padding-left: 14px;
	background-image: url(bm.assets/comment-12x12.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm.assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
	background-position: left top;
}
a.bm_gifDocIcon, a.bm_pngDocIcon, a.bm_jpgDocIcon, a.bm_jpegDocIcon, a.bm_icoDocIcon,
a.bm_bmpDocIcon, a.bm_jfifDocIcon, a.bm_tifDocIcon, a.bm_tiffDocIcon, a.bm_psdDocIcon,
a.bm_epsDocIcon {
    background-image: url(bm.assets/docIconSm_image.gif);
}
a.bm_pdfDocIcon {
    background-image: url(bm.assets/docIconSm_pdf.gif);
}
a.bm_docDocIcon {
    background-image: url(bm.assets/docIconSm_doc.gif);
}
a.bm_xlsDocIcon, a.bm_xlwDocIcon {
    background-image: url(bm.assets/docIconSm_excel.gif);
}
a.bm_rtfDocIcon {
    background-image: url(bm.assets/docIconSm_rtf.gif);
}
a.bm_txtDocIcon {
    background-image: url(bm.assets/docIconSm_txt.gif);
}
a.bm_xmlDocIcon {
    background-image: url(bm.assets/docIconSm_xml.gif);
}
a.bm_zipDocIcon, a.bm_gzDocIcon, a.bm_gzipDocIcon, a.bm_tazDocIcon,
a.bm_tgzDocIcon, a.bm_hqxDocIcon, a.bm_binDocIcon, a.bm_tarDocIcon {
    background-image: url(bm.assets/docIconSm_zip.gif);
}
a.bm_sitDocIcon {
    background-image: url(bm.assets/docIconSm_sit.gif);
}
a.bm_dmgDocIcon {
    background-image: url(bm.assets/docIconSm_dmg.gif);
}
a.bm_pptDocIcon, a.bm_ppsDocIcon {
    background-image: url(bm.assets/docIconSm_powerpoint.gif);
}
a.bm_mppDocIcon {
    background-image: url(bm.assets/docIconSm_project.gif);
}
a.bm_sxwDocIcon, a.bm_stwDocIcon, a.bm_sxgDocIcon, a.bm_sdwDocIcon, a.bm_sglDocIcon {
    background-image: url(bm.assets/docIconSm_oo-write.gif);
}
a.bm_sxcDocIcon, a.bm_stcmDocIcon, a.bm_sdcDocIcon {
    background-image: url(bm.assets/docIconSm_oo-calc.gif);
}
a.bm_sxiDocIcon, a.bm_stiDocIcon, a.bm_sddDocIcon, a.bm_sdpDocIcon {
    background-image: url(bm.assets/docIconSm_oo-impress.gif);
}
a.bm_sxdDocIcon, a.bm_stdDocIcon, a.bm_sdaDocIcon {
    background-image: url(bm.assets/docIconSm_oo-draw.gif);
}
a.bm_mp3DocIcon, a.bm_mpuDocIcon, a.bm_m4aDocIcon, a.bm_midDocIcon, a.bm_midiDocIcon,
a.bm_rmiDocIcon, a.bm_m4pDocIcon, a.bm_aacDocIcon, a.bm_aifDocIcon, a.bm_aiffDocIcon,
a.bm_aifcDocIcon, a.bm_wavDocIcon, a.bm_wmaDocIcon, a.bm_ramDocIcon, a.bm_rmDocIcon {
    background-image: url(bm.assets/docIconSm_audio.gif);
}
a.bm_wmvDocIcon, a.bm_aviDocIcon, a.bm_mpegDocIcon, a.bm_mpeDocIcon, a.bm_mpgDocIcon,
a.bm_mp4DocIcon {
    background-image: url(bm.assets/docIconSm_winvideo.gif);
}
a.bm_swfDocIcon {
    background-image: url(bm.assets/docIconSm_flash.gif);
}
a.bm_movDocIcon, a.bm_qtDocIcon, a.bm_moovDocIcon, a.bm_qtmDocIcon {
    background-image: url(bm.assets/docIconSm_quicktime.gif);
}

/* overflow navigation
---------------------------------------------------------- */
ul.bmw_overflowNav, ul.bmw_overflowNav li {
    margin: .5em 0em;
    padding: 0;
    list-style:none;
    position:relative; /* helps ie6 show the bottom link borders */
}
ul.bmw_overflowNav li {
    display:inline;
}
ul.bmw_overflowNav a, span.bma_inertPage {
    border:1px solid #999;
    padding: .2em .4em;
    text-decoration:none;
    background-color: #fff;
    line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

/* search form 
---------------------------------------------------------- */

form.bmw_search button {
    vertical-align: top;
}

/* email, comment, widget-builder forms
---------------------------------------------------------- */
form.bmf_form {
    margin:.5em 0em;
    border: 1px solid #999;
    padding:.5em;
}
form.bmf_form p {
    overflow:hidden;
    zoom: 1;
}
form.bmf_form label {
    width: 30%;
    display: block;
    float:left;
    text-align: right;
    margin-right: .5em;
}
form.bmf_form input,
span.bmf_caption {
    width: 60%;
    display: block;
    float:right;
    margin-right: .5em;
}
label.bmf_req, p.bmf_req label {
    font-weight:bold;
}
form.bmf_form .bmf_comment {
    float:none;
    width: 99%;
    margin: 0;
    display:inline;
}
form.bmf_form label.bmf_auto,
form.bmf_form input.bmf_auto {
    width: auto;
    display:inline;
    float:none;
}
p.bmf_authorintro-sent,
p.bmf_authorintro-,
p.bmf_sendintro,
p.bmf_confirm,
div.bmf_tomail,
div.bmf_emailform-sent,
form.bmf_form input.bmf_honey,
.bmf_honey {
    display:none;
}
p.bmf_sendintro-,
div.bmf_tomail-,
p.bmf_confirm-sent {
    display:block !important;
}
p.bmf_privacy {
    font-size: smaller;
}
#bmjsFeed { width:95% }

/* gadget preview styling */
#bmjsSample div.bmfeedItem{margin-bottom:1em;overflow:hidden;zoom:1}
#bmjsSample img{float:left;margin-right:5px;}
#bmjsSample div div > p:first-child{margin-top:0}
#bmjsSample div div > p:last-child{margin-bottom:0}

/* workaround for mozilla hidden field bug */
input[type="hidden"] {
    display: none !important;
    visibility: hidden !important;
    padding: 0;
    border: 0;
}

/* comment html
---------------------------------------------------------- */

.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:.3em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_staff {
    background-color: #ffc;
}
.bmc_comment_meta {
    background-color: #ddf;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 40%;
}
.bmc_comment_timestamp {
    float:right;
    width: 55%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date,
.bmc_comment_time {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}

/* tag cloud
---------------------------------------------------------- */

ul.bmw_tagcloud, ul.bmw_tagcloud li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.bmw_tagcloud li {
    display: inline;
    margin-right: 1em;
}
ul.bmw_tagcloud li a {
    text-decoration: none;
}
a.bmw_tagcloud_xsmall { font-size: x-small; }
a.bmw_tagcloud_small { font-size: small; }
a.bmw_tagcloud_medium { font-size: medium; }
a.bmw_tagcloud_large { font-size: large; }
a.bmw_tagcloud_xlarge { font-size: x-large; }

/* edit links
---------------------------------------------------------- */

p.bmEditPanel {
	padding: 1px 10px 1px;
	font-size: 11px;
	line-height: 15px;
	height: 16px;
	text-align: left;
	background: url(bm.assets/edit-panel.png) no-repeat right top;
}
p.bmEditPanel a,
p.bmEditPanel a:visited {
    font-size:11px;
    line-height: 15px;
    color: #fff;
    padding-left: 18px;
	background-position: left center;
    background-repeat: no-repeat;
}
p.bmEditPanel a:hover {
    color: #ccc;
}
a.bmEdit,
a.bmNewPage {
    padding-right: 10px;
    border-right:1px solid #fff;
    margin-right: 5px;
}
a.bmEdit {
    background-image: url(bm.assets/bmcp_edit.gif);
}
a.bmNewPage {
    background-image: url(bm.assets/bmcp_newpage.gif);
}
a.bmDel {
    background-image: url(bm.assets/bmcp_delete.gif);
}

/* image lightbox
---------------------------------------------------------- */

#bmlbox_lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#bmlbox_lightbox img{ width: auto; height: auto;}

#bmlbox_lightbox a img { border: none; }

#bmlbox_outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#bmlbox_imageContainer { padding: 10px; }

#bmlbox_loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#bmlbox_hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 99%; /* 100% can cause 1-pixel overhang */
    z-index: 10;
}

#bmlbox_imageContainer>#bmlbox_hoverNav { left: 0; }
#bmlbox_hoverNav a { outline: none; }

#bmlbox_prevLink,
#bmlbox_nextLink {
    width: 49%;
    height: 100%;
    display: block;
}

#bmlbox_prevLink {
    left: 0;
    float: left;
    background: url(bm.assets/lightbox_prev.gif) left 0% no-repeat;
}

#bmlbox_nextLink {
    right: 0;
    float: right;
    background: url(bm.assets/lightbox_next.gif) right 0% no-repeat;
}

#bmlbox_imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
	overflow: hidden;
	width: 100%	
}

#bmlbox_imageData {
    padding: 0 10px;
    color: #666;
}

#bmlbox_imageData #bmlbox_imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#bmlbox_imageData #bmlbox_caption {
    font-weight: bold;
}

#bmlbox_imageData #bmlbox_numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#bmlbox_imageData #bmlbox_bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 0px; /* fixes pageload flash in some sites */
    background-color: #000;
}

/* sitemap link
---------------------------------------------------------- */
a.bma_sitemap { display:none }

/* START NAVIGATION HNAV STYLES
------------------------------------------------------ */
/* $Id: hnav_dropdown.css 2690 2007-10-19 13:11:44Z josh $
   Thanks to the gang from htmldog.com and the handy suckerfish technique:
   http://www.htmldog.com/articles/suckerfish/dropdowns/

This section controls the color of the navigation;
these may be overridden in the theme styles
-------------------------------------------------------------------    */

div.bmn_hnav li {
    background: #fff;  /* background color of main, top-level sections */
}

div.bmn_hnav li li {
    background-color: #eff;  /* background color of dropdowns*/
}

div.bmn_hnav li:hover, div.bmn_hnav li.bmn_hover {
    background: #dee;    /* rollover background color */
}

div.bmn_hnav li {
    border-bottom: 1px solid #dee;   /* border between menu items */
    border-right: 1px solid #dee;
}

div.bmn_hnav li ul {
    padding-top: 1px;   /* should be same width as border-bottom above */
}

/*
This section controls the width of the navigation; override in theme styles
-------------------------------------------------------------------    */
div.bmn_hnav li { /* vary main section width according to name length */
    width:auto; 
}

div.bmn_hnav li ul,
div.bmn_hnav li li {
    width:10em; /* width of the navigation items and dropdown menus */
}
div.bmn_hnav li ul ul {
    margin-left:10em; /* should be same as the width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */
div.bmn_hnav, div.bmn_hnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position:relative;
    zoom:1; /* forces IE to give layout and honor relative position */
}
div.bmn_hnav { margin: 0px 0px 1px 0px; }

div.bmn_hnav a {
    display: block;
    padding: .2em .7em;
}

div.bmn_hnav li {
    float: left;
    line-height:1.2em;
}
div.bmn_hnav li ul ul {
    margin-top:-1.6em; /* line height + ( 2 x padding on div.bmn_hnav li ) */
}

/*fix issue in IE7*/
div.bmn_hnav li:hover,
div.bmn_hnav li.bmn_hover {
    position: static;
}

/*hide all subnav*/
div.bmn_hnav li ul {
    position: absolute;
    z-index: 1001;
    left: -999999em;
}
/*reveal first-level subnav on rollover*/
div.bmn_hnav li:hover ul,
div.bmn_hnav li.bmn_hover ul {
    left: auto;
}
/* ... but keep nested second-level and third-level subnav hidden */
div.bmn_hnav li:hover ul ul,
div.bmn_hnav li.bmn_hover ul ul,
div.bmn_hnav li:hover ul ul ul,
div.bmn_hnav li.bmn_hover ul ul ul {
    left: -999999em;
}
/* ... until their parents are rolled over */
div.bmn_hnav li li:hover ul,
div.bmn_hnav li li.bmn_hover ul,
div.bmn_hnav li li li:hover ul,
div.bmn_hnav li li li.bmn_hover ul {
    left: auto;
}

/*get clear of the floated navigation */
div.bmn_hnav span.bmn_clearNav {
    height:0px;
    font-size:0px;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

/* START THEME STYLES
----------------------------------------------------------- */
* { padding: 0; margin: 0; }

body {
    font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 19px;

/*  
*/}
#wrapper {
    margin: 0 auto;
    width: 960px;
    background-color: #fff;
}
#faux {
    margin: 0;
    overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
    width: 100%
}
#leftcolumn {
    display: inline;
    color: #333;
    margin: 10px;
    padding: 0px;
    width: 220px;
    float: left;
}
#rightcolumn {
    float: right;
    color: #333;
    margin: 10px 0px 10px 10px;
    padding: 0px;
    width: 700px;
    display: inline;
    position: relative;
overflow: hidden;
}
.clear { clear: both; background: none; }

#social {
    margin: 0 auto;
    height: 50px;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #cf233b;  
}

.social-buttons {
    float: right;
}

.header {
    background-color: #f2e3c2;
    padding: 10px;
    height: 80px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    margin-bottom: 10px;
}

.headline-bar {
    margin-top: 10px;
        background-color: #cf233b;  
padding: 5px 5px 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    margin-bottom: 10px;
        color: #fff;

}

#full-content {
    margin-top: 10px;
    padding: 10px;
}

#bottom {
    width: 680px;
    clear: both;
    color: #333;
    background: #f2f2f2;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    min-height: 350px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}

#footer {
    width: 940px;
    clear: both;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    height: 25px;
    background-color: #cf233b;  
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    margin-bottom: 10px;
        color: #fff;
        font-size: 11px;
        text-align: center;
}



/*--------------------------------------------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------------------------------------------*/
#navlist
{
    margin-left: 0px;
    padding-left: 0;
    list-style: none;
color: #817355;
}

#navlist li
{
    padding-left: 55px;
    background-image: url(https://www.saucedout.com.au/img/red_button.png);
    background-repeat: no-repeat;
    height: 45px;
    padding-top: 12px;
    text-decoration: none;
    font-size: 14px;
color: #817355;
list-style: none;
}

#navlist li a {
color: #817355;
font-weight: normal;
}
#navlist li:hover
{
    padding-left: ;
    background-image: url(https://www.saucedout.com.au/img/green_button.png);

    background-repeat: no-repeat;
    text-decoration: none;
color: #817355;
}
#navlist li:current
{
    background-image: url(https://www.saucedout.com.au/img/green_button.png);
    background-repeat: no-repeat;
    text-decoration: none;
color: #817355;
}

/*--------------------------------------------------------------------------------
HEADINGS AND TEXT
--------------------------------------------------------------------------------*/
h1 {
    font-size: 22px;
    color: #a37d68;
    line-height: 40px;
    font-weight: 300;
    font-style: normal;
}

h1 a {
    color: #a37d68;
}

h2 {
    font-size: 24px;
    color: #e40808;
    margin-bottom: 5px;
    padding-top: 0px;
    font-weight: normal;
    line-height: 29px;
}

.headline-bar h2 {
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: 28px;
}

.black h2 {
color: #000;
margin-top: 25px;
margin-bottom: 25px;
}

.bmw_headline {

}


h3 {
    font-size: 20px;
    color: #9a9a66;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 15px;
}

h4 {
    font-weight: normal;
    font-size: 18px;
        color: #9a9a66;

}

a {
    color: #F00;
    text-decoration: none;
}

ul {
list-style: disc;
padding-left: 20px;
padding-bottom: 20px;
}

li {
list-style: disc;
}

ol {
list-style: decimal;
padding-left: 20px;
padding-bottom: 20px;
}


div.bmw_breadcrumbs { /*Outer container for all breadcrumb links and text*/

font-size: 11px;
margin-bottom: 10px;
text-decoration: none;
}

div.bmc_caption { 
    
/*  color: #595959;*/
    margin: 10px 0 0 0;
    padding: 0 0 15px 0;
    text-transform: none;
/*Caption text, if any*/
text-align: center;
}

/* page tools */
div.bmw_pagetools { /*Container for pagetools*/
float: right;
font-size: 10px;
}

span.bmw_emailpage { /*Container for icon/text links*/
}

span.bmw_emailpage a { /*Link*/
}

span.bmw_printpage { /*Container for icon/text links*/ 
}

span.bmw_printpage a {/* Link*/
}

div.bmw_feeds {
    font-size: 10px;
padding-right: 10px;
color: #fff;
}

div.bmw_feeds a {
    font-size: 10px;
padding-right: 10px;
color: #fff;
}



.fromthesauce {
    background-image: url(https://www.saucedout.com.au/https://www.saucedout.com.au/img/oct2010/fromthesauce.png);
    background-repeat: no-repeat;
    width: 272px;
    height: 130px;
    padding-top: 100px;
font-size: 11px;
}
#subForm {
    width: 250px;
    margin-left: 20px;
}

.centre {
    text-align: center;
}

/*_________________________________________________________________________________________________________________________________
BIG MEDIUM STYLES
___________________________________________________________________________________________________________________________________ */


/*--------------------------------------------------------------
HEADING AND TEXT STYLES AND SPECIAL WIDGETS
---------------------------------------------------------------- */

/* Styles that apply to content headings and body text. */
div.bmw_headline { /*page headline*/

}

div.bmw_pageContent { /*the page text area */
list-style: disc;
}

div.bmw_content2 { /*content2 widget */
/*width: 660px;
    clear: both;
    color: #ccc;
    background: #f0f0f0;
    margin: 10px 0px 0px 0px;
    padding: 10px;
border: 1px solid #f6edd7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
*/
}

div.bmw_embedcode /*embed code widget */
{
}

div.bmw_sidebar { /*sidebar widget */
}

/* -------------------------------------------------------------
TIPS AND ANNOUNCEMENTS
---------------------------------------------------------------- */

/* tips widget */
div.bmw_tips { /*Outer container for all of the tips*/
}

div.bmw_tips_tip{ /* Container for an individual tip*/
margin-top: 20px;
margin-bottom: 20px;
background-color: #ccc;
padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}

h3.bmw_tips { /*Tip headline*/
}

div.bmw_tipContent { /*Tip text*/
color: #000;
}

a.bma_tips { /*The “All tips” link to the summary tip page*/
}

/* announcements widget */
div.bmw_announcements { /*Outer container for all of the announcements*/

}

div.bmw_announce { /*Container for an individual announcement*/
margin-top: 20px;
margin-bottom: 20px;
background-color: #eaeadf;
padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}

h3.bmw_announce { /*Announcement headline*/
    color: #9a9a66;
}

div.bmw_anncContent { /*Announcement text*/
color: #000;
}

/* -------------------------------------------------------------- 


------------------------------------------------------------------ */
/* Styles that apply to the website footer. */
div.bmw_footer {  /*footer text*/
width: 960px;
margin: 0 auto;
font-size: 11px;
text-align: center;}

div.bmw_footer a {
    color: #ccc;
}


/* ---------------------------------------------------------------
NAVIGATION 
------------------------------------------------------------------  */


/* ----- global navigation ----- */
/* Styles that apply to global navigation. */

div.bmw_navigation { /*Outer container for the navigation */

}

div.bmw_navigation ul {   /*List container for each level of navigation (all top-level sections, all of one section’s subsections, etc.) */


}

div.bmw_navigation ul ul { /*List container for subsection levels only*/
}

div.bmw_navigation li { /*Menu item*/


}

div.bmw_navigation li.bmn_active { /*Menu item for current section*/
}

div.bmw_navigation li.bmn_parent { /*Menu item for a section that contains subsections.*/
}

li.bmn_sec-SLUGNAME { /*Menu item for a specific section; replace SLUGNAME with the section slug*/
}

div.bmw_navigation li.bmn_hover, div.bmw_navigation li:hover { /*Menu item, hovered*/

}

div.bmw_navigation a { /*Section link*/


}

select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
    border: none;
}

/* ----------------------------------------------------------------------
BREADCRUMBS
------------------------------------------------------------------------- */

div.bmw_breadcrumbs { /*Outer container for all breadcrumb links and text*/
    font-size: 11px;
    margin-bottom: 10px;
    padding-left: 10px;
}

div.bmw_breadcrumbs a { /*Breadcrumb link*/

}

/* -----------------------------------------------------------------------
SECTIONS WIDGET
-------------------------------------------------------------------------- */

/* Styles that apply to section-navigation. */
div.bmw_sections div.bmw_link { /*Individual block of link text*/
padding-left: 35px;
}

div.bmw_sections div.bmw_link a.bma_head { /*Headline link*/
font-weight: 300;
font-style: normal;
font-size: 16px;
}

/* -------------------------------------------------------------------------
LINKS WIDGET
----------------------------------------------------------------------------*/

/*link navigation on section pages (not related links) ------- */

/* links */
div.bmw_links { /*Wrapper for all links*/
color: #333;
    background: #f2f2f2;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}

div.bmw_links div.bmw_link { /*Individual link block*/
font-size: 12px;
}

div.bmw_links div.bmw_link a.bma_head { /*Headline link*/
font-weight: 300;
font-style: normal;
font-size: 16px;
}

/* latest links */

div.bmw_latestLinks {  /*Wrapper for all links*/
}

div.bmw_latestLinks div.bmw_link { /*Individual block of link text*/
}

div.bmw_latestLinks div.bmw_link a.bma_head { /*Headline link*/
}

/* more links */
div.bmw_moreLinks {  /*Wrapper for all links*/
}

div.bmw_moreLinks div.bmw_link { /*Individual block of link text*/
}

div.bmw_moreLinks div.bmw_link a.bma_head { /*Headline link*/
}

/* overflow links */
ul.bmw_overflowNav { /*Containing list for the navigation*/
}

ul.bmw_overflowNav li { /*Navigation item*/
}

ul.bmw_overflowNav a { /*Navigation link*/
}

ul.bmw_overflowNav a.bma_thisPage { /*Navigation link for current page*/
}

/* -------------------------------------------------------------------------
RELATED WIDGET
----------------------------------------------------------------------------*/

/*related links on content pages ----- */
div.bmw_related {  /*Container for the widget*/
}

div.bmw_related h3  { /*Text heading*/
}

div.bmw_related ul  { /* List containing the related links*/
}

div.bmw_related a { /*Individual link*/
}

/* -------------------------------------------------------------------------
NEWS WIDGET
----------------------------------------------------------------------------*/

/* news links */
div.bmw_newsLinks /* Wrapper for all links*/
{
    padding: 2px;
    border: 1px dotted #eaeadf;
}
div.bmw_newsLinks div.bmw_link  /*Individual block of link text*/
{
}
div.bmw_newsLinks div.bmw_link a.bma_head  /*Headline link*/
{
}

/* quicktease links */
div.bmw_quickteaseLinks /* Wrapper for all links*/
{
}
div.bmw_quickteaseLinks div.bmw_link  /*Individual block of link text*/
{
}
div.bmw_quickteaseLinks div.bmw_link a.bma_head  /*Headline link*/
{
}
/* ----GENERAL-----------  */

/* --------------------------------------------------------------------------
https://www.saucedout.com.au/img 
----------------------------------------------------------------------------- */
/* Styles that apply to https://www.saucedout.com.au/img. */

div.bmw_images {/* The outer container for <%https://www.saucedout.com.au/img%>*/
}

div.bmw_images div.bmc_image {/* Container for each image*/
}

div.bmw_images div.bmc_caption  {/*Caption text, if any*/
}
/*-----------------------------------------------------------------------------
IMAGE GALLERY
-------------------------------------------------------------------------------*/
div.bmw_gallery { /*The outer container for <%gallery%>*/
margin-left: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    background-color: #f7f7f7;
    margin-bottm: 20px;
}

div.bmw_gallery h3 { /* gallery heading text */
padding-left: 10px;
}

div.bmw_gallery div.bmc_image { /*Container for each thumbnail image*/
        background-color:#fff;
        border:1px solid #ccc;
        text-align:left;
        padding: 5px;
margin: 5px;

}

div.bmw_gallery div.bmc_caption { /*Thumbnail caption text, if any*/
}

/*-----------------------------------------------------------------------------
SEARCH FORM
-------------------------------------------------------------------------------*/

/* search form */
form.bmw_search{ /*The form container*/
text-align: center;
}

form.bmw_search input { /*The text field*/
  }

form.bmw_search button { /*The search button*/

}

div.bmw_search_results p { /*The search caption*/
}

div.bmw_search div.bmw_link { /*The text of an individual search result*/
}

div.bmw_search a { /*Search result link*/
}

/*-----------------------------------------------------------------------------
PAGE TOOLS AND FEEDS
-------------------------------------------------------------------------------*/

/* page tools */
div.bmw_pagetools { /*Container for pagetools*/
font-size: 11px;
float: right;
}

span.bmw_emailpage { /*Container for icon/text links*/
}

span.bmw_emailpage a { /*Link*/
}

span.bmw_printpage { /*Container for icon/text links*/ 
}

span.bmw_printpage a {/* Link*/
}

div.bmw_feeds {
    font-size: 10px;
    float: right;
padding-right: 10px;
}

/*-----------------------------------------------------------------------------
PULLQUOTES
-------------------------------------------------------------------------------*/

/* pullquotes */
blockquote.bmw_bigPullquote { /* Pullquotes with large text*/
}

blockquote.bmw_smallPullquote {/* Pullquotes with small text*/
}

/*-----------------------------------------------------------------------------
DOCUMENT DOWNLOADS
-------------------------------------------------------------------------------*/

/* document downloads */
div.bmc_document { /*Container for documents and associated captions*/
}

/*-----------------------------------------------------------------------------
EMAIL FORM
-------------------------------------------------------------------------------*/

/* email form */
div.bmw_emailform  /*The form and outer container*/
{
}
form.bmf_form label /* Field labels*/
{
}
form.bmf_form input  /*Text fields*/
{
}
form.bmf_form input.bmf_auto  /*“Send copy” checkbox field*/
{
}
form.bmf_form textarea  /*The comments field*/
{
}
div.bm_turing p.bmc_caption  /*Caption for antispam question*/
{
}
div.bm_turing label  /*Label for antispam question*/
{
}
div.bm_turing input  /*Answer field for antispam question*/
{
}

/*-----------------------------------------------------------------------------
AUTHORS INFO
-------------------------------------------------------------------------------*/
/* bylines */

div.bmw_byline  /*Container for the entire widget*/
{
}
.bmc_byline  /*Author name*/
{
}
.bmc_bylineTitle  /*Author’s title and company*/
{
}
.bmw_author_link  /*Container for the widget*/
{
}
.bmw_author_link a  /*Author link*/
{
}
div.bmw_authorblurb  /*Container for the widget*/
{
}
div.bmc_blurb  /*Individual author’s blurb text*/
{
}

/*-----------------------------------------------------------------------------
TAGS ETC
-------------------------------------------------------------------------------*/
/* tag clouds and tags*/

p.bmw_tags  /*The outer container for <%tags%>*/
{
}
p.bmw_tags a  /*Individual tag link*/
{
}

ul.bmw_tagcloud  /*The outer container for <%tagcloud%>*/
{
}
ul.bmw_tagcloud li  /*Tag list item*/
{
}
ul.bmw_tagcloud li a  /*Tag link*/
{
}
a.bmw_tagcloud_xlarge  /*Extralarge tag link*/
{
}
a.bmw_tagcloud_large  /*Large tag link*/
{
}
a.bmw_tagcloud_medium  /*Medium tag link*/
{
}
a.bmw_tagcloud_small  /*Small tag link*/
{
}
a.bmw_tagcloud_xsmall /* Extrasmall tag links*/
{
}

/*-----------------------------------------------------------------------------
NEWS GADGET PAGE
-------------------------------------------------------------------------------*/
/* news gadgets */
div.bmw_gadgetbuilder  /*The outer container*/
{
}
div.bmw_gadgetbuilder h3  /*The step headings*/
{
}
form.bmf_form label  /*Field labels*/
{
}
form.bmf_form select  /*The feed selection menu*/
{
}
form.bmf_form input.bmf_auto /* Checkbox fields*/
{
}
div.bmw_gadgetbuilder button  /*The "build links" button*/
{
}

/*-----------------------------------------------------------------------------
COMMENTS FORM
-------------------------------------------------------------------------------*/

/* comment forms */
div.bmw_comments  /*The outer container for <%comments%>*/
{
}
div.bmw_comments h3 /* Headings for the comment list and the comment form*/
{
}
div.bmc_comment  /*Container for an individual comment*/
{
}
div.bmc_comment_staff  /*Container for an individual comment posted by a user whose email address corresponds to an account with privileges at the site.*/
{
}
div.bmc_comment_meta /* The metadata “strip” that appears above all comments*/
{
}
div.bmc_comment_name /* Contributor’s name*/
{
}
div.bmc_comment_timestamp  /*Post time of the comment*/
{
}
div.bmc_comment_text /* Comment text*/
{
}
form.bmf_form label /* Field labels for comment form*/
{
}
form.bmf_form input  /*Input field for comment form*/
{
}
form.bmf_form textarea  /*Comment field for comment form*/
{
}
div.bm_turing p.bmc_caption /* Caption for antispam question*/
{
}
div.bm_turing label  /*Label for antispam question*/
{
}
div.bm_turing input  /*Answer field for antispam question
*/
{
}


/* ----- classes ----- */
/* Styles that apply to classes. */
.clear {
    clear: both;
}

table.bordered-table {
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    border-collapse: collapse;
    background-color: white;
    margin-bottom: 1em;
}

table.bordered-table th {
    border-width: 1px;
    padding: 5px;
    border-style: inset;
    border-color: #e3e3e3;
    background-color: white;
    text-align:left;
    vertical-align:top;
}

table.bordered-table td {
    border-width: 1px;
    padding: 10px;
    border-style: inset;
    border-color: #e3e3e3;
    background-color: white;
    vertical-align:top;
}

.red {
color: #f6210b;
}

.small {
font-size: 10px;
}

.clear {
clear: both;
}
p {
    line-height: 19px;
    margin-bottom: 10px;
}
#frontcolumn {
    margin: 50px 10px 10px 10px;
    width: 930px;
}
.front {
    background-image: url(https://www.saucedout.com.au/img/tagline.png);
    background-repeat: no-repeat;
    height: 250px;
}
.sauced-out-image {
    margin-bottom: 20px;
}
#social h2 {
    font-size: 36px;
    color: #cf233b;
    padding: 10px;
    font-weight: 300;
    font-style: normal;
}
.content-left {
    width: 330px;
    margin-right: 10px;
    float: left;
}
.content-right {
    float: right;
    width: 330px;
    margin-left: 10px;
}

.home-content-left {
        width:100%;
    margin-right: 10px;
    float: left;
}
.home-content-right {
    float: right;
    width: 200px;
    margin-left: 10px;
}

.black {
color: #000;
}

floatleft {
float: left;
margin-right: 20px;
}

floatright {
float: right;
margin-left: 20px;
}

.form {
border: 5px solid #000;
padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
}

.form2 {
border: 2px solid #000;
padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
margin-top: 20px;
}

.fromthesauce {
background-color: #ccc;
padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
width: 680px;
height: 50px;
}

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
            
    #container{
    margin:0 auto;
    position:relative;
    text-align:left;
    background:#f0eeee;
    margin-bottom:2em;
        }   
            
    #content{
        position:relative;
        }           

/* Easy Slider */

    #slider ul, #slider li,
    #slider2 ul, #slider2 li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider2{margin-top:1em;}
    #slider li, #slider2 li{
    /* 
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */ 
        width:696px;
    height:250px;
    overflow:hidden;
        }   
    #prevBtn, #nextBtn,
    #slider1next, #slider1prev{ 
        display:block;
        width:30px;
        height:77px;
        position:absolute;
        left:-30px;
        top:71px;
        z-index:1000;
        }   
    #nextBtn, #slider1next{ 
        left:696px;
        }                                                       
    #prevBtn a, #nextBtn a,
    #slider1next a, #slider1prev a{  
        display:block;
        position:relative;
        width:30px;
        height:77px;
        background:url(https://www.saucedout.com.au/images/frontpage/btn_prev.gif) no-repeat 0 0;    
        }   
    #nextBtn a, #slider1next a{ 
        background:url(https://www.saucedout.com.au/images/frontpage/btn_next.gif) no-repeat 0 0;    
        }   
        
    /* numeric controls */  

    ol#controls{
        margin:1em 0;
        padding:0;
        height:28px;    
        }
    ol#controls li{
        margin:0 10px 0 0; 
        padding:0;
        float:left;
        list-style:none;
        height:28px;
        line-height:28px;
        }
    ol#controls li a{
        float:left;
        height:28px;
        line-height:28px;
        border:1px solid #ccc;
        background:#DAF3F8;
        color:#555;
        padding:0 10px;
        text-decoration:none;
        }
    ol#controls li.current a{
        background:#5DC9E1;
        color:#fff;
        }
    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
    
/* // Easy Slider */

.fromsauce {
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    border: 1px solid #cf233b;
    padding: 5px;
    margin-top: 20px;
}

.bold {
color: #6c5345;
}

.bold a {
color: #6c5345;
}

     .specials {
    padding: 10px;
    margin-top: 20px;
    border: 2px solid #9a9a66;
    background-color: #9a9a66;
        -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
    color: #fff;
}

.specials h3 {
    color: #fff;
}

.specials a {
color: #ccc;
}

    #subForm2 table tr td label {
    font-size: 10px;
}
    .steps {
    margin-bottom: 20px;
/*  border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #CCC;*/
}

.steps h2 {
    color: #fff;
    color: #bf1e2d;
}
.steps-hdr {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;*
    background-color: #cf233b;
    padding: 2px;
}
    .steps h3 a {
    color: #9a9a66;
}
    .steps h4  {
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 15px;
}

    .steps h4 a {
    color: #9a9a66;
}

.steps-links {
    border-top: 1px dotted #dfdfce;
    border-bottom: 1px dotted #dfdfce;
    padding-top: 10px;
    padding-left: 10px;
    margin-top: 20px;
}
    .steps p {
    font-style: italic;
    padding-top: 15px;
}
    .steps-links h5 {
    font-size: 18px;
    font-weight: 300;
    font-variant: normal;
    margin-bottom: 15px;
    font-style: normal;
}
    .steps-links h4 img {
    padding-right: 10px;
}
    .home-description {
    color: #999;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 11px;
}

div.horizontal {
    width: 700px;        /*overall width for the block of links */
    overflow: hidden;
}
div.horizontal div.bmw_link {
    float: left;
    width: 280px;        /* width of each column */
    height: 80px;       /* height of each row */
    margin-right: 15px;  /* spacing between columns */
    margin-bottom: 15px; /* spacing between rows */
    overflow: hidden;
}


div.horizontal2 {
    width: 700px;        /*overall width for the block of links */
    overflow: hidden;
}
div.horizontal2 div.bmw_link {
    float: left;
    width: 280px;        /* width of each column */
    height: 180px;       /* height of each row */
    margin-right: 15px;  /* spacing between columns */
    margin-bottom: 15px; /* spacing between rows */
text-align: center;
    overflow: hidden;
}
.webdesign {
background-color: #f1f1f1;
padding-top: 10px;
padding-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
margin-bottom: 20px;
}

.features {
border: 2px solid #ef7120;
padding: 10px;
background-color: #fefaf7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px;
margin-bottom: 20px;}

.features h3 {
color:#ef7120;
}

.features h4 {
color:#ef7120;
margin-bottom: 10px;
font-weight: 300;
}

.features img {
padding-right: 10px;
}

.floatright {
float: right;
}

#book{
padding:10px 0 20px 0;
}