/*
Theme Name: A Lot Like You
Theme URI:
Description: Based on Starkers HTML5 by Nathan Staines, graphic design by The Medium (http://the-medium.net)
Version: 1
Author: Morgan Kay
Author URI: http://wp-alchemists.com
*/

@import "css/reset.css";
@import "editor-style.css";



/* GENERAL */
/* ----------------------------------------- */ 

html {
background: #1c1c1c;
}

body {
width: 1024px;
margin: 0 auto !important;
}

#content {
background: url('images/body-bg-top.jpg') no-repeat top center,
url('images/body-bg-bottom.jpg') no-repeat bottom center,
url('images/body-bg.jpg');
padding: 10px 0 20px 0;
}

#main {
width: 635px;
float: left;
}

aside {
width: 293px;
float: right;
position: relative;
right: 8px;
}


/* HEADER */
/* ----------------------------------------- */

#top {
height: 235px;
background: url('images/header-bg.jpg') no-repeat #1c1c1c;
position: relative;
}

#top h1 a {
display: block;
width: 377px;
height: 185px;
background: url('images/logo.png') no-repeat;
}

#top hgroup {
width: 377px;
height: 185px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-left: 74px;
padding-top: 3px;
}

#top #laurels {
width: 540px;
height: 165px;
position: absolute;
top: 14px;
right: 15px;
}

/* NAVIGATION */
/* ----------------------------------------- */

#top nav {
height: 50px;
line-height: 45px;
padding-left: 65px;
position: relative;
}

#top nav li {
display: inline;
margin-right: 28px;
position: relative;
}

#top nav li a {
font-family: 'Cabin Sketch', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #bda786;
text-decoration: none;
font-size: 20px;
display: inline-block;
padding-bottom: 20px;
}

#top nav a:hover,
#top nav li.current-menu-item a,
#top nav li.current-page-ancestor a,
#top nav li.current-menu-item li a:hover,
#top nav li.current-menu-ancestor li a:hover {
color: #c9724c;
}

#top nav li.current-menu-item li a,
#top nav li.current-menu-ancestor li a {
color: #bda786;
}

#top nav a:hover {
background: url('images/hover.png') no-repeat 0px 35px;
background-size: 100% 7px;
}

#top nav ul ul a:hover {
background: none;
}

#top nav ul ul {
display: none;
position: absolute;
top: 30px;
left: -20px;
width: 200px;
text-align: left;
z-index: 500;
padding-top: 10px;
background: #1c1c1c;
}

#top nav ul ul:after {
content: '';
display: block;
background: url('images/dropdown-bg-bottom.png') no-repeat bottom center;
width: 200px;
height: 7px;
position: relative;
bottom: -7px;
}

#top nav li li {
line-height: 14px;
padding-left: 20px;
}

#top nav ul ul li {
display: block;
}

#top nav ul ul a {
font-size: 14px;
line-height: 14px;
padding-bottom: 10px;
font-weight: 400;
}

#top nav ul li:hover > ul {
        display: block;
}

#top #social-nav {
position: absolute;
top: 190px;
right: 32px;
}

#top .socialmedia-buttons img {
margin-right: 6px !important;
}

/* PAGE */
/* ----------------------------------------- */

#main {
padding: 25px 25px 20px 60px;
}

.page article header h1 {
margin-bottom: 20px;
}

.page article {
min-height: 750px;
}



/* ALLY CARDS */
/* ----------------------------------------- */

.page-id-3283 .sharebutton {
  float: right;
  position: relative;
  top: -45px;
}

.page-id-3283 #form {
    width: 733px;
  height: 689px;
  padding: 20px;
background: url('http://alotlikeyoumovie.com/wp-content/themes/ally/images/cardformbg.jpg');
margin: 0 auto;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -386px;
  z-index: 2000;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box; background-clip: padding-box;
}

.clickToHide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1500;
display: none;
  background: rgba(35, 35, 35, 0.7);
}

.page-id-3283 #form h2 {
  color: #fff;
  font-size: 36px;
  text-align: center;
  margin-bottom: 15px;
}

.page-id-3283 #form label {
 color: #f3c898;
  font-size: 15px;
  width: 240px;
  text-align: right;
}

.page-id-3283 #form .ginput_container {
 float: right;
}

.page-id-3283 #form input[type="text"] {
 width: 245px;
  margin-right: 200px;
  padding: 5px;
    -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-family: 'OpenSans', sans-serif;
color: #1c1c1c;
  font-size: 14px;
  position: relative;
  top: 3px;
margin-bottom: 10px;
}

.page-id-3283 #field_2_1 .ginput_container {
 float: none;
}

.page-id-3283 #field_2_1 textarea {
  border: none;
  height: 300px;
  width: 560px;
  color: #754c32;
  font-size: 18px;
  margin-top: 15px;
  margin-left: 15px;
  padding: 70px 40px 120px 110px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box; background-clip: padding-box;
background: url('http://alotlikeyoumovie.com/wp-content/themes/ally/images/cardinputbg.jpg');
}

.page-id-3283 .gform_body li {
 margin: 0 !important;
  padding: 0;
}

#field_2_5  {
position: absolute;
  left: 35px;
  bottom: 60px;
  }

#field_2_5 label {
 text-align: left !important;
  position: absolute;
  left: 0;
}

#field_2_5 .gfield_captcha_container {
  position: absolute;
  left: 80px;
}


#field_2_5 .gfield_captcha_input_container {
  width: 400px;
  position: absolute;
  left: 160px;
  top: 0;
}

#gform_submit_button_2 {
 float: right; 
 position: relative;
 top: -10px;
}

.page-id-3283 #gforms_confirmation_message {
   color: #f3c898;
  font-size: 15px;
}

.page-id-3283 #cardgallery,
#contentcontainer {
  clear: both;
}

.page-id-3283 .card {
  width: 160px;
  height: 160px;
  float: left;
  padding: 5px;
  margin: 10px;
  text-align: center;
}

.single-allycard .allycard {
    height: 300px;
  width: 540px;
  color: #754c32;
  font-size: 18px;
  margin-top: 15px;
  margin-left: -35px;
  margin-bottom: 15px;
  padding: 70px 40px 120px 110px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box; background-clip: padding-box;
background: url('http://alotlikeyoumovie.com/wp-content/themes/ally/images/cardinputbg.jpg');
}

.single-allycard p.submittedby {
  margin-bottom: 0;
}


/* HOME PAGE */
/* ----------------------------------------- */

.home #content {
background: none;
padding: 0;
}

.home #trailer {
height: 400px;
background: url('images/trailer-bg.jpg');
position: relative;
}

.home #trailer #video {
border: 5px solid #f7f0e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
right: 88px;
top: 95px;
}

.home #description {
background: url('images/mission-bg.jpg');
height: 67px;
color: #eee5cb;
padding: 28px 70px 25px 70px;
}

.home #description p {
font-size: 18px;
line-height: 23px;
}

.home #description strong {
font-family: 'Cabin Sketch', sans-serif;
font-weight: 400;
}

.home #dostuff {
background: url('images/dostuff-bg-bottom.jpg') no-repeat bottom center, url('images/dostuff-bg.jpg');
height: 395px;
position: relative;
}

.home #highlight {
background: url('images/highlight-bg.png') no-repeat;
height: 320px;
width: 545px;
position: relative;
top: -13px;
padding: 28px 30px 20px 50px;
}

.home #highlight h3 {
color: #70221d;
font-size: 21px;
line-height: 30px;
}

.home #highlight #screenings h3 {
margin-left: 10px;
}

.home #highlight #screenings p,
.home #highlight #recentpost p {
font-size: 13px;
line-height: 15px;
margin-bottom: 15px;
}

.home #highlight #screenings p {
margin: 18px 10px 0px 20px;
}

.home #highlight #screenings #scroll {
width: 250px;
height: 280px;
overflow: auto;
font-size: 10px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.35) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.35)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#59ffffff',GradientType=0 );
}

.home #highlight #recentpost {
width: 250px;
height: 300px;
position: absolute;
right: 30px;
top: 28px;
}

.home #highlight #recentpost h4 {
margin-top: 13px;
margin-bottom: 18px;
font-family: 'OpenSansBold';
text-transform: none;
font-size: 13px;
line-height: 18px;
}

.home #highlight #recentpost .sharing,
.home #highlight #recentpost .sharedaddy {
display: none;
}

.home #recentpost .button {
display: inline-block;
background: url('images/button-readmore.png');
width: 100px;
height: 39px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-top: 18px;
}

.home #actions {
width: 350px;
position: absolute;
right: 20px;
top: 10px;
}

.home #actions h3 {
color: #000;
font-size: 26px;
line-height: 30px;
}

.home #actions #host {
padding-top: 25px;
padding-bottom: 20px;
border-bottom: 1px solid #dcb781;
}

.home #actions #host h3 {
margin-top: 7px;
margin-left: 10px;
padding-left: 45px;
}

.home #actions a {
color: #000;
}

.home #actions .buy {
  color: #762910;
font-family: "Arial", sans-serif;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
  padding: 13px 0;
  background: url( 'images/home-dividers.png') bottom center no-repeat;
}

.home #actions .buy:last-child {
  background: none;
}

.home #actions .buy p {
  margin-bottom: 0;
}

/* BLOG */
/* ----------------------------------------- */

nav .newer {
float: right;
}

.blog nav,
.single nav,
.archive nav {
font-size: 14px;
margin-bottom: 14px;
}

.blog h2,
.single h1,
.archive h2 {
border-width: 0px 0px 3px; 
-moz-border-image: url('images/blog-border.png') 27 repeat stretch; 
-webkit-border-image: url('images/blog-border.png') 27 repeat stretch; 
-o-border-image: url('images/blog-border.png') 27 repeat stretch; 
border-image: url('images/blog-border.png') 27 fill repeat stretch;
}

.blog h2 a,
.single h1 a,
.archive h2 a {
color: #1c1c1c;
}


.blog .date,
.single .date,
.archive .date {
color: #5f4735;
font-size: 14px;
font-family: 'OpenSansSemibold';
}

.blog  #content header,
.single  #content header,
.archive #content header {
margin-bottom: 20px;
}

.sharing {
padding: 0 5px !important;
border-width: 3px 0px;
-moz-border-image: url('images/blog-border.png') 27 repeat stretch; 
-webkit-border-image: url('images/blog-border.png') 27 repeat stretch; 
-o-border-image: url('images/blog-border.png') 27 repeat stretch; 
border-image: url('images/blog-border.png') 27 fill repeat stretch;
}

.sharing .sharing_label {
color: #5f4735;
font-size: 14px;
font-family: 'OpenSansSemibold';
}

.blog article footer,
.single article footer,
.archive article footer {
font-size: 12px;
line-height: 20px;
margin-bottom: 75px;
}


/* COMMENTS */
/* ----------------------------------------- */

h3#comments-title {
margin-top: 50px;
}

#comments article {
min-height: 0;
margin-bottom: 20px;
border: 1px solid #963A1C;
padding: 10px;
}

#comments article article {
margin: 0 0 0 40px;
border: 1px dotted #1c1c1c;
}


#comments a.comment-reply-link {
display: block;
margin-bottom: 14px;
}


/* SIDEBAR */
/* ----------------------------------------- */

#widgets {
background: url('images/pagelist-top.jpg') no-repeat top center,
url('images/sidebar-bg-bottom.jpg') no-repeat bottom center,
url('images/sidebar-bg.jpg');
padding-top: 10px;
position: relative;
top: -10px;
z-index: 100;
}

#pagelist {
background: url('images/pagelist-bg-top.jpg') no-repeat top center,
url('images/pagelist-bg-bottom.png') no-repeat bottom center;
background-color: #1c1c1c;
padding: 25px;
position: relative;
z-index: 200;
}

#pagelist a {
font-family: 'Cabin Sketch', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 24px;
line-height: 34px;
}

#pagelist li,
#pagelist li li {
list-style-type: none;
margin-left: 0;
}

#pagelist .children a {
color: #eee3d3;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}

#pagelist .children .current_page_item a,
#pagelist .children a:hover {
color: #d7b46e;
}

aside div {
clear: both;
}

aside h3 a,
aside a h3 {
color: #1c1c1c;
}

aside h3 a: hover,
aside a h3:hover {
color: #963a1c;
}

aside #donate, 
aside #host,
aside .buy, 
aside #bloglink,
aside #contactlink {
margin: 10px;
padding: 9px;
}

aside #donate, 
aside #host,
aside .buy, 
aside #bloglink {
background: url('images/widget-border.png') no-repeat bottom center;
}

aside .buy img {
  max-width: 100%;
  height: auto;
}

aside .buy {
  padding-top: 0;
  color: #762910;
font-family: "Arial", sans-serif;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

aside .buy + .buy + .buy + .buy + .buy {
  padding-bottom: 18px;
  padding-top: 4px;
}

aside .buy + .buy + .buy + .buy + .buy img {
  position: relative;
  top: -3px;
}

aside .buy p {
  margin-bottom: 9px;
}

aside #donate h3, 
aside #host h3, 
aside #bloglink h3, 
aside #contactlink h3 {
padding-left: 45px;
height: 35px;
margin-top: -10px;
}


aside .alignleft {
margin: 0 10px 10px 0;
}

aside .buy .alignleft {
  position: relative;
  top: 5px;
}

aside #donate h3 {
background: url('images/donate.png') no-repeat;
}

aside #host h3 {
background: url('images/screening.png') no-repeat;
}

aside #bloglink h3 {
background: url('images/blog.png') no-repeat;
}

aside #contactlink h3 {
background: url('images/contact.png') no-repeat;
}

#nsu-form-1 {
margin-top: -15px;
}

#nsu-form-1 .nsu-field {
border: 1px solid #ac864d;
height: 29px;
padding-left: 5px;
margin-bottom: -10px;
}

#nsu-form-1 .nsu-submit {
background: url('images/button-signup.png');
border: none;
height: 34px;
width: 70px;
margin-left: 90px;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
}

#back {
background: url('images/back-bg.png');
width: 156px;
height: 39px;
float: left;
margin-left: 70px;
}

#back a {
font-family: 'Cabin Sketch', sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #1c1c1c;
font-size: 18px;
padding-left: 35px;
line-height: 39px;
}

#blogsidebar {
margin-top: 25px;
}

#searchform .screen-reader-text {
display: none;
}

#searchform #s {
border: 1px solid #c6b9a3;
height: 24px;
width: 190px;
line-height: 25px;
padding: 0 5px;
box-shadow:inset 5px 5px 10px #ccc;
font-family: Garamond, serif;
font-size: 13px;
}

#searchform #searchsubmit {
background: url('images/search.png') no-repeat;
width: 35px;
height: 31px;
border: none;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -5px;
top: 5px;
}

.blogwidget h3 {
font-size: 18px;
margin-top: 20px;
}

.blogwidget li {
list-style-type: none !important;
margin-left: 0 !important;
font-size: 12px;
line-height: 17px;
border-top: 1px dotted #5f4735;
padding-top: 5px;
margin-top: 5px;
}

.blogwidget li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}

.blogwidget select {
width: 233px;
}

#blogwidgets .widget_reallysimpletwitterwidget h3 {
background: url('images/twitterbird.png') no-repeat;
padding-left: 40px;
line-height: 24px;
margin-bottom: 5px;
}

#blogwidgets .fctWidgetFacebookZamablogDisplay h3 {
background: url('images/thumbup.png') no-repeat;
padding-left: 40px;
line-height: 27px;
}

#blogwidgets .widget_archive h3, 
#blogwidgets .widget_categories h3 {
color: #8a3114;
}

#blogwidgets .widget_recent_entries a {
color: #1c1c1c;
}

#blogwidgets .tagcloud {
margin-bottom: 50px;
}


/* FOOTER */
/* ----------------------------------------- */

#bottom {
clear: both;
background: #000;
color: #868685;
text-align: center;
padding: 20px 20px 50px 20px;
}

#bottom #credits {
font-family: 'MoviePoster';
text-transform: uppercase;
font-size: 20px;
width: 680px;
margin: 0 auto;
line-height: 1.5em;
letter-spacing: -.08em;
word-spacing: .2em;
}

#bottom #credits strong {
font-weight: normal;
font-size: 1.5em;
}

#bottom #supporters  {
display: inline;
margin: 0 25px;
}

img#wpstats {
display:none;
}

.collapseomatic {
color: #963A1C;
}

ul.children[style] {
	display: block !important;
}

.slickr-flickr-slideshow {
margin-bottom: 150px;
     }