/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/** 
 * Include Custom Fonts
 */

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

/* #Base 960 Grid
================================================== */

	.article_search_featured {
 background: #ffffff url("https://forgood.nus.org.uk/skeleton/images/dgood_placeholder.jpg") no-repeat scroll 0 0 !important;
    margin-top: 20px;
    overflow: hidden;
	height:300px;
}

	.container_single_wrapper {     
	background: none repeat scroll 0 0 #f0f0f0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 30px 40px;
    position: relative;
    width: 960px;
    z-index: 0; }

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; z-index:2; overflow: hidden; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 0px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Logged in status */

	.login_status {    
	background: #1db5cc none repeat scroll 0 0;
    color: #ffffff;
    padding: 10px 15px 10px 0px;
    text-align: right;
	border-bottom: 5px solid #ffffff; }
	
	.login_status p { color:#FFFFFF; font-family: 'adellesemibold'; font-size:16px; text-align:right; margin:0px; padding:0px; }
	
    .login_status a:link { color:#FFFFFF; font-family: 'adellesemibold'; font-size:16px; text-align:right; margin:0px; padding:0px; }
	
	    .login_status a:visited { color:#FFFFFF; font-family: 'adellesemibold'; font-size:16px; text-align:right; margin:0px; padding:0px; }
		
		    .login_status a:hover { color:#FFFFFF; font-family: 'adellesemibold'; font-size:16px; text-align:right; margin:0px; padding:0px; }


    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

	.jumpers_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -50px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 710px;
    z-index: 1;
}

	.jumpers_l_single {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -212px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 490px;
    z-index: 1;
}

	.jumpers_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll -39px -39px rgba(0, 0, 0, 0);
    height: 780px;
    right: 0;
    position: absolute;
    width: 710px;
    z-index: 1;
}

	.jumpers_r_single {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll -57px -39px rgba(0, 0, 0, 0);
    height: 780px;
    position: absolute;
    right: 0;
    width: 475px;
    z-index: 1;
}

	.jumpers_footer_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -302px -258px rgba(0, 0, 0, 0);
    height: 568px;
    left: 0;
    margin-top: -199px;
    position: absolute;
    width: 710px;
    z-index: 1;
}

	.jumpers_footer_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 238px -210px rgba(0, 0, 0, 0);
    height: 619px;
    margin-top: -247px;
    position: absolute;
    right: 0;
    width: 710px;
    z-index: 1;
}

	/* Articles & Comments */
	.article { background:#FFFFFF; padding:25px; margin-top: 20px; }
	
	.article p { font-size: 16px; line-height: 24px; }
	
	.article p i { color: #999; font-style: italic;	}
	
	.article ul {     
	font-size: 16px;
    line-height: 24px;
    margin-left: 40px; }
	
	.article ul li { line-height:16px; line-height: 24px;list-style:square; font-style: italic; }
	
	.article_featured {    
	height: 100%;
    margin-bottom: 46px;
    margin-top: 20px;
    width: 300px; }
	
	.article_home_featured {    
    height: 250px;
    margin-top: 20px;
    overflow: hidden;
    /* width: 460px; */ }
	
	.article_thumb { height: 100%; width: 100%; }
	
	#s { padding:10px; }
	
	.screen-reader-text {     color: #000;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px; }
	
	#post_meta {     
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    padding: 10px; }

	#post_meta p {     
	font-size:14px;
	line-height:22px; }
	
	#post_meta h3 {
	padding:10px 0px 10px 0px;
	font-size: 35px;
	line-height: 30px;
	margin-bottom: 8px;
	font-family: "adellesemibold";
	}
	
	#post_excerpt { margin-top:20px;		}
	
	#post_excerpt p {     
    color: #000;
    font-family: 'Raleway',sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 31px;
    margin-bottom: 18px; }
	
	#comment { width:80%; }		


/* #1620 (Jumper flower update)
================================================== */

    /* Note: Design for a width of 1620px */

    @media only screen and (min-width: 768px) and (max-width: 1620px) {
	
	.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

		.jumpers_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -390px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

		.jumpers_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll -58px -39px rgba(0, 0, 0, 0);
    height: 780px;
    right: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

	.jumpers_footer_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -470px -258px rgba(0, 0, 0, 0);
    height: 568px;
    left: 0;
    margin-top: -199px;
    position: absolute;
    width: 710px;
    z-index: 1;
}

	.jumpers_footer_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 343px -210px rgba(0, 0, 0, 0);
    height: 619px;
    margin-top: -247px;
    position: absolute;
    right: 0;
    width: 710px;
    z-index: 1;
}
	
	}

/* #1815 (Jumper footer flower update)
================================================== */

    /* Note: Design for a width of 1815px */

    @media only screen and (min-width: 768px) and (max-width: 1815px) {

.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

	.jumpers_footer_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -449px -277px rgba(0, 0, 0, 0);
    height: 568px;
    left: 0;
    margin-top: -179px;
    position: absolute;
    width: 453px;
    z-index: 1;
}

	.jumpers_footer_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 183px -210px rgba(0, 0, 0, 0);
    height: 619px;
    margin-top: -247px;
    position: absolute;
    right: 0;
    width: 510px;
    z-index: 1;
}
	
	}



/* #1620 (Jumper flower update)
================================================== */

    /* Note: Design for a width of 1620px */

    @media only screen and (min-width: 768px) and (max-width: 1900px) {

.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

.jumpers_l_single {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -315px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 490px;
    z-index: 1;
}

.jumpers_r_single {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 40px -39px rgba(0, 0, 0, 0);
    height: 780px;
    position: absolute;
    right: 0;
    width: 475px;
    z-index: 1;
}

	
	}
	
	
	
	
	/* #1620 (Jumper flower update)
================================================== */

    /* Note: Design for a width of 1620px */

    @media only screen and (min-width: 768px) and (max-width: 9999px) {

.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

.jumpers_l_single {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -408px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 490px;
    z-index: 1;
}

.jumpers_r_single {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 140px -39px rgba(0, 0, 0, 0);
    height: 780px;
    position: absolute;
    right: 0;
    width: 475px;
    z-index: 1;
}

.item_header h1 {
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "adellesemibold";
    font-size: 25px;
    line-height: 32px;
    padding: 30px;
	font-weight:bold;
}

#item_btn a:link {
    background: rgba(0, 0, 0, 0) url("../images/ss_box_footer.png") no-repeat scroll 0 0;
    color: #ffffff;
}

#item_btn a:visited {
    background: rgba(0, 0, 0, 0) url("../images/ss_box_footer.png") no-repeat scroll 0 0;
    color: #ffffff;
}

#item_btn a:hover {
    background: rgba(0, 0, 0, 0) url("../images/ss_box_footer_hover.png") no-repeat scroll 0 0;
    color: #ffffff;
}


	
	}
	
	
 @media only screen and (min-width: 1380px) and (max-width: 9999px) {
		
	.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
body {
     background: rgba(0, 0, 0, 0) url("https://forgood.nus.org.uk/skeleton/images/forgood_entrance1.jpg") no-repeat scroll 0 -235px !important;
    color: #444;
    font: 14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
	
	}
	





		/* #1620 (Jumper flower update)
================================================== */

    /* Note: Design for a width of 1620px */

    @media only screen and (min-width: 768px) and (max-width: 1300px) {

	#item_btn a:link {
    background:url(../images/ss_box_footer.png) no-repeat; color:#FFFFFF; }
		#item_btn a:visited {
    background:url(../images/ss_box_footer.png) no-repeat; color:#FFFFFF; }
			#item_btn a:hover {
    background:url(../images/ss_box_footer_hover.png) no-repeat; color:#FFFFFF; }

	.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

.jumpers_l_single {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -568px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 490px;
    z-index: 1;
}

.jumpers_r_single {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 272px -39px rgba(0, 0, 0, 0);
    height: 780px;
    position: absolute;
    right: 0;
    width: 475px;
    z-index: 1;
}

	
	}
	
	
	
	
	
		/* #1620 (Jumper flower update)
================================================== */

    /* Note: Design for a width of 1620px */

    @media only screen and (min-width: 768px) and (max-width: 1202px) {
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

.jumpers_l_single {
display:none;
}

.jumpers_r_single {
display:none;
}

	
	}

/* #1815 (Jumper footer flower update)
================================================== */



	/* #1455 (Jumper footer flower update)
================================================== */

    /* Note: Design for a width of 1455px */

    @media only screen and (min-width: 768px) and (max-width: 1455px) {
		
	.nb_article_title {
	/* background: none repeat scroll 0 0 #ffffff; */
    background: rgba(0, 0, 0, 0) url("../images/featured_icon_bk.png") no-repeat scroll 0 0;
    color: #24adc2;
    font-size: 17px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 10px;
    padding: 20px 30px 20px 20px;
    position: absolute;
    text-shadow: 0 0 0;
    width: 160px; }	
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

	.jumpers_footer_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -568px -258px rgba(0, 0, 0, 0);
    height: 568px;
    left: 0;
    margin-top: -199px;
    position: absolute;
    width: 710px;
    z-index: 1;
}

	.jumpers_footer_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 504px -210px rgba(0, 0, 0, 0);
    height: 619px;
    margin-top: -247px;
    position: absolute;
    right: 0;
    width: 710px;
    z-index: 1;
}

	.nb-logo a:link {
    background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll 0 0;
    display: block;
    height: 182px;
    margin-bottom: 0;
    margin-top: 25px !important;
    text-indent: -9999px;
    width: 385px;
}

	.nb-logo a:visited {
    background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll 0 0;
    display: block;
    height: 182px;
    margin-bottom: 0;
    margin-top: 25px !important;
    text-indent: -9999px;
    width: 385px;
}

	.nb-logo a:hover {
    background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll 0 0;
    display: block;
    height: 182px;
    margin-bottom: 0;
    margin-top: 25px !important;
    text-indent: -9999px;
    width: 385px;
}

	.item_header h1 {    background-color: rgba(0, 0, 0, 0.5);
    font-family: "adellesemibold";
    font-size: 23px;
    font-weight: bold;
    line-height: 30px;
    padding: 30px; }
	
	.item_header h1 a {    background-color: rgba(0, 0, 0, 0.5);
    font-family: "adellesemibold";
    font-size: 23px;
    font-weight: bold;
    line-height: 30px;
    padding: 30px; }

	.camera_content {
    height: auto;
    width: 100%;
}
	
	}

	/* #1285 (Jumper footer flower update)
================================================== */

    /* Note: Design for a width of 1285px */

    @media only screen and (min-width: 768px) and (max-width: 1285px) {
	
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}

	.jumpers_footer_l {
	display:none;
	}

	.jumpers_footer_r {
	display:none;
}
	
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.article_search_featured {
 background: #ffffff url("https://forgood.nus.org.uk/skeleton/images/dgood_placeholder.jpg") no-repeat scroll 0 0 !important;
    margin-top: 20px;
    overflow: hidden;
}
		
	.hero {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 7px;
    padding: 5px 0 11px;
    text-shadow: 1px 1px 1px #000000;
	}
	
	.sidebar {
    float: left;
	background: none repeat scroll 0 0 #ffffff;
    margin-top: 20px;
    padding: 25px;
	width:695px;
	}
	
	.sidebar ul {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ccc;
    padding: 22px;
    width: 93%;
	}
	
	.article_featured { display:none; }
		
	.container_single_wrapper {
    background: none repeat scroll 0 0 #f0f0f0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 30px 40px;
    position: relative;
    width: 768px;
    z-index: 0;
	}
		
        .container                                  { width: 768px; overflow: hidden; }
        .container .column,
        .container .columns                         { margin-left: 0px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 695px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

		.jumpers_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -570px -39px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

		.jumpers_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 139px -39px rgba(0, 0, 0, 0);
    height: 780px;
    right: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

	.jumpers_footer_l {
	display:none;
	}

	.jumpers_footer_r {
	display:none;
}

	.birdtable_camera_wrapper {
    height: 582px;
    margin-top: -250px;
    position: absolute;
    width: 750px;
    z-index: -9999;
}

.search_article_posted {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 20px solid #ffffff;
    color: #000;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    height: 172px;
    letter-spacing: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 3px;
}
		
    }
	
	@media only screen and (min-width: 240px) and (max-width: 320px) {
		
	.sf-result > li {
   		box-sizing: border-box;
    	float: left;
    height: 100% !important;
    	margin: 0 !important;
    	padding: 0 !important;
    	width: 100% !important;
		background:#FFFFFF !important;
	}
	
	.article_search_featured {
    background: rgba(0, 0, 0, 0) url("https://forgood.nus.org.uk/skeleton/images/dgood_placeholder.jpg") no-repeat scroll 0 53px !important;
    height: 222px;
    margin-top: 20px;
    overflow: hidden;
}
	
	.search_article_posted {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 20px solid #ffffff;
    color: #000;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    height: 100% !important;
    letter-spacing: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 3px;
	}
	

	
	.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
	font-family: adellesemibold;
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
	
	.search_select_students h2 { 
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 28px 0 0;
    text-align: center;
	line-height: 20px; }
	
	.search_select_students p {  
	font-family: 'Raleway',sans-serif;
    font-size: 15px;
    font-weight: bold;
	text-align:center; }
	
	.search_select_orgs p {  
	font-family: 'Raleway',sans-serif;
    font-size: 15px;
    font-weight: bold;
	text-align:center; }
	
	.search_select_orgs h2 { 
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 28px 0 0;
    text-align: center;
	color: #00b6d1;
	line-height: 20px; }
		
	}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (min-width: 320px) and (max-width: 767px) {
		
			.search_article_posted {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 20px solid #ffffff;
    color: #000;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    height: 100% !important;
    letter-spacing: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 20px 3px;
	}
	
	.article_search_featured {
    background: rgba(0, 0, 0, 0) url("https://forgood.nus.org.uk/skeleton/images/dgood_placeholder.jpg") no-repeat scroll 0 53px !important;
    height: auto !important;
    margin-top: 20px;
    overflow: hidden;
}
		
		#triad {     
		background: rgba(0, 0, 0, 0) url("../images/triad_footer.png") no-repeat scroll center center / 90% auto;
    	}
			
		.sf-result > li {
   		box-sizing: border-box;
    	float: left;
    height: 100% !important;
    	margin: 0 !important;
    	padding: 0 !important;
    	width: 100% !important;
		background:#FFFFFF !important;
		}
		
		.sf-element legend {
   		font-size: 13px !important;
		}
	
	.search_select_students h2 { font-size: 19px; }	
	.search_select_orgs h2 { font-size: 19px; line-height: 20px; }
	
	.quote_box_image_0 { height: 450px;	}
		.quote_box_image_1 { height: 450px;	}
			.quote_box_image_2 { height: 450px;	}
				.quote_box_image_3 { height: 450px;	}
					.quote_box_image_4 { height: 450px;	}
	
	.nb_article_posted {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #000;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 20px;
    padding: 20px 20px 5px;
	}
	
	.nb_article_title {
    background: #ffffff none repeat scroll 0 0;
    color: #24adc2;
    font-size: 19px;
    font-weight: 700;
    margin-top: 10px;
    padding: 20px;
    position: absolute;
    text-shadow: 0 0 0;
    width: 66%;
	}
	
	.nav_bg {
    float: right;
    margin-top: 5px;
    width: 100%;
	}
	
	#item_btn a:link {
    background:rgba(0, 0, 0, 0) url("../images/ss_box_footer.png") no-repeat scroll 0 0 !important;
	color:#FFFFFF;
	margin-top:33px;
	}
	
	#item_btn a:visited {
    background:rgba(0, 0, 0, 0) url("../images/ss_box_footer.png") no-repeat scroll 0 0 !important;
	color:#FFFFFF;
	margin-top:33px;
	}
	
	#item_btn a:hover {
    background:rgba(0, 0, 0, 0) url("../images/ss_box_footer_hover.png") no-repeat scroll 0 0 !important;
	color:#FFFFFF;
	margin-top:33px;
	}
		
	.home_profile a:link { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:visited { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile a:hover { 
    color: #ffffff;
    display: block;
    padding: 10px;
	text-decoration: none;
	border:0px solid #3e3d3f;
	padding:20px;
	}
	
	.home_profile p {
    color: #ffffff;
    font-family: adellesemibold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 2px;
	}
	
	.nb_title_icon_fox {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    padding: 5px 0 0 20px;
    text-decoration: underline;
    text-shadow: 0 0 0;
	}
		
		p img {
    	height: auto;
    	margin: 0;
    	width: 100%;
		}
		
		.nb_article_title {
 	    background: none repeat scroll 0 0 #ffffff;
    	color: #24adc2;
    	font-size: 21px;
    	font-weight: 700;
    	margin-top: 10px;
    	padding: 20px;
    	position: absolute;
    	text-shadow: 0 0 0;
    	width: 83%;
		}
 	   
	   	.hero {
   		color:#00b6d1;
    	font-size: 15px;
    	font-weight: 700;
    	line-height: 22px;
    	margin-top: 7px;
    	padding: 0 30px 30px;
		text-shadow: none;
		}
	
		.container_single_wrapper {
   		background: none;
    	margin: 0 auto;
    	overflow: hidden;
    	padding: 0;
    	position: relative;
    	width: 300px;
    	z-index: 0;
		}
		
		.article {
 	    background: none repeat scroll 0 0 #ffffff;
    	margin-top: 20px;
    	padding: 0px;
		}
		
		.sidebar ul {
    	background: none repeat scroll 0 0 #f8f8f8;
    	border-bottom: 1px solid #ccc;
    	padding: 22px;
    	width: 85%;
		}
	   
	   .jumpers_l_single {
		display:none;
		}

		.jumpers_r_single {
		display:none;
		}
	
	    .container { width: 300px; overflow: hidden; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

.nb-logo a:link { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
		.nb-logo a:visited { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
			.nb-logo a:hover { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }

.nb-logo-single a:link { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
		.nb-logo-single a:visited { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
			.nb-logo-single a:hover { margin-bottom:16px; display:block; width:300px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
 
	.nb-logo-footer a:link { margin-bottom:16px; display:block; width:410px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
		.nb-logo-footer a:visited { margin-bottom:16px; display:block; width:410px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
			.nb-logo-footer a:hover { margin-bottom:16px; display:block; width:410px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
 
		h3 {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 8px;
		text-shadow: 0 0 1px #000000;
		}
		
		.item_header {
    	margin-left: 15px;
    	margin-right: auto;
    	margin-top: 30px;
		margin-bottom:30px;
    	text-align: center;
    	width: 270px;
		}		
		
		.item_header h1 {
    	font-family: "Raleway",sans-serif;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 30px;
    	margin-bottom: 4px;
		color:#00b6d1;
		}
		
		.item_header h1 a:link {
    	font-family: "Raleway",sans-serif;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 30px;
    	margin-bottom: 4px;
    	text-shadow: 1px 1px 1px #000000;
		}
		
		.item_header h1 a:visited {
    	font-family: "Raleway",sans-serif;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 30px;
    	margin-bottom: 4px;
    	text-shadow: 1px 1px 1px #000000;
		}

		.item_header h1 a:hover {
    	font-family: "Raleway",sans-serif;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 30px;
    	margin-bottom: 4px;
    	text-shadow: 1px 1px 1px #000000;
		}

		.birdtable_camera_wrapper {
		height: 582px;
		margin-top: -250px;
		position: absolute;
		width: 320px;
		z-index: -9999;
		}
		
		.camera {
		animation: 4s ease-in-out 0s alternate none infinite camera;
		background: url("../images/camera1_320.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 582px;
		margin-left: -20px;
		margin-right: auto;
		transform-origin: 160px -10px 0;
		width: 320px;
		z-index: -999;
		}
	
	.camera_content { width:940px; height:222px; }
	
	.bluetit {
    animation: 4s linear 0s alternate none infinite bluetit;
    background: url("../images/bluetit_pecking.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 582px;
    margin-left: 64px;
    margin-right: auto;
    transform-origin: 0 0 0;
    width: 378px;
    z-index: -999;
}
	
@-webkit-keyframes camera
{
0%  {-webkit-transform:rotate(-2deg); }
100% {-webkit-transform:rotate(2deg); }
}

@keyframes camera
{
0%  {transform:rotate(-2deg); }
100% {transform:rotate(2deg); }
}
				
		.jumpers_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -571px -100px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

		.jumpers_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 146px -100px rgba(0, 0, 0, 0);
    height: 780px;
    right: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

	.jumpers_footer_l {
	display:none;
	}

	.jumpers_footer_r {
	display:none;
}

.menu li {
    background-color: rgba(0, 0, 0, 0.5);
    float: right;
    margin-right: 5px;
    padding: 13px;
    width: 90%;
}

.nb-logo a:link {     background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 104px;
    margin-bottom: 0;
    margin-top: 78px;
    text-indent: -9999px;
    width: 300px; }
		.nb-logo a:visited {     background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 104px;
    margin-bottom: 0;
    margin-top: 78px;
    text-indent: -9999px;
    width: 300px; }
			.nb-logo a:hover {     background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 104px;
    margin-bottom: 0;
    margin-top: 78px;
    text-indent: -9999px;
    width: 300px; }
 
	.nb-logo-footer a:link {    
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 113px;
    margin-bottom: 16px;
    text-indent: -9999px;
    width: 100%; }
	
	.nb-logo-footer a:visited {    
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 113px;
    margin-bottom: 16px;
    text-indent: -9999px;
    width: 100%; }
		
	.nb-logo-footer a:hover {    
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021_sm.png") no-repeat scroll center center;
    display: block;
    height: 113px;
    margin-bottom: 16px;
    text-indent: -9999px;
    width: 100%; }

	.nesta-logo-footer a:link { background: url("../images/supporter_logo_nesta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display:block; float:left; height:35px; margin-bottom:0; margin-left:20px; margin-top:29px; text-indent: -9999px; width:150px; }
		.nesta-logo-footer a:visited { background: url("../images/supporter_logo_nesta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display:block; float:left; height:35px; margin-bottom:0; margin-left:20px; margin-top:29px; text-indent: -9999px; width:150px; }
			.nesta-logo-footer a:hover { background: url("../images/supporter_logo_nesta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display:block; float:left; height:35px; margin-bottom:0; margin-left:20px; margin-top:29px; text-indent: -9999px; width:150px; }
	
	.raspberry-logo-footer a:link { float:right; display:block; width:90px; height:102px; background:url(../images/supporter_logo_rasppi.png) no-repeat; margin-bottom: 0px; text-indent:-9999px; }
		.raspberry-logo-footer a:visited { float:right; display:block; width:90px; height:102px; background:url(../images/supporter_logo_rasppi.png) no-repeat; margin-bottom: 0px; text-indent:-9999px; }
			.raspberry-logo-footer a:hover { float:right; display:block; width:90px; height:102px; background:url(../images/supporter_logo_rasppi.png) no-repeat; margin-bottom: 0px; text-indent:-9999px; }
 

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	
		#triad {     
		background: rgba(0, 0, 0, 0) url("../images/triad_footer.png") no-repeat scroll center center;
    	}
	
		.sf-result > li {
   		box-sizing: border-box;
    	float: left;
    	height: 100% !important;
    	margin: 0 !important;
    	padding: 0 !important;
    	width: 100% !important;
		background:#FFFFFF !important;
		}
	
	    p img {
   		height: auto;
    	margin: 0;
    	width: 100%;
		}
		
		.nb_article_title {
 	    background: none repeat scroll 0 0 #ffffff;
    	color: #24adc2;
    	font-size: 21px;
    	font-weight: 700;
    	margin-top: 10px;
    	padding: 20px;
    	position: absolute;
    	text-shadow: 0 0 0;
    	width: 32%;
		}
		
		.hero {
   	 	color: #ffffff;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 27px;
    	margin-top: 7px;
    	padding: 5px 0 11px;
    	text-shadow: 1px 1px 1px #000000;
		}
		
		.container_single_wrapper {     
		background: none;
    	margin: 0 auto;
    	overflow: hidden;
    	padding: 0 30px 40px;
    	position: relative;
    	width: 470px;
    	z-index: 0; }
		
		.article {
 	    background: none repeat scroll 0 0 #ffffff;
    	margin-top: 20px;
    	padding: 0px;
		}
		
		.sidebar ul {
    	background: none repeat scroll 0 0 #f8f8f8;
    	border-bottom: 1px solid #ccc;
    	padding: 22px;
    	width: 78%;
		}	
		
.nb-logo-single a:link { margin-bottom:25px; display:block; width:470px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }

		.nb-logo-single a:visited { margin-bottom:25px; display:block; width:470px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
		
			.nb-logo-single a:hover { margin-bottom:25px; display:block; width:470px; height:115px; background:url(../images/dforgood_logo_2021_sm_b.png) center no-repeat; text-indent:-9999px; }
		
		.container { width: 470px; overflow: hidden; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 470px; }
		
		.eight.columns { background:#FFFFFF; }
		
	.nb-logo a:link {     
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll center center;
    display: block;
    height: 172px;
    margin-bottom: 0;
    margin-left: 25px;
    margin-top: 70px;
    text-indent: -9999px;
    width: 418px; }
	
	.nb-logo a:visited {     
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll center center;
    display: block;
    height: 172px;
    margin-bottom: 0;
    margin-left: 25px;
    margin-top: 70px;
    text-indent: -9999px;
    width: 418px; }
	
	.nb-logo a:hover {     
	background: rgba(0, 0, 0, 0) url("../images/dforgood_logo_2021.png") no-repeat scroll center center;
    display: block;
    height: 172px;
    margin-bottom: 0;
    margin-left: 25px;
    margin-top: 70px;
    text-indent: -9999px;
    width: 418px; }
    
		h3 {
    	font-size: 29px;
    	line-height: 26px;
    	margin-bottom: 8px;
    	text-shadow: 0 0 0px #000000;
		}
		
		.article_featured { display:none; }
		
		.sidebar {
    	background: none repeat scroll 0 0 #ffffff;
    	float: left;
    	margin-top: 20px;
    	padding: 25px;
    	width: 420px;
		}
		
		.sidebar ul {
    	background: none repeat scroll 0 0 #f8f8f8;
    	border-bottom: 1px solid #ccc;
    	padding: 22px;
    	width: 89%;
		}
		
		.item_header {
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 30px;
		margin-bottom: 30px;
    	padding: 4px;
    	text-align: center;
    	width: 470px;
		}		
		
		.item_header h1 {
		font-family: 'Raleway',sans-serif;
		font-size: 31px;
		font-weight: 700;
		line-height: 39px;
		margin-bottom: 4px;
		}
		
		.item_header h1 a:link {
		font-family: 'Raleway',sans-serif;
		font-size: 31px;
		font-weight: 700;
		line-height: 39px;
		margin-bottom: 4px;
		}
		
		.item_header h1 a:visited {
		font-family: 'Raleway',sans-serif;
		font-size: 31px;
		font-weight: 700;
		line-height: 39px;
		margin-bottom: 4px;
		}
		
		.item_header h1 a:hover {
		font-family: 'Raleway',sans-serif;
		font-size: 31px;
		font-weight: 700;
		line-height: 39px;
		margin-bottom: 4px;
		}
		
		.hero {
    	color: #ffffff;
    	font-size: 22px;
    	font-weight: 700;
    	line-height: 34px;
    	margin-top: 10px;
    	padding: 5px 0 11px;
    	text-shadow: 1px 1px 1px #000000;
		}

		.birdtable_camera_wrapper {
		height: 582px;
		margin-top: -250px;
		position: absolute;
		width: 420px;
		z-index: -9999;
		}
		
		.camera {    
	background: url("../images/camera1_480.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 582px;
    margin-left: 45px;
    margin-right: auto;
    width: 378px;
    z-index: -999;
 /* Safari and Chrome: */
    -webkit-animation:camera 4s ease-in-out 0s infinite alternate;  animation:camera 4s ease-in-out 0s infinite alternate;
	-webkit-transform-origin:160px -10px;
	-moz-transform-origin:160px -10px;
	-o-transform-origin:160px -10px;	}
	
	.camera_content { width:100%; height:100%; }
	
	.bluetit {
    animation: 4s linear 0s alternate none infinite bluetit;
    background: url("../images/bluetit_pecking.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 582px;
    margin-left: 30px;
    margin-right: auto;
    transform-origin: 0 0 0;
    width: 378px;
    z-index: -999;
}
	
@-webkit-keyframes camera
{
0%  {-webkit-transform:rotate(-2deg); }
100% {-webkit-transform:rotate(2deg); }
}

@keyframes camera
{
0%  {transform:rotate(-2deg); }
100% {transform:rotate(2deg); }
}

	.jumpers_l {
    background: url("../images/jumper_flowers_l.png") no-repeat scroll -571px -100px rgba(0, 0, 0, 0);
    height: 780px;
    left: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

	.jumpers_r {
    background: url("../images/jumper_flowers_r.png") no-repeat scroll 146px -100px rgba(0, 0, 0, 0);
    height: 780px;
    right: 0;
    position: absolute;
    width: 350px;
    z-index: 1;
}

	.jumpers_footer_l {
	display:none;
	}

	.jumpers_footer_r {
	display:none;
}
		
	}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }