/*
Theme Name: TribalDDB Telstra
Theme URI: http://wordpress.org/
Description: Created originally by Tribal DDB Sydney for Telstra Be Involved website beinvolved.com.au
Version: 1.0
Author: Phil Beresford, Ferdinand Haratua, Ivan Yip
Tags: Blue, Flash Header, two columns

*/


/* PNG Hack */
div, h1, h2, h3, h4, img, a, li { behavior: url(css/iepngfix.htc); }


a { color: #133d61; text-decoration:underline; }
a:visited { color: #133d61; text-decoration:underline; }
a:hover { color: #133d61; text-decoration:none; }
a img { border: none; }


acronym, abbr { border-bottom: 1px dashed #333; }
acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; }
acronym, abbr {	cursor: help; }
blockquote { border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px; }


body { min-height:100%; height:100%; background: #fff; /*border: 2px solid #565; border-bottom: 1px solid #565; border-top: 3px solid #565;*/ color: #133d61; margin: 10px; padding: 0; }
h2 { /*border-bottom: 1px dotted #ccc;*/ font-family: "Verdana", Times New Roman, Times, serif; margin-top: 0; }
h3 { /*border-bottom: 1px dotted #eee;*/ font-family: "Verdana", Times New Roman, Times, serif;	margin-top: 0; }


ul, li { margin:0; padding:0; list-style-type:none; }


#ws-content-bg-6col ul li {margin: 0 0 0 15px; list-style-type:square; font-size:80%; line-height:13px;}
#ws-content-bg-6col ol li {margin: 0 0 0 15px; font-size:80%; line-height:13px;}

#ws-content-bg-margin-3col ul li {margin: 0 0 0 15px; list-style-type:square; font-size:80%; line-height:13px;}
#ws-content-bg-margin-3col ol li {margin: 0 0 0 15px; font-size:80%; line-height:13px;}

ol#comments li p {	font-size:100%; }

/* Margins */
.margin-top-8 { margin:8px 0 0 0;  }

/* classes used by the_meta() */
.storytitle {  font-size:100%; text-decoration: none; margin: 0; margin-bottom:4px;}
.storytitle a { font-size:100%; text-decoration: none; margin: 0; margin-bottom:4px;}


ul.post-meta { list-style: none; }
ul.post-meta span.post-meta-key { font-weight: bold; }

.meta { font-size:65%; margin: 0; padding-top: 5px; }
.meta li, ul.post-meta li { display: inline; }
.meta ul { display: inline; list-style: none; margin: 0; padding: 0; }
.meta, .meta a { color: #133d61; font-weight: normal; letter-spacing: 0; }



.feedback { font-size:75%; text-decoration: none; /*color: #ccc;*/ text-align: right; clear: both; }



.credit { background: #90a090; border-top: 3px double #aba; color: #fff; font-size: 100%; margin: 10px 0 0 0; padding: 3px; text-align: center; }
.credit a:link, .credit a:hover { color: #fff; }


#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; border: 1px solid #333; padding: .2em; }
#commentform textarea { width: 80%; }
#commentlist li ul { border-left: 1px solid #ddd; font-size: 100%; list-style-type: none; }
#commentlist li .avatar { float: right; margin-right: 25px; border: 1px dotted #ccc; padding: 2px; }
#content { margin: 30px 13em 0 3em; padding-right: 60px; }


#header { /* background: #FFFFFF; border-bottom: 0px double #aba; border-left: 0px solid #9a9; border-right: 0px solid #565; border-top: 0px solid #9a9; font: italic normal 230% 'Times New Roman', Times, serif; letter-spacing: 0.2em; margin: 0; padding: 15px 10px 15px 60px;*/ }
#header a {	color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }


/* Captions & aligment */
.aligncenter, div.aligncenter {	display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }


.wp-caption { border: 1px solid #ddd; text-align: left;  background: url("") no-repeat top left #FFFFFF; padding: 0px; margin-bottom: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-pad { padding: 10px; }
p { font-size:80%; line-height:13px; padding:0px; margin:0px; }
div p { font-size:80%; line-height:13px; padding:0px; margin:0px; }


.testcolor { background: #9a8; }
.testcolor2 { background: #ECECEC; }

.tel-floatright { float:right; }
.tel-floatleft { float:left; }
.tel-buttonComment { margin-top: 15px; }
.tel-calendar-blue { width:68px; padding:10px; }
.tel-posts { margin-left:10px; }


/* FOOTER */
.tel-footer { font-size: 70%; color: #a1a1a1;  /*border-top: 1px dashed #ccc; margin-top:15px;*/ padding-bottom:20px; padding-top:20px; float:left; }
.tel-footer-logo { text-align: left;  background: url(images/img-logo-telstra.gif) no-repeat top left #fdfdfd; margin-right:12px; }
a.tel-footer-link { color: #a1a1a1; text-decoration:none; }
a.tel-footer-link:visited { color: #a1a1a1; text-decoration:none; }
a.tel-footer-link:hover { color: #a1a1a1; text-decoration:underline; }
#tel-inline li { display: inline; }
#rss { text-align: right; font-size: 70%; color: #a1a1a1;  padding-bottom:20px; padding-top:20px; float:right; }
#rss .rss-logo { text-align: left; margin-right:0px; margin-left:59px; }



/* FORM LAYOUT */
input, textarea { font-size: 100%; color: #133d61; border: 1px solid #98c6ea; margin-left:0; margin-top:3px; margin-bottom:3px; }

div.row { text-decoration: none; clear: both; padding-left:10px; padding-top: 10px; }
div.row span.label { font-size:80%; width: 65px; text-align: left; font-weight:bold; float: left; }
div.row span.formw { width: 210px; text-align: left;  float: right;}

div.row span.favolink { font-size:80%; width: 200px; text-align: left;  float: left; } 
div.row span.favolist { font-size:80%; list-style-image:url(images/ico-link.gif); padding-left:30px; }


div.rowCaption { text-decoration: none; clear: both; padding:0px; }
div.rowCaption span.captionDate { width: 65px; text-align: top; font-weight:bold; float: left; }
div.rowCaption span.captionCopy { width: 520px; text-align: top left;  float: right; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; }
div.rowCaption span.captionPage { width: 600px; text-align: top left;  float: left; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; }


div.iconbar { width: 37px; text-align: top; margin:0; padding:0; right:0; top:0px; float:right; margin-right:0px; margin-top:0px; right: -1px; }
div.iconbar span.leftside { width: 30px; margin:0; padding:0; text-align: left; float:right; /*background-color:#FFFFFF;*/ }
div.iconbar span.rightside { width: 7px; margin:0; padding:0; text-align: left; position:absolute; }
div.iconbar span { margin:0; padding:0; }
div.iconbar span.whitecolor { background-color:#FFFFFF; }



/* End captions & aligment */




/* PAGE BLUE TITLE */
#pageheader { font-size: 180%; color: #0098db; font-weight:100; margin-bottom:20px; width: 438px; text-transform:uppercase; /* background-color:#00FF66; */}
#boxheader { font-size: 180%; color: #0098db; font-weight:100; margin-bottom:12px; }


/* WEBSITE CSS STYLE*/
#ws-background { text-align:left; background:#133d61 url(images/ws-bg.gif) repeat-x; padding:0px; margin:0px; margin-bottom:10px; min-height:640px; min-width:1000px; width:100%; position:relative; float:left; }



/* WEBSITE HEADER */
.ws-header { font-size: 70%; color: #a1a1a1;  border-top: 1px dashed #ccc; margin-top:15px; padding-top:20px; float:left; }
.ws-header-msg { text-align: left; }
.ws-header-logo { text-align: right;  background: url(images/ws-home-logo.jpg) no-repeat top left #fdfdfd; width:300px; height:104px;}
.ws-header-logo-sub { text-align: right;  background: url(images/ws-home-logo.jpg) no-repeat top left #fdfdfd; width:300px; height:104px;}
a.ws-header-link { color: #a1a1a1; text-decoration:none; }
a.ws-header-link:visited { color: #a1a1a1; text-decoration:none; }
a.ws-header-link:hover { color: #a1a1a1; text-decoration:underline; }


/* WEBSITE MAIN NAV FOR JAVASCRIPT */



/* WEBSITE CONTENT HOLDER*/
div#ws-content-bg-top {
	font-size: 1%; display:block; width:1008px; height:10px; float:left;
	background-image: url("images/ws-content-bg-top.png"); position: relative; direction: ltr; left: -34px; top: 0px; background-repeat:no-repeat; }

div#ws-content-bg {
	display:block; width:1008px; min-height:300px; float:left; background-color:#FFFFFF;
	background-image: url("images/ws-content-bg.png"); position: relative; direction: ltr; left: -34px; top: 0px; background-repeat:no-repeat; }




div#ws-content { position: relative; direction: ltr; left: 34px; top: 0px; background-repeat:no-repeat;}
div#ws-nav { position: relative; float:left; margin-bottom:22px; margin-top:30px; }
div#ws-nav-sub { position: relative; float:left; margin-bottom:22px; margin-top:20px; }
div#ws-promos-home { position: relative; float:left; margin-bottom:10px; }
div#spacebottom img { margin-bottom:10px; float:none; }


/* WEBSITE CONTENT BUBBLE HOLDER*/
/* 6 Col bubble */
div#ws-content-bg-top-6col {
	font-size: 1%; display:block; width:460px; height:10px; float:left;
	background-image: url("images/bub-6col-top.gif"); position: relative; background-repeat:no-repeat; }

div#ws-content-bg-6col {
	display:table; width:458px; min-height:400px; float:left; padding-bottom:10px;
	background-image: url("images/bub-6col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

div#ws-content-bg-6col .bullet ul, .bullet ol li
{
	list-style-type:decimal;
	padding-bottom:10px
}
div#ws-content-bg-6col .bullet ul, .bullet ul li
{
	list-style-image:url(images/list-blue-arrow.gif);
	padding-bottom:10px
}
.bullet ol
{
	margin-left:25px
}
.bullet ul
{
	margin-left:20px
}

/*
div#ws-content-bg-6col .bullet ul, .bullet ul, .bullet li, .bullet ol { font-size:90%; margin-left:20px; padding-bottom:4px; list-style:decimal; }
div#ws-content-bg-6col-hackie6 .bullet ul, .bullet ul, .bullet li, .bullet ol { font-size:90%; margin-left:20px; padding-bottom:4px; list-style:decimal; }
div#ws-content-bg-6col-hack-mac .bullet ul, .bullet ul, .bullet li, .bullet ol { font-size:90%; margin-left:20px; padding-bottom:4px; list-style:decimal; }
*/



div#ws-content-bg-shadow-6col {
	display:block; width:460px; height:40px; float:left;
	background-image: url("images/bub-6col-bottom.gif"); position: relative; top: 0px; background-repeat:no-repeat; }

div#ws-content-bg-margin-6col { margin-left:10px; margin-right:10px; }


.container_12 .grid_custom2col { width:219px; height:75px; display:inline; float:left; margin-left:10px; margin-right:10px; }





/* 9 Col bubble */
div#ws-content-bg-top-9col {
	font-size: 1%; display:block; width:700px; height:10px; float:left;
	background-image: url("images/bub-9col-top.gif"); position: relative; background-repeat:no-repeat; }

div#ws-content-bg-9col {
	display:table; width:698px; min-height:400px; float:left; padding-bottom:10px;
	background-image: url("images/bub-9col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

div#ws-content-bg-shadow-9col {
	display:block; width:700px; height:40px; float:left;
	background-image: url("images/bub-9col-bottom.gif"); position: relative; top: 0px; background-repeat:no-repeat; }

div#ws-content-bg-margin-9col { margin-left:10px; margin-right:10px; }



/* 3 Col Box */
div#ws-content-bg-top-3col {
	font-size: 1%; display:block; width:220px; height:10px; float:left;
	background-image: url("images/box-3col-top.gif"); position: relative; background-repeat:no-repeat; }

div#ws-content-bg-3col {
	display:table; width:218px; min-height:158px; float:left; padding-bottom:10px;
	background-image: url("images/box-3col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

div#ws-content-bg-shadow-3col {
	display:block; width:220px; height:15px; float:left;
	background-image: url("images/box-3col-bottom.gif"); position: relative; background-repeat:no-repeat; }

div#ws-content-bg-margin-3col { margin-left:10px; margin-right:10px; }



/* Hack for IE6 - 3,6,9 Col */

div#ws-content-bg-6col-hackie6 {
	display:table; width:458px; height:400px; min-height:400px; float:left; padding-bottom:10px; 
	background-image: url("images/bub-6col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
	
div#ws-content-bg-9col-hackie6 {
	display:table; width:698px; height:400px; min-height:400px; float:left; padding-bottom:10px;
	background-image: url("images/bub-9col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

div#ws-content-bg-3col-hackie6 {
	display:table; width:218px; height:158px; min-height:158px; float:left; padding-bottom:10px;
	background-image: url("images/box-3col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }



/* Hack for Safari */ 
div#ws-content-bg-6col-hack-mac {
	display:table; width:460px; height:400px; min-height:400px; float:left; padding-bottom:10px;
	background-image: url("images/bub-6col-bg.gif"); position: relative; background-repeat:no-repeat; background-position:bottom; background-color:#fdfdfd; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }










/* WEBSITE CONTENT SUB NAV */
#subnav {}
#subnav #top { font-size:80%; height:23px; padding-left:25px; padding-top:9px;  padding-right:5px; text-align:left; font-weight:bold; background-image: url("images/subnav-top.gif"); background-repeat:no-repeat; }
#subnav #middle { font-size:80%; height:23px; padding-left:25px; padding-top:9px;  padding-right:5px; text-align:left; font-weight:bold; background-image: url("images/subnav-middle.gif"); background-repeat:no-repeat; }
#subnav #bottom { font-size:80%; height:23px; padding-left:25px; padding-top:9px;  padding-right:5px; text-align:left; font-weight:bold; background-image: url("images/subnav-bottom.gif"); background-repeat:no-repeat; }
#subnav a { text-decoration:none; }
#subnav a:hover { text-decoration:none; color: #119fdd; }




/* WEBSITE AMBASSADORS CONTENT */
#ambass { text-align:top; margin:0; padding:0; float: left; margin-bottom:20px; font-weight:bold; }
#ambass span.leftside img { border: 2px solid #FFFFFF; }
#ambass span.leftside div{display:inline; margin-top:0px;}
#ambass span.leftside { width: 70px; text-align: left; float: left; }
#ambass span.rightside { font-size: 100%; width: 140px; text-align: left; float: left; }
#btn-readblog-shadow { margin-top:18px; display:block; }



/* HOMEPAGE BACKGROUND IMAGE*/
div#ws-home-bg-02 {
	display:block; width:1008px; height:611px; float:left; overflow:auto; /*border: 1px solid #CC0000;*/
	position: relative; direction: ltr; left: -34px; top: 0px; background-repeat:no-repeat;}


#container-main{height:476px;}
#container-thumb{height:108px;}



/* name headers */
.header-container{width:460px; height:96px;}
.headers{float:left; color:#FFFFFF; width:372px; height:67px; padding:10px;}
.headers .section{font-size:130%;}
.headers .name{font-size:1.6em;}

/* calendar */
.calendar{width:68px; height:87px; float:left; padding-top:10px;}

/*blog*/

.blog-content{ margin:10px 0px 10px 0px; font-size:90%; padding:0 10px 0 80px; overflow: hidden;}
.blog-content p{padding:0 10px 10px 0;}

.grid_6 #movieBackground {position:absolute; left:-10000px; top:155px;}



.blog-content p object{position:absolute; bottom:135px; left:79px; z-index:0;}
.blog-content p object embed{position:relative; z-index:1;}
.blog-content-header { margin:0px 0px 10px 0px; font-size:110%; font-weight:bold; margin-bottom:8px; display:inline-block; }
.blog-content-quote-off { display:none; }
.blog-content-quote { display:block; padding:0 0 0 80px;}


/* photos */
div#thumb-photos{ float:right; width:711px;}
div#thumb-photos a.thumb-photo{ float:left; padding:76px 0 0 0; height: 0px !important; width:56px; overflow:hidden; border:2px solid white; margin-left:19px; }
div#thumb-photos a:hover.thumb-photo{background-position:0 -76px;} 
a#thumb-photo-1{background: url(images/thumb-photo-1.jpg) no-repeat top left;}
a#thumb-photo-2{background: url(images/thumb-photo-2.jpg) no-repeat top left;} 
a#thumb-photo-3{background: url(images/thumb-photo-3.jpg) no-repeat top left;}
a#thumb-photo-4{background: url(images/thumb-photo-4.jpg) no-repeat top left;}
a#thumb-photo-5{background: url(images/thumb-photo-5.jpg) no-repeat top left;}
a#thumb-photo-6{background: url(images/thumb-photo-6.jpg) no-repeat top left;}
a#thumb-photo-7{background: url(images/thumb-photo-7.jpg) no-repeat top left;}
a#thumb-photo-8{background: url(images/thumb-photo-8.jpg) no-repeat top left;}
a#thumb-photo-9{background: url(images/thumb-photo-9.jpg) no-repeat top left;}



/* FONT COLORS */
.text-white{color:#FFFFFF;}

/* btns */
.btn-sharethis{}
.btn-ambassador{margin:40px 0px 0px 0px;}
div.whos-talking{float:left;}


/* EVENT PHOTOS */
#tel-eventphoto li { display: inline; }
#tel-eventphoto img { padding-bottom: 12px; }
#tel-eventphoto img.pad-right { padding-right: 4px; }
h2 .sub-header{ font-size: 100%; }


/* EVENT LISTS */
#events { text-align:top; margin:0; padding:0; float: left; margin-bottom:20px; }
#events span.leftside { width: 70px; text-align: left; float: left; }
#events span.rightside { font-size: 100%; width: 368px; text-align: left; float: left; }
#events span.story { font-size: 130%; font-weight:bold; line-height:25px; }


#btn-moreinfo-shadow { margin-top:10px; display:block; }

/*tell a friend */
#box-tellafriend{ width:222px; position:absolute; text-align: top; margin:0; padding:0; right:31px; top:50px; float:right; z-index:400; display:none; }

#box-tellafriend-form{background:url(images/box-sendtofriend-bg.gif) top left no-repeat #e4e4e4; padding:20px 0px 0px 15px; color:#0b2265;}

#box-tellafriend-form input.taf{color:#000000; font-size:80%; margin:5px 0px 10px 0px; width:170px; height:20px;}


.taferrors{color:#FF0000; font-size:80%;}
.tafnormal{font-size:80%;}
.tafsuccess{font-size:80%;}


/* speech bubble */
#speech-container{width:460px; height:105px; padding:0; margin:0;}
#speech-photo{float:left;}


.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}


.float-right{float:right;}


/* competition form css */

.contentpaneopen{width:435px; padding-left: 10px;}

.contentpaneopen .title{font-size:210%; color:#0098db;}

.contentpaneopen .name-text{font-size:80%;}

.contentpaneopen .name-width{width:190px; float:left; height:25px;vertical-align:middle; margin-bottom:15px;}

.contentpaneopen .input-box{float:left; height:25px; vertical-align:middle; width:232px; margin-bottom:15px;}
.contentpaneopen .input-box input{height:25px; width:232px;}

.contentpaneopen .input-error{width:435px; float:left; margin-bottom:15px; color:#ff0000; font-size:80%;}
.contentpaneopen .input-error-box{width:190px; float:left; color:#ff0000; font-size:80%; }
.contentpaneopen .input-error-normal{width:100%; float:left; color:#ff0000; font-size:100%; }

.contentpaneopen .full-width{width:435px; margin-bottom:15px; float:left;}

.contentpaneopen .checkbox{float:left; margin:0px; padding:0px;}
.contentpaneopen .checkbox-label{float:left; width:400px; margin-left:10px;}

.contentpaneopen .textarea{font-size:100%; width:435px; height:100px;}





/* TESTING COLOUR */
.tcolor1 { display:inline; margin:0; padding:0; line-height:0px;}
.tcolor2 { background-color:#CCFF00; }