@charset "UTF-8";
/* CSS Document */

/*
Theme Name:     Circuit Cellar Main Theme
Description:    Child theme from Twenty Eleven Theme Styled for Circuit Cellar
Author:         Katie Ouellette
Author URI:     http: //www.keouellette.com
Template:       twentyeleven
Version:        0.1.0
*/

@import url("../twentyeleven/style.css");

body{font-family:sans-serif;}
body{font-weight:normal \0/;} /* IE8 hack */

/* body{background: url(http://circuitcellar.com/wp-content/themes/ccellar_main/CCbackground1b.jpg) center 0px no-repeat no-scroll #dcdcdc;} */

/* insert video icon before list item types on Article Materials page */
li.resource-media:before { content:url(http://circuitcellar.com/wp-content/themes/ccellar_main/icon-video.png);
  position: relative; left: -60px; top: 15px;
}

/* Temporarily HIDE the home page slider */
.rotator {display:none; }

#page {
  margin-top: 0;
}


h1{font-size: 25px !important;}
h2{font-size: 18px; font-weight:bold}
h3{font-size: 14px; font-weight:bold}

h2.section-heading {clear:none !important;}

#main{font-size:12px; font-family: Arial, sans-serif; line-height:1.5;}
.footerAD{margin-left:auto; margin-right:auto; width:728px; height:90px;}
.bulletinArea{ margin-left: auto; margin-right: auto; width: 900px;}
#page{width:980px;}
#branding{border-top:0px;z-index:999;}
.homepageContent{width:940px; margin:10px 20px;}
.leftsideHomepage{width:600px;  float:left;}
.rotator{width:600px; height:303px; float:left; background: #282828;}
.featuredpostsHomepage{width:340px; float:left; padding:20px 20px 20px 0;}
.homepagecenterColumn{width:220px; float:left; margin:20px 0 20px 16px;}
*+html .footerAD{height:auto;}
.rightsideHomepage{width:300px; padding-left: 40px; float:left;}
*+html .rightsideHomepage{float: right ; margin-top: -2400px; margin-right:-315px;}

/* Widgets */
.widget-title{color: #666666; font-size:12px; border-bottom: 1px solid #CCC; margin-bottom:10px;}
.homepagecenterColumn .widget, .rightsideHomepage .widget{margin: 0 0 20px;}
.homepagecenterColumn aside h3.widget-title{padding-left: 10px;}

.homepagecenterColumn aside#better_rss_widget-3.widget{padding-top:20px;}
.homepagecenterColumn aside#better_rss_widget-3.widget .fee-field ul{list-style:none;}
.homepagecenterColumn aside#better_rss_widget-3.widget ul li{list-style:none; line-height:1.25; margin-bottom:25px;}
.homepagecenterColumn aside#categories-2.widget ul{margin-left:20px;}
.homepagecenterColumn aside.widget ul li span.rss-date{float:left; width:220px;}

.rightsideHomepage #dp-twitter-widget-2.widget ul.tweets{margin-left:20px;}
#archives-3.widget ul{margin-left:20px;}

/* Tagline */
#tagline {background:#4aafe9; color:#ffffff; margin:0px; width:960px; padding:0 10px; clear:both; text-align:center; text-transform:uppercase; font:bold 12px arial, sans-serif;}

/* Navigation */
#access{background: #f0f0f0; color:#888888; border-bottom: #4aafe9 3px solid; box-shadow: none; margin: 0px; width:960px; padding: 0 10px;}
#access div { margin: 0 0 0 10px; }
#access div.menu-main-menu-container ul#menu-main-menu.menu .menu-item a{font-size:11px;}
#access div.menu-main-menu-container ul#menu-main-menu.menu li ul.sub-menu{top:36px;}
#access a{font-size:11px;  color:#777777; text-transform:uppercase; font-family: Arial, sans-serif;}
#branding .only-search #s, #branding .only-search #s:focus{
    height: 13px !important;
    padding: 7px 30px 5px 7px;
    width: 170px !important;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    color: #222222;
}
#branding div.only-search form#searchform{    height: 13px !important;
    padding: 7px 30px 5px 7px;
    width: 170px !important;}
#branding #searchform {top: 35px;}

input#s{url("images/search.png") no-repeat scroll right center transparent;}
#branding .only-search #s:focus{background-color: #FFFFFF;}

#branding .logo img,
#branding .headerAd img {width:300px; height:auto; margin:0 20px 20px 20px; float:left;}
.headerAd .widget {clear:none; margin:0;}

#branding .logo img {
  width: auto;
  float: left;
}

#branding .headerAd img {
  width: auto;
  max-width: 625px;
  max-height: 90px;
  float: right;
  margin-right: 0;
  margin-top: 10px;
}

#branding .socialIcons{float:right; margin:-60px 20px 20px;}
#branding .socialIcons img{height:24px; width:24px;}
#site-generator{display:none;}
.menu{margin-left:-60px;}
#nav-single{text-align:center;float:none;}

#branding #searchform input#s{width:200px; height:20px; margin-right: -50px; margin-top: 0px;}

/*rotator*/
#fps-container{background:none repeat scroll 0 0 #E8E8E8; border:1px solid #999; width:580px; padding:20px;}


/* Featured category */
/* .featuredpostsHomepage .widget{border: 1px solid #fff;} */
.featuredpostsHomepage aside#rss-2.widget ul{margin-left:20px;}
.featuredpostsHomepage #bns-featured-category-2.widget strong a{font-size:16px; font-weight:bold;}
.featuredpostsHomepage #bns-featured-category-2.widget .fee-field  .post-details{margin-top:20px; margin-bottom:20px;}
.featuredpostsHomepage #bns-featured-category-2.widget  div.post-details{margin-top:7px; margin-bottom:7px;}
.featuredpostsHomepage #bns-featured-category-2.widget .fee-field p {margin-bottom:10px;}

/* Center column */
.leftsideHomepage div.homepagecenterColumn aside#bns-featured-category-3.widget div.fee-field strong a span.fee-field{padding:10px 20px; width:200px !important;}
.leftsideHomepage div.homepagecenterColumn aside#bns-featured-category-3.widget div.fee-field h3.widget-title {background-color:#999; display:block; padding:5px 10px;}

.leftsideHomepage div.homepagecenterColumn aside#bns-featured-category-3.widget div.fee-field div.post-details, .leftsideHomepage div.homepagecenterColumn aside#bns-featured-category-3.widget div.fee-field div.article-details{padding:5px 20px;}
.leftsideHomepage div.homepagecenterColumn .widget .post,
.leftsideHomepage div.homepagecenterColumn .widget .article,
.leftsideHomepage div.homepagecenterColumn .widget ul li,
.rightsideHomepage .widget_better_rss_widget ul li{width:180px; padding-left:15px; margin-left:10px; background: url(arrow.png) 0 5% no-repeat scroll; margin-bottom:0px; padding-bottom:10px; list-style: none;}
.leftsideHomepage div.homepagecenterColumn aside h3.widget-title{padding-left:10px; background: #E6E7E8;}
.leftsideHomepage div.homepagecenterColumn {border:1px solid #cccccc;}
.leftsideHomepage div.rotator .widget h3.widget-title{border:none;}
select#cat.postform{width: 218px;}

/* Interior page */
#content{ width:600px; margin:0 0 0 30px;}
html body.archive div#page.hfeed div#main div#content header.page-header h1.page-title{margin-bottom:0px;}
html body.single div#page.hfeed div#main div#primary div#content nav#nav-single{padding-bottom:0px;}
.rightsideInterior{width:300px; float:right; margin:0 20px;}
.singular #primary{width:600px; margin:0 20px;}
.singular.page .hentry{padding:0px;}
.singular #content, .left-sidebar.singular #content{margin:0px; padding:0px;}
/* removed CRakoczy 20130501
#main div#primary div#content{margin-left:30px; width:525px;}
*/
div#main div#primary div#content div#comments div#respond{width:530px;}
#respond {padding: 10px;}
html body.archive div#page.hfeed div#main section#primary div#content header.page-header h1.page-title{margin-bottom:0px; text-transform:none; font-family:Arial, sans-serif; font-size:18px;}

/* Articles */
/* removed CRakoczy 20130501
#primary div#content {width:525px; padding-top:0px;}
*/
#content article {width:100%; padding-top:0px;}
html body.archive div#main section#primary div#content{width:600px; margin-left:40px;}
html body.archive div#main section#primary div#content article {width:600px;}

#content article .entry-content,
#content article .entry-header,
#content article .entry-meta {width:550px;}
.singular #author-info {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    margin: 20px 0;
    padding: 20px;
}
#fps-container div.fps-slides-container div.slides_control div.post div.fps-block p{width:550px;}
#fps-container div.fps-slides-container div.slides_control div.post div.fps-block small.entry-utility{width: 500px;}
#author-avatar {float: left; margin-right: -80px;}
#author-avatar img,
div#comment-author img {padding: 2px; max-width: 76px;}
.commentlist, #comments-title {margin-left: 100px; width: 475px;}
.commentlist .photo,
.commentlist .avatar {
    border-radius: 3px;
    box-shadow: 0 1px 2px #CCCCCC;
    left: -102px;
    padding: 2px;
    position: absolute;
    top: 0;
    background: #ffffff;
    border: 1px solid #cccccc;
}


.widget_current_issue div.featured div.thumbnail {margin:0 15px 20px 0; float:left;}
.widget_current_issue div.featured div.thumbnail img {width:120px; margin:0; border:solid 1px #ddd;}
.widget_current_issue div.featured div.links {margin:0 5px 20px; float: left; width: 138px;}
.widget_current_issue div.featured div.links h3{font-size:14px; font-weight:bold;}
.widget_current_issue div.featured div.links li{list-style-image: url(arrow.png); font-size:12px !important; line-height:1.5; background:none;}

.homepagecenterColumn .widget_current_issue div.featured div.thumbnail img {width:60px; margin-left:10px;}
.homepagecenterColumn .widget_current_issue div.featured div.links {width:118px;}


/* Subscriber */
#page #main div.subscriber{width:500px; height:400px; padding:0px 40px; float:left;}
#page #main div.subscriber h2{font-size:18px; font-weight:bold;}

/* .headerAd{width:300px; float:left; margin-left:20px; margin-top:20px; max-height:60px;} */
.archive-post-thumbnail img{max-width:80px; float:left; margin-right:20px; max-height:80px;}
.archive-post-content p{float:left; width:425px;}

.error404 #main .widget{width:100%;}
.error404 #primary{width:600px;}
html body.error404 div#page.hfeed div#main div#primary div#content article#post-0.post header.entry-header h1.entry-title {float:left;}
body.archive div#page.hfeed div#main div#content{width:525px; float:left;}
.archive .hfeed #main #content .entry-title{font-size:23px;}

/* Interior */
.rightsideInterior aside#recent-posts-2.widget{margin-top:20px;}
.rightsideInterior aside#recent-posts-2.widget ul li{margin-left:20px;}

/* Misc */
#supplementary{padding-bottom:0px;}
.archive div#page.hfeed div#main div#content header.page-header h1.page-title{font-size:18px !important; text-transform:capitalize; line-height:1.25; margin-bottom:20px !important;}

input[type="text"].ninja-forms-field{padding:0;position:absolute;left:200px;width:300px;}

/*
.entry-content img,
.comment-content img,
.widget img,
img.size-full,
img.size-large {
	max-width: 100% !important; /* 2013-05-17 CRakoczy to override Twenty-Eleven default */
}

/* Make tables prettier - 201309 by CRakoczy */
.prettytable tr:nth-child(even) {background:#f0f0f0;}
.prettytable tr:nth-child(odd) {background:#fcfcfc;}
.prettytable tr:first-child {background:#d0d0d0;}
.prettytable td {padding:5px 10px;}

/* special element and page styles */
.article-title { margin: 10px 0; padding: 10px; text-align: center; font-size: 120%; font-weight: bold; background-color: #cceef8; width: 530px; clear: both; }
.simple-box {padding:10px;border:solid #ccc 1px;background-color: #eee;}
.inline-banner {margin: 40px 50px 20px;}

div.bcBanner { margin: 10px 0; padding: 10px 25px; line-height:0; border: 1px solid #eee; }
div.bcBanner img { margin-top:0; margin-bottom:0; }

/* WIZnet 2014 special styles */
/* very specific selectors are used to ensure proper styling */
div.wiznet2014 h1.entry-title {display:none;}
div.wiznet2014 header.entry-header {
  background: url("http://circuitcellar.com/wp-content/uploads/2014/01/WIZnetconnect_logo_horweb_550x.jpg") no-repeat top left #dddddd;
  height: 200px;
}