/*  
Site: threaded.co.nz
Version: 1.0
Author: Cory
Author URI: http://www.superfresh.co.nz

--** UPDATE INFO **--

Revision number: 1.0
Last updated: 15 May 2010
Last update made by: Cory

--** CONTENTS **--

-- 01: GENERAL
-- 02: HEADER
-- 03: CONTENT
-- 04: FOOTER

NOTE: Reset and Utils styles are contained in default.css

*/

/* -- 01:GENERAL ----------------------------------------------------------------------*/

BODY, LABEL, A, TD, TR, SPAN, P, CAPTION, H1, H2, H3, H4, H5, H6, FIELDSET, TBODY, TEXTAREA, INPUT, SELECT, LEGEND { font-family: Arial, Verdana, sans-serif; }

BODY
{
    float:left;
    font-size: 0.7em;
}

H1.line{font-size:1.8em;float:left;width:100%;border-bottom:solid 1px #999;margin-bottom:20px;text-transform:uppercase;}
H2{font-size:1.4em;}
H2.line{float:left;width:100%;border-bottom:solid 1px #999;margin-bottom:10px;text-transform:uppercase;}
H2.line A,
H2.line A:link,
H2.line A:active,
H2.line A:visited{color:#000;text-decoration:none;display:block;}

H3{font-size:1.0em;}

A, A:link, A:visited, A:active{text-decoration: underline;}
A:hover{text-decoration:line-through;}

A.half-white:link, A.half-white:active, A.half-white:visited, 
A.three-white:link, A.three-white:active, A.three-white:visited
{
    float:left;
    padding:5px 15px 5px 5px;  
    display:block;
    text-decoration:none;
    text-align:right;
}
A.half-white:hover, A.three-white:hover{}
A.half-white{width:255px;}
A.three-white{width:160px;}

P.summary, P.home-summary, P.article-summary{float:left;font-size:1.4em;line-height:1.2em;}
P.summary{padding-bottom:10px;}
P.home-summary{padding-bottom:20px;}
P.article-summary{padding-bottom:10px;padding-top:10px;}

SPAN.small-text{font-size:0.9em;}

div.half{float:left;width:275px;}
div.three{float:left;width:180px;}

IMG.border, IMG.border-main{float:left;padding:5px;background-color:#fff;margin-bottom:10px;}
IMG.border-main{margin-top:10px;}

UL.half{width:275px;}
UL.half LI{width:265px;}

UL.generic{float:left;list-style-type:none;margin-bottom:10px;}
UL.generic LI{float:left;background:url('../image/layout/small-arrow-right.gif') no-repeat left 5px;padding-left:10px;margin-bottom:5px;}

/* -- 02:HEADER ----------------------------------------------------------------------*/
div#breadcrumbs{width:100%;padding:5px 0px;position:fixed;z-index:99;}

div#breadcrumbs UL{font-size:0.9em;float:right;list-style-type:none;}
div#breadcrumbs UL LI
{
    float:left;
    display:inline;
    padding-right:10px;
}
div#breadcrumbs UL LI.last{background:none;margin-left:10px;}
div#breadcrumbs UL LI A
{
    text-decoration:none;
    margin-right:5px;
    margin-left:10px;
    padding:2px 5px;
}

a#qn, a#ct
{
    font-size:0.9em;
    float:left;
    text-decoration:none;
    text-transform:uppercase;
    margin:0px 10px;
    padding-right:15px;
}

UL#quick-nav, UL#theme-nav
{
    float:left;
    width:200px;
    position:fixed;
    list-style-type:none;
    z-index:10;
    top:24px;
    visibility:hidden;
}
UL#quick-nav{left:0px;}
UL#theme-nav{left:100px;}
UL#quick-nav LI,
UL#theme-nav LI{float:left;width:200px;margin-bottom:1px;}
UL#quick-nav LI A,
UL#theme-nav LI A
{
    font-size:0.9em;
    float:left;
    display:block;
    padding:5px;
    width:190px;
    text-decoration:none;
    filter:alpha(opacity=90);
    opacity: 0.90;
	-moz-opacity:0.90;
}

span#loading{float:left;width:16px;height:16px;background:Transparent url('../image/layout/loading/w-b.gif') no-repeat;}

div#sharebar, ul#share{float:left;width:554px;padding:7px;font-size:0.9em;color:#000;}
div#sharebar SPAN{float:left;}
div#sharebar A
{
    float:right;
    color:#000;
    text-decoration:none;
    background:#ffffcc url('../image/layout/grey-arrow.gif') no-repeat 35px 5px;
    padding-right:15px;
    padding-left:5px;
}

ul#share{list-style-type:none;display:none;}
ul#share LI{float:left;margin-left:20px;float:right;}
ul#share LI A{float:left;color:#333;text-decoration:none;background-position:left center;background-repeat:no-repeat;padding:2px 0px 2px 21px;}
ul#share LI A#fb{background-image:url(../image/layout/icons/fb.gif);}
ul#share LI A#tw{background-image:url(../image/layout/icons/tw.gif);}
ul#share LI A#be{background-image:url(../image/layout/icons/be.gif);}
ul#share LI A#ms{background-image:url(../image/layout/icons/ms.gif);}
ul#share LI A#di{background-image:url(../image/layout/icons/digg.gif);}


/* -- 02:LEFT COL ----------------------------------------------------------------------*/
div#left-col{width:200px;position:fixed;top:60px;left:0px;height:200px;}
* html div#left-col { 
	position: absolute;
}

A#logo{width:108px;height:157px;display:block;position:relative;left:46px;margin-bottom:30px;}
A#logo SPAN{display:none;}

H2.black{float:left;width:180px;padding:10px;text-decoration:none;font-size:1.5em;margin-bottom:10px;text-transform:uppercase;color:#fff;}

ul#subnav{float:left;width:200px;list-style-type:none;background:url('../image/layout/dot.gif') repeat-x bottom;padding-bottom:20px;margin-bottom:10px;}
ul#subnav LI{float:left;width:200px;}
ul#subnav LI A{float:left;width:185px;font-size:1.1em;text-decoration:none;padding:5px 0px 5px 15px;color:#000;}
ul#subnav LI A SPAN{font-size:0.8em;}

A#archive{float:left;width:185px;font-size:1.1em;text-decoration:none;padding:10px 0px 10px 15px;}

/* -- 03:CENTER COL ----------------------------------------------------------------------*/
div#content-bg{width:100%;}
div#content-contain{width:570px;margin:0 auto;}
div#content{float:left;width:570px;padding-top:60px;padding-bottom:100px;}

UL.main-list{float:left;width:570px;list-style-type:none;}
UL.main-list LI{float:left;width:180px;display:inline;padding-bottom:5px;margin:0px 5px;margin-bottom:15px;height:150px;}
UL.main-list LI IMG{float:left;padding:5px;background-color:#fff;margin-bottom:5px;}
UL.main-list LI SPAN{float:left;margin-left:5px;}
UL.main-list LI H3{float:left;width:170px;margin-bottom:10px;padding:0px 5px;}
UL.main-list LI H3 A:link,
UL.main-list LI H3 A:visited,
UL.main-list LI H3 A:active{color:#000;text-decoration:none;}
UL.main-list LI A.arrow{float:right;background:url('../image/layout/small-arrow-right.gif') no-repeat right 5px;padding-right:10px;color:#000;text-decoration:none;margin-right:5px;}

div.full-width{float:left;width:570px;padding-bottom:20px;}
div.half-width{float:left;width:375px;padding-bottom:20px;margin-right:15px;}

div.next-prev{float:left;width:570px;border-top:solid 1px #999;padding-top:10px;margin-top:20px;}
div.next-prev div.prev{float:left;}
div.next-prev div.next{float:right;text-align:right;}
div.next-prev div.prev img, div.next-prev div.next img{background-color:#fff;padding:2px;}
div.next-prev span.date{font-size:0.8em;}

div.extras-col{float:left;width:180px;}
div.extras-col H3{float:left;width:180px;margin-bottom:10px;border-bottom:solid 1px #999;padding-top:10px;}
div.extras-col A.white:link, div.extras-col A.white:active, div.extras-col A.white:visited
{
    float:left;
    width:160px;
    padding:5px 15px 5px 5px;  
    display:block;
    text-decoration:none;
    text-align:right;
    margin:10px 0px;
}

ul.gallery{float:left;width:180px;list-style-type:none;}
ul.gallery LI{float:left;width:54px;padding:0px 3px;margin-bottom:10px;}
ul.gallery LI A IMG{float:left;padding:2px;background-color:#ffffff;}

/*HOME*/
div#scroll, div#issue-scroll{float:left;width:570px;margin-bottom:20px;position:relative;}

A.scrollPrev, A.scrollNext, A.issueScrollPrev, A.issueScrollNext
{
    width:15px;
    height:10px;
    background-position:center;
    background-repeat:no-repeat;
    text-decoration:none;
    position:absolute;
}

A.scrollPrev{background-image:url('../image/layout/large-arrow-left.gif'); left:-15px; top:30px;}
A.scrollNext{background-image:url('../image/layout/large-arrow-right.gif');  top:30px;}

A.issueScrollPrev{background-image:url('../image/layout/large-arrow-left.gif'); left:-15px; top:100px;}
A.issueScrollNext{background-image:url('../image/layout/large-arrow-right.gif');  left:570px; top:100px;}

div.scroll-move
{
    float: left;
    padding:0;
    
    /* Needed for rendering without flicker 
    position: relative;
    visibility: hidden;
    left: -5000px;*/
}

div#scroll UL{float:left;width:570px;list-style-type:none;}
div#scroll UL LI{float:left;width:180px;display:inline;padding-bottom:5px;margin:0px 5px;margin-bottom:10px;height:150px;}
div#scroll UL LI IMG{float:left;padding:5px;background-color:#fff;margin-bottom:5px;}
div#scroll UL LI SPAN{float:left;margin-left:5px;}
div#scroll UL LI H3{float:left;width:170px;margin-bottom:10px;padding:0px 5px;}
div#scroll UL LI H3 A:link,
div#scroll UL LI H3 A:visited,
div#scroll UL LI H3 A:active{color:#000;text-decoration:none;}
div#scroll UL LI A.arrow{float:right;background:url('../image/layout/small-arrow-right.gif') no-repeat right 5px;padding-right:10px;color:#000;text-decoration:none;margin-right:5px;}

div#issue-scroll UL{float:left;width:570px;list-style-type:none;}
div#issue-scroll UL LI{float:left;width:570px;display:inline;height:250px;}
div#issue-scroll UL LI IMG{float:left;padding:5px;background-color:#fff;}
div#issue-scroll UL LI SPAN{float:left;margin-left:5px;}
div#issue-scroll UL LI H3{float:left;width:550px;padding:10px;background-color:#fff;}
div#issue-scroll UL LI H3 A
{
float:left;
width:550px;
font-size:1.1em;
color:#000;
text-decoration:none;
}
div#issue-scroll IMG.arrow{float:right;position:relative;margin-top:-5px;display:none;}

/*NEWS*/
A.main-article IMG{float:left;padding:5px;background-color:#fff;}

div#main-article-box{width:560px;float:left;padding:5px;background-color:#fff;margin-bottom:20px;}
div#main-article-box H3 A
{
    float:left;
    width:560px;
    font-size:1.1em;
    color:#000;
    text-decoration:none;
    padding-top:20px;
    position:relative;
    margin-top:-20px;
}
div#main-article-box IMG.arrow{float:right;position:relative;margin-top:-20px;left:-10px;display:none;}
div#main-article-box SPAN{font-size:0.9em;}

/*CONTACT*/
FIELDSET{float:left;width:275px;border:none;}
LABEL{float:left;width:65px;font-weight:bold;position:relative;top:3px;}
INPUT, TEXTAREA{float:right;width:196px;border:solid 1px #ccc;padding:2px;}
TEXTAREA{font-size:1.1em;height:150px;}
INPUT.image{float:left;width:auto;margin-left:223px;}

div.form-row{float:left;width:275px;padding-bottom:10px;}

span.error-message{float:left;width:265px;background-color:#cc0000;color:#fff;margin-bottom:10px;padding:5px;position:relative;margin-top:-5px;}
span.error-message IMG{float:right;position:relative;margin-top:-16px;}

P.details{line-height:1.8em;}

/*THE MAGAZINE*/
div#sponsor-scroll{float:left;width:550px;margin-bottom:30px;}

div.sponsor-scroll-move
{
    float: left;
    padding:0;
    
    /* Needed for rendering without flicker 
    position: relative;
    visibility: hidden;
    left: -5000px;*/
}

div#sponsor-scroll UL{float:left;width:570px;list-style-type:none;}
div#sponsor-scroll UL LI{float:left;width:114px;display:inline;padding-bottom:5px;height:50px;}
div#sponsor-scroll UL LI IMG{float:left;}

A#read-online{float:left;display:block;width:570px;height:31px;background:url('../image/layout/read-online.gif') no-repeat;margin-bottom:20px;margin-top:10px;}
A#read-online:hover{background:url('../image/layout/read-online-over.gif') no-repeat;}
A#read-online SPAN{display:none;}

/*STOCKISTS*/
TABLE.stockists{float:left;width:570px;}
TABLE.stockists TR TH{display:none;}
TABLE.stockists TR.white{background-color:#e5e5e5;}
TABLE.stockists TR TD{padding:5px;}
TABLE.stockists TR TD.phone{text-align:right;}

div#map{float:left;width:570px;height:250px;margin-bottom:20px;}

/* -- 03:RIGHT COL ----------------------------------------------------------------------*/
div#right-col{width:200px;position:fixed;top:60px;right:0px;}
* html div#right-col { 
	position: absolute;
}

div.side-box{float:left;width:200px;}
div.side-box H3{float:left;width:180px;padding:10px;text-decoration:none;font-size:1.3em;text-transform:uppercase;color:#fff;}
div.side-box H3 A:link,
div.side-box H3 A:visited,
div.side-box H3 A:active{text-decoration:none;color:#fff;}
div.side-box IMG{float:left;}
div.side-box P{float:left;width:180px;padding:10px;}

div.tweet{float:left;}
div.tweet IMG{float:left;padding:0 5px 5px 0;}
div.tweet SPAN{float:left;padding-top:5px;font-weight:bold;width:120px;}
div.tweet P{padding-bottom:0;}

A.right-grey:link, A.right-grey:visited, A.right-grey:active
{
    float:left;
    padding:5px 15px 5px 5px;
    width:180px;
    display:block;
    text-decoration:none;
    text-align:right;
}
A.right-grey:hover{color:#000;background-color:#fff;}

/* -- 04:MAIN NAV ----------------------------------------------------------------------*/
div#main-nav{width:100%;height:50px;position:fixed;bottom:0;z-index:999;}
div#main-nav UL{width:570px;margin:0 auto;}
div#main-nav UL LI{float:left;display:inline;}
div#main-nav UL LI A{padding:10px;display:block;font-size:1.1em;text-decoration:none;}
div#main-nav UL LI A.selected{}


div#superfresh
{
    width:117px;
    height:54px;
    float:right;
    margin-right:5px;
    position:fixed;
    right:0;
    z-index:10;
    visibility:hidden;   
}
div#superfresh A
{
    width:117px;
    height:54px;
    display:block;
}
div#superfresh A span{display:none;}

UL#social{position:fixed;left:10px;visibility:hidden;}
UL#social LI{float:left;display:inline;margin-right:10px;}
UL#social LI A{float:left;width:30px;height:30px;background-repeat:no-repeat;}
UL#social LI A.facebook{background-image:url(../image/content/facebook.gif);}
UL#social LI A.twitter{background-image:url(../image/content/twitter.gif);}
UL#social LI A span{display:none;}