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



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* END reset */

/* Baseline Styles */
html { width: 100%; height: 100%; -webkit-font-smoothing: antialiased; }
body { width: 100%; }
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
img, object, embed {max-width: 100%;}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
acronym, abbr { cursor: help; border-bottom: 1px dotted #999; }
pre, code, kbd, samp, tt { font-family:"Courier New", Courier, monospace, sans-serif; }
sup, sub { font-size: smaller; position: relative; left: .12em; }
sub { top: .3em; }
sup { top: -.3em; }
pre { padding: 0 1em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size:85%; }
ol, ul { list-style-position: inside; }

table { font-size:inherit; font:100%; }
tfoot, thead { font-family: inherit; }
td, th { padding: 5px; }
tr.even, tr.odd { border-bottom: 1pt dashed #ddd; background: #fff; }
th { font-weight: bold; }
thead th { text-transform: uppercase; }
thead tr { border-bottom: 1pt dashed #666; }
tfoot { font-size: 90%; }
tfoot td { border-top: 1pt dashed #ddd; }
td, td img { vertical-align:top; } 

form { font-size: inherit; line-height: inherit; }
input, textarea, select, button { font-size: inherit; font-family: inherit; line-height: inherit; box-sizing: border-box; }
textarea { vertical-align: top; }
button, input.submit {  width: auto; overflow: visible; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; }
input[type="radio"], input.radio { vertical-align: top; width: auto; position: relative; top: .3em; }
input[type="checkbox"], input.checkbox { vertical-align: middle; width: auto; position: relative; top: -2px; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

img { vertical-align: middle; }

*:focus { outline: none; }
/* END baseline */


/* Helper Classes */
.wrapper { 
	width: 85%; 
	margin: 0 auto;
	text-align: left; 
	}

.hidden { display:none; } 

.vhidden,
.js-js .js-js-hide,
.js-no-js .js-no-js-hide { 
	position:absolute !important; 
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px); 
	}
	
.invisible { visibility: hidden; }

.group:after, .group:before, 
.row:after, .row:before { content: " "; display: table; font: 0/0 a; }
.group:after, 
.row:after,
.row:before { clear: both; }
.group, 
.row { *zoom: 1; }

[class^="icon-"], 
[class*=" icon-"],
.own .meta:after,
.streaming .meta:after,
.js-js .u-faux-select li.u-selected:after {
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	position: relative;
	top: .0625em;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before { content: "\e900"; }
.icon-bookmark:before { content: "\e901"; }
.icon-chevron-down:before,
.icon-descending:before { content: "\e908"; }
.icon-chevron-up:before,
.icon-ascending:before { content: "\e90f"; }
.icon-clock:before { content: "\e902"; }
.icon-database:before,
.own .meta:after { content: "\e903"; }
.icon-edit:before { content: "\e904"; }
.icon-eye:before { content: "\e913"; }
.icon-globe:before,
.icon-fetch:before { content: "\e905"; }
.icon-info:before { content: "\e906"; }
.icon-minus:before { content: "\e910"; }
.icon-more-horizontal:before { content: "\e907"; }
.icon-paperclip:before { content: "\e911"; }
.icon-plus:before { content: "\e912"; }
.icon-repeat:before { content: "\e909"; }
.icon-search:before { content: "\e90a"; }
.icon-star:before { content: "\e90b"; }
.icon-trash:before { content: "\e90c"; }
.icon-tv:before { content: "\e90d"; }
.streaming .meta:after { content: "\e90d"; }
.icon-user:before { content: "\e90e"; }
.own.streaming .meta:after { content: "\e90d \e903"; }


.u-float-right { float: right; }

.u-float-left { float: left; }

.u-inline-block { display: inline-block; }

.u-full-width { width: 100%; }

.u-section-title {
	text-align: center;
	border-bottom: 1px dashed #999;
	position: relative;
    }
    
.u-section-title:last-child { 
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    }

    .u-section-title:last-child::after { display: none; }
	
.wrapper .u-borderless { border: none; }


/*Generic*/
body { 
	background: #fff; 
	color: #222;
    font: 100% / 1.5 "minion-pro", Georgia, serif;	
    padding-top: 4.5em;
    }

@media screen and ( min-height: 600px ) and ( min-width: 25rem ) { 
    body { padding-top: 6em; }
}

.hide-search-bar { padding-top: 1.5em; }

.js-is-overlaid { 
    height: 100%;
    overflow: hidden;
    }
	
a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	font-style: italic;
	}
	
a:hover, a:focus {
	color: #c30;
	border-color: #c30;
	}

a:active {
	color: #ccc;
	border-color: #ccc;
	}
	
h1, 
h3, 
dt,
#preview li strong,
.c-message { 
	font-family: "franklin-gothic-urw-cond", Arial, Helvetica, sans-serif; 
	font-weight: 700;
	font-style: normal;
	}
	
#nav, 
.u-faux-select li,
#filters a,
.button,
button,
.id {
	font-family: "franklin-gothic-urw-cond", Arial, Helvetica, sans-serif; 
	font-weight: 400;
	}
	
#header > h1,
.h2 { font-family: "minion-pro", Georgia, serif; }
	
p, 
ul, 
ol { margin-bottom: 1.5em; }
	
	
h1, 
.h1 { 
	font-size: 1.5em; 
	line-height: 1;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ddd;
	}
	
	h1 a { font-style: normal; }

h1.u-section-title,
.h1.u-section-title { border-style: dotted; }
	
	h1.u-section-title:after,
	.u-textarea-line {
		content: '';
		font: 0/0 'a';
		display: block;
		width: 100%;
		border-bottom: 1px dotted #aaa;
		font-size: 0;
		line-height: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: -3px;
		}
	
h2, 
.h2 { 
	font-size: 1.25em;
	line-height: 1.2;
	margin-bottom: 1.2em;
	}
	
h2.u-section-title,
.h2.u-section-title { 
	border-style: dashed;
	padding-bottom: 1.2em; 
	}
	
	.h2.u-section-title:after { display: none; }
	
	
ul, ol { list-style: none; }

article { 
	position: relative; 
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 3px double #999;
	}

img {
	width: auto;
	height: auto;
	}

form { text-align: left; }
	
label,
.faux-label,
select,
button,
.button,
.u-grouped-buttons,
.inline-label { border: 1px solid #ddd; }
	
label,
.faux-label { 
	border-width: 0 0 1px;
	padding-bottom: .25em;
	margin-bottom: 1.25em;
	}

.faux-label label { 
	border-width: 0; 
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
label { display: block; }

.inline-label {
	padding: 0 .5em;
	border-radius: 3px;
	display: inline-block;
	}
	
.u-grouped-radios label {
	border-radius: 0;
	border-width: 1px 1px 1px 0;
	}
	
.u-grouped-radios label:first-child { 
	border-radius: 3px 0 0 3px; 
	border-width: 1px;
	}

.u-grouped-radios label:last-child { border-radius: 0 3px 3px 0; }

.js-is-checked { 
	background: #333; 
	border-color: #000;
	color: #fff;
	}
	
.js-is-not-checked { color: #999; }
	
	.id { color: #666; }
	
	input:focus,
	textarea:focus,
	select:focus { color: inherit; }
	
	input,
	textarea { 
		border: none; 
		padding: 0;
		margin: 0;
		}
	input[text],textarea{background: #eee;}
	
	select { 
		border-radius: 3px;
		height: 1.5em;
		}
	
	textarea { 
        display: block;
        width: 100%;
        }
        
	.js-lined-textarea {
		position: relative;
		z-index: 50;
		background: transparent;
		}
	
	.u-textarea-line {
		bottom: auto;
		}
		
	.radio, .check { display: inline-block; }
	
	input.u-removed {
		display: none;
		position: absolute;
		left: -999em;
		}
		
.actions {
	padding-top: 1.5em;
	border-top: 1px dashed #ddd;
	}
	
button,
.button,
.u-grouped-buttons {
	border-radius: 3px 3px 4px;
	border-width: 1px 3px 3px 1px;
	background: #fff;
    font-style: normal;
    box-sizing: border-box;
	}
	
button,
.button {
	color: #444;
	padding: 0 .5em;
	display: inline-block;
	width: auto;
	height: auto;
	cursor: pointer;
    }
    
button + button,
.button + .button { margin-left: 1.25em; }

.admin .button + .button,
.admin button + button { margin-left: .375em; }
	
button:hover, button:focus,
.button:hover, .button:focus,
button:active,
button.is-selected,
.button:active,
.button.is-selected {
	border-color: #333;
	color: inherit;
	}
	
button:active,
button.is-selected,
.button:active,
.button.is-selected {
	border-radius: 4px 3px 3px;
	border-width: 3px 1px 1px 3px;
	}
	
button[disabled], button[disabled]:hover, button[disabled]:focus,
.button.u-disabled, .button.u-disabled:hover, .button.u-disabled:focus,
.u-disabled {
	color: #eee;
	border-color: #eee;
	}

.u-secondary-button {
	border-radius: 2px 2px 3px;
	border-width: 1px 2px 2px 1px;
	line-height: 1.3125em; /* 21px */
	padding-left: .375em;
	padding-right: .375em;
	}	
	
.u-secondary-button:active,
.u-secondary-button.is-selected {
	border-radius: 3px 2px 2px;
	border-width: 2px 1px 1px 2px;
	}
	
.u-text-button, .u-text-button:active { 
	border-radius: 0;
	border-width: 0 0 1px;
	padding: 0; 
    text-align: left;
    background: none;
	}
	
.u-text-button:hover, .u-text-button:focus { 
	color: inherit; 
	border-color: #c30;
	}
	
.u-text-button:active {
	border-width: 1px 0 0;
	border-color: #fff;
	}
	
.u-rounded-button, .u-rounded-button:active, .u-rounded-button.is-selected {
	border-radius: 3em;
	padding-left: .1875em;
	padding-right: .1875em;
	}

.u-error,
.u-cancel, 
.u-cancel.is-selected { color: #c30; }

.u-highlighted-button {
	background: #333;
	border-color: #999;
	color: #ddd;
	}
	
.u-highlighted-button:hover, .u-highlighted-button:focus, .u-highlighted-button:active { color: #fff; }

.u-grouped-buttons .button { 
	float: left;
	border: none;
	border-left: 1px solid #eee;
	border-radius: 0;
	}
	
.u-grouped-buttons .button:first-child { border: none; }

.u-grouped-buttons .u-selected {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #fafafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 3px 1px rgba( 0, 0, 0, 0.1 ) inset;
	}
	
.u-selected, .u-selected:hover, .u-selected:focus {
	color: #333;
	cursor: default;
	border-color: #ddd;
	}

.u-faux-select { 
	height: 1.75em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	}

.u-faux-select.js-expanded { overflow: visible; }

	.js-js .u-faux-select li.u-selected:after {
		font-size: .75em;
		line-height: 2;
		position: absolute;
		top: .25em;
		right: .5em;
		cursor: default;
		}
		
	.u-faux-select li { 
		display: none;
		width: 100%;
		}
	
	.u-faux-select .u-selected,
	.js-js .u-faux-select li { display: block; }
	
	.js-js .u-faux-select li {
		position: absolute;
		left: 0;
		top: 100%;
		}
		
	.js-js .u-faux-select li.u-selected { 		
		position: relative;
		top: 0;
		z-index: 0;
		}
	
	.js-js .u-faux-select .u-selected { cursor: pointer; }
	
	.u-faux-select a { display: block; }
	
	.u-faux-select.js-expanded .button { 
		border-width: 0 3px 1px 2px; 
		border-radius: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		}
		
	.u-faux-select.js-expanded .js-first-child .button { 
		border-width: 2px 3px 1px 2px; 
		padding-top: 1px;
		padding-bottom: 1px;
		border-radius: 3px 3px 0 0;
		}
		
	.u-faux-select.js-expanded .js-last-child .button { 
		border-width: 0 3px 3px 2px; 
		padding-top: 1px;
		padding-bottom: 1px;
		border-radius: 0 0 4px 3px;
		}
		
	.u-faux-select.js-expanded .button:hover {
		border-color: #ddd;
		color: #c30;
		}
		
	.u-faux-select.js-expanded .u-selected:hover { color: inherit; }


.u-rating .icon-star { 
	top: 0;
	color: #ccc; 
	margin-right: .125em; /* 2px */
	}

.u-rating .u-full-star { 
	color: #ffd000;
	text-shadow: 0 0 1px;
	}
	
	
.js-js .js-expandable { 
	overflow: hidden; 
	position: relative;
	-webkit-transition: height 500ms linear;
	   -moz-transition: height 500ms linear;
		-ms-transition: height 500ms linear;
		 -o-transition: height 500ms linear;
			transition: height 500ms linear;
	}
		
	.js-expandable-toggle { 
		position: absolute;
		top: .375em;
		right: 0;
        }
        
.u-dark-background { 
    background-color: #000; 
    color: #ddd;
    }

.u-collapsed { 
	padding-top: 0;
	padding-bottom: 0;
    }
    
#search-form { 
    background: white;
    left: 0;
    line-height: 2.25;
    margin-bottom: calc( 1.5rem - 3px );
    padding: .75em 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    }
    
    #search-controls { 
        border-bottom: 3px double #999;
        margin-bottom: 0;
        padding-bottom: .75em;
        z-index: 10; 
        }
            
        #search-type { 
            width: 4.5em; 
            position: relative;
            z-index: 3;
            }
            
            #search-type ul,
            #search-type .button { 
                height: 2.25em; 
                line-height: 2;
                }

            #search-type ul { margin-bottom: 0; }
            
            #search-type .u-faux-select li.u-selected::after { top: .5em; }
        
        #search-inputs { 
            display: flex;
            position: relative; 
            width: 100%;
            }

            .form-wrapper {
                border: none;
                margin-bottom: 0;
                padding: 0 .75rem 0 0; 
            }

            .form-wrapper:first-child { padding-left: 0; }

            .form-wrapper--q { flex: 1 1 auto; }

            .form-wrapper input { border-right: 1px dashed #ccc; }

            #search-input { 
                width: 100%;
                }
            
            #search-action { 
                height: 3rem;
                margin: -.375rem 0;
                padding: 0;
                text-align: center;
                width: 4.5rem;
                }
                
            #search-action.u-disabled { color: #eee; }
            
            #action-progress {
                display: block;
                position: absolute;
                left: -2%;
                top: .65rem;
                z-index: 3;
                }
            
            #action-progress.hidden { display: none; }
        
    #preview.js-is-active {
        background: rgba( 255, 255, 255, .95 );
        height: calc( 100vh - 4em );
        position: fixed;
        right: 0;
        top: 3.75em;
        width: 100%;
        z-index: 0;
        border-style: solid;
        border-color: #ddd transparent #000;
        border-width: .05em 0 .2em;
        }

	#preview.is-full-screen {
		border: 0;
		height: 100vh;
		top: 0;
	}
        
        #preview > .wrapper { padding-top: 1.5em; }

        #preview article { 
            border: none; 
            position: static;
            }
            
        #preview h1 { 
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
            }
            
            #preview h1 a { border: none; }

        #preview figure {
            margin-right: 0;
            width: 100%; 
            text-align: center; 
            }

        @media ( min-width: 37.5em ) {
            #preview figure { 
                text-align: left;
                margin-right: 1.5em;
                max-width: 20em;
                width: auto;
                }
        }

            #preview img { 
                display: inline;
                height: auto;
                max-width: 21em;
                width: 100%;
                }
            
            @media ( min-width: 37.5em ) {
                #preview img { 
                    display: block; 
                    max-height: 50vh; 
                    max-width: none;
                    width: auto;
                    }
            }

            #preview header {
                background: rgba( 255, 255, 255, .9 );
                bottom: 4.5em;
                position: absolute;
                padding: 1.5em 0 0;
                width: 85%;
                }

            @media ( min-width: 37.5em ) {
                #preview header {
                    background: none;
                    padding: 0;
                    position: static;
                    width: auto;
                }
            }

            #preview .plot { line-height: 1.25; }


        #preview li {
            line-height: 1.5;
            }
        
        #preview .actions { 
            position: absolute;
            bottom: 0; 
            left: 0;
            padding: 1.5em 0;
            width: 100%;
            }
        
        #quick-search-results { 
            margin-bottom: .375em; 
            overflow: hidden;
            }
            
            #quick-search-results li {
                height: 3.75em;
                padding-top: .375em;
				overflow: hidden;
                margin-bottom: .375em;
                border-top: 1px dotted #999;
                }
                
            #quick-search-results li:first-child { 
                padding-top: 0;
                border: none; 
                }
            
                #quick-search-results a,  
                #quick-search-results a > * {
					display: block; 
					font-style: normal;
				} 
				
                #quick-search-results a { 
					border: none;
					}
				
				#quick-search-results .title {
					display: block;
					font-style: italic;
					overflow: hidden;
					padding-top: .75em;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				#quick-search-results .meta {
					display: block;
				}
                    
                #quick-search-results figure { 
                    width: 3em;
                    margin-right: .75em;
                    }
                    
                    #quick-search-results img { max-height: 3.75em; }

main { 
    position: relative;
    z-index: 0;
}

#header { 
	text-align: center;
	margin-bottom: 1.5em;
	border-bottom: 5px solid #222;
	position: relative;
	z-index: 1;
	}
		
	#nav { 
        margin-bottom: 1.5rem;
        text-transform: uppercase; 
        }
			
		#nav a, 
		#nav strong { 
            font-style: normal;
            font-weight: normal; 
            }
        
        #nav a { border-color: #c30; }

        #nav .c-nav__item--current { border-bottom: none; }
		
	#header > h1 {
		padding-bottom: 0;
		border: none;
		font-size: 2em;
		line-height: 1.5;
		margin-bottom: 0;
		}	
		
	@media screen and ( min-height: 600px ) and ( min-width: 25rem ) {
		#header > h1 {
			font-size: 4.5em;
			line-height: 1;
			}
		}
		
#content { 
	padding-bottom: 1.5em; 
	border-bottom: 5px solid;
	margin-bottom: 1.5em;
	}

#filters { 
	display: table;
	margin-top: -1.5em;
	border-bottom: 3px double;
	width: 100%;
	margin-bottom: 2.25em;
	}
	
#filters.with-ranges { 
	margin-bottom: 0; 
	border-bottom: none;
	}
	
	#filters li {
		padding: .375em 0;
		margin-right: .125em;
		display: table-cell;
		}
		
	#filters.with-ranges li { border-bottom: 1px dashed #ddd; }
		
	#filters.with-ranges .is-selected { border-color: #fff; }
	
		#filters a { 
			text-align: center;
			color: #999;
			display: block;
			border: none;
			border-left: 1px solid #eee;
			font-style: normal;
			}
			
		#filters li:first-child a { border-left: none; }
			
		#filters a:hover, #filters a:focus { color: #c30 }
			
		#filters .is-selected a, #filters .is-selected a:hover, #filters .is-selected a:focus { 
			color: inherit;
			cursor: default;
			}
			
			#filters [class*='icon-'] { display: none; }
			
			#filters .is-selected [class*='icon-'] { display: inline-block; }
			
#ranges { 
	padding: .375em 0 0;
	border-bottom: 3px double;
	margin-bottom: 1.5em;
	}
	
.js-js #ranges { height: 1.8em; }
	
	#ranges ul { margin-bottom: 0; }
	
	#ranges li { 
		display: inline-block;
		margin: 0 .375em .375em 0;
		}
				
.listing { margin-bottom: 0; }

.listing article { padding-bottom: .75em; }

	article > .row { margin-bottom: .75em; }
	
	article > .row:last-child { margin-bottom: 0; }
	
	figure {
		float: left;
		width: 21.25%;
		margin-right: 7.5%;
		}
		
		figure img { display: block; }
		
	.meta, 
	.info { 
		margin-bottom: 0; 
		color: #888;
		}
		
	.own .meta:after { margin-left: .5em; }
		
	.date-reviewed {
		font-style: normal;
		display: inline-block;
		}
		
	article .u-rating { display: inline-block; }
	
	article header .u-rating { 
		font-size: .625em; /* 10px */
		line-height: 2.4;
		}
		
		article header .u-rating .icon-star { 
			margin-right: .2em; 
			top: 0;
			}
		
	.listing h1 { 
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
		}

	.listing .plot p,
	.comment { margin-bottom: 0; }
	
	.extended-info,
	.listing .actions { padding-top: .75em; }
	
	.extended-info { border-top: 1px dashed #ddd; }
		
	.extended-info,
	.extended-info dd { margin-bottom: .75em; }
			
		.extended-info dt { 
			float: left;
			margin-right: .5em;
			}
		
	.actions p,
	.actions form { margin-bottom: 0; }

#pager {
	text-align: center; 
	margin-bottom: 0;
	}
	
	#pager span { 
        display: inline-block;
        margin-right: .75em;
        }
	
	#pager span:last-child { margin-right: 0; }
	
	#pager .text {
		padding-right: .75em;
		border-right: 1px dashed #ddd;
        }
        
#footer { margin-bottom: 3em; }

#back-to-top {
	position: fixed;
	top: calc( 100% - 3em );
	right: 7.5%;
	margin-right: -.75em;
	margin-bottom: 0;
	}

.js-js #back-to-top { opacity: 0; }

/* LOGIN FORM */
#login-form { 
	max-width: 480px;
	margin: 0 auto;
	}
	
	#password-input { width: 70%; }
	
/* EDIT FORM */
#year-input { width: 25%; }

	#year-input input { width: 50%; }
	
#imdb-input { width: 70%; }
	
	#imdb-input label { width: 80%; }
		
		#imdb-input input { width: 56%; }
		
#rating-input { margin-right: 8.823529411764706%; }
		
#statuses-input { min-width: 280px; }

	#statuses-input > div { margin-right: 1.5em; }	
	
	#statuses-input > div:last-child { margin-right: 0; }


@media screen and ( min-width: 21.25em ) { /* 340px */
	
	figure { width: 29.25%; }
	
	}
	
@media screen and ( min-width: 37.5em ) and ( max-width: 56.9375em ) { /* 600px -- 911px */
	
	.wrapper { width: 92%; }
	
	.listing li {
		float: left;
		width: 47%;
		margin-right: 5.309734513274336%;
		}
		
	.listing li:nth-child(even) { margin-right: 0; }
	
	.listing li:nth-child(odd) { clear: left; }
	
	#back-to-top { right: 4%; }
}
	
@media screen and ( min-width: 44.5em ) { /* 712px */
	
	#edit-form .col { width: 47.2%; }
	
	#edit-form > .row .col:first-child { float: left; }
	
	#edit-form > .row .col:last-child { float: right; }
	
	}

@media screen and ( min-width: 57em ) and ( max-width: 74.9375em ) { /* 912px -- 1199px */
	
	.wrapper { width: 94.73684210526316%; }
	
	.listing li {
		float: left;
		width: 31.48148148148148%;
		margin-right: 2.777777777777778%;
		}
		
	.listing li:nth-child(3n) { margin-right: 0; }

	.listing li:nth-child(3n+1) { clear: left; }
	
	#back-to-top { right: 2.631578947368421%; }
	
	}

@media screen and ( min-width: 75em ) { /* 1200px */
	
	.wrapper { width: 96%; }
	
	.listing li {
		float: left;
		width: 23.4375%;
		margin-right: 2.083333333333333%;
		}
		
	.listing li:nth-child(4n) { margin-right: 0; }

	.listing li:nth-child(4n+1) { clear: left; }
	
	#back-to-top { right: 2%; }
	
    }
    
.c-user-headshot {
    display: inline-block;
    margin-right: .375em;
    height: 1.5em;
    width: 1.5em;
    }

.c-message {
    background: #eee;
    margin-bottom: 3rem;
    padding: 1.5rem;
    position: relative;
    }

.c-message:after {
    content: '';
    border: 1px dotted rgba( 0, 0, 0, .5 );
    bottom: .375em;
    left: .375em;
    position: absolute;
    right: .375em;
    top: .375em;
    z-index: 0;
    }
    
.c-message--error { background-color: #F08688; }
.c-message--notice { background-color: #F0EE56; }
.c-message--success { background-color: #3BDBB4; }

.c-message--full-page {
    align-items: center;
    justify-content: center;
    display: flex;
    height: calc( 100vh - 6rem - 5px - 15rem - 5px - 4.5rem );
    margin-bottom: 0;
    text-align: center;
}

.c-message__title,
.c-message__items { 
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
    }

.c-message__title {
    text-transform: uppercase;
}

.c-message :last-child { margin-bottom: 0; }