/*
THEME NAME: Coast Modern (Sandbox)
THEME URI: http://coastmodernfilm.com (via http://www.plaintxt.org/themes/sandbox/)
DESCRIPTION: Built on top of Sandbox 1.6.1 and 960 Grid System (http://960.gs/)
VERSION: 0.1.0
AUTHOR: <a href="http://netsign.com">Weston Triemstra</a>, <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: coast modern, grid, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, architecture, modernism
*/

/* style guide */
/*
  00bef8  - blue                headers
  61c411  - green
  a8d46f  - green paler
  c5e29f  - green palest
  
  c63f4f  - error
  
  333333  - dark grey           links
  484848  - medium grey         visited links
  666666  - light grey          body copy
  999999  - somewhat grey       form labels
  e7e7e7  - very light grey
  
*/




body {
  background-color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #666;
  line-height: 1;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 10px 0;
}

/* layout */
#wrapper {
  background-color: #fff;
  overflow: hidden;
}
#nav {
  margin: 40px 0 0 0;
  position: relative;
}
#header {
 float: left;
}

#nav #search {
  float: right;
}
#s {
  float: left;
}
#menu {
  position: absolute;
  right: 0;
  bottom: -72px;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

div#menu ul li{
float:left;
}

div#menu ul {
  float: right;
}
div#menu ul li {
  font-size: 16px;
  font-weight: bold;
}
#menu li {
  padding: 0 15px;
  border-right: 2px solid #00bef8;
}
#menu li.page-item-573 {
  border-right: 0;
  padding-right: 0;
}
#container {
  margin-top: 20px;
}
.blog #container, .single #container {
  margin-top: 65px;
}

.entry-content {
  margin-top: 20px;
}
.entry-content img {
  margin: 20px 0;
}

#primary {
  margin-top: 33px;
}
#secondary {
  margin-top: 65px;
}

/* footer */
#footer {
  background-color: #f1f3f4;
  padding: 50px 0 40px 0;
  margin-top: 40px;
  overflow: hidden;
}
#footer h3 {
  color: #484848;
}
#footer .vcard {
  font-size: 12px;
  line-height: 16px;
}
#footer span.jobtitle, #footer span.fn {
  display: block;
}
.fn, .org, .supporters span {
  font-weight: bold;
  font-size: 12px;
}
.supporters div {
  margin: 22px 0 0;
}
.supporters div img {
  margin: 0 40px 0 0;
}

.wp-caption-text {
 font-size: 9px;
}
h1#blog-title {
  margin: 0;
}
h1#blog-title a {
  display: block;
  text-indent: -5000px;
  background: transparent url(images/logo_coast_modern.gif) no-repeat scroll 0 0;
  height: 71px;
  width: 182px;
}
#blog-description {
  display: none;
}

/* i ❤ CoMo */
.widgettitle {
  line-height: 26px;
}
.heart {
  font-size: 28px;
  color: #00bef8;
  vertical-align: bottom;
  font-family: verdana;
}
/* this is really weird ... had to move ❤ outisde of h3 tag, else it displays as a box with 2764 inside it */
h3.ffhearthack {
  display: inline;
}
.thesocial {
  margin-top: 10px;
}
ul.thesocial li {
  float: left;
}
ul.thesocial li a {
  display: block;
  height: 36px;
  background: url(images/thesocial.png) 0 0 no-repeat;
  text-indent: -5000px;
}
#gopaypal {
  width: 85px;
}
#gotwitter {
  width: 60px;
  background-position: -92px;
  margin: 0 3px 0 0;
}
#gofacebook {
  width: 75px;  
  background-position: -145px;
}

.widget_archive li, .widget_categories li, .widget_links li, #rss-links li {
  font-size: 12px;
  line-height: 1.3;
}


/* shop widget */
img.shopwindow {
  padding-top: 10px;
}

/* twitter feed sidebar widget */
li.widget_twitter span.entry-content {
  display: block;
  font-size: 12px;
}
li.widget_twitter span.entry-meta {
  display: block;
  padding-top: 5px;
  font-size: 11px;
}
.twitterwidget-title {
  padding-left: 5px;
}

.box, .widget, .comment, .pingback, body.single .post, body.blog .post, body.search .post, body.category .post, body.archive .post {
  padding-bottom: 20px;
  margin-top: 10px;
  overflow: hidden;
  background: transparent url(images/dots.gif) repeat-x scroll bottom left;
}


.entry-date, .entry-meta {
  font-size: 11px;
}


.single .comment {
  max-width: 500px;
}

.post-categories {
  margin-bottom: -5px;
}
.post-categories a {
  font-size: 14px;
}
.post-categories a:link, .post-categories a:hover, .post-categories a:visited {
  color: #666666;
}

h1 {
  font-size: 34px;
}
.highlight {
  color: #61c411;
}
h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 14px;
}
body.home h4.entry-title {
  margin-top: 20px;
}
h1, h2 {
  color: #00bef8;
}
h3, h4, h5, h6 {
  color: #666;
}
a:link {
 color: #00bef8;
 text-decoration: none;
}
a:visited {
 color: #00bef8;  
 text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
a { 
  outline: none;
}
p {
  font-size: 12px;
  line-height: 1.3;
  max-width: 554px;
}

#searchform input[type="image"] {
  margin: 0 0 0 5px;
  float: right;
}
input[type="text"] {
  height: 14px;
  border: 1px solid #e7e7e7;
  padding: 2px;
}


#nav-above {
  display: none;
}
#nav-below {
  font-size: 12px;
  margin-top: 20px;
  overflow: hidden;
}
.nav-previous {
  float: left;
}
.nav-next {
  float: right;
}

/* sidebar */
.sidebar p {
  font-size: 11px;
}
#secondary #search {
  display: none;
}
.helpus {
  width: 220px;
}
.progressbar {
	border:2px solid #61c411;
	width: 214px;
	height: 29px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	margin: 0 auto;
	clear: both;
}
.helpus .legend-left, .helpus .legend-right {
  font-size: 12px;
  margin: 0 0 5px 0;
  color: #999;
}
.helpus .legend-left {
  float: left;
}
.helpus .legend-right {
  float: right;
}
.helpus p {
  font-size: 13px;
}
.helpus .raised {
  font-size: 14px;
  margin-bottom: 0;
}
.helpus .contributors {
  margin-top: 0;
}
.helpus .assurance {
  font-size: 10px;
  color: #999;
  margin-bottom: 2px;
}
.centre {
  margin: 0 auto;
}
/* comments */
#comments {
}
.comments h3 {
  margin: 30px 0;
}
.comment-author {
  margin-top: 10px;
}
.comment-author .avatar {
  float: left;
  margin-right: 10px;
}
.comment-meta, .comment-meta a {
  margin: 2px 0 0 0;
  font-size: 12px;
  color: #666;
}
#respond {
  margin: 30px 0 0 0;
}
#commentform .form-label {
  margin: 0 0 3px 0;
  font-size: 11px;
}
input[type="text"], textarea {
  font-family: "Lucida Grande", sans-serif;
  font-size: 12px;
}
#commentform textarea  {
  padding: 2px;
}
#commentform .text {
  margin: 0 0 10px 0;
}
#commentform .button {
  margin: 10px 0;
}


/* page: donate */
.donate h1 {
  margin-bottom: 40px;
}
.donate h3 {
  color: #00bef8;
}
.money {
  font-size: 48px;
  font-weight: bold;
  color: #00bef8;
  display: block;
  margin-bottom: 20px;
}

/* carousel */
.carousel, .slides li {
  height: 394px;
  width: 700px;
  overflow: hidden;
  position: relative;
}
.slides .caption-bg, .slides .caption {
  position: absolute;
  top: 293px;
  width: 210px;
  height: 79px;
}
.slides .caption-bg {
  background-color: #000;
  opacity: 0.6;
}
.slides .caption {
  padding: 20px;
}
.slides .caption h3, .slides .caption p, .slides .caption a:link, .slides .caption a:visited, .slides .caption a:hover {
  color: #fff;
}
.slides .caption h3 {
  margin: 0;
  font-size: 12px;
}
.slides .caption p {
  margin: 0;
  font-size: 11px;
}
.slides .caption img {
  border: 1px solid #fff;
}
.prev, .next {
  height: 16px;
  width: 9px;
  display: block;
  position: absolute;
  top: 360px;
  z-index: 99;
}
.prev {
  background:transparent url(images/carousel/prev.png) no-repeat scroll 0 0;
  right: 40px;
}
.next {
  background:transparent url(images/carousel/next.png) no-repeat scroll 0 0;
  right: 20px;
}

/* filmmakers */
#post-300 h3, #post-377 h3 {
  margin-bottom: 5px;
  color: #00bef8;
}
.mike, .gavin {
  width: 300px;
  float: left;
}
.mike {
  padding-right: 20px;
}
.mike img, .gavin img {
  margin: 10px 0;
}

/* alignleft hack so that n+1+x post images have only 5px topmargin */
.entry-content img.alignleft {
  margin: 5px 0 20px 0;
}