/* RESET */

html,body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol,ul {
    list-style: none;
}
blockquote,q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* FONTS */

@font-face {
    font-family: 'League Gothic';
    src: url('fonts/league_gothic/League_Gothic-webfont.eot');
    src: url('fonts/league_gothic/League_Gothic-webfont.eot?iefix') format('eot'),
  url('fonts/league_gothic/League_Gothic-webfont.woff') format('woff'),
	 url('fonts/league_gothic/League_Gothic-webfont.ttf') format('truetype'),
	 url('fonts/league_gothic/League_Gothic-webfont.svg#webfont7CmAJdOc') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FUNCTIONS */
.skew( @originX: 50%, @originY: 50%, @xAxis, @yAxis ){
  transform-origin: @originX @originY;
  -ms-transform-origin: @originX @originY; /* IE 9 */
  -webkit-transform-origin: @originX @originY; /* Safari and Chrome */
  -o-transform-origin: @originX @originY; /* Opera */
  -moz-transform-origin: @originX @originY; /* Firefox */
 
  transform: skew( @xAxis, @yAxis );
  -ms-transform: skew( @xAxis, @yAxis ); /* IE 9 */
  -webkit-transform: skew( @xAxis, @yAxis ); /* Safari and Chrome */
  -o-transform: skew( @xAxis, @yAxis ); /* Opera */
  -moz-transform: skew( @xAxis, @yAxis ); /* Firefox */
}
.transition( @property, @duration: 1s, @easing: ease, @delay: 0s){
  transition-property: @property;
  -moz-transition-property: @property;
  -ms-transition-property: @property;
  -o-transition-property: @property;
  -webkit-transition-property: @property;
  
  transition-duration: @duration;
  -moz-transition-duration: @duration;
  -ms-transition-duration: @duration;
  -o-transition-duration: @duration;
  -webkit-transition-duration: @duration;
  
  transition-timing-function: @easing;
  -moz-transition-timing-function: @easing;
  -ms-transition-timing-function: @easing;
  -o-transition-timing-function: @easing;
  -webkit-transition-timing-function: @easing;
  
  transition-delay: @delay;
  -moz-transition-delay: @delay;
  -ms-transition-delay: @delay;
  -o-transition-delay: @delay;
  -webkit-transition-delay: @delay;
}
.boxShadow( @x, @y, @blur, @color ){
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
  box-shadow: @arguments;
}
.textShadow( @x, @y, @blur, @color ){
  -moz-text-shadow: @arguments;
  -webkit-text-shadow: @arguments;
  text-shadow: @arguments;
}
.borderRadius( @r1, @r2, @r3, @r4 ){
  -moz-border-radius: @arguments;
  -webkit-border-radius: @arguments;
  border-radius: @arguments;
}


/* COLORS */

@green: #ccd537;
@blue: #00A9E5;
@blueShadow: #3388BB;
@white: #FFFFFF;


/* GENERAL USE STYLES and MIXINS */

.mainFont {
    font-family: georgia, serif;
}
.headlineFont {
    font-family: "League Gothic", impact, sans-serif;
    font-weight: 400;
}
.mobileFont {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}
.clear {
    clear: both;
}
.reverse_blue {
    background: @blue;
    color: @white;
}
.reverse_green {
    background: @green;
    color: @white;
}
.clippable {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipse;
}


/* GLOBAL STYLES */

html,body {
    min-height: 100%;
}
.bg_blue_shapes {
	.transition( background-position);
    background-image: url(images/BG_blue.svg);
    position: absolute;
    background-position: 0 0;
    height: 100%;
    opacity: 0.65;
    width: 100%;
}
.bg_green_shapes {
    .transition( background-position);
    background-image: url(images/BG_green.svg);
    background-position: 0 0;
    position: absolute;
    height: 100%;
    opacity: 0.9;
    width: 100%;
}
html {
    &.nosvg {
        body {
            background-image: url(images/BG_combined.gif);
        }
        .bg_blue_shapes {
            background-image: none;
        }
        .bg_green_shapes {
            background-image: none;
        }
    }
}
#nav {
	.boxShadow( 0, 1px, 6px, @blueShadow );
    background: @white;
    font-size: 75%;
    position: fixed;
    right: 85%;
    text-align: right;
    top: 6em;
    width: 115px;
    z-index: 2;
    
    ul {
        li {
            overflow: hidden;
            
            a {
            	.transition( ~"color, background-color", ~"0.2s, 0.6s");
                border-right: 2px solid @blue;
                cursor: pointer;
                display: block;
                font-weight: normal;
                margin-left: -2px;
                padding: 0.5em 1em 0.5em 0;
                text-transform: capitalize;
            }
        }
    }
}


/* NAVIGATION TRANSITIONS */

#home{
	ul {
        li {
            
            a#welcome_link {
                background: @blue;
                color: @white;
            }
            a#entry_link {
                background: @blue;
                color: @white;
            }
		}
    }
	&.judges {
		.bg_blue_shapes {
			background-position: 147px 294px; 
		}
		.bg_green_shapes {
			background-position: 441px 882px;
		}
		#nav {
			ul {
				li {
					a#judges_link {
						background: @blue; 
						color: @white;
					}
					a#welcome_link {
						background: inherit;
						color: @green;
						&:hover {
							background: @blue;
							color: @white;
						}
					}
				}
			}
		}
	}
	&.sponsors {
		.bg_blue_shapes {
			background-position: 361px 723px;
		}
		.bg_green_shapes {
			background-position: 1085px 2170px;
		}
		#nav {
			ul {
				li {
					a#sponsors_link {
						background: @blue;
						color: @white;
					}
					a#welcome_link {
						background: inherit;
						color: @green;
						&:hover {
							background: @blue;
							color: @white;
						}
					}
				}
			}
		}
	}
	&.thank_you {
		.bg_blue_shapes {
			background-position: 710px 1420px;
		}
		.bg_green_shapes {
			background-position: 2130px 4260px; 
		}
		#nav {
			ul {
				li {
					a#thank_you_link {
						background: @blue;
						color: @white;
					}
					a#welcome_link {
						background: inherit;
						color: @green;
						&:hover {
							background: @blue;
							color: @white; 
						}
					}
				}
			}
		}
	}
	&.social_scene {
		.bg_blue_shapes {
			background-position: 830px 1660px;
		}
		.bg_green_shapes {
			background-position: 2490px 4980px; 
		}
		#nav {
			ul {
				li {
					a#social_scene_link {
						background: @blue;
						color: @white;
					}
					a#welcome_link {
						background: inherit;
						color: @green;
						&:hover {
							background: @blue;
							color: @white;
						}
					}
				}
			}
		}
	}
}
#all_winners{
	
	#branding h2{
		margin-top:3em;
	}
	ul {
        li {
            a#branding_link {
                background: @blue;
                color: @white;
            }
		}
    }
    &.campaign {
		.bg_blue_shapes {
			background-position: 180px 360px;
		}
		.bg_green_shapes {
			background-position: 538px 1076px;
		}
		#nav {
			ul {
				li {
					a#campaign_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.environmental-graphics {
		.bg_blue_shapes {
			background-position: 272px 545px;
		}
		.bg_green_shapes {
			background-position: 818px 1636px;
		}
		#nav {
			ul {
				li {
					a#environmental-graphics_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.interactive {
		.bg_blue_shapes {
			background-position: 366px 732px;
		}
		.bg_green_shapes {
			background-position: 1098px 2196px;
		}
		#nav {
			ul {
				li {
					a#interactive_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.miscellaneous {
		.bg_blue_shapes {
			background-position: 547px 1094px;
		}
		.bg_green_shapes {
			background-position: 1621px 3242px;
		}
		#nav {
			ul {
				li {
					a#miscellaneous_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.motion-graphics {
		.bg_blue_shapes {
			background-position: 632px 1267px;
		}
		.bg_green_shapes {
			background-position: 1901px 3802px;
		}
		#nav {
			ul {
				li {
					a#motion-graphics_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.packaging {
		.bg_blue_shapes {
			background-position: 700px 1400px;
		}
		.bg_green_shapes {
			background-position: 2100px 4200px;
		}
		#nav {
			ul {
				li {
					a#packaging_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.print {
		.bg_blue_shapes {
			background-position: 820px 1640px;
		}
		.bg_green_shapes {
			background-position: 2461px 4922px;
		}
		#nav {
			ul {
				li {
					a#print_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
	&.publications {
		.bg_blue_shapes {
			background-position: 820px 2031px;
		}
		.bg_green_shapes {
			background-position: 3146px 6292px;
		}
		#nav {
			ul {
				li {
					a#publications_link {
						background: @blue;
						color: @white;
					}
					a#branding_link {
						background: inherit;
						color: @green;
					}
				}
			}
		}
	}
}
#wrapper {
    .mainFont;
    overflow: hidden;
    position: relative;
}
.clearfix {
    &:after {
        content: ".";
        display: block;
        height: 0;
        .clear;
        visibility: hidden;
    }
}
a {
    color: @green;
    font-weight: bold;
    text-decoration: none;
}
div,li {
    font-style: italic;
    line-height: 1.5em;
}
h1,h2,h3,h4,h5 {
    .headlineFont;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.6em;
    margin: 3em 0 0.5em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.4em;
    padding-bottom: 0.7em;
}
p {
    color: @blue;
    padding: 1em;
}
ul {
    list-style: none;
    &.tiles {
        color: @white;
        width: 50%;
        display: block;
        width: 100%;
        &.thirds {
            li {
                margin: 1%;
                width: 31.33%;
            }
        }
        &.full {
            width: 100%;
            max-width: inherit;
            li {
                width: 98%;
                margin: 1%;
                max-width: inherit;
            }
            .imageContainer {
                text-align: center;
                padding-top: 1.5em;
            }
        }
        &.left {
            float: left;
            width: 50%;
        }
        &.right {
            float: right;
            width: 50%;
        }
        li {
            background: none repeat scroll 0 0 @blue;
            float: left;
            margin: 2%;
            max-width: 585px;
            width: 96%;
            img {
                background: #CCC;
                display: inline-block;
                max-width: 585px;
                width: 100%;
            }
            .content {
                h3 {
                    padding: 1em 0 0.5em;
                }
                h5 {
                    padding: 0 0 0.5em 1em;
                }
                p {
                    color: @white;
                    font-size: 90%;
                    padding: 0.5em 1em 1.5em 1em;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    a {
                        font-size: 80%;
                    }
                }
                a {
                    color: @white;
                    text-decoration: underline;
                    &:hover {
                        text-decoration: none;
                    }
                    &.show_more {
                        bottom: -50px;
                        display: inline-block;
                        position: absolute;
                        right: 28px;
                        text-decoration: none;
                        .bg {
                        	.boxShadow(0, -1px, 4px, @blueShadow);
                        	.skew( 50%, 50%, 15deg, 0 );
                            background: @green;
                            display: inline-block;
                            height: 30px;
                            position: absolute;
                            z-index: 0;
                            
                        }
                        .text {
                            .headlineFont;
                            color: @white;
                            display: inline-block;
                            font-style: normal;
                            font-size: 110%;
                            position: relative;
                            letter-spacing: 0.05em;
                            line-height: 30px;
                            padding: 0 1em;
                            text-transform: uppercase;
                            z-index: 1;
                        }
                    }
                }
                .show_more_text {
                    .transition(height);
                    height: 5em;
                    margin-bottom: 2.5em;
                    overflow: hidden;
                }
            }
        }
    }
}
.tag, .category_entries h2 {
    .headlineFont;
    .skew( 0, 50%, 0, -20deg );
    color:@white;
	display:inline-block;
	font-size:1.6em;
	font-style:normal;
	font-weight:400;
	letter-spacing:0.06em;
	padding:0.4em 0.9em;
	text-transform:uppercase;
}
.tag.blue, .category_entries h2 {
    background: @blue;
    margin: 5em 0 0;
}
.tag {
    &.green {
        background: @green;
    }
}
h1#logo {
    height: 175px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: 145px;
    
    a{
    	-webkit-font-smoothing: antialiased;
    	font-weight:normal;
    }
    .aiga_2012_minnesota {
    	.skew( 100%, 50%, 0, -28deg );
        color: @blue;
        display: block;
        font-size: 50%;
        .reverse_blue {
            padding-left: 0.3em;
            padding-right: 0.2em;
        }
    }
    .design {
        background: @green;
        color: @white;
        
        .skew( 100%, 50%, 0, -28deg );
        display: block;
        font-size: 203%;
        padding: 0.35em 0.2em;
    }
    .show {
        background: @blue;
        color: @white;
        
        .skew( 100%, 50%, 0, 28deg );
        bottom: 0;
        display: block;
        font-size: 102%;
        padding: 0.25em 0.18em;
        position: absolute;
        right: 0;
        z-index: 1;
    }
}
.slideshow {
    position: relative;
    margin: auto;
    max-width: 990px;
    &:hover {
        .button {
            opacity: 1;
        }
    }
    .slides {
        background: #333;
        line-height: 0;
        position: relative;
        li {
            .transition(opacity);
            width: 100%;
            max-width: 990px;
            position: absolute;
            left: 0;
            opacity: 0;
            line-height: 0;
            z-index:0;
            &.selected {
                opacity: 1;
                z-index:1;
            }
            &.invisible {
                position: inherit;
                visibility: hidden;
            }
            img {
                position: relative;
                width: 100%;
            }
        }
    }
    .featured-designer {
        position: absolute;
        right: 1.7em;
        top: 2.6em;
        z-index: 1;
    }
    .featured-title {
        font-size: 120%;
        position: absolute;
        right: 1em;
        top: 0.5em;
        z-index: 1;
    }
    .featured-bg {
        position: absolute;
        height: 100%;
        width: 100%;
        background: @blue;
        
        .skew( 50%, 50%, -15deg, 0 );
    }
    .featured-text {
        .headlineFont;
        color: @white;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 1.5em;
        padding: 0 1em;
        position: relative;
        text-transform: uppercase;
        z-index: 1;
    }
    .button {
    	-webkit-font-smoothing: antialiased;
        .borderRadius(5px, 5px, 5px, 5px);
        .transition(opacity, 0.5s);
        position: absolute;
        top: 50%;
        background: @green;
        color: @white;
        text-align: center;
        font-size: 140%;
        width: 35px;
        line-height: 35px;
        opacity: .2;
        cursor: pointer;
        z-index:1;
    }
    .button#back {
        left: -20px;
        margin-top: -17px;
    }
    .button#next {
        right: -20px;
        margin-top: -17px;
    }
    ul {
        &.dots {
            position: absolute;
            bottom: 0;
            margin: auto;
            text-align: center;
            width: 100%;
            li {
                .borderRadius( 20px, 20px, 20px, 20px );
                display: inline-block;
                margin: 14px 8px;
                height: 10px;
                width: 10px;
                background: #D1D1D1;
                .boxShadow(0, 1px, 3px, #333);
                
                &.selected {
                	.boxShadow(0, 1px, 3px, darken(@green, 40%));
                    background: @green; 
                }
            }
        }
    }
}
.category_entries {
    .clear;
    
    ul {
        &.entries_by_category {
            margin: 1em 0;
            text-align:center;
            
            li {
            	display:inline-block;
                position: relative;
                width: 235px;
                height: 145px;
                margin: 5px;
                overflow: hidden;
                
                .entry_overlay {
                    .transition(opacity, 0.5s);
                    background: none repeat scroll 0 0 @green;
                    height: 100%;
                    left: 0;
                    opacity: .8;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: 1;
                }
                &:hover {
                    .entry_overlay {
                        opacity: 0;
                    }
                    .category-entry-title {
                        opacity: .2;
                        -webkit-font-smoothing: antialiased;
                    }
                }
                a {
                    position: relative;
                    height: 100%;
                    width: 100%;
                    display: block;
                }
                img {
                    position: relative;
                    left: -75%;
                    top: -40%;
                }
                .category-entry-title {
                    .headlineFont;
                    .textShadow(0, 0, 3px, #A5A52B);
                    .transition(opacity, 0.5s);
                    opacity: 1;
                    position: absolute;
                    text-transform: uppercase;
                    z-index: 2;
                    color: @white;
                    font-weight: normal;
                    font-style: normal;
                    text-align: center;
                    font-size: 1.35em;
                    letter-spacing: 0.05em;
                    line-height:1.2em;
                    top: 0;
                    top: 20%;
                    width: 100%;
                    -webkit-font-smoothing: antialiased;
                }
            }
        }
    }
}
.white_strip {
    .boxShadow(0, 0, 10px, @blueShadow);
    background: @white;
    height: 100%;
    left: 15%;
    margin-bottom: -1em;
    position: absolute;
    width: 70%;
    z-index: 1;
}
#nav ul li a:hover,
#nav ul li a:active {
    background: @blue;
    color: @white;
    cursor: pointer;
}
.shadow_clip {
	height: 20px;
	margin-bottom: 1.5em;
	margin-top: 1em;
	overflow: hidden;
	width: 100%;
	
	.shadow {
		.boxShadow( 0, 2px, 6px, #cccccc );
		height: 5px;
		width: 98%;
		margin: -5px auto 0 auto;
	}
}
.quicklinks{
	text-align: right;
}
.summary{
	padding-bottom:100px;
	
	h3{
		margin: 2em 0 0.5em;
	}
	.left{
		float: left;
		font-size: 90%;
		padding-right: 7%;
		text-align: right;
		width: 30%;
		
		h3{
			-webkit-font-smoothing:antialiased;
			color: @green;
			border-bottom: 1px dotted @green;
			margin: 0 0 0.5em;
			line-height: 1.2em;
		}
		ul{
			margin-bottom: 2.5em;
		}
		
		#back_link{
			.headlineFont;
			background: @green;
			color: @white;
			font-size: 1.6em;
			font-style: normal;
			display: inline-block;
			padding: 0.3em 0.5em;
			text-decoration: underline;
			
			&:hover{
				text-decoration:none;
			}
		}
		
		#credits a{
			font-weight: normal;
		}
	}
	.right{
		float:right;
		width:60%;
		
		p{
			font-size: 1.1em;
			line-height: 160%;
			margin-bottom: 1em;
			padding: 0;
		}
		h3{
			border-bottom:1px dotted @blue;
			position:relative;
			text-align:right;
			
			.text {
				color: #FFFFFF;
				padding: 0 0.5em;
				font-size: .9em;
				background: @blue;
				
			}
		}
		a.view_all_designer_link{
			color: @blue;
			float:right;
			letter-spacing: inherit;
		}
	}
}
.section {
    position: relative;
    padding-bottom: 100px;
    .bg {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .content_container {
        margin: auto;
        position: relative;
        width: 70%;
        z-index: 1;
        
        .content_bg {
        	//.skew( 0%, 50%, 0, 15deg );
            padding-bottom: 100px;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 0;
        }
        .content {
            padding: 0 5%;
            position: relative;
            z-index: 1;
            
            
            .top {
				h2.title{
					color: @blue;
					font-size: 3em;
					letter-spacing: inherit;
					-webkit-font-smoothing: antialiased;
					margin: 0.4em 0 0.2em;
					line-height: 1em;
				}
				h3.main-credit{
					.mainFont;
					color: @blue;
					font-style: italic;
					font-size:0.92em;
					margin: 0 0 1em 1.5em;
					border-bottom:1px dotted @blue;
					
				}
                .left {
                    padding-bottom: 1.5em;
                    margin-left:200px;
                    width: inherit;
                    
                    .subnav{
                    	float:right;
                    	font-size: 1.3em;
                    	
                    	li{
                    		position:relative;
                    		float:right;
                    		margin-right:0.3em;
                    		margin-top:0.1em;
                    		
                    		.link-bg {
								position: absolute;
								height: 100%;
								width: 100%;
								background: @green;
								
								.skew( 50%, 50%, -15deg, 0 );
							}
							.link-text a{
								.headlineFont;
								color: @white;
								-webkit-font-smoothing: antialiased;
								font-style: normal;
								font-weight: normal;
								line-height: 1.5em;
								padding: 0 1em;
								position: relative;
								text-transform: uppercase;
								z-index: 1;
								
								img{
									padding-right:0.5em;
								}
								
								&:hover{
									text-decoration:underline;
								}
							}
							
							&.bigger {
								
								.headlineFont;
								font-size: 140%;
								font-style: normal;
								margin-top:-0.1em;
								
							}
						}
                    }
                }
                .icon{
					float: left;
                    padding-bottom: 1.5em;
					padding-right: 2em;
				}
                .right {
                    p {
                        font-size: 120%;
                        line-height: 1.5em;
                    }
                }
            }
        }
    }
    &.alt {
        .bg {
        	.skew( 15%, 50%, 0, 15deg );
            background: #f9f9f9;
        }
        .content_bg {
            background: #f9f9f9;
        }
    }
    &.blue {
        background: @blue;
        color: @white;
        p {
            .textShadow(0, 0, 3px, @blue);
            color: @white;
        }
        .bg {
            background: @blue;
        }
        .content {
            background: transparent;
            
            .top {
                .shadow_clip {
                    .shadow {
                        .boxShadow( 0, 2px, 6px, @blueShadow );
                    }
                }
            }
        }
    }
}

.section#welcome {
    padding-top: 1em;
    
    .top {
        position: relative;
        
        .left {
            
            p {
                font-size: 120%;
                line-height: 1.5em;
                padding-top: 1.5em;
            }
            .sharing_links {
                position: absolute;
				right: 0;
				top: 0.7em;
                
                .fb_edge_widget_with_comment {
					position: absolute;
					top: -1px;
					right:110px;
				}
            }
        }
    }
}
#social_scene {
    .left {
        float: left;
        width: 38%;
        .twitter {
            .borderRadius(3px, 3px, 3px, 3px);
            background: @white;            
            position: relative;
            padding: 20px;
            font-family: arial, sans-serif;
            font-size: 13px;
            & > .stem {
                border-left: 20px solid @white;
                border-right: 0 solid transparent;
                border-top: 0 solid transparent;
                border-bottom: 0 solid transparent;
                border-width: 0px 0px 20px 20px;
                position: absolute;
                bottom: -20px;
            }
            .tweeter {
                color: @blue;
                font-style: normal;
                font-weight: bold;
                padding-bottom: 0.5em;
            }
            .time {
                color: #999;
                font-style: normal;
                margin: 0.5em 0 1em;
                text-align: right;
            }
            img {
                position: absolute;
            }
            .right-container {
                position: relative;
                .bubble {
                    .borderRadius( 12px, 12px, 12px, 12px );
                    background: @blue;
                    padding: 3%;
                    position: relative;
                    font-style: normal;
                    margin-left: 70px;
                    
                    .text {
                        width: 94%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-style: normal;
                    }
                }
            }
            .bubble {
                & > .stem {
                    border-right: 10px solid @blue;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    left: -10px;
                    position: absolute;
                    top: 0;
                    margin-top: 12px;
                }
            }
        }
    }
    .right {
        float: right;
        width: 58%;
    }
}
#flickr_feed {
    display: block;
    li {
        display: inline-block;
        height: 88px;
        width: 88px;
        a {
        }
    }
}
body#home {
    .section {
    	.content_bg {
        	.skew( 0%, 50%, 0, 15deg );
        }
        &.blue {
            .content_bg {
            	.skew( 0%, 50%, 0, 15deg );
                background: @blue; 
            }
        }
    }
    .section#thank_you {
        .text {
            p {
                width: 85%;
                &.first {
                    width: 45%;
                }
                &.second {
                    width: 65%;
                }
            }
        }
    }
    .section#sponsors {
        .bg {
        	.skew( 15%, 0%, 0, 15deg );
        }
    }
    .section#social_scene {
        min-height: 1000px;
        overflow: hidden;
        .content_bg {
            padding-bottom: 1000px;
        }
    }
}
.section#thank_you {
    .bg {
    	.skew( 15%, 50%, 0, 15deg );
    }
}

#publications{
	padding-bottom:300px;
}

#awards-container{
	position:absolute;
	z-index:2;
	margin-top: -2em;
	margin-left: -2em;
}

@media screen and (max-width: 800px) {
  #nav {
    left: 5%;
    position: relative;
    width: 90%;
    top: 0;
  }
  .white_strip{
  	left: 5%;
  	width:90%;
  	z-index:0;
  }
  .section .content_container .content .top .left{
  	float:inherit;
  }
  .section .content_container{
  	width: 90%;
  }
  ul.tiles.left, ul.tiles.right, ul.tiles.thirds li{
  	width: 100%;
  }
  body#home #thank_you.section .text p.first, body#home #thank_you.section .text p.second{
  	width: 100%;
  }
  #social_scene .left{
  	float: inherit;
  	width: 100%;
  }
  #social_scene .right{
  	float: inherit;
    width: 100%;
    padding-top: 4em;
  }
  
  .summary .right{
  	float: inherit;
    width: 100%;
  }
  .summary .right p{
  	font-size:1em;
  }
  .summary .left{
  	float: inherit;
    padding-right: 0%;
    text-align: left;
    width: 100%;
  }
}