/*
Theme Name:     Twenty Ten Child
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Ten theme
Author:         Your name hereAuthor 
URI:     http: //example.com/about/
Template:       twentyten
Version:        0.1.0
*/
@import url("../twentyten/style.css");#site-title a {  color: #ffffff;}
#content,#content input,#content textarea {  color: #333;  font-size: 15px;  line-height: 20px;}
#content p,#content ul,#content ol,#content dd,#content pre,#content hr {  margin-bottom: 24px;}
#contact-form {  width: 313px;  margin-left: auto;  margin-right: auto;  background: #DEDEE7;  border: solid;  /* padding: 10px; */  padding-left:25px;  padding-right:30px;}
#contact-form input {  margin:0 0 3px;}
#contact-form p {  margin-top: 0.5em;  margin-bottom: 0.5em;}
#contact-form p + p {  margin-top: 0.5em;  margin-bottom: 0.5em;}
.contact-form-right {  text-align:right;}
.entry-content,.entry-summary {	clear: both;	padding: 0 0 0 0;}
#content .fb-like {  float:right;  width:225px;  height: 33px;  overflow: hidden;  margin-bottom: 0px;  text-align:right;}
#wrapper #header-social {  /*width:80px; */  height:26px;  /*clear:right; */  /* display:inline; */  float:right;  text-align:right;  margin-bottom:2px;  border:0;}
#header #branding #header-social a img {  margin:0 0 0 2px;  border: none;}
#site-description {    margin: 14px 0 2px;    width:300px;    font-style:italic;}
#site-title {    float: left;    font-size: 30px;    line-height: 36px;    margin: 5px 0 18px;	padding-left: 10px;    width: 600px;}
#header {    padding: 10px 0 0;}
#container .twitter-share-button iframe {  float: right;  padding-top: 3px;}
#container .social {    clear: both;    display: table;    line-height: 20px;    margin: 0 auto;    padding: 0;    width: 100%;}#masthead {  background-color: #274287;  /* #122142; */}

/* p + p { margin-top: 0.5em; } *//* The first one sets the top margin of all paragraphs to 1/2 space (more or less). The second one does that for only paragraphs that follow other paragraphs (i.e., it doesn't set the margin of the first paragraph on the page, or the first paragraph in a section).  */

/* for sublime video */
/*
* You probably want to set the same width and height
* that you have set to your <video> elements.
*/
.interactive .video_wrap {
  width:640px;
  height:360px;
  display:none;
}
.interactive .video_wrap.active {
  display:block;
}

/* This will make distinguishable the currently selected thumbnail */
.interactive li.active {
  background:#000;
}

/* This will create a simple hover effect */
.interactive li img {
  opacity:.7;
}
.interactive li a:hover img, .interactive li.active img {
  opacity:1;
}

.interactive ul {
    list-style-type: none;
    margin: 20px auto;
    overflow: hidden;
    width: 800px;
}
.interactive li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    display: block;
    float: left;
    height: 60px;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 5px;
    width: 80px;
}
.interactive li.last_thumbnail {
    margin-right: 0;
}
.interactive li.active {
    background: none repeat scroll 0 0 #000000;
}
.interactive li a {
    display: block;
}
.interactive li img {
    -moz-transition: opacity 0.25s ease 0s;
    opacity: 0.7;
}
.interactive li a:hover img, .interactive li.active img {
    opacity: 1;
}