/* 
    Document   : style
    Created on : Feb 19, 2010, 3:40:25 PM
    Author     : mikeparkin
    Description:
*/

/*@font-face {
font-family: 'Harting Plain';
src: url('../js/fonts/Harting_Plain.eot') format('embedded-opentype'), 
     url('../js/fonts/Harting_Plain.woff') format('woff'), 
     url('../js/fonts/Harting_Plain.ttf')  format('truetype'),
     url('../js/fonts/Harting_Plain.svg#Harting_Plain') format('svg');
}*/

@font-face {
    font-family: 'HartingPlain';
    src: url('../js/fonts/Harting_plain-webfont.eot');
    src: url('../js/fonts/Harting_plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../js/fonts/Harting_plain-webfont.woff') format('woff'),
         url('../js/fonts/Harting_plain-webfont.ttf') format('truetype'),
         url('../js/fonts/Harting_plain-webfont.svg#HartingPlain') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**** TEXT ****/
.highlight{
	color:#62bdc8;
}

h1,h2,h3,h4,h5,h6,table{
	font-family: Arial;
	margin-bottom:1.5em;
	color:#43413c;
}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {
	margin-bottom:1.3em;
	color:#43413c;
}
p{
	font-size:1.1em;
}
a, a:visited{
	color:#585a58;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}

.profile a{
	color:#62bdc8;
}

a.norm{
	color:#585a58;
}

/** Card title **/
h2{
	font-size:1.3em;
}
/** Card date **/
h3{
	font-size:1.45em;
}

table td{
	font-size: 0.9em;
}

/** FANCYBOX */
#fancybox-outer {
	background-color: #eee8d7 !important;
}
/** STRUCTURE **/
body {
	background:url(../images/global/gridpaper.jpg) center center;
}

#header{
	background: url(../images/global/paperstrip-short.jpg) repeat-x  top center;
}

#homepage #header{
	background: url(../images/global/paperstrip-long.jpg) repeat-x top center;
}

#video #header {
	background: url(../images/global/paperstrip-video.jpg) repeat-x top center;
}

#video #mast {
	background:url(../images/global/logobg-video.jpg) no-repeat 10px 0;
	height:575px;
	position:relative;
}

#mast{
	background:url(../images/global/logobg-short.jpg) no-repeat 10px 0;
	height:239px;
	position:relative;
}

#homepage #mast{
	background:url(../images/global/logobg-long.jpg) no-repeat 10px 0;
	height:1226px;
}

/** Alpha line **/
div.shadow-strip {
	background: url(../images/global/shadow.png) repeat-x 0 0;
	height: 20px;
	position: relative;
	z-index: 10;
}

#content{
	margin-top: -20px;
}

#mast #cassette-button {
	background:url(../images/video/cassette-button.png) repeat-x 0 0;
	_background:url(../images/video/cassette-button-ie.png) repeat-x 0 0;
	width:241px;
	height:119px;
	position:absolute;
	bottom:20px;
	left:130px;
}

#mast #cassette-button:hover {
	background-position:0 -119px;
}

/** homepage specific **/
#homepage .intro p{
	line-height:1.2em;
	padding:5px 0 0 0;
}

/** Searchbox **/
#search{
	margin:20px 0 32px 20px;
	padding-bottom:4px;
	background: transparent url(../images/global/search/underline.gif) no-repeat bottom left;
}
#search p,#search form{
	margin:0;
}
#search input{
	border:0;
	background:none;
	width:300px;
	font-size:1.05em;
	font-family:georgia, serif;
	font-style:italic;
	padding-left:5px;
}

#visit-fred-perry {
	position:absolute;
	top:15px;
	right:20px;
}

/** Nav **/
#navigation{	
	height:48px;
	margin-bottom:10px;
}
#navigation ul {
	margin-top: -2px;
	_margin-left: 0;
}
#navigation ul li {
	float: left;
	margin-left: 20px;
	_margin-left: 15px !important;
}
#navigation a {
	height:48px;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#navigation a:hover, #navigation a.active{
	background-position:0 -48px;
}
#navigation a.home{
	background-image:url(../images/global/navigation/home.gif);
	width:59px;
}
#navigation a.featured-images {
	background-image:url(../images/global/navigation/featured-images.gif);
	width:82px;
}
#navigation a.your-videos {
	background-image:url(../images/global/navigation/your-videos.gif);
	width:79px;
}
#navigation a.your-stories {
	background-image:url(../images/global/navigation/your-stories.gif);
	width:88px;
}
#navigation a.our-stories {
	background-image:url(../images/global/navigation/our-stories.gif);
	width:88px;
}
#navigation a.submit-story {
	background-image:url(../images/global/navigation/submit-story.gif);
	width:108px;
}
#navigation a.competitions {
	background-image:url(../images/global/navigation/competitions.gif);
	width:154px;
}
#navigation a.subculture {
	background-image:url(../images/global/navigation/subculture.gif);
	width:108px;
}
#navigation a.fredperry {
	background-image:url(../images/global/navigation/fredperry.gif);
	width:143px;
	margin-left: 1px;
}

#scroller .control{
	position:absolute;
	margin-top:150px;
	background-repeat:no-repeat;
	background-position:0 0;
	width:47px;
	height:47px;
	display:block;
	z-index:10;
}
#scroller .control:hover{
	background-position:0 -47px;
}
#scroller .prev{
	background-image:url(../images/homepage/gallery/prev.gif);
	margin-left:5px;
}
#scroller .next{
	background-image:url(../images/homepage/gallery/next.gif);
	margin-left:570px;
}

#scroller ul li{
	display:none;	
}

#scroller ul li.active{
	display:block;
}

/** Filter for gallery **/
div#filter {
	margin-top: 28px;
}
div#filter div.pad{
	height:80px;
	background:url(../images/gallery/filter/layout.gif) no-repeat 65% 100%;
}
#filter .grid_8 ul {
	margin-left: 10px;
}

#filter .grid_4 ul {
	float:right;
	margin-bottom: 0;
}
#filter ul li {
	float: left;
	display: inline;
	margin-left: 8px;
	background:url(../images/gallery/filter/slash.gif) no-repeat right top;
	padding-right: 10px;
}
#filter ul li.last {
	background: none;
}
#filter a {
	height:21px;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#filter a:hover, #filter a.active{
	background-position:0 -21px;
}
#filter a.both{
	background-image:url(../images/gallery/filter/both.gif);
	width:50px;
}
#filter a.photos{
	background-image:url(../images/gallery/filter/photos.gif);
	width:77px;
}
#filter a.videos{
	background-image:url(../images/gallery/filter/videos.gif);
	width:58px;
}
#filter a.layout-card{
	background-image:url(../images/gallery/filter/card.gif);
	width:13px;
}
#filter a.layout-grid{
	background-image:url(../images/gallery/filter/grid.gif);
	width:21px;
}

/** Pagination **/
#pagination {
	
}
#pagination div {
	float: left;
	height: 48px;	
}
#pagination ul li {
	float:left;
}
#pagination li.counter {	
	padding: 8px 38px 20px 20px;
	background:url(../images/gallery/pagination/counter.gif) no-repeat 0 0;
	font-size: 1.4em;
}
#pagination a, #pagination span {
	height:48px;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;	
}
#pagination .prev{
	background-image:url(../images/gallery/pagination/prev.gif);
	width:201px;
}
#pagination .next{
	background-image:url(../images/gallery/pagination/next.gif);
	width:132px;
}
#pagination .prev-disabled {
	background-image:url(../images/gallery/pagination/prev-disabled.gif);
}
#pagination .next-disabled {
	background-image:url(../images/gallery/pagination/next-disabled.gif);
}
div.short-line {
	background:url(../images/gallery/pagination/line.gif) no-repeat 50% 50%;
	width: 24%;
}
div.total-pages {	
	font-style: italic;
	width: 9%;
	padding-top: 15px;
}


.heritagecard  p.small-nav a.divider {
	margin-bottom:10px;
}

#a-feature p.small-nav a, .heritagecard p.small-nav a {
    color: #000000;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}


/** homepage letts feature **/
#letts-feature {
	position:absolute;
	top:220px;
	right:0;
	width:960px;
	height:1004px;
	z-index:1;
}

#letts-feature .main-copy {
	font-family:'HartingPlain';
	font-size: 12px;
    left: 14px;
    position: absolute;
    top: 192px;
    width:350px;
    line-height:15px;
    letter-spacing:-1px;
}

#letts-feature .main-copy p {
	margin-bottom:5px !important;	
}

#letts-feature .main-copy span.emphasised {
	font-size:18px;
	color:#9F334B;
}

#letts-feature .main-copy p.larger {
	margin-top:15px !important;
	font-size:18px;
}

#letts-feature .shoutout {
	background:url(../images/homepage/don-quote.png) no-repeat 0 0;
	width:200px;
	height:125px;
	position:absolute;
	top:-7px;
	right:75px;
}

#letts-feature .shoutout:hover {
	cursor:pointer;
	background-position:0 -125px;
}

#letts-feature .cassette {
	background:url(../images/homepage/enter-competition-cassette.png) no-repeat 0 0;
	width:271px;
	height:149px;
	position:absolute;
	bottom:350px;
	left:0;
}

#letts-feature .cassette:hover {
	cursor:pointer;
	background-position:0 -149px;
}

#letts-feature .read-more {
	background:url(../images/homepage/read-more.png) no-repeat 0 0;
	width:159px;
	height:49px;
	position:absolute;
	bottom:360px;
	right:50px;
}

#letts-feature .read-more:hover {
	cursor:pointer;
	background-position:0 -49px;
}

#letts-feature .view-ad-campaign {
	background:url(../images/homepage/view-ad-campaign.png) no-repeat 0 0;
	width:234px;
	height:48px;
	position:absolute;
	bottom:55px;
	left:204px;
}

#letts-feature .view-ad-campaign:hover {
	cursor:pointer;
	background-position:0 -48px;
}

#shout-container {
	position:relative;
	display:none;
}
#fancybox-close {
	background:url(../images/homepage/fancybox-close.gif) no-repeat 0 0 !important;
	width:74px !important;
	right:-10px !important;
	top:-10px !important;
}

.view-ad-campaign a.first {
	width:180px;
	height:22px;
	float:left;
	margin-left:20px;
}

.view-ad-campaign a.last {
	width:180px;
	height:22px;
	float:left;
	margin-left:20px;
}

div.bio {
	position:relative;
}

div.bio p {
	font-style:italic;
}

div.bio .top {
	margin-top:30px;
}

div.bio .middle h1 {
	margin: 0 0 -80px !important;
    padding-bottom: 113px;
    padding-right: 200px;
    padding-top: 120px;
}

div.bio .middle h2 {
	font-size: 2em !important;
}

div.bio .middle img {
	position:absolute;
	top:-50px;
}

div.bio-right img {
	position:absolute;
	left:-20px;
}


/** Updates section **/
div.updates {
	display: table;
	background:url(../images/homepage/updates/bar.gif) no-repeat 15px 0;
	padding-top: 40px;
	margin-bottom: 20px;
}


/** competition page **/
ul.competition-requirements {
	padding-left:20px;
}
ul.competition-requirements li {
	list-style:circle;
	margin-bottom:10px;
}


/*
* Text badge should be leveled with everything
*/
#blank-badge{
	height:40px;
}
#badges{
	height:130px;
}
div.content-headings{
	position:absolute;
}
div.content-headings div{
	height:170px;
}
div.content-headings .woven-in-badge{
	background: url(../images/homepage/woven-in.gif) no-repeat 0 0;
}
div.content-headings .featured-badge {
	background: url(../images/homepage/featured-story.gif) no-repeat 35px 39px;
}
div.content-headings .playlist-badge {
	background: url(../images/homepage/may-playlist.gif) no-repeat 20px 39px;
}
div.content-headings .our-story-badge {
	background: url(../images/campaign/our-stories.gif) no-repeat 0 0;
}
div.content-headings .our-stories-badge {
	background: url(../images/global/badges/our-stories.gif) no-repeat center;
}
div.content-headings .current-season-badge {
	background: url(../images/global/badges/current-season.gif) no-repeat center;
}
div.content-headings .win-money-badge {
	background: url(../images/gallery/win-money.gif) no-repeat -5px -10px;
}

div.content-headings .featured-stories-badge {
	background: url(../images/global/badges/featured-stories.gif) no-repeat 15px 20px;
}

/*
===================================================================
 Cards
===================================================================
 */
#card-block{
 margin-top:20px;
 margin-bottom:40px;
}

/**Contains middle image**/
div.card {
	height: 479px;
	background-repeat: no-repeat;
	background-position: 0 27px;
	margin-bottom: 20px;
}

/** Gif heading **/
div.card div.top{
	background-repeat: no-repeat;
	background-position: 0 0;
	height:100%;
}

/** PNG Footer **/
div.card div.bottom{
	background-repeat: no-repeat;
	background-position: bottom left;
	height:100%;
}

/** Type 1 **/
.type1 {
	background-image: url(../images/global/cards/type1/middle.jpg);
}
.type1 .top{
	background-image: url(../images/global/cards/type1/top.gif);
}
.type1 .bottom {
	background-image: url(../images/global/cards/type1/bottom.png);
}

/** Type 2 **/
.type2 {
	background-image: url(../images/global/cards/type2/middle.jpg);
}
.type2 .top{
	background-image: url(../images/global/cards/type2/top.gif);
}
.type2 .bottom {
	background-image: url(../images/global/cards/type2/bottom.png);
}

/** Stussy **/
.s10 .top{
	background-image: url(../images/global/cards/s10/top.gif);
}
.s10 .bottom {
	background-image: url(../images/global/cards/s10/bottom.png);
}
div.s10 .bg {
	padding-top: 27px;
}

/** Spring 2011 **/
.spring11 .top{
	background-image: url(../images/global/cards/spring11/top.gif);
}
.spring11 .bottom {
	background-image: url(../images/global/cards/spring11/bottom.png);
}
div.spring11 .bg {
	padding-top: 27px;
}

/** Spring 2012 **/
.spring12 .top{
	background-image: url(../images/global/cards/spring12/top.gif);
}
.spring12 .bottom {
	background-image: url(../images/global/cards/spring12/bottom.png);
}
div.spring12 .bg {
	padding-top: 27px;
}
.card.spring12 {
	height: 473px;
}

/** Autumn 2011 **/
.autumn11 .top{
	background-image: url(../images/global/cards/autumn11/top.gif);
}
.autumn11 .bottom {
	background-image: url(../images/global/cards/autumn11/bottom.png);
}
.autumn11 .bg {
	padding-top: 27px;
}
.card.autumn11 {
	height:473px;
}

/** Autumn 2010 **/
.a10 .top{
	background-image: url(../images/global/cards/a10/top.gif);
}
.a10 .bottom {
	background-image: url(../images/global/cards/a10/bottom.png);
}
div.a10 .bg {
	padding-top: 27px;
}

/** Stussy **/
.stussy .top{
	background-image: url(../images/global/cards/stussy/top.gif);
}
.stussy .bottom {
	background-image: url(../images/global/cards/stussy/bottom.png);
}
div.stussy .bg {
	padding-top: 27px;
}

/** Tourny **/
.tourny .top{
	background-image: url(../images/global/cards/tourny/top.gif);
}
.tourny .bottom {
	background-image: url(../images/global/cards/tourny/bottom.png);
}
div.tourny .bg {
	padding-top: 27px;	
}

/** Subculture **/
.subculture {
	background-image: url(../images/global/cards/subculture/middle.jpg);
}
.subculture .top{
	background-image: url(../images/global/cards/subculture/top.gif);
}
.subculture .bottom {
	background-image: url(../images/global/cards/subculture/bottom.png);
}

/** Subculture card */
div.subculture .bg{
	padding: 12px 20px;
}
div.subculture p {
	text-align: center;	
	font-family: Georgia;
	font-style: italic;
	margin-top: 20px;
	font-size:1.1em;
}
div.subculture h4, div.subculture p {
	color:#eeeade;
	text-align: center;
}
div.subculture h4 {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 0.9em;
}
div.subculture ul {
	text-align: center;
	color: #ff9999;
	font-family:Arial;
	margin-bottom: 20px;
}
div.subculture a {
	color: #ff9999;
}
div.subculture a:visited {
	color: #ff9999;
}
div.subculture ul li {
	margin-bottom: 8px;
}

/** Intro card **/
div.intro .wrapper {
	padding-top: 20px;
}
div.intro .bg{
	background: url(../images/global/cards/intro-bg.jpg) no-repeat top center;
	height:425px;
	padding-left:30px;
	padding-right:30px;	
	padding-top:20px;	
	text-align:center;
}
div.intro p {	
	font-style: italic;
	margin-bottom: 0.65em;
	color:#E9E1C9;
	font-size: 1.1em;
}
div.intro p a{
	color:#e9e1c9;
	text-decoration:underline;
}
div.intro h2 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 2.2em;
	margin-bottom: 0.25em;
	color: #e9e1c9;
}

/** Heritage on the homepage */
div.heritagecard p {
	text-align:center;
	font-size: 1em;
}

div.heritagecard p.logo {
	margin-bottom: 0.8em;
}

div.heritagecard .bg {
	padding: 50px 25px 20px 25px;
}

div.heritagecard .bottom {
	background-image: url(../images/global/cards/heritage/bottom.png);
}

div.heritagecard {
	background-image: url(../images/global/cards/heritage/middle.jpg);
}

div.heritagecard p.small-nav a {
	margin-bottom: 5px;
}

/** Story card **/
div.story .wrapper {	
	padding: 14px 13px;
}
div.story .bg{
	background: url(../images/global/cards/laurel-stamped.gif) no-repeat 98% 0;
}
div.story h3 {
	text-align:center;
	margin: 0 0 0.7em 0;
	letter-spacing:-0.03em;
}
div.story h2 {
	border-top: 1px solid #649faa;
	margin-bottom:5px;
	margin-top:8px;
	padding:5px 0 0 10px;
}
div.story table{
	margin-bottom:0;
}
div.story div.thumbnail {
	background: url(../images/global/cards/tipping-blue.png) no-repeat 0 0;
	margin-top: 10px;
	padding-top:8px;
}
div.story div.thumbnail img{
	display:block;
}
div.story a.more{
	text-align:right;
	display:block;
}

div.no-stories h1{
	font-size:1.5em;
	margin-top:20px;
}
div.no-stories a{
	color:#0c6671;
}

/* colours of stories (image/video) */
div.story.red table tr.odd td{
	background: #d7c2c3;
}
div.story.red .highlight {	
	color: #5d375d;
}
div.story.red h2 {
	border-top: 1px solid #5d375d;
}
div.story.red div.thumbnail{
	background: url(../images/global/cards/tipping-red.png) no-repeat 0 0;
}

/* Story info table */
div.story table {
	width: 100%;
	border-collapse:collapse;
}
div.story table td {
	height: 23px;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	font-weight: bold;
	text-transform: uppercase;
}
div.story table tr.odd td {
	background: #a2c4c0;
}
div.story table td.right-col {
	text-align: right;
	font-weight: normal;
	text-transform: none;	
}

/* Our story card */
div.our-story .wrapper {
	padding: 10px 13px;
}
div.our-story .bg{
	background: url(../images/campaign/view-story.png) no-repeat 92% 0;
	padding-top:28px;
	text-align:center;
}
div.our-story p {
	margin-bottom: 0.8em;
}

div.subculture-card {
	background: url(../images/global/cards/subculture-bg.jpg) no-repeat;
}

/*
===================================================================
 Footnote
===================================================================
 */

div.footnote {
	text-align:right;	
	font-style: italic;	
}

div.footnote p {
	margin: 10px 2px 20px 10px;
}

div.footnote a {	
	color: #464540;
}

div.footnote a:hover {
	color: #52101a;
}

div.copyright {
	position: absolute;
	left: 20px
}

/*
===================================================================
 Profile
===================================================================
 */
 div.profile{
 margin:0 0 15px 0;
}
div.profile ul{
	margin-top:20px;
}
div.profile p{
	margin-top:20px;
	margin-bottom:0;
	padding-right:80px;
}

div.profile .top{
	background:url(../images/profile/card/top.gif) no-repeat 0 0;
	height:58px;
}

div.profile .middle{
	background:url(../images/profile/card/repeat.gif) repeat-y 0 0;
	height:100%;
}

div.profile .bottom{
	background:url(../images/profile/card/bottom.png) no-repeat 0 0;
	height:61px;
}

/** Profile top **/
div.profile div.top a.button{
	display:block;
	height:30px;
	background-repeat:no-repeat;
	background-position:0 0;
}
div.profile div.top a.button span{
	display:none;
}
div.profile div.top a.prev{
	background-image:url(../images/profile/prev.gif);
	width:110px;
}
div.profile div.top a.next{
	background-image:url(../images/profile/next.gif);
	width:117px;
}
div.profile div.top .grid_3{
	padding-top:20px;
}
div.profile div.top h3{
	font-size:2.3em;
	text-align:center;
	margin-bottom:0;
}
div.profile div.top .alpha a{
	margin-left:20px;
}
div.profile div.top .omega a{
	margin-left:90px;
}

/** Profile body **/
div.profile .middle{
	padding:0 20px;
}
div.profile .middle .tipping-short{
	height:33px;
	background:url(../images/profile/card/tipping.gif) no-repeat 0 0;
}
div.profile .middle h1{
	font-size:4em;
	margin:0.2em 0;
	line-height:0.8em;
	letter-spacing:-0.04em
}
div.profile .middle h2{
	font-size:2.3em;
	font-family: Georgia, serif;
	font-weight:normal;
	background:url(../images/global/heading-underline.gif) no-repeat bottom left;
	line-height:0.8em;
	padding-bottom:15px;
	margin-bottom:10px;
}

div.profile .actions p{
	margin-bottom:0;
	text-align:center;
}


div.box{
	background:url(../images/profile/box.gif) no-repeat 0 0;
	height:125px;
	position:relative;
	cursor:pointer;
	padding-left:5px;
}
div.box li.title{
	font-size:1.2em;
}
div.box li.name strong{
	font-size:1em;
}

div.box img.thumb{
	position:absolute;
	top:13px;
	right:20px;
}

div.box ul{
	padding:10px 0 0 10px;
}

div.box ul li {
	width: 80px;
}
p.shortcuts {
	text-align: center;
	margin-top: 20px;
}
div.short-box{
	background:url(../images/global/shortbox.gif) no-repeat 0 0;
	width:220px;
	height:42px;
	line-height:42px;
	vertical-align:middle;
	text-align:center;
}
div.short-box a{
	display:block;
}

/*
===================================================================
 Forms
===================================================================
 */
 div.profile form {
	 font-style: italic;
	 margin:0;
 }
 #story-upload h1 {
	 margin-top: 0;
	 margin-bottom: 0.8em;
 }
 .error {
	 color:#cf0000;
 }
 form h2 {
	 font-style: normal;	 
 } 
 form span, form small.error {
	 display: block;
	 margin-top: 3px;
	 font-size: 0.9em;
	 
 }
 form span {
	 color: #85837e;	 
 }
 form small.error {	 
	 font-weight: bold;	
 }
 form input[type="text"], form textarea {
	 background: none;
	 border: 1px solid #9f9e98;
 }
 form input[type="text"] {
	 width: 50%;
 }
 form input.long {
	 width: 80%;
 }
 form textarea {
	 width: 50%;
 }
 

 dl {
	 margin-top: 20px;
	 margin-bottom: 20px;
 }
 dl dt {	 
	 margin-bottom: 8px;
 }
 dl dd {
	 margin-bottom: 20px;
 }

 dd object {
	 margin-top: -10px;
	 vertical-align: bottom;
}

div.terms h1{
	 margin-top:0px !important;
}
div.terms li{
	margin:10px 0;
}

div.textblock h2{
	margin:30px 0 0 0;
}
div.grid_4{
	position:static;
}
/** Hidden card magic **/
div.hidden-card{
   position:absolute;
   left:320px;
   width:295px;
   display:none;
   z-index:3;
}
div.hidden-card *{
	z-index:3;
}

/** clickable **/
.clickable{
	cursor:pointer;
}

.top-pad{
	padding-top:50px;
}

div.item{
	position:relative;
	width:140px;
	height:185px;
}

div.item a{
	text-decoration:none;
}

div.item .overlay{
	position:absolute;
	top:-10px;
	left:-5px;
}

div.item .data{
	display:none;
	font-size: 0.9em;
}

div.item a{
	display:block;
}

div.item:hover .data{
	display:block;
	position:absolute;
	width: 115px;
	height: 154px;
	background:#fff2de;
	padding: 10px 0 0 10px;
	overflow:hidden;
	opacity:0.8;
	filter: alpha(opacity=80);
}
div.padding{
	height:30px;
}

div.std h3{
	margin:10px 0;
}
div.std li{
	margin:0;
	list-style-type:disc;
	margin:0 0 0 10px
}

/** Terms and conditions */
div.terms h3 {
	margin-bottom: 0;
	margin-top: 20px;
}
div.terms p {
	margin-top: 5px;
}

div.terms a {
	text-decoration: underline;
}

/** See more thingy */
#see-more {
	height: 100px;
	display: none;
	text-align: center;
	font-size:1.2em;
	color:#43413C;
}

#see-more div.loader {
	display: none;
}

/** Featured stories heading */
div.featured-stories {
	/*background: url(../images/featured-stories/featured-stories.png) no-repeat 50% 35px;
	padding-top: 85px;*/
	margin-top:30px;
	height:300px;
}

div.featured-stories a {
	margin-left: -6px;
}

.campaign-stories div.our-story p {
	margin-bottom: 0;
}

.campaign-story-profile .photo img {
	margin-top: -10px;
}

.featured-stories-card h2 {
	margin-top: 30px;
}

.featured-stories-card p.copy {
	margin-top: 25px;
	line-height: 1.3em;
}

#music_genre {
	background: #39919D;
	border: none;
	color: #fff;
}

#music_genre option {
	background: #39919D;
	color: #fff;
}

.music-genre-label img {
	margin-top: -30px;
	margin-left: -20px;
}

/****/
.profile .story-title{
	font-size: 1.2em;
}

/** newly added stuff for the upload page genral information */
.upload-video-info h1 {
	background: url(../images/upload-landing/video-header.jpg) no-repeat;
	margin: -40px 0 -80px 0 !important;
	padding-bottom: 113px;
	padding-top: 270px;
	padding-right: 200px;
}

.upload-photo-info h1 {
	background: url(../images/upload-landing/photo-header.jpg) no-repeat;
	margin: -20px 0 0 0 !important;
	padding-top: 255px;
}

ul.star-bullets li {
	background: url(../images/upload-landing/star-bullet.gif) no-repeat 0 50%;
	min-height:42px;
	padding-left: 60px;
	width: 460px;
	margin-bottom: 18px;
}

a.upload-text-button {
	display: block;
	height: 16px;
	margin: 0 auto;
	text-indent:-99999px;
	margin-top: 40px;
}

a.upload-text-button:hover {
	background-position: 0 -15px;
}

a.upload-video-text-button {
	background: url(../images/upload-landing/upload-video-text-button.gif) no-repeat;
	width: 275px;
}

a.upload-photo-button {
	background: url(../images/upload-landing/upload-photo-text-button.gif) no-repeat;
	width: 338px;
}

.upload-photo-arrow {
	background: url(../images/upload-landing/upload-photo-arrow.gif) no-repeat 50px 323px;
	height: 920px;
}

.upload-info p, .upload-info li {
	font-style: italic;
}