/*
Theme Name: Interaction Awards
Theme URI: http://awards.ixda.org/
Description: Home to the IxDA's Interaction Awards. This theme will support the Awards site for many years to come, housing all of the winners from previous years, while being extensible to house future years too.
Author: Rob Nero
Author URI: http://robnero.com/
Version: 2.0
*/


/* ============================================================================================================================== */
/* GLOBAL */
/* ============================================================================================================================== */
    /* GLOBAL */
        body {
            background-color: #ffffff; /*#ffffff;*/
            font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
        }
        form {padding: 0; margin: 0;}
        
    
    /* NAVIGATION */
        #navRow {
            padding: 20px 0 0 0;
        }
        .navLogo {height: 55px; width: 177px; float: left;}
        #navList div {
        	font-family: 'Open Sans', sans-serif;
        }
        #navList a {color: /*#98A2A9*/ /*#696168*/ #333333;}
        #navList .active,
        #navList .active a {color: #DE2553; font-weight: bold; font-family: 'Open Sans', sans-serif;}
        
        .navLinkGroup {float: right;}
        .navLink {margin-top: 17px;}
        .currentYear {
            font-family: 'Georgia', serif !important;
            font-style: italic;
            font-weight: 100 !important;
            letter-spacing: -2px !important;
            margin-top: 17px;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
            font-family: 'Georgia', serif !important;
            font-style: italic;
            font-weight: 100 !important;
            letter-spacing: -2px !important;
            color: #999999;
            margin-top: 17px;
        }
        .navLinkArchive,
        .navLinkArchive a {
        	color: #999999 !important;
        	margin-top: 17px;
        }
        
        #colorBar {height: 10px;}
        
    /* BOOTSTRAP OVERRIDES */
        .navbar {
            margin-bottom: 5px;
        }
        .carousel-indicators {
            1width: intrinsic;
            1text-align: center;
            1right: auto;
            1margin: 0 auto;
            bottom: 15px;
            top: auto;
        }
        .carousel-indicators li {
            cursor: pointer;
            height: 15px;
            width: 15px;
            border-radius: 10px;
        }
        .carousel-control {
	        top: 48%;
        }
        
    /* COLLAPSEOMATIC OVERRIDES */
        .collapseomatic {
            background-position:right top;
        	padding: 0 16px 0px 0;
        	width: intrinsic;
        }
        
    /* SIDEBAR */
        /*#sidebarSponsorEdu h4 {
            margin: 10px 0 10px 0;
            padding: 5px 0;
            font-size: 16px;
            font-weight: normal;
            color: ##fffefe;
            font-family: 'Open Sans', sans-serif;
        }
        #sidebarSponsorEdu p {
	        border-bottom: 1px dashed #999999;
        }*/
        #sponsor-wrapper {
	        background-color: #ffffff; /*#ffffff;*/
	        padding-top: 40px;
        }
        .partners-logos {
	        margin-bottom: 40px;
        }
        .partners-logos img {
            /*margin-bottom: 20px;
            margin-right: 10px;*/
            
            margin: 0 20px 20px 0;
        }
        
        #sidebarOverview {
        	padding-bottom: 20px;
        	line-height: 22px;
        }
        
    /* CONTENT GLOBAL */
        .contentWrapper {
            background-color: #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin-bottom: 20px;
        }
        .contentBox {
            padding: 20px;
            overflow: auto;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .contentSectionTitle {
            font-size: 28px;
            line-height: 34px;
            font-family: 'Open Sans', sans-serif;
        }
        .contentSectionExplanation {
            color: #999999;
            margin-top: 10px;
        }
        
    /* BUFFERS */
        .bufferTop10 {
            margin-top: 10px;
        }
        
    /* HOME */
    	#carouselDefault {
	    	display: block;
    	}
    	#carouselPhonePortrait {
	    	display: none;
    	}
    	
    	.home-first-blog {
	    	margin-bottom: 40px;
    	}
    	
    	/*mailchimp*/
    	.contentBox.newsletter {
	    	border-style: solid;
	    	border-width: 1px;
	    	background-color: transparent !important;
    	}
    	.contentBox.newsletter .text,
    	.contentBox.newsletter .signup {
	    	width: 50%;
	    	float: left;
    	}
    	.contentBox.newsletter .signup {padding-top: 5px;}
    	.newsletter-button,
    	.newsletter-field {float: left;}
    	
    	.newsletter-field {margin-left: 20px !important;}
    	.newsletter-button {margin-left: 10px !important;}
    	
    	.search input[type="text"]::-webkit-input-placeholder {color: #e1e2e3;} /* WebKit browsers */
		.search input[type="text"]:-moz-placeholder {color: #e1e2e3;} /* Mozilla Firefox 4 to 18 */
		.search input[type="text"]::-moz-placeholder {color: #e1e2e3;} /* Mozilla Firefox 19+ */
		.search input[type="text"]:-ms-input-placeholder {color: #e1e2e3;} /* Internet Explorer 10+ */
    
    
    /* TIMELINE/SCHEDULE */
    	#contentTimeTitle {
    		display: block;
    		font-size: 22px;
            line-height: 26px;
            margin-bottom: 20px;
            margin-top: 20px;
            font-family: 'Open Sans', sans-serif;
    	}
        #contentTimeline {
        	display: block;
            margin-bottom: 40px;
        }
        .timelineContainer {
	        position: relative;
	        border-top: 3px solid #666666;
	        width: 100%;
        }
        .timeBox {
	        box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            float: left;
	        width: 15%;
	        position: relative;
	        margin-left: 1%;
	        margin-top: 20px;
	        top:0;
	        padding: 10px;
	        background-color: #ffffff;
	        color: #4c5463;
	        
	        -moz-box-shadow: 0 1px 5px #4c5463;
        	-webkit-box-shadow: 0 1px 5px #4c5463;
        	box-shadow: 0 1px 5px #4c5463;
        	/* For IE 8 */
        	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#4c5463')";
        	/* For IE 5.5 - 7 */
        	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#4c5463');
        }
        .timeBox p {
	        margin: 0;
        }
        .timeBox a {
	        text-decoration: underline;
        }
        .timeBox.first {
	        margin-left: 0;
        }
        .timeBox.next {
	        margin-left: 4.9%;
        }
        .timeBox.old {
	        background-color: #E5E5E5;
        }
        .timeBox.active {
	        width: 20%;
	        border: 0;
	        z-index: 999;
        }
        .timeBox.active.last {
	        float: right;
	        margin-top: -190px !important;
        }
        .timeBox.active a,
        .timeBox.active .timeTitle {
	        color: #ffffff;
        }
        .timeBox .triangle {
	        position: absolute;
        	top: -15px;
            z-index: 800;
            /* reduce the damage in FF3.0 */
            display:block; 
            width:0;
        }
        .timeBox .triangle.left {
	        left: 10px; /* controls horizontal position */
	        border-width:0 15px 15px 0;
        	border-style:solid;
        	border-color: #ffffff transparent;
        }
        .timeBox .triangle.right {
	        right: 10px; /* controls horizontal position */
	        border-width:0 0 15px 15px;
        	border-style:solid;
        	border-color: #ffffff transparent;
        }
        .timeBox.old .triangle {
	        border-color: #E5E5E5 transparent !important;
        }
        .timeBox.active .triangle {
        	bottom: -15px; /* value = - border-top-width - border-bottom-width */
        	top: auto;
        	left: 10px; /* controls horizontal position */
            border-width:15px 15px 0 0;
        	border-style:solid;
        }
        	.timeBox.active.last .triangle {
	        	right: 10px;
	        	left: auto;
        	}
        
        .timeBox .timeDate {
	        font-size: 12px;
	        color: #4c5463;
        }
        .timeBox.active .timeDate {
	        color: #ffffff;
        }
        .timeBox .timeTitle {
	        font-family: 'Open Sans', sans-serif;
	        font-weight: bold;
        }
        .timeBox.old .timeTitle {
	        color: #4c5463;
        }
        .timeBox .timeText {
	        margin-top: 5px;
        }
        .timeBox .timeStat {
	        position: absolute;
	        top: 5px;
	        margin-left: 10px;
	        padding: 10px;
	        width: 200px;
	        font-family: 'Open Sans', sans-serif;
	        font-weight: bold;
	        font-style: italic;
	        font-size: 38px;
	        color: #4c5463;
	        
	        display: none;
        }
        .timeBox .timeStatDays {
	        font-size: 22px;
	        padding-left: 5px;
        }
        .timeBox .timeStatText {
        	margin-top: 10px;
	        font-weight: normal;
	        font-style: normal;
	        font-size: 14px;
	        line-height: 18px;
        }
        
    /* TITLE/INTRO */
        #contentTitle {
            padding: 20px 0;
        }
        #contentTitle h1 {
            font-size: 36px;
            font-family: 'Open Sans', sans-serif;
        }
        #contentTitle .intro {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 20px;
            font-family: 'Open Sans', sans-serif;
        }
        
    /* ENTRIES */
        .categoryRow {
            margin-bottom: 40px;
        }
        .categoryTitle {
            font-size: 28px;
            line-height: 34px;
            font-family: 'Open Sans', sans-serif;
        }
        .categoryIntro {
            font-size: 16px;
            line-height: 26px;
            color: #4c54639;
        }
        .categoryRow h4 {
            font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            color: #4c5463;
        }
        .winnerImage {
            position: relative;
            /*width: intrinsic;*/
            background-color: #ffffff;
        }
        .winnerImage .bestInCategory {
            position: absolute;
            z-index: 999;
            content: url('img/winner.png');
            right: 0;
            top: 0;
            width: 50%;
        }
        .winnerTitle {
            margin-bottom: 20px;
            background-color: #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 10px;
        }
        .winnerTeam {
	        color: #999999;
        }
        .shortlistRow {
            background-color: #ffffff;
        }
        .shortlistContent {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 2px 10px;
        }
        .shortlistContent p {
	        font-size: 12px;
	        line-height: 14px;
        }
        
        /* voting */
        #votingOpenBanner {
	        margin-bottom: 30px;
	        text-align: center;
	        color: #ffffff;
        }
        #votingOpenBanner h3 {
	        margin-bottom: 0px;
        }
        .voteWell {
        	display: block;
	        padding-bottom: 10px;
	        background-color: #ffffff;
        }
        .voteWell h5 {
	        margin: 0;
        }
        /* voting on entry details page */
		.choice-voting-well {
			background-color: #e5e5e5;
			text-align: center;
		}
		.choice-voting-well a {
			margin: 0 20px;
		}
		.choice-voting-well .title {
			font-weight: bold;
			font-size: 24px;
			vertical-align: middle;
		}
		.choice-voting-well .help {
			color: #666666;
		}
        
        
	/* ENTRY */
		#entryCountry {
			color: #999999;
			margin-left: 10px;
			font-size: 18px;
		}
		#entryInfo {
			margin-bottom: 20px;
		}
		#entryInfo .awards {
			margin-bottom: 10px;
			color: #999999;
		}
		#entryInfo h4 {
			font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            margin-top: 15px;
            margin-bottom: 5px;
		}
		#entryInfoImage {
			margin-bottom: 20px;
		}
		#entryContent .contentBox {
			background-color: #ffffff;
			margin-bottom: 20px;
		}
		#entryContent h4 {
			font-family: 'Open Sans', sans-serif;
            font-weight: normal;
            margin-top: 0px;
		}
		#entryContent li {
			margin-bottom: 10px;
		}
		#entryMedia .video {
			padding-bottom: 30px;
		}
		#entryMedia .image {
			margin-bottom: 40px;
		}
        
    /* JURY */
        #contentJuryChair .chairTitle {
            font-weight: bold;
            margin-bottom: 10px;
        }
        #contentJuryChair .image {
	        margin-bottom: 20px;
        }
        #contentJuryChair .contentBox,
        .contentJury .contentBox,
        .contentTeam .contentBox {
            background-color: #ffffff;
            margin-bottom: 20px;
        }
        #contentJuryChair .name,
        .contentJury .name {
            font-size: 24px;
            margin-bottom: 10px;
        }
        #contentJuryChair p,
        .contentJury p {
            1margin: 0;
        }
        #contentJuryChair .cityCountry,
        .contentJury .cityCountry {
            color: #999999;
        }
        #contentJuryChair .contentBox.single .cityCountry {
            margin-bottom: 20px;
        }
        #contentTeamTitle .title {
	        font-size: 22px;
            line-height: 26px;
            margin-bottom: 20px;
            margin-top: 20px;
            font-family: 'Open Sans', sans-serif;
        }
        .contentTeam .title {
	        color: #999999;
        }
        
    /* BLOG */
    	.contentBlogRow {
	    	padding-bottom: 40px;
    	}
        .blogFirstPost .band,
        .contentBlogRow .band,
        .blogSinglePost .band {
            background-color: #6c7588;
            position: relative;
        }
        .bandText {
            color: #ffffff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 5px 10px 5px 0;
            font-family: 'Georgia', serif;
            font-style: italic;
        }
        .bandBubble {
            width: 40px;
            height: 30px;
            float: left;
            margin-right: 10px;
        }
        .bandBubble .triangle {
            position:absolute;
        	1bottom:-8px; /* value = - border-top-width - border-bottom-width */
        	top: 28px;
        	left:10px; /* controls horizontal position */
            border-width:10px 10px 0 0;
        	border-style:solid;
            z-index: 999;
            /* reduce the damage in FF3.0 */
            display:block; 
            width:0;
        }
        .blogFirstPost .date,
        .contentBlogRow .date,
        .blogSinglePost .date {
            float: right;
            color: #ffffff;
            font-size: 11px;
        }
        .blogFirstImg {
	        margin-bottom: 20px;
        }
        .blogFirstPost .title,
        .blogSinglePost .title {
            font-size: 28px;
            margin-bottom: 10px;
            line-height: 34px;
            font-family: 'Open Sans', sans-serif;
        }
        .contentBlogRow .image {
	        background-color: #ffffff;
        }
        .contentBlogRow .title {
            font-size: 18px;
            margin-bottom: 10px;
            line-height: 24px;
            font-family: 'Open Sans', sans-serif;
        }
        .blogFirstPost .contentBox,
        .contentBlogRow .contentBox,
        .blogSinglePost .contentBox {
            background-color: #ffffff;
            margin-bottom: 20px;
        }
        
        /* COMMENTS */
        .commentsTitle {
	        font-size: 22px;
			line-height: 26px;
			font-family: 'Open Sans', sans-serif;
			margin: 10px 0;
        }
		.commentAvatar {
			width: 50px;
			float: left;
		}
		.commentBox {
			box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            position: relative;
            margin-left: 80px;
            margin-bottom: 20px;
            padding: 10px;
            background-color: #e5e5e5;
		}
		.commentBox .triangle {
			position: absolute;
        	top: 15px;
            z-index: 800;
            /* reduce the damage in FF3.0 */
            display:block; 
            width:0;
            left: -15px; /* controls horizontal position */
	        border-width:15px 0 0 15px;
        	border-style:solid;
        	border-color: #e5e5e5 transparent;
		}
		.commentAuthor {
			font-family: 'Georgia', serif;
            font-style: italic;
            color: #999999;
		}
		.commentDate {
			float: right;
			font-size: 12px;
		}
		.commentText {
			padding: 10px 10px 0 10px;
		}
		
		/* COMMENT FORM */
		#reply-title {
			display: none;
		}
		.commentFormTitle {
			font-size: 22px;
			line-height: 26px;
			font-family: 'Open Sans', sans-serif;
			padding-top: 10px;
		}
		.commentFormFields {
			box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            position: relative;
            margin-top: 20px;
            margin-bottom: 20px;
            padding: 20px;
            background-color: #e5e5e5;
		}
		.commentFormFields .triangle {
			position: absolute;
        	top: -15px;
            z-index: 800;
            /* reduce the damage in FF3.0 */
            display:block; 
            width:0;
            left: 20px; /* controls horizontal position */
	        border-width:0 15px 15px 0;
        	border-style:solid;
        	border-color: #e5e5e5 transparent;
		}
        #comment,
        #author,
        #email,
        #url {
	        width: 95%;
        }
        .required {
	        color: #ff0000;
	        font-size: 18px;
	        margin-left: 5px;
	        vertical-align: top;
        }
        #ajaxed-comments {
	        padding-top: 0;
	        padding-bottom: 20px;
        }
        .commentFormFields form {
	        margin: 0;
        }
        .form-submit {
	        margin-bottom: 0;
	        margin-top: 20px;
        }
        
    /* HELP/FAQ */
        .faqQuestion {
            font-weight: bold;
            1font-family: 'Open Sans', sans-serif;
        }
        .qaEntry {
	        margin-bottom: 10px;
        }
    
    /* ARCHIVE */
    	.archive-year-pod {
	    	margin-bottom: 40px;
    	}
    	.archive-year-pod .text {
	    	padding: 5px 5px 5px 15px;
    	}
    	.archive-year-pod h2 {
	    	font-family: 'Open Sans', sans-serif;
	    	color: #ffffff;
    	}
    
    /* ARCHIVED YEARS */
    	.sectionRow {
            margin-bottom: 20px;
        }
        .sectionRow .title {
            font-size: 28px;
            line-height: 34px;
            font-family: 'Open Sans', sans-serif;
        }
        .archiveBlogRow .contentBox .title {
	        font-size: inherit;
	        line-height: inherit;
        }
	
	/* FOOTER */
		#footerContainer {
			background-color: #6c7588;
			color: #ffffff;
		}
		#footerRow {
			padding: 20px 0;
		}
		#footerRow h5,
		#footerRow h5 a {
			font-family: 'Open Sans', sans-serif;
			text-transform: uppercase;
			margin-top: 0px;
			color: #ffffff;
		}
		#footerRow h4 {
			font-size: 14px;
			font-weight: normal;
			margin: 2px 0;
            color: #ffffff
		}
		#footerRow p {
			margin-bottom: 0;
		}
		#footerRow .text {
			font-size: 12px;
            color: #ffffff
            
		}
		.footerLogo {
			height: 55px;
			width: 177px;
			margin-bottom: 20px;
		}
		#footerRow .socialIcons {
			margin: 10px 0;
		}
		#footerRow .socialIcons img {
			height: 40px;
			width: 40px;
			margin-right: 10px;
		}
		#footerCopyright {
			font-size: 12px;
			color: $ffffff; /*#999999;*/
		}
		


/* ============================================================================================================================== */
/* DESKTOP */
/* ============================================================================================================================== */
@media (min-width: 1200px) {
    /* GLOBAL */
    
    /* NAVIGATION */
        #navList {float: right;}
        #navList div {
            float: left;
            font-size: 14px;
            letter-spacing: 1px;
        }
        .navLink {padding: 15px 0 0 20px !important;}
        .navLinkArchive,
        .navLinkArchive a {
        	padding: 15px 20px 0 5px !important;
        }
    
        .currentYear {
            font-size: 48px !important;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
	        font-size: 30px !important;
        }
        
    /* BOOTSTRAP OVERRIDES */
    /* COLLAPSEOMATIC OVERRIDES */
    /* SIDEBAR */
    /* CONTENT GLOBAL */
    /* BUFFERS */
    /* HOME */
    /* TIMELINE/SCHEDULE */
    /* TITLE/INTRO */
    /* ENTRIES */
    /* ENTRY */
    /* JURY */
    /* BLOG */
    /* HELP/FAQ */
    /* ARCHIVE */
    /* ARCHIVED YEARS */
    /* FOOTER */
    
}


/* ============================================================================================================================== */
/* TABLET LANDSCAPE */
/* ============================================================================================================================== */
@media (min-width: 980px) and (max-width: 1199px) {
    /* GLOBAL */
    /* NAVIGATION */
    	#navList {float: right;}
        #navList div {
            float: left;
            font-size: 14px;
            letter-spacing: 1px;
        }
        .navLink {padding: 15px 0 0 20px !important;}
		.navLinkArchive,
        .navLinkArchive a {
        	padding: 15px 20px 0 5px !important;
        }
        
        .currentYear {
            font-size: 48px !important;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
	        font-size: 30px !important;
        }
		
    /* BOOTSTRAP OVERRIDES */
    /* COLLAPSEOMATIC OVERRIDES */
    /* SIDEBAR */
    /* CONTENT GLOBAL */
    /* BUFFERS */
    /* HOME */
    /* TIMELINE/SCHEDULE */
    /* TITLE/INTRO */
    /* ENTRIES */
    	/* voting */
    	.choice-voting-well a {
			margin: 10px 20px;
		}
		
    /* ENTRY */
    /* JURY */
    /* BLOG */
    	.row-fluid.contentBlogRow .span3 { /* 3 posts per row */
		    width: 30%;
		    margin-left: 0;
		    margin-right: 3%;
	    }
    
    /* HELP/FAQ */
    /* ARCHIVE */
    /* ARCHIVED YEARS */
    /* FOOTER */
    	.footerLogo {
			height: 44px;
			width: 140px;
		}
		
}


/* ============================================================================================================================== */
/* TABLET PORTRAIT */
/* ============================================================================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
    /* GLOBAL */
    /* NAVIGATION */
    	#navList {float: right; height: auto;}
        #navList div {
            float: left;
            font-size: 18px;
            letter-spacing: 1px;
        }
        .navLink {padding: 15px 0 0 20px !important;}
		.navLinkArchive,
        .navLinkArchive a {
        	padding: 15px 20px 0 5px !important;
        }
        
        .currentYear {
            font-size: 48px !important;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
	        font-size: 30px !important;
        }
    
    /* BOOTSTRAP OVERRIDES */
    	.navbar {
            margin-bottom: 10px;
        }
        .nav-collapse, .nav-collapse.collapse {
		    overflow: visible;
		}   
		.navbar .btn-navbar {
		    display: none;
		}
    
    /* COLLAPSEOMATIC OVERRIDES */
    /* SIDEBAR */
    /* CONTENT GLOBAL */
    /* BUFFERS */
    /* HOME */
    /* TIMELINE/SCHEDULE */
    /* TITLE/INTRO */
    /* ENTRIES */
    	/* voting */
    	.choice-voting-well a {
			margin: 10px 20px;
		}
		
    /* ENTRY */
    /* JURY */
    /* BLOG */
    	.row-fluid.contentBlogRow .span3 { /* 2 posts per row */
		    width: 44%;
		    margin-left: 0;
		    margin-right: 3%;
	    }
    
    /* HELP/FAQ */
    /* ARCHIVE */
    /* ARCHIVED YEARS */
    /* FOOTER */
		.footerLogo {
			height: 32px;
			width: 104px;
		}
		#footerAboutIxda {
			box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding-left: 10px;
		}
	
}


/* ============================================================================================================================== */
/* PHONE LANDSCAPE */
/* ============================================================================================================================== */
@media (max-width: 767px) {
    /* GLOBAL */
    	body {
	    	padding-left: 0;
	    	padding-right: 0;
    	}
    
    /* NAVIGATION */
    	#navRow {
            margin-bottom: 5px;
        }
        #navList div {
            font-size: 18px;
            letter-spacing: 1px;
            margin-top: 5px;
        }
        .navLink {padding: 15px 0 5px 20px !important;
	        float: left;
        }
		.navLinkArchive,
        .navLinkArchive a {
        	padding: 15px 20px 0 5px !important;
        }
        
        .currentYear {
            font-size: 40px !important;
            margin-top: 20px !important;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
	        font-size: 30px !important;
        }
    	
    /* BOOTSTRAP OVERRIDES */
    	.container {
	    	padding-left: 20px;
	    	padding-right: 20px;
    	}
    	.carousel-control {
	    	display: none;
    	}
    
    /* COLLAPSEOMATIC OVERRIDES */
    /* SIDEBAR */
    /* CONTENT GLOBAL */
    /* BUFFERS */
    /* HOME */
    /* TIMELINE/SCHEDULE */
    	.timeBox.active .timeDate {
	    	font-size: 14px;
	    	line-height: 18px;
    	}
    	.timeBox .timeDate {
	    	font-size: 10px;
	    	line-height: 14px;
    	}
    	.timeBox .timeTitle {
	        font-size: 10px;
	        line-height: 14px;
        }
        .timeBox.active .timeTitle {
	        font-size: 14px;
	        line-height: 18px;
        }
    	.timeBox .timeStat {
			display: none;
		}
    
    /* TITLE/INTRO */
    /* ENTRIES */
    	/* voting */
    	.choice-voting-well a {
			margin: 10px 20px;
		}
		
    /* ENTRY */
    /* JURY */
    /* BLOG */
    /* HELP/FAQ */
    /* ARCHIVE */
    /* ARCHIVED YEARS */
    /* FOOTER */
		#footerRow {
			padding: 10px 10px;
		}
		#footerArchiveList,
		#footerAboutIxda {
			margin-bottom: 20px;
		}
	
}


/* ============================================================================================================================== */
/* PHONE portrait/landscape IN-BETWEEN */
/* ============================================================================================================================== */
@media (max-width: 615px) {
    /* TIMELINE/SCHEDULE */
    	.timelineContainer {
	        border-top-width: 0px;
	        border-left: 3px solid #666666;
        }
        .timeBox {
	    	float: none;
	    	width: 80%;
	    	margin-left: 15px !important;
    	}
    	.timeBox.next,
    	.timeBox.old {
	        margin-left: 15px;
        }
        .timeBox.old {
	        margin-bottom: 20px;
        }
		.timeBox.active {
	        width: 95%;
	        margin-bottom: 20px;
        }
		.timeBox .timeStat {
			display: none;
		}
		.timeBox .triangle {
	        position: absolute;
        	top: 10px;
            z-index: 800;
            /* reduce the damage in FF3.0 */
            display:block; 
            width:0;
        }
		.timeBox .triangle.left {
	        left: -15px; /* controls horizontal position */
	        border-width:15px 0 0 15px;
        	border-style:solid;
        	border-color: #4c5463 transparent;
        }
        .timeBox .triangle.right {
	        left: -15px; /* controls horizontal position */
	        border-width:0 0 15px 15px;
        	border-style:solid;
        	border-color: #4c5463 transparent;
        }
        .timeBox.active .triangle {
        	top: 10px;
        	left: -15px; /* controls horizontal position */
            border-width:15px 0 0 15px;
        	border-style:solid;
        }
	
}



/* ============================================================================================================================== */
/* PHONE PORTRAIT */
/* ============================================================================================================================== */
@media (max-width: 480px) {
    /* GLOBAL */
    	body {
	    	padding-left: 0;
	    	padding-right: 0;
    	}
    	
    /* NAVIGATION */
    	#navRow {
            margin-bottom: 5px;
        }
        #navList div {
            font-size: 18px;
            letter-spacing: 1px;
            margin-top: 5px;
        }
        .navLinkGroup {float: left;}
        .navLink {padding: 15px 0 0 20px !important;
	        float: none;
        }
		.navLinkArchive,
        .navLinkArchive a {
        	padding: 15px 20px 0 5px !important;
        }
        
        .currentYear {
            font-size: 36px !important;
            margin-top: 20px !important;
        }
        #navList .currentYearArchive,
        #navList .currentYearArchive a {
	        font-size: 24px !important;
	        margin-top: 20px !important;
        }
    	
    /* BOOTSTRAP OVERRIDES */
    	.container {
	    	padding-left: 20px;
	    	padding-right: 20px;
    	}
    
    /* COLLAPSEOMATIC OVERRIDES */
    /* SIDEBAR */
    /* CONTENT GLOBAL */
    /* BUFFERS */
    /* HOME */
    	#carouselDefault {
	    	display: none;
    	}
    	#carouselPhonePortrait {
	    	display: block;
    	}
    
    /* TIMELINE/SCHEDULE */
    	/* all same as query above */
    
    /* TITLE/INTRO */
    /* ENTRIES */
    	/* voting */
    	.choice-voting-well a {
			margin: 10px 20px;
		}
    	
    /* ENTRY */
    /* JURY */
    /* BLOG */
    /* HELP/FAQ */
    /* ARCHIVE */
    /* ARCHIVED YEARS */
    /* FOOTER */
		#footerRow {
			padding: 10px 10px;
		}
		#footerArchiveList,
		#footerAboutIxda {
			margin-bottom: 20px;
		}
		
}