/* TOC {{{

1. Native Elements
	a) Body
	b) Headings
	c) Copy
	d) Links
	e) Tables
	f) Forms

2. Page

3. Header
	a) menu

4. Content 

	a) Masthead
		i) Intro
		ii) Vote
		iii) Need
		iv) Social

	b) Main
		i) Follow
		ii) Story types
		iii) Posts
		iv) Join In
		v) Comments

		vi) Age Verfy
		vii) Login / Register

5. Footer


}}} */

/* Native Elemetns {{{ */

*{margin:0; padding:0; }
html{}
body{background:#000; font-family:Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6{font-family:"Arial Black", Helvetica, Arial, sans-serif; letter-spacing:-2px; }
h1{color:#fff; font-size:60px; line-height:45px; text-transform:uppercase; } 
h2{font-size:30px; line-height:35px; }
h3{border:solid #000; border-width:0 0 1px; font-size:25px; margin:10px 0 0; padding:0 0 5px; }
h4{font-size:30px; font-family:Arial; font-weight:bold; margin:5px 0 10px;}
h5{color:#fff; float:left; font-size:26px; letter-spacing:-2px; margin:10px 10px 0 0; text-transform:uppercase; }
h6{}

p{font-size:14px; line-height:1.6em; margin:10px 0 20px; }

a{}
a:hover{}
a:visited {color:#02B556;}

ul{}
ol{list-style:inside decimal; }
li{}
dl{}
dt{}
dd{}

table{}
table tr{}
table th{}
table td{}


form{}
fieldset{}
legend{}
label{}

/* }}} */

/* Page {{{ */
#page{ }

.wrap{margin:0 auto; width:980px; }
/* }}} */

/* Header {{{ */
#header{background:#000; padding:0.1px; }

/* Menu {{{ */
.menu{margin:0 auto; width:660px; }
.menu img{float:left; }
.menu a{color:#eee; display:block; float:left; font-family:Arial; font-size:12px; margin:10px 0px 0 0px; padding:3px 7px 7px 10px; text-decoration:none; width:177px; }
.menu a:hover {color:#fff; }
.menu a.find{background:url(/App_Themes/PureFutures/gfx/menu-find-background.jpg) no-repeat;}
.menu a.share{background:url(/App_Themes/PureFutures/gfx/menu-share-background.jpg) no-repeat; margin-left:10px; }
.menu a span{display:block; font-family:"Arial Black"; font-size:22px; letter-spacing:-2px; text-transform:uppercase; }

.menu .home{margin:0;  padding:0; width:auto; }

/* }}} */


/* }}} */

/* Content {{{ */
#content{}
.primary{float:left; width:540px;  }
.secondary{float:right; width:420px; }

/* Masthead {{{ */

.masthead{background:#000; font-family:"Arial Black", Helvetica, Arial, sans-serif; padding:40px 0 10px; }
.masthead h1{float:left; text-align:left; width:540px; }
.masthead h1 cite{display:block; font-size:38px; font-style:normal; line-height:32px}

/* Vote {{{ */
.vote{background:url(/App_Themes/PureFutures/gfx/vote-background.png) 5px 0 no-repeat; float:right; min-height:210px; margin:0; width:400px; }
.vote .count{color:#fff; display:block; font-size:60px; letter-spacing:-3px; margin:45px 0 0; text-align:center; width:170px; }
.vote a{background:url(/App_Themes/PureFutures/gfx/vote-win.png) no-repeat; color:#fff; display:block; height:80px; margin:10px 0 0 130px; text-indent:-9999px; width:293px; }
.vote p{color:#fff; font-family:arial; font-size:12px; font-weight:normal; line-height:1.4; margin:5px 0 0 140px; }
.vote p strong{font-weight:bold; }

.vote h6.thanks{background:url(/App_Themes/PureFutures/gfx/vote-thanks.png); color:#fff; display:block; height:80px; margin:20px 0 0 80px; text-indent:-9999px; width:293px;  }
.vote .feedback{background:url(/App_Themes/PureFutures/gfx/vote-feedback.png);cursor:default;}
.vote.owner a{background:url(/App_Themes/PureFutures/gfx/vote-owner.png); color:#fff; display:block; height:80px; margin:20px 0 0 80px; text-indent:-9999px; width:293phttp://purefutures.debug.shift.co.nz/default.aspx#/homex;}

/* Mentors */
.category-6 h1{color:#d8d584; font-family:Arial, sans-serif; font-style:italic; font-weight:bold; }
.category-6 .vote, .category-6 .social{display:none; }
/*.category-6 h2{color:#fff; text-decoration:none; font-family:Arial, sans-serif; font-weight:bold; letter-spacing:0; font-size:20px; }*/
.category-6 .need a{color:#fff; text-decoration:none; }
.category-6 .need {width:420px; }

/* }}} */

/* Intro {{{ */

.intro{background:#ee3324; color:#fff; padding:20px 0 10px 0; }

.intro img{float:left; margin:0 10px 10px 0; }

.intro p{margin-bottom:0; }
.intro a.video{color:#fff; display:block; font-family:Helvetica, Arial, sans-serif; font-size:22px; font-weight:bold; margin:40px 0 0 10px; float:left;}
/* }}} */

/* Need {{{ */
.need{float:left; width:200px; }
.giving{float:right; width:200px; }
.need ul, .giving ul{border-top:1px solid #bc271c; margin:10px 0 10px; }
.need ul li, .giving ul li{border-bottom:1px solid #bc271c; padding:5px 0; }
/* }}} */

/* Social {{{ */

.social{background:url(/App_Themes/PureFutures/gfx/spread-the-word.png) no-repeat; float:right; height:83px; padding:0.1px 0 0; width:392px; }

.social a{color:#fff; display:block; font-size:14px; height:15px; margin:0 0 0 200px; padding:3px 0 0 25px; text-decoration:none;}
.social a:hover {text-decoration:underline; }
.social a.facebook{background:url(/App_Themes/PureFutures/gfx/social-icons.png) no-repeat; margin-top:14px; color:#fff }
.social a.twitter{background:url(/App_Themes/PureFutures/gfx/social-icons.png) no-repeat 0 -18px; margin-top:11px; color:#fff }

/* }}} */

/* }}} */

/* Main {{{ */

.main{background:#eff4f7; padding:20px 0 0; }

.main.generic{border-top:10px solid red; }

.generic ul{list-style:inside disc; }
.generic ol{list-style:inside decimal;}
.generic li{font-size:14px; line-height:1.6em; margin:5px 0; }


/* Share {{{ */
.share .fieldGroup{height:250px; }
.share textarea{height:200px; margin:5px 0 10px; width:540px; }
.share textarea.future, .share .overtext.future{font-family:"Arial Black"; font-size:25px; letter-spacing:-2px; line-height:0.8em; }
.share label.overtext {width:540px;}
.share.main{border-top:10px solid #ee3324; min-height:400px; }
.share a{color:#02B556; }
.share h2, .share p{color:#000; }
.share h3{border:none; }
.share label{width:auto; }


.share fieldset{border:solid #d4e1e0; border-width:0 0 1px; color:#000; margin:0 0 40px; padding:20px 0; }
.share .secondary img{margin:100px 0 0 20px; }


.formalities{ margin:10px 0 0; width:540px;}
.formalities label{color:#000; display:block; float:left; font-family:"Arial Black"; font-size:20px; letter-spacing:-1px; width:280px; padding-right:0px; }
.formalities select{font-family:"Arial Black"; font-size:20px; float:left; letter-spacing:-1px; margin:0 0 20px; width:260px; }
.formalities input{margin:20px 0 0 100px;}



/* Thank You {{{  */
.thankyou.primary{margin-bottom:20px; width:600px; }

.thankyou a{font-family:"Arial Black"; font-size:25px; letter-spacing:-2px; text-transform:uppercase; }

.thankyou .social{float:none; }
.thankyou .social a{color:#fff; font-family:Arial; font-size:12px; letter-spacing:0; }


/* }}} */


/* }}} */

/* Follow {{{ */
.follow{background:url(/App_Themes/PureFutures/gfx/follow.jpg) no-repeat; float:right; height:44px; margin:-10px 0 10px; padding:0; text-indent:-9999px; width:342px; }
.unfollow{color:#02B556; float:right; font-size:12px; margin:0 0 10px; }

.followmessage{color:#ee3324; font-size:10px; text-transform:uppercase; }

/* }}} */

/* Find {{{ */
.main.find{background:#000; font-family:"Arial Black"; margin:40px 0 0; min-height:450px; }

.main.find .primary{float:right; width:660px; }
.main.find .secondary{float:left; height:300px; width:300px; }

.main.find .votes{font-size:34px; color:#4e4e4e; letter-spacing:-2px; }
.main.find .category-6 .votes{visibility:hidden;}

.main.find .count{font-size:60px; color:#4e4e4e; letter-spacing:-2px; margin-right:3px;}

.main.find h2{color:#999; font-family:Arial; font-size:16px; letter-spacing:0px; padding:0; }

.main.find p {margin:0; padding:0; }
.main.find p {color:#fff; margin:0; padding:0; text-align:left; text-transform:uppercase; letter-spacing:-2px; line-height:0.8em; text-decoration:none; }
.main.find .story-4 p {color:#ddd; font-size:35px; }
.main.find .story-3 p {font-size:55px; }
.main.find .story-2 p {color:#ddd; font-size:35px; }
.main.find .story-1 p {color:#aaa; font-size:25html, body, #wrapper { height:100%; min-height:550px; min-width: 960px;}px; }

.main.find .stories li a{display:block;padding:3px; text-decoration:none; color:#fff;}

.main.find .stories li a:hover {background-color:#212121;}

.main.find .story-1 p {text-align:left; font-size:24px; }

.main.find cite{display:block; margin:5px 0 0; text-transform:uppercase; letter-spacing:-2px; line-height:0.8em; }
.main.find .story-3 cite{color:#fff; font-size:40px; }
.main.find .story-2 cite{color:#ddd; font-size:30px; }
.main.find .story-1 cite{color:#aaa; font-size:20px; }

.PagerNumberArea{font-size:20px;}
.PagerNumberArea a{text-decoration:none; color:#02B556; display:inline;}
.PagerNumberArea a:hover{color:#fff; background-color:#000;}
.PagerNumberArea .SelectedPage{font-size:30px; color:#fff;}

/*a.UnselectedPage{text-decoration:none;}*/

.stories li{margin:0 0 20px; }


.filter{margin:0 0 20px; }
.filter li a{color:#02B556; font-size:20px; letter-spacing:-2px; text-decoration:none; text-transform:uppercase; }
.filter li a:hover {color:#fff; }
.filter a.selected{color:#fff;font-size:30px}

.order{font-family:Arial;}
.order li a{color:#02B556; font-size:12px; }
.order li a:hover {color:#fff;}

.search{margin:20px 0 0; }
.search label{color:#999; display:block; font-family:Arial; font-weight:normal; font-size:16px; margin:0 0 5px; width:250px; }
.search .textBox{background:#999; border:1px solid #4d4d4d; color:#000; float:none; margin-right:0px !important;}
.search .button{float:right; margin-right:15px;}

.noresult{color:#fff; font-size:30px; letter-spacing:-2px; line-height:0.8em; text-transform:uppercase; }

/* }}} */

/* Story Types {{{ */ 
.story-1 .main, .story-2 .main, .story-3 .main{background:url(/App_Themes/PureFutures/gfx/story-background.jpg) bottom repeat-x #eff4f7; padding-bottom:75px; }


.story-1 .masthead{padding-bottom:0; }
.story-1 .masthead h1{text-align:right; word-wrap:break-word; }
.story-1 .main{display:none; }
.story-1 .intro{background:#000; padding:0; }
.story-1 .intro h2{display:none; }
.story-1 p{text-align:right; }

.story-2{}
.story-2 .masthead{padding-bottom:40px; }
.story-2 .masthead h1{text-align:right; }
.story-2 .main .secondary{float:left !important; width:540px !important; }
.story-2 .comments li {width:520px; } 
.story-2 .comments li blockquote {width:520px; } 
.story-2 .comments li blockquote span.CommentText{width:460px; letter-spacing:0px; } 


.story-3{}
.story-3 .masthead{padding:0; }
.story-3 .masthead .wrap{height:327px; }
.story-3.story-430 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-emily.jpg) no-repeat; }
.story-3.story-424 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-jason.jpg) no-repeat; }
.story-3.story-426 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-wayne.jpg) no-repeat; }
.story-3.story-757 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-icehouse.jpg) no-repeat; }
.story-3.story-557 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-hamish.jpg) no-repeat; }
.story-3.story-809 .masthead .wrap{background:url(/App_Themes/PureFutures/gfx/header-malcolm.jpg) no-repeat; }

.story-3 .masthead h1{display:none; }

.story-3 .intro .primary a{display:block; font-size:18px; margin:20px 0 0; }

.intro a{color:#53ed9e;}
.intro a:visited{color:#53ed9e;}

.social .fb_edge_widget_with_comment  {
color:#ffffff !important;
float:right  !important;
margin:10px 102px  !important;
}
.fb_iframe_widget iframe {color:#ffffff !important;}

/* }}} */

/* Posts {{{ */

.post{border:solid #b3b8b9; border-width:0 0 1px; margin:10px 0 0; padding:0 0 20px; }
.post a{color:#02B556; }
.post .meta{color:#808080; font-size:11px; }
.post img{display:block; }
.post p{margin:0; }
.post p.caption{background:#222323; color:#fff; font-size:12px; padding:5px; }


.post .share{background:url(/App_Themes/PureFutures/gfx/like-background.jpg) no-repeat; float:right; height:28px; padding:5px 0 0; position:relative; text-indent:-9999px; width:155px; }
.post .share a{display:block; float:left; height:20px; text-indent:-9999px; width:20px; }
.post .share .twitter{margin:-20px 0 0 55px;}

.post .share .fb_edge_widget_with_comment{margin:0 0 0 80px; width:70px; color:#ffffff !important;   }


.post ul{list-style:inside disc; }
.post li{font-size:; font-size:14px; margin:0 0 10px; }

.back{text-decoration:none; }
.back{color:#02B556; }

.Previous-post{background:url(/App_Themes/PureFutures/gfx/prev-post.jpg) no-repeat 0 7px; float:left; font-family:Arial; margin:10px 0 0; width:250px; }
.Previous-post h4{margin:6px 0 3px; }
.Previous-post h4 a{font-size:20px; letter-spacing:0px; margin:0 0 0 20px; }
.Previous-post a{display:block; font-size:14px; font-weight:normal; letter-spacing:0px; margin:0 0 0 20px; text-decoration:none;}

.Next-post{background:url(/App_Themes/PureFutures/gfx/next-post.jpg) no-repeat right 7px; color:#02B556; float:right; margin:10px 0 0; text-align:right; width:250px; }
.Next-post h4{margin:6px 0 3px; }
.Next-post h4 a{font-size:20px; letter-spacing:0px; margin:0 20px 0 0;}
.Next-post a{font-size:14px; font-weight:normal; letter-spacing:0px; margin:0 20px 0 0; text-decoration:none;}


/* }}} */

/* Join In {{{ */

.joinin{background:url(/App_Themes/PureFutures/gfx/join-in.jpg) no-repeat; height:152px; margin:10px 0; padding:50px 15px 15px; display:none;}
.joinin .ContentButton{float:right; margin:10px 0 0; }
.joinin textarea{background:url(/App_Themes/PureFutures/gfx/form/input-background.jpg) repeat-x #fff; border:1px solid #d4e1e0; color:#000; font-family:Georgia; height:110px; padding:0; width:100%; }

.joinin .fieldGroup{height:125px; }
.joinin .overtext{color:#aaa; font-family:Georgia; font-style:italic; top:23px; font-weight:normal; }
.joinin p{color:#fff; font-size:12px; line-height:1.1em; margin:10px 0 0; }

.story-2 .joinin{background:url(/App_Themes/PureFutures/gfx/join-in-wide.jpg) no-repeat; } 
.story-2 .joinin .overtext{width: 505px;}
.story-3 .joinin .overtext{width: 400px;}

/* }}} */

/* Comments {{{ */

.comments{/*border-top:1px solid #B3B8B9; */}

.comments li{/*border-bottom:1px solid #B3B8B9;*/ margin:0 0 10px; padding:15px 0 0;  width:420px; }
.comments li.mentor{background-color:#efedc4;}
.comments blockquote{font-family:Georgia; font-size:18px; font-style:italic; line-height:1.2em; position:relative; }
.comments cite{display:block; font-family:Arial; font-size:16px; letter-spacing:0px; text-align:right; text-decoration:underline; }
.comments cite span{font-weight:bold; }
.comments cite span.CommentDate{font-weight:normal; }

.open{float:left; font-family:"Arial Black"; font-style:normal; font-size:45px; }
.close{font-family:"Arial Black"; font-style:normal; font-size:50px; position:absolute; bottom:0; right:0;}

.CommentText{float:left; letter-spacing:0px; margin:-5px 0 0 5px; width:340px; word-wrap:break-word; padding:0 0 10px; }
.load-more{color:#02b556; display:block; font-size:16px; font-weight:bold; margin:0 auto 20px; text-decoration:none; width:170px; }

/* }}} */

/* Age Verification Page {{{ */
.splash .wrap{margin-top:160px; }

.splash img{margin:0 auto; }

.age-verify{float:right; margin:40px 350px 0 0; }
.age-verify label{color:#696969; font-size:16px; font-weight:normal; width:auto; height:auto; padding: 0 0 0 0; margin: 48px 10px;}
.age-verify .textbox{background:#000; border:1px solid #696969; color:#696969; padding:5px; width:40px; }
.age-verify .button{background:url(/App_Themes/PureFutures/gfx/form/submit.jpg) no-repeat; border:none; cursor:pointer; height:107px; text-indent:-9999px; width:57px;}

#AgeValidator{display:block; border:3px solid red; margin:0 0 20px; padding:10px; }
/* End Age Verification }}} */

/* Share after Voting {{{ */

#fancybox-inner{ } 
#fancybox-inner h2{margin:10px; } 
#fancybox-inner p{margin:10px; } 
#fancybox-inner .social{background:none; color:#fff; float:none; margin:20px 10px 0;  width:auto; }

#fancybox-inner .social a {
	color:#02B556;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:20px;
	line-height:1.2;
	margin:0 0 5px;
	padding-top:0;
	text-transform:uppercase;
	width:250px;
}

/* }}} */



body{ }
#header .wrap{ position:relative; }

.menu{ }



.stories cite{ font-style:normal; }

.masthead h1{ padding-bottom:2px; }

.comments li cite{overflow:visible; margin-right:20px; }

.open, .close{padding-top:3px; }
.close{margin-right:20px; }

/* }}} */


/* }}} */

/* }}} */
/* Footer {{{ */

#footer{background:#000; height:60px;  }
#footer .utils{list-style:none; margin:30px 0; }
#footer .utils li{float:right; }
#footer .utils a{color:#fff; font-size:12px; text-decoration:none; }

.stories-footer{background:#000; margin:0; }
.stories-footer li{float:left; margin:20px 50px 0 0; width:260px; }
.stories-footer h2{margin:0 0 10px; }
.stories-footer a{color:#292929; font-size:30px; line-height:0.8em; text-decoration:none; text-transform:uppercase; }
.stories-footer a:hover {color:#696969; }
.stories-footer cite{color:#292929; font-family:"Arial Black"; font-size:20px; letter-spacing:-2px; line-height:0.8em; text-decoration:none; text-transform:uppercase; }
/* }}} */