/* 
    Document   : style.css
    Created on : Apr 16, 2014, 8:22:49 AM
    Author     : cmorgan
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
a {
    color: green;
}
a:hover{
    color: black;
    text-decoration: none;
}
ul.highlight {
    border: 1px solid gold;
    list-style-type: none;
    padding: 10px;
    background-color: gold;
}
.highlight li {
    font-weight: bold;
    line-height: 150%;
    border-bottom: 1px solid green;
    margin-bottom: 5px;
}

.thin-border {
    border: 1px solid #e3e3e3;
}
.footer { 
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #000000;
    color: #ffffff;
}
.top-bottom-spacer{
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-10{
    margin: 10px;
}
#wrap {
    /*background-color: green;*/
}

#logo {
    color: #ffffff;
    /*padding: 0px 5px 5px 5px;*/
    /*border: 1px solid red;*/
}

#logo span{
    font-size: 100%;
}

.white-text{
    color: #ffffff;
}
.top-runner{
    background-color: gold;
    height: 15px;
    color: red;
    font-size: 80%;
    font-weight: bold;
    padding: 0 5px 0 5px;
}
.social-icons{
    font-size: 25px;
    float:left;
}

#socialbar{
    float:left;
}
#socialbar a{
    float:left;
    padding-top: 0px;
}
#socialbar img
{
    width: 20px;
    height: 20px;
    margin-right:20px;
}
#likebox-wrapper * {
   width: 100% !important;
}
/*active{
    background-color: gold;
    border-color: green;
    color: black;
}*/
.nav > li > a { padding: 5px 10px 5px 10px; margin:15px 5px; }

.content_list{ float:left; width:100%; margin-bottom:10px; padding-bottom:10px; }
.content_list h3 { }
.content_list img { float:left; width:280px; height:150px; margin-right: 10px}
.content_list span { width: 100%; font-size:110%; line-height:200%; }
.content_list span a{ float:right; margin-left: 20px;border:1px solid black; padding: 0px 10px 0px 10px; font-weight:bold;}
.content_list div { float:left; background-color: #ffffff; border:1px solid green;/*#F7F143;*/padding:10px;width: 100%;}
.content_list span#extra { float:left; width:100%; font-size:90%; margin-top:15px; display: table-row;}

.article_content{ float:left; width:100%; margin-bottom:10px; padding-bottom:10px; }
.article_content h3 { background-color: gold; padding:5px; border: 3px solid green; margin: 0px; }
.article_content img { float:left; width:300px; height:150px; margin-right: 10px; }
.article_content p { width: 100%; font-size:110%; line-height:200%; }
.article_content table { width: 100%;}

.album_content{ float:left; width:100%; margin-bottom:10px; padding-bottom:10px; }
.album_content h3 { background-color: gold; padding:5px; border: 3px solid green; margin: 0px; }
//.album_content img { float:left; width:300px; height:150px; margin-right: 10px; }
//.album_content p { width: 100%; font-size:110%; line-height:200%; }
//.album_content ul { padding:0 0 0 0; margin:0 0 0 0; }
//.album_content ul li { list-style:none; margin-bottom:25px; }
.album_content div img { cursor: pointer; border:1px solid black; padding: 2px; width:100%; margin-bottom: 5px;}

.video_content{ float:left; width:100%; margin-bottom:10px; padding-bottom:10px; }
.video_content h3 { background-color: gold; padding:5px; border: 3px solid green; margin: 0px}
.video_content img { float:left; width:250px; height:150px; margin-right: 10px}
.video_content p { width: 100%; font-size:110%; line-height:200%; }
.video_content span a{ float:right; margin-left: 20px;border:1px solid black; padding: 0px 10px 0px 10px; font-weight:bold;}
.video_content div { float:left; background-color: #ffffff; /*#F7F143;*/padding:0px;width: 100%;}

.author_block { max-width: 50%; height: 50px;}
.content_tools { max-width: 50%; height: 50px; border: none; padding:0px;}
.full-width { float:left; font-size:130%; width: 100%; margin-bottom:5px;}

.site_padding{
    padding: 0px 10px 0px 10px;
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#celeb-summary{
  width:100%;
  float:left;
}
#celeb-summary p{
  line-height: 100%;
}
#celeb-summary img{
  float:left;
  width: 120px;
}
#feedjit
{
width:0px;
height:0px;
overflow:hidden;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}