/*
Theme Name: Grid Theme Responsive (Child)
Theme URI: http://www.sub-q.com
Description: Based on Grid Theme Responsive by Dessign (http://www.dessign.net) 
Version: 1.0.1
Author: Tory Hoke
Author URI: http://www.toryhoke.com
Template:     gridthemeresponsiveFull
Tags: 4 column theme, white, clean
Text Domain:  grid-theme-responsive-child
*/
@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700|Oxygen+Mono:400,700);
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}

/* Global */
* { margin: 0; padding: 0; }
html, body { font-size: 16px; font-family: 'Droid Sans', sans-serif; color: #666666; overflow-x: hidden; height:100%; }

#main_container { width: 1015px; margin: 0 auto; }
h1,h2,h3,h4,h5 { margin: 10px 0; line-height: 150%;}
h1,h2,h3 { line-height: 120%; }

.vocalization { font-family: 'Oxygen Mono'; font-size: 80%; color:#AAA;}
.left { float: left; }
.right { float: right; }
.inline {display: inline-block; }
.clear { clear: both; }
img { border: none; }
a { color: #0098b6; text-decoration: none; }
a:hover { color:#74b4c1; transition: background 0.3s ease 0s, color 0.3s ease 0s;  }
::selection {
    background: #c9dee3; 
    }
::-moz-selection {
    background: #0098b6; 
}
meter {
  width: 100%;
  height: 25px;
  -webkit-appearance: none; /* Reset appearance */
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

blockquote {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 


#infscr-loading { display:none !important; visibility: hidden !important; } /* hide infinite scroll loading image */
/* Header */
#header { padding: 10; margin: 10; width: 100%; position: relative; }
#header .sponsor_link {  z-index: 500; position:relative; float:left; color:#AAA; line-height:140%; padding:5px; margin-right:5px;}
#header .user_badges {  z-index: 500; position:relative; float:right; text-align:right;}
#header .user_badges .greeting_text { font-family : 'Oxygen Mono'; color:#AAA; font-size: 80%; position:relative; float:right; text-align:right; line-height:140%; padding:5px; margin-right:5px;}
#header .user_badges .user_badge_image { position:relative; float:right; text-align:right; padding-bottom:10px;}
#FAQ { display: none; border: 1px solid #ccc; background: #DDD; padding: 15px; margin-top: 10px;}
.details-favorites { width: 100%; margin-top:10px; }
.remove-favorite { margin-top:5px;}
.system-requirements { font-size: 80%; margin-top: 10px; margin-bottom: 5px; color:#AAA}

.achievement { color:#FFF; display:none; width: 99%; height: 150px; overflow:hidden; position: fixed; background-color: #74b4c1; top: 0px; padding: 10; z-index: 9999; border: 5px solid #0098b6; box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.2); }
.achievement p { padding-right:10px; padding-left:10px; }

img.call_to_action { width: 100%; }

#user_menu_container { width:100%; height:40px; padding:5px; background-color: #0098b6; font-size: 80%; }
#user_menu_container ul { list-style-type: none; margin: 3px; margin-right:15px; float: right; background-color: #43a27b;border: solid thin #DEDEDE;  }
#user_menu_container ul li { float: right; position: relative; }
#user_menu_container ul li a { color: #d9efe6; text-decoration: none; padding: 10px 11px; margin-left: 5px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; }
#user_menu_container ul li a:hover { color: #FFF;  }


#menu_container { width:100%; background-color: #0098b6; padding:5px;  }
#menu_container ul { list-style-type: none; margin-right: 0px; float: left; /* background-color: rgba(255,255,255,0.4); */ }
#menu_container ul li { float: left; position: relative; }
#menu_container ul li a { color: #fff; text-decoration: none; background-color: #74b4c1; padding: 10px 11px; margin-right: 5px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; }
#menu_container ul li a:hover { background-color: #0098b6; }
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a { background-color: #0098b6; }
#menu_container input[type=text] { width: 172px; height: 30px; background-color: #74b4c1; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; border: none; padding: 0 10px; }
#menu_container ul li ul { position: absolute; top: 37px; left: 10px; display: none; z-index: 600; }
#menu_container ul li ul li { width: 140px; float: none; padding-top: 5px; }
#menu_container ul li ul li a { margin: 0; }
#menu_container ul li:hover ul {display: block;}
#menu_container ul li ul li ul { position: absolute; top: 0px; left: 140px; display: none; z-index: 600; }
#menu_container ul li ul li ul li { width: 140px; float: none; padding-top: 5px; padding-left: 5px; display:none;}
#menu_container ul li ul li ul li a { margin: 0; }
#menu_container ul li ul li:hover ul {display: block;}
#menu_container ul li ul li:hover ul li {display: block;}

.header_logo { margin-left: 15px; margin-right:15px; padding:2px; float:left; color: #DDD; }
#motto { margin-top:15px; float:right;}
.header_social_icons_cont { float: right; margin-right: 5px; }
.header_social_icons_cont img { float: left; margin-right: 7px; margin-top: 3px; }
.header_search_form { margin-right: 7px; padding-right:8px; padding-top: 3px; background-color: #0098b6; }
/* Content */
.home_post_cont { float: left; margin-right: 34px; width: 228px; min-height: 331px; margin-bottom: 35px; position: relative; }
.home_post_cont_last { margin-right: 0; }
.home_post_cont img { width: 228px; height: 331px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.home_post_icons { position: relative; font-size: 18px; float:right; text-align:right;}
.home_post_icons p.star-block { margin:0; padding:3 0; font-size: 12px; color:#d65f0a; }
.home_post_cont h3 { font-size: 14px; }
.home_post_cont h3 a { color: #0098b6; text-decoration: none; }
.home_post_cont h3 a:hover {  text-decoration: none; color: #74b4c1; }
/*.home_post_content { color: #A0A0A0; font-size: 14px; padding-right: 30px; font-weight: normal; height: 270px; }*/
.home_post_content { color: #A0A0A0; font-size: 14px; padding: 10px 10px; font-weight: normal; height: 270px; line-height: 120%; }
.home_post_content .in_title { color: #fff; font-size: 15px; margin: 0; font-weight: bold; }
.home_post_content h4 a { color: #fff; font-size: 15px; margin: 0; }

.story_cover {position:relative;}
.story_details { display:none; z-index:10; position:absolute; left:0px; top:0px; background-color:#000; float:left; width: 228px; height: 331px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.story_cover:hover .story_details {display: block;}

/*.home_post_cat { position: absolute; bottom: -20px; left: 10px; color: #A0A0A0; font-size: 10px; font-weight: normal; padding-right: 40px; }*/
/*.home_post_cat { color: #A0A0A0; font-size: 10px; font-weight: normal; padding-right: 40px; }*/
.home_post_cat { color: #FFF; font-size: 13px; font-weight: normal; padding: 0px 10px; line-height:120%; }
.home_post_cat a { color: #0098b6 !important; text-decoration: none; }
.home_post_cat a:hover {   color: #74b4c1 !important; text-decoration: none;}
.single_left { float: left; width: 680px; margin: 20px;}
.single_left ul { margin-bottom: 15px; margin-top:15px;}
.single_left li{ list-style-position: inside; margin-left:32px; line-height: 160%; margin-bottom:10px;}
.single_left h1 { font-size: 20px !important; }
.single_left .the_content h2,h3,h4 { padding-top: 25px;}
.single_left .the_content { padding-top:10px; padding-bottom:10px; line-height: 160%; width:90%;}

/*.single_left h1 { font-size: 13px; margin-top: 0; }*/
.single_content { width: 90%; float: left; !important; }
    .hover_caption {
      /* If you can count of CSS3 support: */
      background-color: /*rgba(0, 0, 0, 0.7)*/ #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; !important;
  
      /* Or use a transparent image if you need to support bad browsers: */
      /*background-image: url(images/hover_caption_bg.png);*/
  
      /* NOTE: If you're img elements have paddings or margins you'll need to
      match them here to get things lined up properly. */
      transition: background 0.3s ease 0s, color 0.3s ease 0s; 
    }
/*.home_post_cont.post_box div:first-child { width: 228px !important; height: 331px !important; }*/
/*html body .hover_caption { width: 228px !important; height: 331px !important; }   */
.hover_box { width: 228px; height: 331px; }

/* Footer Widgets */
#footer-sidebar { display: block; width:100%; margin: 0 auto; text-align:left; }
#footer-sidebar1 { width: 210px; float: left; margin: 15px 10px 10px 30px; padding: 10px; }
#footer-sidebar2 { width: 300px; float: left; margin: 15px 10px 10px 15px; padding: 10px; }
#footer-sidebar3 { width: 150px; float: left; margin: 15px 10px 10px 15px; padding: 10px; }
#footer-sidebar a { color: #0098b6; text-decoration: none; }
#footer-sidebar a:hover { color:#74b4c1; transition: background 0.3s ease 0s, color 0.3s ease 0s; text-decoration: none; }
#recent-posts-2 ul { margin-bottom: 100px; }
#recent-posts-2 ul li { line-height: 150%; }

/**text align**/
.left {text-align: left}
.center {text-align: center}
.right {text-align: right}
/**Right hand content**/
#SynopsisContent { float:right; vertical-align:top; width:450px; margin:0; padding: 10 10 10 10px; }
#SynopsisContent p.copyright { font-size:80%; color:#AAA;}
/** Poster **/
#PosterContent { text-align:left; vertical-align:top; width:235px; margin: 0; padding: 10 10 10 10px; }
#PosterContent p.story-tags { font-size:80%; color:#AAA;}
#PosterContent p.star-block { line-height:120%; margin-top:0px;text-align:right; padding-top:8px; padding-bottom:10px; padding-right:10px; padding-left:5px; font-size: 18px; color:#666; width:90%; border: solid thin #DEDEDE; }

/**floats and clearing**/
.floatRight { float:left; width:95%; margin:0; padding: 0 0 0 0px; }
.floatLeft { float: left; width:88%; margin:0; padding: 0; }
.clearfloat { clear:both; height: 1px; visibility: hidden; }

/** three-column layout **/
.third { width: 240px; float: left; padding: 5px 10px; }
.third p { padding: 5px 0px; line-height:150%;}

/** right-hand half splash **/
.splash-blog { width: 450px; float: right; padding: 5px 10px; }
.splash-blog p { padding: 5px 0px; line-height:150%;}

.staff-bio-photo { width: 175px; float: left; padding-top:10px; }
.staff-bio-copy { width: 350px; float: left; padding: 5px 10px; margin-bottom:10px; }
.staff-bio-copy p { line-height:22px;}
.staff-bio-copy .upme-icon { color: #FF9966;}
  
/**block o' text*/
.commoncopy p { line-height: 125%; }
.commoncopy h2,h3 { line-height: 125%; margin-top:10px; }

/*#commentform input[type=submit] { background-color: #74b4c1; hover-color: #0098b6; border: none; color: #fff; padding: 10px 10px; }*/
ol.commentlist{ margin: 10px 5px; padding: 10px; }
.commentlist .comment-body{ padding: 10px; background: #EFEFEF; border: solid thin #DEDEDE; margin: 10px 0; position: relative; }
.comment-body a.comment-reply-link{
 position: absolute;
 top: 10px;
 right: 10px;
}
ol.commentlist li{ list-style: none; }
ol.commentlist img.avatar{
 padding: 5px;
 background: #DEDEDE;
 border: solid thin #CECECE;
 float: left;
 display: block;
 margin: 15px;
 width: 32px;
 height: 32px;
}
ol.commentlist .comment-author{ line-height: 150%; }
.comment-body cite.fn{ font-size: 14px; font-style: normal; }
.commentmetadata a{ margin: 0; font-size: 11px; }
.comment-body p{  margin: 5px; }
.comment-body .comment-author.vcard{  margin: 0; }
.reply { float:right; }
.comment article { padding-bottom:2.79rem; }
a.comment-reply-link,
a.comment-edit-link { color: #74b4c1; }
a.comment-reply-link:hover,
a.comment-edit-link:hover { color: #0098b6; }
#cancel-comment-reply-link { color: #74b4c1; }
#cancel-comment-reply-link:hover { color: #0098b6; }

.iphone-home-image { width: 300px !important; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }
/* Sidebar */
#sidebar { float: right; width: 270px; }
.side_box { margin-bottom: 25px; }
.side_box h3 { padding: 10px 10px; background-color: #CBCBCB; margin-top: 0; color: #fff; border-radius: 5px;}
.side_box p { padding: 0px 5px; }
.side_box ul { list-style-type: none; margin-left: 5px; }
.side_box ul li { margin-bottom: 8px; line-height:125%;}
.textwidget { padding: 5px; }
/* Footer */
#footer { margin: 25px 0; padding: 12px 0; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; color: #8C8889; text-align: right; }
#footer p { padding: 0px 5px; }
#footer ul { list-style-type: none; margin-left: 5px; }
#footer ul li { margin-bottom: 3px; }
/*#footer input[type=text] { width: 172px; height: 25px; background-color: #74b4c1; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; border: none; padding: 0 5px; }*/
/*#footer input[type=submit] { background-color: #74b4c1; border: none; color: #fff; padding: 10px 10px; }*/
#infscr-loading { text-align: center; }

.home_post_play { float: center; color: #A0A0A0; font-size: 10px; font-weight: normal; z-index: 1000; }
.home_post_play .play_image_micro { width:32px; height:32px; background: url('images/play_icon_micro.png'); z-index: 1000; }
.home_post_play .play_image_micro:hover { background: url('images/play_icon_micro_hover.png'); z-index: 1000; }

.single_post_play { float: center; color: #A0A0A0; font-size: 10px; font-weight: normal; z-index: 1000; }
.single_post_play .play_image_sm { width:50px; height:50px; background: url('images/play_icon_sm.png'); z-index: 1000; }
.single_post_play .play_image_sm:hover { background: url('images/play_icon_sm_hover.png'); z-index: 1000; }
.single_post_play .play_image { width:89px; height:89px; background: url('images/play_icon.png'); z-index: 1000; }
.single_post_play .play_image:hover { background: url('images/play_icon_hover.png'); z-index: 1000; }





/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #main_container { width: 708px; }
    .logo { max-width: 500px; height: inherit; }
    .user_badge { max-width: 32px; height: inherit; }
#header .sponsor_link h3 { font-size: 100%; }
#header .user_badges .greeting_text { font-size: 90%; pline-height:100%; }


#searchform { display: none; }  
.header_social_icons_cont { display: none; }  
.header_social_icons_cont img { display: none; }
/*#menu_container input[type=text] { display: none; }*/
  
.home_post_cont h3 { font-size: 11px; }
.home_post_cont h3 a { color: #0098b6; text-decoration: none; }
.home_post_cont h3 a:hover {  text-decoration: none; color: #74b4c1; width: }
.home_post_content { font-size: 11px; height: 170px; overflow: hidden;  }
.home_post_content .in_title { color: #fff; font-size: 12px; margin: 0; font-weight: bold; }
.home_post_content h4 a { color: #fff; font-size: 12px; margin: 0; }

.home_post_icons { position: relative; padding:3 0; font-size: 12px; float:right; text-align:right;}
.home_post_icons p.star-block { margin:0; padding:0; font-size: 8px; color:#d65f0a;}

.home_post_cont { float: left; margin-right: 20px; width: 162px; min-height: 231px; margin-bottom: 35px; position: relative; }
.home_post_cont_last { margin-right: 0; }
.home_post_cont img { width: 162px; height: 231px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.home_post_cont p { margin: 6px 0;  line-height: 110%; }
.home_post_cat { color: #FFF; font-size: 10px; font-weight: normal; padding: 0px 10px; }
/*.home_post_cont.post_box div:first-child { width: 162px !important; height: 231px !important; }*/
/*html body .hover_caption { width: 162px !important; height: 231px !important; }*/
.hover_box { width: 162px; height: 231px; }
.story_details { display:none; z-index:10; position:absolute; left:0px; top:0px; background-color:#000; float:left; width: 162px; height: 231px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}


.single_left { float: left; width: 500px; }
.single_left h1 { font-size: 20px !important; }
.single_left .the_content { padding-top:10px; padding-bottom:10px; line-height: 160%; width:100%;}


#sidebar { display: none; }
.side_box { margin-bottom: 25px; }
.single_inside_content img { max-width: 500px; height: inherit; }

#SynopsisContent { float:right; vertical-align:top; width:100%; margin:0; padding: 0 0 0 0px; }
/** Poster **/
#PosterContent { text-align:center; vertical-align:top; width:100%; margin: 0; padding: 0; }
/**floats and clearing**/
.floatRight { float:left; width:100%; margin:0; padding: 0 0 0 0px; }
.floatLeft { float: left; width: 100%; margin:0; padding: 0; }
.clearfloat { clear:both; height: 1px; visibility: hidden; }

.home_post_play { float: center; color: #A0A0A0; font-size: 10px; font-weight: normal; z-index: 1000; padding:0; margin:0;}
.home_post_play .play_image_micro { width:0px; height:0px; z-index: 1000; }
.home_post_play .play_image_micro:hover { z-index: 1000; }

/** three-column layout **/
.third { width: 215px; float: left; }
}

.splash-blog { width: 400px; float: left; }
}

@media screen and (max-width: 1000px) {
  #motto {display:none;}
}

@media screen and (max-width: 766px) {
 .logo { max-width: 100%; height: inherit; }
#main_container { width: 320px; }

#header { padding: 10px 0 20px; width: 320px; position: relative; }
#header .sponsor_link { float: left; padding: 10px 0 20px; width: 100%;  position: relative;}
#header .header_logo { float: left; padding: 10px 0 20px; color:#AAA; font-size: 14px; width: 100%; position: relative;}
#header .user_badges { float: left; padding: 10px 0 20px; color:#AAA; font-size: 14px; width: 100%;  position: relative; top:0px; left:0px;}


.menu {width:100%;}
.menu-item { width:30%; }
#menu_container ul { list-style-type: none; margin: 0px; padding: 0px; float: left; /* background-color: rgba(255,255,255,0.4); */ }
#menu_container ul li { float: left; margin: 0px; padding-top:3px; }
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a { background-color: #0098b6; }
#menu_container input[type=text] { width: 172px; height: 30px; background-color: #74b4c1; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; border: none; padding: 0 10px; }
.header_social_icons_cont { display: none;}
.header_social_icons_cont img { display: none;}
#menu_container input[type=text] { display: none; }
.home_post_content .in_title { color: #fff; font-size: 15px; margin: 0; font-weight: bold; }
.home_post_content h4 a { color: #fff; font-size: 15px; margin: 0; }

.home_post_cont { margin-right: auto; margin-left: auto; float: none; clear: both; }
.home_post_cont img { width: 228px; height: 331px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.home_post_cont h3 { font-size: 13px; }
.home_post_cont h3 a { color: #0098b6; text-decoration: none; }
.home_post_cont h3 a:hover {  text-decoration: none; color: #74b4c1; }
.home_post_cont p { margin: 10px 0; }
.hover_caption { width: 228px; height: 331px;}
.home_post_cat { color: #FFF; font-size: 12px; font-weight: normal; padding: 0px 10px; }
/* #footer { display: none; } */
/* Footer Widgets */
#footer-sidebar { display: block; width:100%; margin: 0 auto; text-align:left; }
#footer-sidebar1 { width: 100%; float: left; margin: 15px 10px 10px 30px; padding: 10px; }
#footer-sidebar2 { width: 100%; float: left; margin: 15px 10px 10px 15px; padding: 10px; }
#footer-sidebar3 { width: 100%; float: left; margin: 15px 10px 10px 15px; padding: 10px; }

#commentform textarea { width: 220px; }
#sidebar { display: none; }
.single_left { float: none; width: 228px; margin-left: auto; margin-right: auto; }
.single_left img { width: 228px; height:inherit; }
.single_left h1 { font-size: 20px !important; }


/**Right hand content**/
#SynopsisContent { float:left; vertical-align:top; width:100%; margin:0; padding: 0 0 0 0px; }
/** Poster **/
#PosterContent { text-align:left; vertical-align:top; width:100%; margin: 0; padding: 0; }
.floatRight { float:left; width:100%; margin:0; padding: 0 0 0 0px; }
.floatLeft { float: left; width: 100%; margin:0; padding: 0; }

/** three-column layout **/
.third { width: 100%; float: left; }
}

.splash-blog { width: 100%; float: left; }
}

/*
*   CUSTOM VEH 20150227
*/




table { border-spacing: 10px; border-collapse: separate; }
td.right-align { text-align: right; vertical-align: top; white-space: nowrap; }
.subscription-toggle  { float:right !important ; }