/*
    Theme Name: Panoptic
    Theme URI: http://panoptic.com/
    Description: The WordPress theme for Panoptic.com, built on the Genesis Theme framework.
    Author: Dossy Shiobara
    Author URI: http://dossy.org/
    Version: 1.0

    Template: genesis
*/

body {
    color: #646464;
    background-color: #646464;
}

@media only screen and (max-width: 1200px) {
    .site-inner, .wrap {
        max-width: 980px;
    }
}

#wrap {
    width: 980px;
    margin: 20px auto;
    background-color: #F5F6F5;
    border-radius: 20px;
    box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
    -webkit-box-shadow: 5px 5px 5px #333;
}

#header {
    height: 120px;
}
.header-full-width #title-area,
.header-full-width #title-area #title {
    width: 980px;
}
#title-area {
    margin: 15px 0 0 0;
    padding: 0;
}
#title-area #title {
    margin: 1.7rem 0 0;
    font-size: 48px;
    text-align: center;
    line-height: 1.5;
}
.header-full-width #title-area #title a {
    display: block;
    width: 725px;
    height: 75px;
    margin: 0 auto;
    background: url(images/panoptic-logo.png) no-repeat 0 0;
    text-indent: -9999px;
}
#title-area #title a,
#title-area #title a:hover {
    color: #3969CF;
    font-weight: bold;
}

#nav, #subnav {
    background-color: #999;
    border-bottom: none;
    text-transform: none;
}

#nav .nav {
    margin-bottom: 15px;
    background-color: #3969CF;
    box-shadow: #333 0 5px 5px;
    -moz-box-shadow: #333 0 5px 5px;
    -webkit-box-shadow: #333 0 5px 5px;
}
#nav li {
    margin-right: 20px;
}
.genesis-nav-menu a {
  padding: 1rem 1.25rem;
}
#nav li a {
    padding: 0 20px;
    color: #F5F6F5;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
#subnav .wrap {
    background-color: #3969CF;
    border-top: none;
    overflow: hidden;
}
#subnav .nav {
    float: none;
    margin: 0 auto;
    width: 400px;
}
#subnav li {
    margin-right: 10px;
}
#subnav li a {
    color: #F5F6F5;
    background-color: transparent;
}
#nav li a:hover,
#nav li a:active,
#subnav li a:hover,
#subnav li a:active {
	background-color: #646464;
}
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
    background-color: #424242;
}

#inner {
    margin: 0;
    padding-top: 2.5rem;
    overflow: hidden;
}

#possible {
    width: 980px;
    height: 220px;
    background: url(images/banner-possible.png) no-repeat 0 0;
    text-indent: -9999px;
}

.sidebar-content #content-sidebar-wrap,
.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap {
    width: 980px;
}

.full-width-content #content {
    width: 640px;
    margin: 40px 170px 0 170px;
}
.sidebar-content #content,
.content-sidebar #content {
    float: left;
    width: 600px;
    margin: 40px 0 0 50px;
}

.entry {
    padding: inherit;
}
.home #content h1.entry-title {
    display: none;
}
#content .entry-title,
#content h2 {
    margin-bottom: 12px;
    padding-bottom: 6px;
    color: #d41;
    font-size: 20pt;
    font-weight: bold;
    line-height: 1;
    border-bottom: 2px solid #BBB;
}
#content h2 a,
#content h2 a:visited {
    margin-bottom: 12px;
    padding-bottom: 6px;
    color: #d41;
    font-size: 20pt;
    font-weight: bold;
    line-height: 1;
}
#content h3 {
    font-size: 20px;
    margin: 15px 0;
}

#content .page .icons,
#content .page .icons li {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
}
#content .page .icons li {
    display: inline-block;
    width: 200px;
    height: 120px;
    margin: 10px 5px;
    text-align: center;

    /* IE7 hasLayout */
    zoom: 1;
    *display: inline;
}
#content .page .icons li a img {
  vertical-align: middle;
}

#content .page .disclaimers {
  margin: 20px 0;
}
#content .page .disclaimers,
#content .page .disclaimers li {
  margin-left: 0;
  list-style-type: none;
  color: #999;
  font-size: 80%;
  line-height: 1.3;
}

#news {
    margin-top: 40px;
}
#news .rss {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 8px 0 0;
    background: url(images/feed-icon-20x20.png) no-repeat 0 0;
    text-indent: -9999px;
}
#news h2 {
  clear: none;
}
#news .entry-title,
#news .entry-title a {
    padding: 0;
    font-size: 14pt;
    border-bottom: none;
}

.sidebar {
  margin: 40px 0 0 0;
}

#signup {
    float: right;
    width: 255px;
    margin: 38px 50px 0 25px;
}
#signup h2 {
    padding-bottom: 6px;
    color: #d41;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1;
    border-bottom: 2px solid #BBB;
}
#signup h2 a {
    color: #d41;
    font-size: 20px;
}
#signup #mc_embed_signup {
    margin-top: 10px;
}
#signup fieldset {
    border: none;
}
#signup label {
    float: left;
    width: 45px;
    margin: 0 0.3em 0 0;
    line-height: 2.2em;
}
#signup .email {
    width: 175px;
    font-size: 16pt;
    padding: 4px;
}
#signup .btn {
    display: block;
    margin: 10px auto;
}

.wpcf7 p {
    clear: both;
}
#wpcf7-f128-p11-o1 label,
#wpcf7-f128-p11-o1 .wpcf7-quiz-label {
    float: left;
    width: 165px;
    padding-right: 15px;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    clear: left;
}
#wpcf7-f128-p11-o1 .your-quiz label {
    float: none;
}
#wpcf7-f128-p11-o1 input.wpcf7-text,
#wpcf7-f128-p11-o1 input.wpcf7-quiz,
#wpcf7-f128-p11-o1 textarea {
    width: 400px;
    max-width: 400px;
    font-size: 16px;
    padding: 8px;
    color: #333;
    border: 1px solid #999;
    border-radius: 6px 6px;
    box-shadow: #999 2px 2px 2px;
    -moz-box-shadow: #999 2px 2px 2px;
    -webkit-box-shadow: #999 2px 2px 2px;
    outline: 0;
}
#wpcf7-f128-p11-o1 input.wpcf7-text:focus,
#wpcf7-f128-p11-o1 textarea:focus {
    background-color: #efefef;
}
#wpcf7-f128-p11-o1 input.wpcf7-submit {
    margin-left: 165px;
    font-size: 16pt;
}

#footer {
    color: #646464;
    background-color: transparent;
    font-size: 14px;
    text-transform: none;
}
#footer .wrap {
    padding: 0;
}
#footer p {
    color: #646464;
}
#footer p a,
#footer p a:visited,
#footer p a:hover,
#footer p a:active {
    color: #646464;
}

#footer .facebook-link {
    display: block;
    width: 144px;
    height: 44px;
    margin: 25px auto;
}
#footer p {
    margin: 25px 0;
    text-align: center;
}

/* =Coda Slider styles
-------------------------------------------------------------- */

.page-portfolio #content { width: 640px; }
.coda-slider-wrapper { position: relative; }
.coda-nav { position: absolute; bottom: 0px; }
.coda-slider { margin-bottom: 150px; }
#coda-nav-left-1, #coda-slider-1, #coda-nav-right-1 { float: left; }
#coda-nav-left-1 { margin: 180px 10px 10px 10px; }
#coda-nav-right-1 { margin: 180px 10px 10px 10px; }
#coda-nav-1, #coda-nav-1 ul { width: 640px !important; }
#coda-nav-1 ul { text-align: center; }
#coda-nav-1 ul li { display: inline-block; list-style-type: none; margin-left: 0; }
#coda-nav-1 ul li a { margin-right: 8px; margin-bottom: 4px; }
#coda-slider-1, #coda-slider-1 .panel { width: 504px; }
#coda-slider-1 .panel h2.title { display: none; }
#coda-slider-1 .panel h3 { /* color: #d41; */ font-weight: bold; }
#coda-slider-1 .panel .screenshot { padding: 10px; border: 2px solid #999; }
#coda-slider-1 .panel-wrapper { height: auto; }

#coda-slider-1 .panel .testimonial { 
    margin-bottom: 15px;
    padding: 15px;
    background: #E5E5E5;
    border: 1px solid #CCC;
}
#coda-slider-1 .panel .testimonial p { margin-bottom: 8px; font-style: italic; }
#coda-slider-1 .panel .testimonial-by { padding-right: 100px; font-weight: bold; text-align: right; }