@charset "UTF-8";
/*
Theme Name: Staying-Alive Campaign (EN)
Theme URI: http://www.staying-alive.org/
Description: Custom theme for MTV Staying Alive Campaign. Designed by Sam Gilbey. Built by Oliver Jones.
Author: Oliver Jones
Author URI: http://www.novanishingpoint.com
*/

#grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 1150;
	height: 1827;
	z-index: 1000;
	/*display: none;*/
}

html { background: #e7e7e7 url("gfx/bg_body_shim2.gif") top left repeat-x;}

body {
	text-align: center;
	color: #494848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

strong { font-weight: bold; }

a { text-decoration: none; color: #d81d5d;  }
a:hover { color: #e04a7d; }
a:hover  img { border-color: #e04a7d; } 
a:focus, a:active { outline: none; }

p { font-size: 13px; line-height: 20px; }

h2 { font-size: 21px; padding-bottom: 2px; color: #d81d5d; }
h3 { font-size: 16px; padding-bottom: 6px; }
h4 { font-size: 15px; text-transform: uppercase; }

input.txt { 
	border: none;
	background: #fff url("gfx/bg_shim_input.gif") 0 0 repeat-x;
	height: 19px;
}

#wrapper {
	position: relative;
	width: 990px; /*ED 1150px (-170)*/
	margin: 0 auto;
	text-align: left;
}

#global-nav {
	height: 30px;
	position: relative;
}

	#global-nav-tabs {
		position: absolute;
		bottom: 0;
		left: 0; /*ED 93px */
		width: 500px;
		height: 23px;
	}
	
		#global-nav-tabs ul {
			list-style: none;
		}
		
		#global-nav-tabs ul li {
			display: block;
			float: left;
			position: relative;
		}
		
		#global-nav-tabs ul li span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			height: 23px;
			background-image: url("gfx/sprite_global_nav.gif");
			z-index: 10;
		}
		
			#tab-foundation, #tab-foundation span {
				background-position: 0 0;
				width: 128px;
				margin-right: 4px;
			}
			
			#tab-foundation a:hover span { background-position: 0 -23px; }
			
			#tab-campaign, #tab-campaign span {
				background-position: -132px -46px;
				width: 111px;
				margin-right: 4px;
			}
			
			#tab-campaign a:hover span { background-position: -132px -23px; }
			
			#tab-connected, #tab-connected span {
				background-position: -247px 0;
				width: 182px;
				margin-right: 4px;
			}
			
			#tab-connected a:hover span { background-position: -247px -23px; }	
	
#language {
	background: transparent url("gfx/bg_language.gif") top left no-repeat;
	color: #fff;
	position: absolute;
	width: 143px;
	height: 22px;
	padding: 4px 0 0 5px;
	top: 20px;
	right: 0;
z-index: 10;
}
#language select  { font-size: 11px }

#header-link {
position: absolute;
right: 0;
bottom: 0;
width: 990px;
height: 300px;
z-index: 1;
}

#header {
	height: 300px;
	background: transparent url("gfx/header_getinvolved.jpg") -92px 0 no-repeat; /*ED */
	position: relative;
}
div.header-facts { background-image: url("gfx/header_facts_resources.jpg") !important; }
div.header-blog { background-image: url("gfx/header_blog.jpg") !important; }
div.header-video { background-image: url("gfx/header_video.jpg") !important; }
div.header-team { background-image: url("gfx/header_team.jpg") !important; }
div.header-resources { background-image: url("gfx/header_facts_resources.jpg") !important; }
div.header-involved { background-image: url("gfx/header_getinvolved.jpg") !important; }

	#logo {
		position: absolute;
		top: 20px;
		left: 0; /*ED 90px */
z-index: 10;
	}
	
#top { 
	padding: 22px 0 20px 0; /*ED */
	position: relative;
}

	#nav { 
		width: 550px;
		height: 34px;
	}
	
	#nav ul { 
		list-style: none;
	}
	
	#nav ul li {
		display: block;
		float: left;
		position: relative;
	}
	
	#nav ul li span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 34px;
		background-image: url("gfx/sprite_main_nav.gif");
		z-index: 10;
	}
	
	#nav-home, #nav-home span {
		background-position: 0 0;
		width: 56px;
		margin-right: 4px;
	}
	#nav-home a:hover span { background-position: 0 -34px; }
	#nav-home a.on span { background-position: 0 -68px; }
	
	#nav-blog, #nav-blog span {
		background-position: -60px 0;
		width: 56px;
		margin-right: 4px;
	}
	#nav-blog a:hover span { background-position: -60px -34px; }
	#nav-blog a.on span { background-position: -60px -68px; }
	
	#nav-facts, #nav-facts span {
		background-position: -120px 0;
		width: 62px;
		margin-right: 4px;
	}
	#nav-facts a:hover span { background-position: -120px -34px; }
	#nav-facts a.on span { background-position: -120px -68px; }
	
	#nav-videos, #nav-videos span {
		background-position: -186px 0;
		width: 70px;
		margin-right: 4px;
	}
	#nav-videos a:hover span { background-position: -186px -34px; }
	#nav-videos a.on span { background-position: -186px -68px; }
	
	#nav-resources, #nav-resources span {
		background-position: -260px 0;
		width: 101px;
		margin-right: 4px;
	}
	#nav-resources a:hover span { background-position: -260px -34px; }
	#nav-resources a.on span { background-position: -260px -68px; }
	
	#nav-team, #nav-team span {
		background-position: -365px 0;
		width: 57px;
		margin-right: 4px;
	}
	#nav-team a:hover span { background-position: -365px -34px; }
	#nav-team a.on span { background-position: -365px -68px; }
	
	#nav-involved, #nav-involved span {
		background-position: -426px 0;
		width: 119px;
		margin-right: 4px;
	}
	#nav-involved a:hover span { background-position: -426px -34px; }
	#nav-involved a.on span { background-position: -426px -68px; }
	
	#search { 
		background: transparent url("gfx/bg_search.gif") top left no-repeat;
		width: 252px;
		height: 30px;
		padding: 4px 0 0 4px;
		position: absolute;
		right: 0;
		top: 20px;
	}
	#search label { color: #fff; font-size: 15px; text-transform: uppercase; padding-right: 6px; vertical-align: middle;}
	#search input { vertical-align: middle; }
	#s { vertical-align: middle; }

#left {
	width: 803px; /* ED*/
	float: left;	
}

#right {
	background: transparent url("gfx/bg_sidebar_right.gif") top left no-repeat;
	width: 162px; /* ED */
	float: left;
}

	#right a { color: #00a0cd; }
	#right a:hover { color: #40b8da; }

	#right-inner {
		width: 162px;
		background: transparent url("gfx/border_shim_vertical.gif") top left repeat-y;
		padding-left: 24px;
		/*height: 1300px;  REMOVE */		
	}

#feature { width: 767px; padding-left: 0; margin-bottom: 16px; } /*ED */

	.feature-panel-top {
		background: transparent url("gfx/bg_feature_panel_top.gif") top left no-repeat;
		padding: 24px 24px 22px 26px;
	}
	
		.feature-image {
			float: left;
			width: 360px;
		}
			.feature-image img { border: 1px solid #d81d5d; }
		
		.feature-content {
			float: left;
			width: 339px;
			padding-left: 16px;
		}
		
	.feature-panel-bottom {
		height: 4px;
	}

#newsletter {
	width: 759px;
	height: 38px;
	margin: 0 0 20px 4px; /*ED */
	background: #fff url("gfx/bg_newsletter_signup.gif") 0 0 no-repeat;
	position: relative;
	color: #fff;
}
	#newsletter div { position: absolute; z-index: 10; }
	#newsletter-title { left: 10px; top: 11px; }
	#newsletter-label { left: 184px; top: 9px; }
	#newsletter-field { right: 10px; top: 9px; }
	
a.read-more img { background: #fff url("gfx/btn_read_more.gif") 0 0 no-repeat; margin-top: 5px; }
a:hover.read-more img {	background-position: 0 -30px; }


#middle {
	float: left;
	width: 576px;
	padding-right: 40px;
}

#sidebar {
	float: left; 
	background: transparent url("gfx/bg_sidebar_left.gif") top left no-repeat;
	width: 148px;
	margin-right: 39px;
}

	#sidebar-inner {
		float: right;
		background: transparent url("gfx/border_shim_vertical.gif") top right repeat-y;	
		/*height: 1000px;  REMOVE */
		width: 120px;
		padding-right: 24px;
	}

#footer {
	background: #e7e7e7 url("gfx/bg_shim_footer.gif") 0 0 repeat-x;
	/*height: 200px;  REMOVE */
	padding-bottom: 100px;
	margin: 60px 0;
}
	#footer a, 
	#footer p { font-size: 11px; color: #a1a0a0; }
	
	#footer a:hover { color: #464646; }
	
	#footer-nav {
		float: left;
		width: 400px;
		padding-top: 12px;
	}
		#footer-nav ul { list-style: none; }
		#footer-nav ul li { float: left; padding-right: 14px; }
		
	
	#site-design {
		float: right;
		padding-top: 12px;
	}
	#site-design a { padding-right: 20px; background: transparent url("gfx/logo_nvp.gif") center right no-repeat; }
	#site-design a:hover { color: #d81d5d; padding-right: 20px; background: transparent url("gfx/logo_nvp_over.gif") center right no-repeat; }
	#copyright {
		clear: left;
		width: 100%;
		padding-top: 30px;
	}

/* ------------------------------------------------------ */ 
div.entry a, #login-text a { color: #d81d5d; }
div.entry a:hover, #login-text a:hover { color: #e04a7d; }

div.entry p { padding-bottom: 20px; }

div.entry p a { padding: 0 2px; }

div.entry img { border: 8px solid #fff; }

.post h2 { font-size: 21px; color: #9d2063; padding-bottom: 20px; }

h2.post { padding-bottom: 0; }
h2.post a { color: #9d2063 !important; }
small.post { display: block; text-size: 9px; text-transform: uppercase; padding-bottom: 20px; }
small.post a { background-color: transparent; color: #d81d5d; }
small.post a:hover { background-color: transparent; color: #d81d5d; }

.post li { background: transparent url("gfx/bullet_arrow.gif") 0 3px no-repeat; padding: 0 0 15px 15px;}

.post-comments { padding-bottom: 7px; }
.post-comments,
.post-comments a { font-size: 14px; text-transform: uppercase; }

.post-comments-text { float: left; width: 110px; padding-top: 8px;}
.post-comments-btn { float: left; width: 200px;  }
a.commentlink { float: left; display: block; width: 180px; padding: 8px 0 0 10px; height: 22px; background: transparent url("gfx/sprite_talkabout.gif") 0 0 no-repeat; color: #fff; text-decoration: none; }
a:hover.commentlink { background-position: 0 -30px;  color: #fff; }

div.post-to span.hilite { font-size: 14px; text-transform: uppercase; }
a.icon-twitter { padding-right: 4px; }
a.icon-twitter img { background: transparent url("gfx/sprite_bookmarks.gif") 0 0 no-repeat; vertical-align:middle; }
a.icon-facebook {padding-right: 4px; }
a.icon-facebook img { background: transparent url("gfx/sprite_bookmarks.gif") -38px 0 no-repeat; vertical-align:middle;}
a:hover.icon-twitter img { background-position: 0 -30px; }
a:hover.icon-facebook img { background-position: -38px -30px; }

.guest-blogger { width: 194px; height: 30px; float: right; }
.guest-blogger img { background: transparent url("gfx/sprite_guest_blogger.gif") 0 0 no-repeat; }
.guest-blogger a:hover img { background-position: 0 -30px; }

#login { background-color: #dddddd; padding: 25px; }
#login-form label,
#login-form input { vertical-align: middle; }
#pwd {
	width: 272px;
	height: 16px;
	border: 1px solid #c8c7c7;
	background: #fff url("gfx/bg_shim_input_form.gif") top left repeat-x;
	padding: 2px;
}

#login-divider { padding: 20px 0; }

#btnLogin { background: #dddddd url("gfx/btn_login.gif") 0 -30px no-repeat !important; }

#respond {
	padding: 20px 0 20px 26px;
	background-color: #dedddd;
}

/* ------------------------------------------------------ */ 

#text-5 { border-bottom: 0; }

/* ------------------------------------------------------ */ 
/* Team page /   */
div.headline-bar-white {
	background: transparent url("gfx/bg_headline_white.gif") top left no-repeat;
	position: relative;
	height: 27px;
}
div.headline-left {
	position: absolute;
	top: 2px;
	left: 2px;
}
div.headline-right {
	position: absolute;
	top: 1px;
	right: 1px;
}
div.headline-right .twitter-link { background-image: url("gfx/bg_link_arrow_blue.gif") !important; }

div.panel-grey {
	background: #e7e7e7 url("gfx/bg_shim_panel_grey.gif") bottom left repeat-x;
	padding: 20px 16px 0 16px;
	margin-bottom: 20px;
}
div.panel-grey-left {
	float: left;
	width: 275px;
	padding-right: 20px;
}
div.panel-grey-left-wide {
	float: left;
	width: 380px;
	padding-right: 40px;
}
div.panel-grey-left-narrow {
	float: left;
	width: 200px;
	padding-right: 40px;
}
div.panel-grey-right {
	float: left;
}
div.panel-grey-right img { border: 1px solid #b9b9b9; margin-bottom: 19px; }



div.panel-grey span.vvqbox { float: left; border: 1px solid #b9b9b9; }

/* ------------------------------------------------------ */ 
/* Broadcasters */

div.download,
div.download-even { position: relative; height: 20px; }

div.download { background-color: #dddddd; }

div.download div.headline-left,
div.download-even div.headline-left { font-weight: bold !important; }

a.download-link { background: #d81d5d url("gfx/bg_link_arrow.gif") 5px 5px no-repeat; padding: 3px 5px 3px 15px; color: #fff !important; font-weight: bold; font-size: 10px; text-transform: uppercase; }
a:hover.download-link { background-color: #e04a7d; }

/* ------------------------------------------------------ */ 
/* FACTS /  FAQ-Tastic */
#faqs img.right { 
	border: 1px solid #b9b9b9;
	float: right;
	margin-left: 60px;
}
div.question { border-bottom: 1px solid #b9b9b9; margin-bottom: 20px; }
div.question-title { padding-bottom: 20px; }
div.answer {
	background: #dddddd url("gfx/bg_shim_panel_answer.gif") top left repeat-x;
	padding: 20px 16px 0 16px;	
	position: relative;
}
div.answer p {
	padding-bottom: 20px;
}

div.answer-top { position: absolute; top: 0; left: 0; z-index: 10; height: 1px; width: 577px; }

a.answer-link { background: #d81d5d url("gfx/bg_link_arrow_down.gif") right 5px no-repeat; padding: 3px 17px 3px 5px; color: #fff !important; font-weight: bold; font-size: 10px; text-transform: uppercase; }
a:hover.answer-link { background-color: #e04a7d; }

a.open { background-image: url("gfx/bg_link_arrow_up.gif") !important; }

/* ------------------------------------------------------ */ 
/* CLASSES */

.widget { border-bottom: 1px solid #b4b4b4; padding-top: 20px; }
.widget h3{ padding: 7px 0 17px 0; font-size: 15px; color: #383838; }
	
	
.widget_links a, 
a.side-link { display: block; background: #d81d5d url("gfx/bg_link_arrow.gif") 5px 4px no-repeat; padding: 1px 5px 2px 15px; color: #fff; font-size: 13px; line-height: 16px; }

.widget_links a:hover,
a:hover.side-link { background-color: #e04a7d; }

a.side-link-reverse { display: block; background: transparent url("gfx/bg_link_arrow_red.gif") 0 4px no-repeat; padding: 0 5px 0 15px; color: #d81d5d; font-size: 12px; line-height: 18px; }
a:hover.side-link-reverse { color: #e04a7d; }


a.title-link { background: #d81d5d url("gfx/bg_link_arrow.gif") center right no-repeat; padding: 0 15px 0 5px !important; color: #fff; font-size: 13px; line-height: 18px; }
a:hover.title-link { background-color: #e04a7d; }

/* LEFT SIDEBAR */
.project { width: 120px; padding-bottom: 20px; }
.project img { border: 1px solid #d81d5d; }

.widget_links ul { padding-bottom: 10px; }
.widget_links li { padding-bottom: 10px; float: left; clear: left; }

#text-3,
#recent-posts-3 { padding-top: 13px !important; }
#linkcat-3 { padding-bottom: 9px; }

/* RIGHT SIDEBAR */
#tbheader { display: none; visibility: hidden; }
#tweetblender { padding: 0 0 20px 0; }

#twitter-3 h3 { padding-bottom: 2px; }
#twitter-3 { border-bottom: 1px solid #b4b4b4; padding: 4px 0 20px 0; }
.twitter-timestamp { display: block; clear: left; }
.twitter_follow { padding: 8px 0 14px 0; }
#your-tweets-title { padding-bottom: 5px !important; }
	
	
a.twitter-link { background: #00a0cd url("gfx/bg_link_arrow_blue.gif") 5px 5px no-repeat; padding: 3px 5px 3px 15px; color: #fff !important; font-weight: bold; font-size: 10px; text-transform: uppercase; }
a:hover.twitter-link { background-color: #40b8da; }

#join-facebook {
	margin-bottom: 20px;
	background: transparent url("gfx/btn_facebook.gif") 0 0 no-repeat;
}
a:hover #join-facebook { background-position: 0 -80px; }

.comment { background-color: #d5d4d4; margin-bottom: 20px; font-size: 12px; font-weight: bold; }
.comment-text { background: #fff url("gfx/bg_comment.gif") bottom left no-repeat; padding: 9px 19px 19px 19px; }
.comment-post { padding: 12px 13px; }

#get-recent-comments { border-bottom: none !important; }

.frmLabel {
	float: left;
	width: 260px;
	height: 18px;
	padding-top: 4px;
}
.frmLabel label { text-size: 14px; }
.frmField {
	float: left;
	text-align: right;
	width: 262px;
}
.frmField input {
	width: 256px;
	height: 16px;
	border: 1px solid #c8c7c7;
	background: #fff url("gfx/bg_shim_input_form.gif") top left repeat-x;
	padding: 2px;
}

.divider-form { padding: 10px 0; }

#comment { padding: 2px; width: 516px; border: 1px solid #c8c7c7; height: 82px; background: #fff url("gfx/bg_shim_input_form.gif") top left repeat-x;}
#submit { background: transparent url("gfx/btn_submit.gif") 0 0 no-repeat; padding-right: 14px; }


.required {
	color: #9d2063 !important;
}

#post-comments ol,
#post-comments li { list-style: decimal;background-color: transparent !important;   }
#post-comments li { margin: 20px 0 0 0; }
#post-comments a { color: #40b8da; }
div.commentmetadata a { font-size: 9px; text-transform: uppercase; color: #494848 !important;  font-weight: normal; }
div.comment-body p { font-weight: normal; }

/*
ol.commentlist { clear: left; }
ol.commentlist li { list-style: decimal; list-style-position: outside; }
ol.commentlist li { background-color: transparent !important; }
div.comment-body { display: inline; }
*/

/* BLOG SIDEBAR */
#sidebar-blog {
	width: 170px;
	padding-right: 14px;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	float: left;	
}

#recent-posts-3 ul { padding-bottom: 10px; }
#recent-posts-3 li { padding-bottom: 10px; float: left; clear: left; }

#archives-3 { border: none !important; }
#archives-3 ul { padding-bottom: 10px; }
#archives-3 li { padding-bottom: 10px; float: left; clear: left; }



/* HOME PAGE */
.see-also { padding-bottom: 13px; }

.article { width: 576px; }
.article-content { padding-top: 6px; }
.article-image { float: right;  padding-left: 20px; }
.article-image img { background-color: #333333; border: 1px solid #d81d5d; }
a.title { font-size: 12px; font-weight: bold; color: #fff; background: #d81d5d url("gfx/bg_link_arrow.gif") 5px 5px no-repeat; text-transform: uppercase; padding: 2px 4px 2px 20px; }
a:hover.title { background-color: #e04a7d; }

.divider-middle { padding: 13px 0 20px 0; }
.divider-middle-thin { padding: 5px 0; }
.divider-large { padding: 13px 0 20px 0; }

.divider-middle img,
.divider-middle-thin img,
.divider-large img,
.answer-top img { border: none !important; }

#video { margin-left: -4px; }
.video-panel-top {
	background: transparent url("gfx/bg_video_panel_top.gif") top left no-repeat;
	width: 585px;
	padding: 21px 12px 6px 12px;
}
.video { width: 560px;  }
.video-panel-top p { padding-right: 128px; }

div.project a:hover img { border-bottom-color: #e04a7d }

/* ------------------------------------------------------ */ 
/* HELPER CLASSES */
.vvqbox { margin: 0 auto 20px auto !important; }

li.plain { padding: 0; background-image: none; list-style: none; }

.no-border { border: none !important; }

.hidden {
	display: none;
	visibility: hidden;
}

.cleaner {
	clear:both;	
	font-size:1px;
	border:none;
	margin:0;
	padding:0;	
}	


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}