/*	Reset everything	*/
@import 'reset.css';

/* Import admin styles */
@import 'admin.css';

/* Setup our document */
html { }
body { background: #000066 url(../Images/Site_Background01.jpg) top left repeat-x; margin: 0; }

/*	Reset all type to 10px (browsers default to 16px type) 62.5% of 16 = 10	*/
body { font: 62.5% Arial, Helvetica, Sans-Serif; color:#333; }
body * { font-size: 1em;}		/*	Now 1em == 10px	*/

/* Globals */
a { color: #F36100; }
a:Hover { text-decoration: none; }
p { margin: 0 0 1.0em 0; }
img { display: block; }

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, Sans-Serif; font-weight: normal; }
h1 { font-size: 160%; color: #FB7802; margin: 0 0 12px 0; font-weight: bold; }
h2 { font-size: 140%; color: #666666; margin: 0 0 12px 0; font-weight: bold; }
h3 { font-size: 120%; color: #666666; margin: 0 0 6px 0; font-weight: bold; }
h4 { font-size: 100%; color: #666666; margin: 0 0 6px 0; font-weight: bold; }

ul { list-style-type: disc; margin: 0 0 1.2em 2.0em; }
ul li {  padding: 0 0 0.8em 0.4em; }

ol { list-style-type: decimal; margin: 0 0 1.2em 2.0em; }
ol li {  padding: 0 0 0.8em 0.4em; }

.clr { clear: both; }
.fl { float: left; }
.fr { float: right; }

/* Template Setup */
#template { width: 868px; margin: 0 auto 0 auto; position: relative; }

/* Header */
#header { width: 868px; height: 182px; background: url(../Images/Header01.jpg) top left no-repeat; }
#header-flash { position: absolute; right: 0; top: 0; }

/* Body */
#body { width: 868px; background: url(../Images/Content_Background01.gif) 5px 0 repeat-y; }
#template .home { height: 250px; } /* Define a specific height for our homepage */
#tv-flash { position: absolute; top: 40px; left: -120px; }
#people-flash { position: absolute; top: 330px; left: 292px; z-index: 3; }
#intro-flash { position: absolute; top: 180px; left: 360px; z-index: 5; }
#flower-flash { position: absolute; bottom: 90px; right: -30px; z-index: 5; }

/* Navigation */
#nav-cloud { position: absolute; width: 95px; height: 153px; top: 211px; left: -41px; z-index: 1; background: url(../Images/Nav_Cloud_Left.gif) no-repeat top left; }
#body .nav { display: inline; float: left; width: 258px; margin: 0 0 0 54px; background: url(../Images/Nav_Cloud_Right.gif) no-repeat 216px 29px; }
#body .nav-top { width: 258px; height: 28px; background: url(../Images/Nav_Top.gif) no-repeat top left; }
#body .nav-bottom { width: 258px; height: 48px; background: url(../Images/Nav_Bottom.gif) no-repeat top left; }
#body .nav-inner { width: 241px; background: url(../Images/Nav_Background.gif) repeat-y top left; overflow: hidden; padding: 0 0 0 17px; }
#body .nav ol { margin: 0; padding: 0; list-style-type: none; width: 183px; }
#body .nav ol li { margin: 0; padding: 2px 0; }
#body .nav ol li a { display: block; width: 183px; height: 28px; color: #fff; font-size: 1.4em; text-transform: uppercase; font-weight: bold; text-decoration: none; line-height: 28px; text-align: center; }
#body .nav ol li a.type1 { background: url(../Images/NavItem1.gif) no-repeat top left; }
#body .nav ol li a.type2 { background: url(../Images/NavItem2.gif) no-repeat top left; }
#body .nav ol li a:Hover { background-position: bottom left; color: #FB7702; }
#body .nav ol li a.selected { background-position: bottom left; color: #FB7702; }
#body .nav ol li li a { height: auto; line-height: normal; text-transform: none; }
#body .nav ol li li a:Hover { color: #FFCC00; }
#body .nav ol li li a.selected { color: #FFCC00; }
#body .nav .tinana_kokiri_logo { margin: 16px 0 0 16px; }

/* Content Area */
#body .content { float: left; width: 516px; margin: 0 40px 40px 0; overflow: hidden; font-size: 1.2em; background: #fff; }

/* Photo Galleries - overriding SF */
.gallery ol { margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
.gallery ol li { height: auto !important; margin: 0 5px 5px 0 !important; border: solid 1px #ccc; padding: 5px !important; background: #fff; }
.gallery ol li dd.sf_image img { bottom: auto !important; top: 0 !important; margin: 0 auto 0 auto !important; position: relative !important; }

.gallery
{
    width: auto;
    background: #F8F4EB;
    padding: 7px;
    overflow: hidden;
}

/* Profile related */
.avatar { width: 50px; height: 50px; border: solid 1px #FB7802; }
#header .userstatus { position: absolute; width: 250px; z-index: 10; top: 120px; left: 60px; }
#header .userstatus .avatar { float: left; }
#header .userstatus .status { float: left; width: 190px; padding: 10px 0 0 6px; font-size: 1.1em; color: #FB7802; }
#header .userstatus .status span { color: #666666; }
#header .userstatus .status span a { color: #666666; }

/* List / Competition Styles */
#body h1.compHeader
{
    margin: 0 0 10px 0px;
    width: 286px; height: 48px;
    background: url(../Images/Whakapakari_Tinana.gif) no-repeat top left;
}
#body h1.compHeader span { display: none; }

#body .defaultList
{
    width: 476px;
    background: #F8F4EB;
    padding: 20px;
}

#body .defaultList-inner
{
    width: auto;
    background: #FFF;
    padding: 20px;
    margin: 0 0 8px 0;
}

#body .currentweekStats
{
    font-size: 140%;
    color: #666;
    font-weight: bold;
}

#body .winner 
{
    float: left;
    width: 200px;
    margin: 0 10px 20px 10px;
}
#body .competitionThumb
{
    float: left; margin: 0 12px 12px 0;
}

#body .weekList
{
    margin: 0 0 10px 0;
    padding: 5px;
    background-color: #F7F7F7;
    border: solid 1px #DBDBDB;
}

#body .entries
{
    font-size: 1.2em;
    margin: 0 0 2px 0;
}
#body .entries .marked-winner
{
    font-weight: bold;
}

/* Buttons / Competition Nav */
.compNav { margin: 0; padding: 0 0 20px 0; clear: both; overflow: hidden; }
.compNav ul, .compNav ul li { margin: 0; padding: 0; list-style-type: none; }
.compNav ul li { float: left; font-size: 1.2em; margin-right: 5px; }
.compNav ul a 
{
    display: block; padding: 5px 10px 5px 10px; font: bold 100% Verdana,Arial,sans-serif;
    background: #669933; color: #FFF;
    text-decoration: none; text-align:center;
}
.compNav ul a:hover { background: #84C146; color: #FFF; }

.compNav ul a.green { background: #669933; color: #fff; }
.compNav ul a.green:Hover { background: #84C146; color: #fff; }

.compNav ul a.orange { background: #FF6600; color: #fff; }
.compNav ul a.orange:Hover { background: #FF9D5B; color: #fff; }

.compNav ul a.blue { background: #00A0C6; color: #fff; }
.compNav ul a.blue:Hover { background: #22D2FF; color: #fff; }

/* Forms */
fieldset {}
fieldset { border: none; }
fieldset legend { color: #666666; margin: 0 0 12px 0; font-weight: bold; font-size: 120%; }
fieldset ol { margin: 0; padding: 0; list-style-type: none; }
fieldset ol li { margin: 0 0 6px 0; padding: 0; clear: both; overflow: hidden; }
fieldset label
{
    width: 10em;
    float: left;
    text-align: left;
    display: block
}
fieldset input, fieldset textarea, fieldset select { float: left; margin: 0; padding: 0.2em; }
fieldset textarea { font-size: 1.2em; }
fieldset ol li .checkbox label { width: auto; }
fieldset ol li .checkbox input { margin: 0 0.4em 0 0; }
fieldset .error { float: right; width: 100px; padding: 0 0 0 0.4em; color: Red; }
fieldset .errormessage { display: block; color: Red; }
fieldset .avatarcontainer { float: left; }

/* Forms - Admin */
#admin fieldset .compNav 
{
    font-size: 80%;
    margin-left: 18em;
}
#admin fieldset { border: 1px solid #ccc; padding: 8px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 1.2em; }
#admin fieldset label
{
    width: 14em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

#admin fieldset .fieldRow { margin: 6px 0 6px 0; clear: both; overflow: hidden; }
#admin fieldset .fieldRow p { margin: 0; padding: 0; }
#admin fieldset .fieldRow input, 
#admin fieldset .fieldRow textarea,
#admin fieldset .fieldRow select { font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #333; background: #FFFCF0; border: 1px solid #CCC; padding: 2px; }
#admin fieldset .submit input { margin-left: 6.2em; font-size: 1.2em; }
#admin fieldset legend { color: #333; background: #FFFCF0; border: 1px solid #ccc; padding: 4px 12px 5px 12px; margin: 0 0 0 4px; }

#admin fieldset .returntext { background: #F3F3F3; border: dashed 1px #ccc; padding: 6px; margin: 12px 0 22px 0; }
#admin fieldset .returntext p { margin: 0; }

/* Generic buttons */
.button { padding: 0; margin: 0; }
.buttonOrange, .buttonGreen, .buttonBlue { text-decoration: none; padding: 3px 8px; font-weight: bold; }
.buttonOrange:Hover, .buttonGreen:Hover, .buttonBlue:Hover { text-decoration: underline; }
.buttonOrange { background: #FF6600; color: #fff; float: left; }
.buttonGreen { background: #669933; color: #fff; }
.buttonBlue { background: #00A0C6; color: #fff; }

/* Rad Editor related styles */
.frimage { float: right; margin: 0 0 12px 12px; }

/* Footer */
#footer { width: 868px; height: 147px; background: url(../Images/Footer01.jpg) top left no-repeat; }
#footer .icons { width: 212px; margin: 0 auto 0 auto; padding: 40px 0; }
#footer .icons img { float: left; margin: 0 0 0 6px; }