html, body {min-height:101%}
body {padding-top:90px;background-color:rgb(245,245,245)}
dt {color:#777;}
dd {margin-left:0}
h1 {text-transform:capitalize}
h2 {font-size:36px;padding-bottom:6px;line-height:1em}
h2 .search-query {font-size:18px;height:auto}
.alert {margin-top:1em}
.well .dark {background-color:#333}
.well h2 {border:none;margin-bottom:.25em}
.intro h1 {margin-bottom:.5em}
.intro input[type=text] {font-size:18px;height:auto}
.intro .btn {line-height:1.7em}

.results-wrapper {padding-right:350px;}
.results-container { margin: 0 -350px 0 auto; width: 100%; float:right; }
.results-nav {width:350px;float:left;}
.main, .results-nav {min-height:100px;}
.results-nav input, .results-nav select {width:90%}
.results-pad {padding:0 9px}

.results li {height:300px;margin:0 20px 40px 0;width:200px;background-color:#fff;cursor:pointer;position:relative}
.items li {height:255px;list-style-type:none}
.results li .itemcount {font-size:18px;width:54px;margin-right:9px;text-align:center;color:#777;padding:9px;border-right:1px solid #eee}
.results .pull-left img {min-width:100%}
.results li .itemcount span {display:block;font-size:12px;text-transform:uppercase;color:#999}
.results li.heading {width:auto;margin:1px 0;}
.results .back {margin-left:18px;font-size:12px;float:right}
.results .heading > a h3 {padding:5px;line-height:43px;font-size:24px;}
.results .heading > a h3 span {color:#ccc;font-size:18px}
.results li.heading> a:hover {text-decoration:none}
.results li.heading> a h3:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#dddddd)";
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background: -moz-linear-gradient(top, #eee, #ddd);
}
.results .heading ul {margin:10px}
.results .addnew {padding:1em}
.results li p {background-color:#444;background-color:rgba(0,0,0,.7);position:absolute;bottom:0;left:0;color:#ccc;padding:5px;margin:0;width:190px}
.results .group {width:auto;height:auto;font-size:36px;margin:0 3px 9px 0;color:#ccc;cursor:default;border:1px solid #eee}
.results .group ul {margin:0}
.results .group li{margin:3px}
.results .group h3 {font-size:24px;margin-bottom:9px;border-bottom:1px solid #777;background-color:#333;padding:9px;white-space:pre-wrap}
.search .results li {height:auto}
.results .frame {height:255px;overflow:hidden;background:#333}
.results .caption {background-color:#333;color:#eee;padding:10px;height:50px;position:relative}
.brand span {font-size:11px;text-transform:uppercase;display:block;margin-top:3px}
.brand h1 {background:url(../img/sort-it-logo.png) no-repeat;text-indent:-9999px;width:124px;height:50px}
.results-nav .collapsed li {display:none}
.results-nav .collapsed .nav-header {display:block}
.results-nav .nav-header a {font-size:12px;display:inline;margin-left:10px}
.nav-list {background-color:#fff;padding:15px;border-bottom:1px solid #ddd}
.nav-list button {vertical-align:top}
.nav-list .disabled {color:#ccc;font-style:italic}
.nav-list .nav-header {margin-bottom:.5em}
.navbar .nav > li {height:70px}
.navbar .nav > li > a {line-height:50px}
.navbar .dropdown .caret {margin-top:23px}
.navbar .search {margin-left:15%;margin-top:10px}
.navbar .nav .active > a, .navbar .nav .active > a:hover {background-color:#111}
.navbar .btn-group {margin-top:15px}
.nav form {margin:0}
.bigbutton {text-align:left}
.bigbutton h3 {font-size:24px;line-height:1.5em;border-bottom:1px solid #fff;border-color:rgba(255,255,255,.5);padding-bottom:.25em;margin-bottom:.25em}
.bigbutton li {font-size:12px}

.error {color:#D73C14}
.margintop {margin-top:20px}
body .block {display:block}
.control-label.block {width:150px}

form .control-label {color:#aaa}

.modal {width:650px}
#modal.large {margin-top:0;top:20px}
.modal h3 {font-size:24px}
.modal h3 span {font-size:14px}
.modal h4 {font-size:18px;padding-bottom:5px;border-bottom:5px solid;margin-bottom:10px}
.modal dl {margin-top:0;margin-bottom:30px}
.modal dl.narrow {width:290px}
.modal dd {border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:3px}
.modal img {margin:20px 0 20px;max-width:300px}
.modal .tomato {font-size:18px;color:#506A16;}
.modal .tomato span {vertical-align:bottom;background:url(../img/rottentomatoes.png) no-repeat;display:inline-block;height:24px;width:24px}
.modal .rotten span {background-position:0 -23px}
.modal .edit ul{ margin-left:0}
.modal .edit textarea {width:300px}
.modal .edit li {list-style-type:none}
.modal .edit .control-group {margin-bottom:0}
.modal .edit section > ul > li {list-style-type:none;background-color:rgb(245,245,245);padding:.25em 0;margin-bottom:1px;border-bottom:1px solid rgb(230,230,230)}
.modal .column {}
body .modal section .column li {border:none;float:left;width:33%;background-color:transparent}
.modal .column dl {margin:0}
.modal .column dd {border:none;padding:0}
.modal .pictures {background-color:#F5F5F5}
.modal .edit .pictures li {float:left;padding:10px}
.modal .edit .pictures li form {}
.modal .pictures img {display:block;max-width:120px;margin:0 0 10px;}
.modal .pictures button {}

.modal .main {float:left;width:50%}
.modal .main dd {font-size:24px;line-height:1}
.cover {float:right;width:45%}
.cover img {max-width:100%}

/* ratings */
span.rating {vertical-align:top;}
span.ratingg, span.ratingpg, span.ratingpg-13, span.ratingr,span.ratingnc17, span.ratingnr 
    {background:url(../img/ratings.png) no-repeat 0 22px;text-indent:9999px;height:22px;width:23px;display:inline-block;overflow:hidden;}
span.ratingg {background-position:0 0}
span.ratingpg {background-position:-90px 0;width:45px;}
span.ratingpg-13 {background-position:-180px 0;width:75px;}
span.ratingr {background-position:-270px 0;width:28px;}
span.ratingnc17 {background-position:-360px 0;width:68px;}
span.ratingnr {background-position:-495px 0;width:40px;}

/* formats */
.format {vertical-align:top;}
.formatdvd, .formatvhs, .formatblu-ray 
    {vertical-align:top;background: url(../img/format.png) no-repeat -1000px 0px;height:18px;width:40px;text-indent:-999px;overflow:hidden;display:block;}
.formatdvd {background-position:0 0;}
.formatvhs {background-position: -45px 0;}
.formatblu-ray {background-position: -90px 0;}

/* apps */
.apps {margin:0}
.apps li {list-style-type:none;display:inline-block}
.apps a {border:1px solid transparent;background:url(../img/download-icons.png) no-repeat;display:inline-block;padding-top:50px;width:50px;text-align:center}
.apps a:hover {background-color:#eee;text-decoration:none;border-color:#ddd}
.apps .iphone {background-position:15px 0}
.apps .mac {background-position:-163px 0}
.apps .ipad {background-position:-42px 0}
.apps .android {background-position:-100px 0}
.apps .windows {background-position:-370px 0}

/* regions */
.region {vertical-align:top;background:url(../img/regions.png) no-repeat 0 -18px;display:inline-block}
.region1, .region2, .region3, .region4, .region5, .region6, .regiona, .regionb, .regionc
    {height:21px;width:18px;text-indent:999px;overflow:hidden;}
.region1 {background-position:0 0;}
.region2 {background-position:-18px 0;}
.region3 {background-position:-36px 0;}
.region4 {background-position:-54px 0;}
.region5 {background-position:-72px 0;}
.region6 {background-position:-90px 0;}
.regiona {background-position:-108px 0;}
.regionb {background-position:-126px 0;}
.regionc {background-position:-144px 0;}

.highlight {text-shadow:1px 1px 0px #FFF}
.transition {-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;}
.spinner {}
.loading {text-align:center;text-transform:uppercase;}
.loading p {margin-top:90px;color:#999}
.hasjs .hide {display:none}
iframe {border:none;margin:0;padding:0}

.quicklinks {}
.quicklinks a {margin-right:5px}

.placeholder { color:#999; }

.posts {color:#333}
.posts ul {margin:0}
.posts article {margin-bottom:1em;padding-bottom:2em}
.posts article ul {margin-bottom:1em}
.posts header h4 {text-transform:uppercase;color:#999;}
.posts h3 {font-size:24px;margin-bottom:.5em}
.posts p {color:#333}

.column3 {-moz-columns:3;-webkit-columns:3;columns:3}

.features {}
.features div {}
.features i {font-size:36px;margin-right:10px;margin-top:10px}
.features .content {width:70%}
.features h3 {margin-bottom:.5em}
.features .well {min-height:780px}
@media (max-width: 767px) {
    .features .well {min-height:auto}
}

.column2 {
    -moz-column-count: 2;-moz-column-gap: 20px;
    -webkit-column-count: 2;-webkit-column-gap: 20px;
    column-count: 2;column-gap: 20px;
}
.column3 {
    -moz-column-count: 3;-moz-column-gap: 20px;
    -webkit-column-count: 3;-webkit-column-gap: 20px;
    column-count: 3;column-gap: 20px;
}

.datepicker{top:0;left:0;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px;} .datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px;} .datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px;} .datepicker > div{display:none;} .datepicker table{width:100%;margin:0;} .datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .datepicker td.day:hover{background:#eee;cursor:pointer;} .datepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:2px;} .datepicker th.switch{width:145px;} .datepicker thead tr:first-child th{cursor:pointer;} .input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px;} .dropdown-menu.datepicker{max-width:220px;} .datepicker td.old,.datepicker td.new,.datepicker td span.old{color:#999;} .datepicker td.active,.datepicker td.active:hover,.datepicker td span.active{background-color:#006dcc;background-image:linear-gradient(top,#0088cc,#0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);} .datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled],.datepicker td span.active:hover,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]{background-color:#04c;} .datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td span.active:active,.datepicker td span.active.active{background-color:#039 \9;} .datepicker td span:hover,.datepicker thead tr:first-child th:hover{background:#eee;}
.starrating {text-align:center;clear:both}
.starrating a {background: transparent url(../img/stars-sprite.png) no-repeat;float:left;height:20px;width:10px; text-indent: -999em; overflow: hidden;}
.starrating.readonly a {background-image:url(../img/stars-sprite-white.png);}
.starrating a {outline:none}
.starrating a.rating-right {background-position: 0 -21px;padding-right: 6px;}
body .starrating a.rating-over {background-position: 0 -41px;}
body .starrating a.rating-over.rating-right {background-position: 0 -61px;}
.starrating a.rating {background-position: 0 -81px;}
.starrating a.rating.rating-right {background-position: 0 -101px;}

footer {padding:1em 2em;padding-bottom:80px;color:#999;text-shadow:-1px 1px 1px #fff}

.mobile form {}
.mobile .form-horizontal .control-label {display:block;float:none;text-align:left;width:auto;}
.mobile .form-horizontal .controls {margin:0;}
.mobile form input, .mobile form textarea {width:98%;display:block}