/*
Theme Name: GRITtv
Theme URI: http://www.grittv.org
Description: Custom Wordpress theme for GRITtv
Author: Designed by Andrea Mingolo and implemented by Michael DiSanto
Version: 1.0.0
*/

html { color: #e7ebee; background: #094d8c url(../images/background-texture.gif) left top repeat; }
body{ height: 100%; color: #e1e1e1 /*#e7ebee*/; font:75%/140% Arial, sans-serif; font-size: 12px; line-height: 1.25em; }
a{background-color:inherit;color:#e7ebf0; font-weight: bold; text-decoration:none;}
a:visited{background-color:inherit;color:#e7ebf0;}
a:hover{background-color:inherit;color:#ebebeb; }
blockquote{background:url(images/quote.gif) no-repeat 100% 0;font:0.8em/1.5em Arial, sans-serif;padding:0 5px;}
blockquote cite{display:block;border-top:1px solid #999;font-style:normal;}
code{vertical-align:baseline;font:1em/1.5em "Courier New", Courier, monospace;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6{ font-family: Arial, sans-serif; line-height:110%; font-weight: bold;}
h1{font-size: 22px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
input,textarea{background:#FFF;color:#444;font-size:100%;padding:2px;}
strong { font-weight: bold }
em { font-style: italic; }

.alignleft { float: left; }
.alignright { float: right; }

.tiny { font-size: 12px; }

.placeholder { display: none; }


.loading-icon { background: url(../images/ajax-loader.gif); width: 31px; height: 31px;  }
.white-bg .loading-icon { background: url(../images/ajax-loader-on-white.gif) left top no-repeat; }

/* form elements */
.text, .textarea { border: 1px #104f8e solid; -moz-border-radius: 1px; -webkit-border-radius: 1px; font-size: 14px; }
.text.focus, .textarea.focus { background: #dedede; }
#submit { background: #208bcf; border: none; color: #fff; padding: 5px 15px; font-family: arial; cursor: pointer; }

#wrap{ width: 960px; margin: 18px auto;}
#header{ font-family: Arial,sans-serif; height: 93px; float: left; text-align:center; margin: 0 0 9px 0; padding: 0;}
#header h1{font:1.25em Arial, sans-serif;margin:3px 0;padding:0;}
#header h1 a{background:inherit;border:none;color:#000;text-decoration:none;}
#header p.blogdescription{font-size:0.9em;margin:2px 0;padding:0;}

#header .social-links { float: right; }
#header .social-links li { float: left; margin-left: 15px; }

#logo { float: left; margin-right: 9px; background: url(../images/logo.gif) left top no-repeat; height: 93px; }

#nav { float: left; background: #0a3963; height: 93px; position: relative; } 
#nav li.selected a { color: #fff; border-bottom: 2px #fff solid }
#nav li.selected li a { border-bottom: 0px; }

#login { float: right; margin-top: 4px; /*position: absolute; top: 12px; right: 12px;*/ color: #1c83fc; font-size: 14px; font-weight: bold;}

#nav-links { position: absolute; left: 11px; bottom: 3px; }
#nav-links li { border-right:1px solid #3B6185; float:left; margin-right:7px; padding:4px 7px 4px 0; position:relative; }
#nav-links li.last { margin-right: 0px; padding-right: 0px; border-right: 0px; }
#nav-links a { color: #e7ebee; font-weight: bold; font-size: 14px; line-height: 22px; }
#nav-links li input.text { margin-left: 6px; width: 155px; }

#nav-links .sub-menu { display: none; background: #0A3963; position: absolute; z-index: 9999;  left: -10px; top: 30px; padding: 0 8px 4px 8px; border-bottom: 5px solid #115EAD; }
#nav-links .sub-menu li { float: none; text-align: left; min-width: 165px; border: 0px; padding: 0px; margin: 0px; }
#nav-links .sub-menu li a { font-weight: normal; }
#nav-links .sub-menu li a:hover { text-decoration: underline; }

#content{ width: 100%; clear: both; float: left; margin-bottom: 25px; }
#content.home {  }
#content.single, #content.videos, #content.page { clear: none; width: 710px; }
#content.single .post { clear: left; background: #0a3158; padding: 10px; }
#content.page { font-size: 14px; }

#sidebar{ float:right; width:240px; /* background: #0a3158;*/}

#tag-scroll { height: 24px; width:100%; position: relative; }
#tag-scroll a { color: #0385FF; position: relative; float: left; padding: 4px 12px; }
#tag-scroll a:hover { color: #ebebeb }

/* GENERAL STYLES */
.date { color: #b3c1ce; margin: 1px 0; }
.title, .title a { color: #8dc9eb; font-size: 12px; font-weight: bold; line-height: 115%; }
.button { display: block; text-indent: -9999px; overflow: hidden; }


/* boxes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.top-buffer { margin-top: 9px; }
.left-buffer { margin-left: 9px; }
.right-buffer { margin-right: 9px; }
.bottom-buffer { margin-bottom: 9px; }

.white-bg { background-color: #fff !important; color: #0A3663 !important;  border: 2px #0d457e solid; }
.white-bg a { color: #0385FF !important; }
.white-bg .date { color: #8aadce }
.white-bg label { color: #0A3663 !important }
.white-bg .singlemeta { color: #0A3663 !important }

.box { background: #0a3663; width: 100% }
.box .inner-buffer { padding: 9px; /*float: left*/ }
.box h2,.box h2 a  { color: #2285c8; font-size: 14px; }
.box h2.highlight, .box h2.highlight a{ color: #1076f4; font-size: 18px; margin-bottom: 6px; }


.box.small, .box-group.small { width: 240px; }
.box.medium , .box-group.medium { width: 462px; }
.box.large, .box-group.large { width: 711px; }
.box.full, .box-group.full { width: 960px; }
 
.box.medium.white-bg { width: 458px; }
.box.full.white-bg { width: 956px; }
 
/* FEATURED SHOW MODULE */
.box.featured-show { /*height: 618px;*/ }
.box.featured-show h1 { font-size: 18px; line-height: 145%; }
.box.featured-show .date { margin: 8px 0 4px 0; }
.box.featured-show .description { line-height: 140%; }
.box.featured-show .show-clips { float: right; width: 220px; margin-top: 7px; }
.box.featured-show .show-clips .thumbnail { margin-bottom: 4px; }
.box.featured-show .show-clips h3 { font-size: 14px; margin-bottom: 4px;}
.box.featured-show .show-clips p { color: #b3c1ce; }
.box.featured-show .show-clips ul li { margin-bottom: 12px; }
.box.featured-show .show-clips ul li.last { margin-bottom: 0px; }

.box.banner-ad { text-align: center }

.box.video-list { /* height: 463px; */ }
.box.donate { /* height: 150px; */ clear: left; }

.box.mailing-list { /*height: 150px;*/ }
.box.mailing-list  .form-background { background: #03182b; padding: 11px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box.mailing-list  label { font-size: 22px; line-height: 18px; }
.box.mailing-list  input.text { margin-top: 4px; width: 194px; font-size: 12px; }

.box.mailing-list .social-links li { padding-left: 20px; margin: 8px 0; line-height: 16px; }
.box.mailing-list .social-links .twitter { background: url(../images/twitter-mini-icon.gif) left top no-repeat; }
.box.mailing-list .social-links .facebook { background: url(../images/facebook-mini-icon.gif) left top no-repeat;  }


.box.syndicate { /*height: 246px;*/ position: relative; }
.box.syndicate h2 { background: url(../images/rss-icon.gif) right top no-repeat; }
.box.syndicate .rss-link { display: block; width: 19px; height: 18px; position: absolute; top: 8px; right: 9px; }

.box.recent-video { /* height: 229px; */ }

.box.newsmaker { clear: both; /*height: 167px;*/ }

.box.ad-box { /*height: 406px;*/ text-align: center;}
.box.ad-box img {  }

.box.twitter { height: 402px; }
.box.twitter .scroll-pane { height: 362px } 
.box.twitter h2 { margin-bottom: 5px; }
.box.twitter .widgettitle { display: none; }
.box.twitter .twitter-list-feed li { margin-bottom: 8px; border-bottom: 1px #0d447d solid; padding-bottom: 5px; }
.box.twitter .twitter-list-feed abbr { font-size: 10px; color: #B3C1CE }


/* video stuff */

#homepage-video-player { width: 444px; }

.thumbnail { background: #030409 }
.thumbnail.small { width: 102px; }
.thumbnail.medium { width: 199px; height: 126px; }
.thumbnail.large { width: 231px; height: 165px; }

ul.video-list { margin: 8px 0; float: left; width: 100%; }
ul.video-list li { float: left; margin-bottom: 12px; width: 100%; } 
ul.video-list li.last { margin-bottom: 0px; }
ul.video-list .video-details { }
ul.video-list .date { margin: 0px; }
ul.video-list .thumbnail { float: left; margin-right: 6px; }
ul.video-list .description { line-height: 1.4em; }

/* videos page video list specifics */ 
.videos ul.video-list .thumbnail { /*border: 1px #115daa solid;*/ margin-right: 15px }
.videos ul.video-list li { border-bottom: 1px #115daa solid; padding-bottom: 14px; margin-bottom: 17px; }
.videos ul.video-list li.last { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.videos ul.video-list .video-details { width: 444px; float: left; }
.videos ul.video-list .tag-list li { border: 0px;  }
.videos .date-disambiguation { margin: 15px 0; }
.videos .date-disambiguation li { margin: 7px 0 !important; padding: 0px !important; border: 0px !important; }

ul.video-list .tag-list { /*float: left;*/ margin: 2px 0; }
ul.video-list .tag-list li { float: left; display: block; width: auto; line-height: 10px; padding-bottom: 0px; margin: 0px; height: 14px; }
ul.video-list .tag-list a{ color: #0385ff; display: block;  font-size: 11px; line-height: 10px; margin: 1px 0px;  height: 14px; }
ul.video-list .tag-list a:hover { color: #ebebeb; }

/* slide panel */
.slide-panel { margin: 8px 0; width: 100%; float: left; }
.slide-panel li { float: left; width: 100%; }
.slide-panel .video-thumbnail { float: left; height: 153px; overflow: hidden } /* crops height of thumbnail */
.slide-panel .video-thumbnail img { width: 213px; display: block; margin-right: 10px; float: left; }
.slide-panel .video-details { float: left; width: 220px; }

.slide-panel-nav { clear: both; float: left; margin-top: 8px; }
.slide-panel-nav li { float: left; }
.slide-panel-nav li a.button { margin: 0 2px; width: 19px; height: 19px; background-color: #071b2d }
.slide-panel-nav li a.selected.button { background-color: #1076F4; }
.slide-panel-nav li a:hover.button { background-color: #1076F4; }

.slide-panel-nav .scroll-left, .slide-panel-nav .scroll-right { cursor: pointer; width: 19px; height: 18px; display: block; text-indent: -9999px; overflow: hidden }
.slide-panel-nav .scroll-left { margin-right: 5px; background: url(../images/left-arrow-button.png) left top no-repeat; }
.slide-panel-nav .scroll-right { margin-left: 5px; background: url(../images/right-arrow-button.png) left top no-repeat; }

.post{ margin-bottom: 10px; }
.posttitle { margin-bottom: 8px; }
.single .posttitle { width: 580px; }
.posttitle a { color: #27aeff; }
p.postdate{color:inherit;font-family:Arial, Verdana, Geneva, sans-serif;background:#F4F4F4;border-top:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;text-align:right;text-transform:uppercase;padding:5px;}
p.singlemeta{ color:#8297ac; margin: 7px 0 10px 0; font-size: 12px; }
p.postmeta{ }
.postcontent { line-height: 1.4em }
.postcontent p { margin: 6px 0; }
.postcontent h3{font-size:1.6em;line-height:110%;letter-spacing:1px;margin:20px 0;}
.postcontent h4{font-size:1.25em;line-height:110%;letter-spacing:1px;margin:20px 0;}
p.commentmetadata{font-size:0.8em;padding-left:10px;}
.metawrap{color:inherit;font-size:11px;margin:0; padding-left: 10px; padding-top: 10px; }
.metawrap p{margin:3px 0;}

.post .video-sidebar { width: 270px; margin-left: 25px; margin-top: 10px; margin-bottom: 10px; float: right; }
.post .video-sidebar .get-involved-header { border-top: 3px solid #0D447D; padding-top: 4px; }
.post .video-sidebar li { margin: 7px 0; }
.post .video-sidebar li label { display: block; margin: 3px 0; clear: both; font-weight: bold; color: #9db6cd }
.post .video-sidebar a { color: #036ece }
.post .video-sidebar li ul li { margin: 0 0 6px 0; line-height: 1.1em; }
.post .video-sidebar .sociable { margin: 7px 0 !important; }
.post .video-sidebar .sociablefirst { margin: 2px 0 !important; }
.post .video-sidebar li.share label{ color: #fff; font-size: 14px; }
.post .video-sidebar li.share {  }

.post .video-sidebar .embed-code { margin: 2px 0; height: 80px; width: 268px; padding: 0px; border: 1px #fff solid; }
.post .video-sidebar .campaign-button { max-width: 270px; }

.page .about-sub-menu { float: right; }
.page .about-sub-menu li { display: inline; margin-left: 14px; } 
.page .about-sub-menu li a { font-size: 12px; }

.show-embed-code { color: #fff; font-size: 14px; }

#commentwrap{  background: #0A3158; }
#commentlist { float: left; width: 100%; }
#commentlist li{ float: left; line-height: 1.4em; padding: 10px;  border-bottom: 1px #1f405f solid; }
#commentlist li.alt{}
#commentlist .commentdetails { font-style: italic; color: #6b849a }
#commentlist .commentdetails a { color: #6b849a }
#commentlist .author-thumbnail { float: left; width: 32px; padding-top: 3px; margin-right: 12px; }
#commentlist .body  { float: left; }


#commentform fieldset { padding: 10px; clear: both; }
#commentform textarea{ width: 684px; height: 120px; }
#commentform #submit { float: right; }
#commentform legend.comments { color: #E7EBF0; margin-top: 8px; font-weight: bold; }
#commentform  .logged-in-msg { margin: 4px 0 8px 0; }


#video-search-widget { width: 100%; float: left; background: #0a3158 }
#video-search-widget label { color: #29aefd; display: block; font-weight: bold; margin-bottom: 5px; }
#video-search-widget .search-form { float: left; width: 276px; padding: 10px; }
#video-search-widget .search-form li { margin-bottom: 7px; padding-bottom: 10px; float: left; width: 100%; /* border-bottom: 1px #0d3e69 solid; */ }
#video-search-widget .search-form li.controls { float: right; padding-top: 4px; border-bottom: 0px; padding-bottom: 0px; }
#video-search-widget .search-form input { padding: 4px 4px; font-size: 16px; vertical-align: top; }
#video-search-widget .search-form input#s { width: 180px; }
#video-search-widget .search-form input#date { width: 221px; float: left; }
#video-search-widget .search-form .ui-datepicker-trigger { float: right; cursor: pointer; }
#video-search-widget .search-form .helper { font-size: 11px; margin: 0px 0 2px 0; }
#video-search-widget .search-form #submit { float: right; }
#video-search-widget .tag-cloud { padding: 10px; float: right; width: 375px; color: #85bdde; }
#video-search-widget .tag-cloud a { color: #0385FF; margin-right: 4px; }
#video-search-widget .tag-cloud a:hover { color: #EBEBEB }


/* STORE */
.page.store .products .product-image { float: left; margin-right: 15px;  }
.page.store .products .product-title { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.page.store .products { font-size: 12px; line-height: 1.4em; }

#footer{ clear: both; border-top: 1px #256299 solid; margin-top: 30px; padding-top: 10px; float: left; width: 100%; padding-bottom: 50px; }
#footer li { float: right; margin-left: 10px; }
#footer li a { color: #83a7c9 }




.sociable-hovers { opacity: .7 !important; }
a:hover .sociable-hovers { opacity: 1 !important; }

/* Various Classes & Image Alignment  */
.center{text-align:center;}
.floatleft{float:left;margin:5px;}
.floatright{float:right;margin:5px;}
img.center{display:block;margin:10px auto;}
img.left{display:inline;margin:0 10px 5px 0;}
img.right{display:inline;margin:0 0 5px 10px;}
.navigation{ clear: both; border-top:2px solid #367dc6; float: left; width: 100%; padding-top: 10px; margin:15px auto;}
.previouslink{float:left;text-align:left;width:45%;}
.nextlink{float:right;text-align:right;width:45%;}

h6,#comments,#respond{font-size:1.5em;}
#commentform dd,#footer p{margin:5px 0;}
#commentform #author,#commentform #email,#commentform #url{width:35%;}



/* for some reason the :hover property isnt taking preference, but if I put it down here it will */
a:hover{background-color:inherit;color:#ebebeb; }

#smart404_suggestions { padding-top: 12px; }
#smart404_suggestions a { display: block; margin: 2px 0; }