/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 13px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   
   Colors:
   Developyst Blue: #00AEEF
   Dark Grey(Almost Black): #333333
   Grey: #999999
   Light Grey: #E6E6E6
   
   ========================================================================== */
   
/*---------------- Common -----------------------*/
body { font-family: 'Open Sans', sans-serif; color:#333333; }
a { text-decoration:none; color:#00AEEF; font-weight:600; 
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
a:hover { color:#333333;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}	
p { margin: 10px 0; font-size: 14px; line-height: 1.5; }
article section { font-size: 14px; line-height: 1.8; }
ul { margin:0; padding:0 }
article ul { margin: 0 0 0 40px; padding: 0;}
h1 { font-size:26px; margin:10px 0; font-weight:400; }
h2 { font-size:17px; margin:0 0 10px; font-weight:600; text-transform:uppercase; }
h3 { font-weight:600; }
h4 { font-weight:400; font-size:18px; }
h1 a,h2 a,h3 a,h4 a,span a { color:#333333; }
h1 a:hover,h2 a:hover,h3 a:hover,span a:hover { color:#00AEEF; }
h2 .active { color:#00AEEF }

a span:hover { color:#333; }
span { color:#00AEEF; }
span.grey { color:#333333; }
.uppercase { text-transform:uppercase; }

span.next { float:right; }


button,input[type="submit"] { 
	text-transform:uppercase; 
	border:none;
	background:#bfbfbf;
	font-size:10px;
	padding: 7px;
	margin:5px 0;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
button:hover,input[type="submit"]:hover {
	background:#999999;
	color:#fff;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
label { display:block; }
input {
  -webkit-appearance:none;
  -webkit-border-radius: 0px;
}
input[type="text"],input[type="email"] {
	border:1px solid #E6E6E6;
	font-size:13px;
	padding: 3px 5px 6px;
	color:#666666;
	margin:5px 0;
    width:50%;
}
.input { margin:0 0 15px; }
.error-message { color:#D84836; }

.align-center { text-align:center; }
.align-right { text-align:right; }
.pull-right { float:right }
.pull-left { float:left }

.section { margin-bottom:20px; }
.section h2 { margin-bottom:25px; }

.block { 
	border-top:1px #E6E6E6 solid;
	border-bottom:1px #E6E6E6 solid;
	padding:10px 0;
}
.full-width { 
	display:block; 
	width:100%;
}
.bordered{ border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.bordered-light{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }

a.big-button {
  font-size:20px;
  background:#00AEEF;
  color:#FFF;
  padding:10px;
  text-align:center;
}
a.big-button:hover {
  color:#fff;
  background:#00CFFF;
}

.tags a {
	font-size: 9px;
	color:#333333;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.tags a:hover {
	color:#00AEEF;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

.widget { background-color:#e6e6e6; padding:5px 10px; }
.widget p { margin:5px 0; font-size:12px; }
.widget input[type="text"],.widget input[type="email"] {
  width:180px
}

.feed p { font-size:11px; }
.fade { display:none; position:absolute; top:0; left:0; z-index:1000; }

#clear { clear:both; height:20px; }

.tag-line { background:url('../img/bars/bars-thick-down.png') bottom center no-repeat transparent; padding-bottom:5px; }
.tag-line h4 { font-size:15px; font-weight:600; border-top:5px solid #00AEEF; border-bottom:5px solid #00AEEF; padding: 12px 0; line-height:1.4; }

.table-link { color:#333333; font-weight:400; font-size:18px; }
/*-------------------- Specific -------------------------**/

#wrapper { width:990px; margin:0 auto; padding:0 8px; }


#header { padding-top:20px; clear:both; height:76px; }
#header .logo { float:left; width:315px; }

/********** Header Navigation ***********/
#header .header-nav { 
	font-weight:600; 
	float:right; 
	text-align:right; 
	margin-top:28px; 
}
#header .header-nav ul{ list-style:none; }
#header .header-nav ul li { display:inline; text-align:left; position:relative; }

#header .header-nav ul li a { 
	color:#333333; 
	padding-bottom:12px; 
	font-size:16px;
	min-width:52px;
	display: inline-block;
	background:url('../img/bars/bars.png') -52px 100% no-repeat;
	letter-spacing:-1px;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
#header .header-nav ul li:hover > a{
	background:url('../img/bars/bars.png') 0px 100% no-repeat;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

#header .header-nav ul li .active {
  background:url('../img/bars/bars.png') 0px 100% no-repeat;
}

#header .header-nav ul li ul { 
	opacity:0; visibility:hidden;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
#header .header-nav ul li > ul {
	position:absolute;
	top:32px;
	left:0;
	background:#e6e6e6;
	min-width:140px;
	padding:5px;
}
#header .header-nav ul li > ul li, #header .header-nav ul li > ul li a {
	display:block;
	min-width:auto;
}
#header .header-nav ul li > ul li a { 
	font-size:12px;
}
#header .header-nav ul li > ul li {
	margin:0;
	margin-top:-15px;
	opacity:0;
}
#header .header-nav ul li:hover ul {
	visibility:visible;
	z-index:10000;
	opacity:1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
#header .header-nav ul li:hover > ul li {
	margin-top:0;
	opacity:1;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
/**********************************************/


/*************** Top Menu Bar *****************/
#top-menu { 
	width:100%; 
	min-height:40px; 
	background-color:#E6E6E6; 
	clear:both;
	margin:15px 0 20px;
}
#top-menu ul { list-style:none }

/* Contact Menu (Under Logo) */
#top-menu .contact-menu ul li, #top-menu .social-menu ul li { display:inline; }
#top-menu .social-menu ul li:hover .out-fade-img { opacity:0; visibility: hidden; }

#top-menu .contact-menu { float:left; }
#top-menu .contact-menu { padding-top: 11px; padding-left: 10px; }
#top-menu .contact-menu ul li + li { border-left:1px #999999 solid; }
#top-menu .contact-menu ul li a {
	color:#999999;
	text-transform:uppercase;
	font-size:11px;
    letter-spacing:1px;
	padding:0 10px;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
#top-menu .contact-menu ul li a:hover { 
	color:#333333;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

/* Social Media Icons */
#top-menu .social-menu ul li a { position:relative; }
#top-menu .social-menu { float:right; padding-top:10px; padding-right:20px; }
#top-menu .social-menu li + li { margin-left:15px }

/* Search */
#top-menu .search { float:right; padding:8px 10px 8px 20px; border-left: 1px solid #ccc; }
#top-menu .search  input[type="text"] {
	border:none;
	height:15px;
	padding:3px 0 5px 5px;
	width:135px;
	margin:0;
}
#top-menu .search-button { 
	font-size:10px;
	padding:5px 7px;
	margin:0;
	margin-left:-2px;
}

/*************************************************/


/*************** Frontpage Slideshow *************/
#slide-show-container { position:relative; }
#slide-show {
    width: 100%;
    overflow: hidden;
    position: relative;
	z-index:1;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-o-transition-duration: .7s;
	-ms-transition-duration: .7s;
	transition-duration: .7s;
    
}
#slide-show .slide { 
  -webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-o-transition-duration: .7s;
	-ms-transition-duration: .7s;
	transition-duration: .7s;
}
#slide-show .hidden-slide {
}

#slide-show .slide img{
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-o-transition-duration: .7s;
	-ms-transition-duration: .7s;
	transition-duration: .7s;
}

.slide-controls  {
	position:absolute;
	top:5px;
	left:10px;
    z-index:100;
}
.slide-controls .goto {
	width:35px;
	height:8px;
	background-color:#FFF;
	display:inline-block;
	cursor:pointer;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
    box-shadow: 0px 0px 5px #999;
}
.slide-controls .goto:hover {
	background-color: #00AEEF;
}
.slide-controls .active {
	background-color: #00AEEF;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
.slide-controls .goto + .goto {
	margin-left:10px;
}

.slide .slide-caption {
	background-color: #FFF;
	position:absolute;
	bottom:20px;
	width:100%;
	height:120px;
	z-index:1000;
    opacity:0.9;
}
.slide-caption .slide-title {
	background-color: #00AEEF;
	width:100%;
	height:100px;
    padding:10px 0;
	float:left;
    overflow: hidden;
}
.slide-caption .slide-title h3 {
	margin:0 11px 0;
	font-size:17px;
    opacity:1;
}
.slide-caption .slide-title h3 a {
  color:#fff;
  font-weight: 400;
}
.slide-caption .slide-title h3 a:hover {
  color:#333;
}

.slide-caption .slide-subtitle {
	width:50%;
	height:100%;
	float:right;
    overflow: hidden;
    display:none;
}
.slide-caption .slide-subtitle  .tags{
	padding-left:15px;
	padding-top:10px;
    opacity:1;
}
.slide-caption .slide-subtitle p {
	font-size:10px;
	padding:0;
	margin:0;
	font-size:12px;
	padding: 10px 15px;
    opacity:1;
}
/***********************************************/

/**************** General Content **************/

#content { min-height:500px; }
#content .left-col { 
	width:315px; 
	float:left;
}
#content .center-col { 
	width:435px; 
	float:left;
}
#content .center-col-bordered {
    width:405px; 
	float:left;
    padding: 0 14px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
#content .right-col {
	width:210px;
	float:right;
}
#content .page-col {
    border-left:1px solid #e6e6e6;
    padding-left:15px;
	float:right;
}

/* Small Post Feed */
.post-feed,.library-feed   { border-top:1px #E6E6E6 solid; }
.post-feed .entry, .library-feed .entry { 
	background-color:#fff;
	border-bottom:1px #E6E6E6 solid;
	min-height:58px;
	padding:0;
	cursor:pointer;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.library-feed .entry {
  cursor:auto;
  padding: 10px 0;
}
.post-feed .entry:hover {
	background-color:#E6E6E6;
}
.library-feed .entry .details { min-height:40px; }
.library-feed .entry .details a{ color:#333333; font-weight:400; }
.library-feed .entry .details a:hover{ color:#00AEEF; }
.library-feed .entry .meta { font-size:10px; color:#808080; min-height:15px; margin-top:3px; }
.library-feed .entry .meta a { color:#333333; text-transform:uppercase; display:block; }
.library-feed .entry .meta a:hover { color:#00AEEF; }

.search-library { margin-bottom:15px; }
.search-library input { margin:0; width:80%; padding:2px 5px 4px; height:15px; line-height:15px; }
.search-library button { margin:0; padding:5px; float:right; margin-left:-2%; height:23px; }

.post-feed .entry .tags { overflow:hidden; height:16px; }
.post-feed .entry .excerpt { margin-top:1px; }
.post-feed .entry .details .tags a { font-size: 9px; }
.post-feed .entry:hover .details .tags a {
	
}
.post-feed .entry:first-child { }
.post-feed .entry + .entry { }
.post-feed .entry .thumbnail {
	float:left;
	padding:4px 0;
	background-color:#fff;
}
.post-feed .entry .details { display:inline-block; margin-left:10px; width:80%; padding:0 0 5px;}
.post-feed .entry .details .excerpt a { font-weight:normal; padding:0 10px 0 0; margin:0; color:#333333; }



/** Large Posts/Articles List **/
.article-list { }
.article-list .entry {
	cursor: pointer;
    padding-bottom: 15px;
	float:left;	width:210px; overflow:hidden; border-bottom:1px #E6E6E6 solid; margin-bottom:15px;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.article-list .entry + .entry { margin-left:15px; }
.article-list .entry .details h3 { height:40px; margin:5px 0; overflow: hidden; }
.article-list .entry .details .tags { height:18px; overflow: hidden; }
.article-list .entry .details .excerpt { height:90px; overflow:hidden; }

.article-list .entry .thumbnail, .post-index .entry .thumbnail { position:relative;}
.article-list .entry .thumbnail .overlay, .post-index .entry .thumbnail .overlay { 
	visibility:hidden;
	opacity:0;
	position:absolute; width:100%; height:100%; top:0; left:0; background-color:#00AEEF;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}
.article-list .entry:hover .thumbnail .overlay, .post-index .entry:hover .thumbnail .overlay {
	visibility:visible;
	display:block;
	opacity:0.5;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

.post-index .entry:first-of-type, .list-index .entry:first-of-type { border-top: 1px solid #E6E6E6; }
.post-index .entry, .list-index .entry { clear:both; border-bottom:1px solid #E6E6E6; padding:10px 0; overflow:hidden; }
.post-index .entry .thumbnail { float:left; width:34.5% }
.post-index .entry .thumbnail a { display:block; }
.post-index .entry .thumbnail img { width:100%; }
.post-index .entry h3,.list-index .entry h3 { color:#333; font-size:20px; margin:0; font-weight:700; letter-spacing:-1px; }
.post-index .entry .details .tags { margin-bottom:10px; }
.post-index .entry .details { float:right; width:64%; }
.post-index .entry .details span{ font-size:11px; color:#333; }

.list-index .entry { height:auto; }

.article-list .entry:hover h3 a, .post-index .entry:hover h3 a, .list-index .entry:hover h3 a  { color:#00AEEF; }

/************************************************/

/******************** Post ************************/
article { margin: 0 0 20px; }

article header h1 { font-size:35px; font-weight:600; color:#333333; margin:-2px 0 10px; line-height:1.2; letter-spacing:-2px; }
article header { margin-bottom:15px; }

article header .meta {
  
}
article section { margin:20px 0; }

.article-content { font-size: 14px; line-height: 1.5; }
.article-content h1 { font-size:32px; }
.article-content h2 { font-weight:400; font-size:25px; color:#00AEEF; text-transform:none; margin:30px 0 5px; }
article .cover-image { padding-bottom:5px; }
article .cover-image img { height:auto; width:100%; }


article footer { text-align:right; padding:10px 0; }
article footer a { position:relative; text-transform:uppercase; color:#333333; font-weight:400; }
article footer a:hover { color:#00AEEF; }
article footer a + a { margin-left:10px; }

.article-tags {
  list-style: none;
}
.article-tags li {
  display:inline-block;
  margin:10px 7px 10px 0;
}
.article-tags li a {
  font-size:12px;
  font-weight:400;
  color:#fff;
  padding:5px 8px;
  background-color:#00AEEF;
}
.article-tags li a:hover {
  background-color:#00CFFF;
}


.page-menu { list-style:none; }
.page-menu li {
  display:block;
}
.page-menu li a {
  color:#333333;
  text-transform: uppercase;
  padding:10px 15px;
  display:block;
}
.page-menu li .active, .page-menu li a:hover {
  color:#fff;
  background-color:#00AEEF;
}

.sharing { position: relative; height:35px; }
.post-share { height:20px; margin:0 ; padding:10px 0; background:#fff;  width:100%; }
.post-share.stuck {
			position:fixed;
			top:0;
			box-shadow:0 2px 4px rgba(0, 0, 0, .3);
            width:auto;
            padding-right:30px;
		}
.share-button { background:url('../img/bars/bars-tiny.png') right center no-repeat; float:left; padding-right:35px; margin-right:15px; }
.share-button span { color:#FFF; background:#00AEEF; padding:2px 25px; text-transform:uppercase; font-size:11px; }
.share-options { list-style:none; float:left; margin:0; }
.share-options li{ 
  position: relative;
  display: inline-block;
  color:#FFF;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}
.share-options li a {
  display: inline-block;
  width: 60px;
  padding: 2px 0;
}
.share-options li a, .share-options li a:hover { color:#FFF; }
.share-options .facebook {
	background-color:#3B5998;
}
.share-options .twitter {
	background-color:#00ACED;
}
.share-options .googleplus {
	background-color:#D84836;
}
.share-options .tumblr {
	background-color:#2C4762;
}
.share-options .linkedin {
	background-color:#005A87;
}
.out-fade-img { 
    position: absolute; left:0; top:0; background: #E6E6E6; opacity:1;
    -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
}

.out-fade { 
    position: absolute; left:0; top:0; width:100%; background: #E6E6E6; opacity:1; height:100%;
    -webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-o-transition-duration: .1s;
	-ms-transition-duration: .1s;
	transition-duration: .1s;
}
.share-options li:hover .out-fade {
   opacity:0;
   visibility: hidden;
}
/************************************************/

/*************** Data Tags - Bars ***************/
.data-tag{ padding:2px 0; margin:0; cursor:pointer; vertical-align:middle; }
.data-tag span { vertical-align:top; font-size:12px; text-transform:lowercase; 
	width: 105px;
	display: inline-block;
	line-height: 1;
	margin-left: 3px; 
}
.data-tag:hover span a{
	color:#00AEEF;
}
.data-tag .bar { background-color:#00AEEF; height:24px; width:0px; display:inline-block; position:relative; overflow:hidden; }
.data-tag .shine { position:absolute; width:70px; height:24px; left:-70px; top:0; background:url('../img/bars/shine.jpg') center repeat-y transparent; }
/****************************************/


/***************** Footer ****************/

#footer-wrapper {  }
#footer {
	border-top: 5px solid #00AEEF;
	margin:0 auto;
	padding:25px 35px 130px;
	clear:both;
	background:url('../img/footer-wide-bg.png') bottom left no-repeat;
}
#footer h4 { font-weight:400; text-transform:uppercase; margin:0 0 5px; font-size:17px; }
#footer .footer-col { text-align:center; }
#footer .footer-col + .footer-col { }
#footer .footer-col.logo-col { width:184px; position:relative; margin:0 auto; }
#footer .footer-col.right-col { float:right; }
#footer ul { list-style:none; padding:5px 0; }
#footer ul li { margin:2px 0;}
#footer ul li a { color:#333333; font-size:12px; font-weight:400; padding: 5px 0; display:block; float:none; }
#footer ul li a:hover { color:#00AEEF; }

#footer .footer-col.social li a{
	font-weight:700;
}
#footer .footer-col.social li a:hover{
	color:#FFF;
}
#footer .footer-col.social .facebook:hover {
	background-color:#3B5998;
}
#footer .footer-col.social .twitter:hover {
	background-color:#00ACED;
}
#footer .footer-col.social .googleplus:hover {
	background-color:#D84836;
}
#footer .footer-col.social .tumblr:hover {
	background-color:#2C4762;
}
#footer .footer-col.social .linkedin:hover {
	background-color:#005A87;
}

#copyright-wrapper {  }
#copyright {
	background-color:#333333;
	height:10px; padding:15px 20px;  color:#fff; font-size:9px;
	margin:0 auto;
}
#copyright a { color:#fff; }
#copyright a:hover { color:#00AEEF; }
#copyright .trademark { float:left; }
#copyright .credit { float:right; }

/****************************************/


/* ==========================================================================
   Responsive Changes:
   ========================================================================== */


@media (max-width: 1199px) {
    .article-list .entry:nth-of-type(2n+1) { margin-left:0; }
	/*#slide-show .slide img { margin-left:-112px; }*/
}
@media (max-width: 767px) {
    .article-list .entry { display:block; text-align:center; width:100%; margin-left:0 !important; margin-right:0 !important; }
    #wrapper { width:100%; margin:0 auto; padding:0; }
    #top-menu .social-menu { display:none; }
    #top-menu .contact-menu { float:none; display:block; width:100%; padding:10px 0; text-align:center; border-bottom:1px solid #ccc; }
    #top-menu .search { float:none; padding:12px 0; border-left:none; width:100%; text-align:center; }
    #header .header-nav { 
        width:100%;
        text-align:left;
        margin:20px 0 0; 
    }
    #header .header-nav ul li{ display:block; text-align: center; }
    #header .header-nav ul li a { display:block; background:#E6E6E6; padding:10px 0; border-bottom:1px solid #ccc; }
    #header .header-nav ul li a:hover, #header .header-nav ul li .active { background:#00AEEF; color:#fff; }
    #header .logo { float:none; display:block; text-align:center; width:100%; }
    #header .logo img { max-width:100%; }
    
    #content .center-col, #content .center-col-bordered, #content .left-col, #content .page-col { width:98%; margin-left:auto; margin-right:auto; border-left:none; border-right:none; float:none; padding:0; }
    
    a.big-button { letter-spacing:0; font-size:15px; float:none !important; display:block; margin:10px 0; }
    h1 { font-size:21px; }
    #slide-show { height:auto; }
    #footer .span4 { margin-bottom:10px; }
    
    .post-share.stuck { padding:10px; }
    .table-link, td { font-size:13px; }
}

@media (min-width: 768px) and (max-width: 979px) {
    #wrapper { width:758px; margin:0 auto; padding:0 5px; }
    #content .center-col,#content .center-col-bordered { margin: 0 0 0 8px; }
    #content .page-col, #content .right-col {
        width:100%;
        border:none;
    }
    #content .left-col.page {
      text-align:center; display:block; float:none; width:100%;
    }
    a.big-button { width:100px; letter-spacing:0; font-size:15px; }
    
    #header .header-nav { 
        width:435px; 
        margin-top:28px; 
    }
    #header .header-nav ul > li +li { margin-left:5%; }
    
    .right-col { margin-top:10px; }
    .right-col .section { width:45%; float:left; margin-right:5%; }
}



@media (min-width: 980px) and (max-width: 1199px) {
    #content .center-col, #content .center-col-bordered { margin: 0 15px; }
    #header .header-nav { 
        width:675px; 
        margin-top:28px; 
    }
    #header .header-nav ul > li +li { margin-left:70px; }
    #content .page-col {
        width:644px;
    }
}

@media (min-width: 1200px) {
	#wrapper { width:1215px; margin:0 auto; padding:0 10px; }
	
	#content .center-col { 
		width:660px;
        margin-left:15px;
	}
    #content .center-col-bordered {
        width:630px;
        margin-left:15px;
    }
    
    #content .page-col {
        width:869px;
    }
    
    .slide-caption .slide-title { width:50%; }
    .slide-caption .slide-subtitle { display:block; }
    
	.article-list .entry:nth-of-type(3n+4) { margin-left:0; }
    
    .share-options li a {
      width: 100px;
    }
    
    #header .header-nav ul > li +li { margin-left:70px; }
    .post-index .entry h3,.list-index .entry h3 { font-size:25px; }
}
   
   

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    #header .header-nav { display:none; }
    #top-menu { display:none; }
    .sharing { display:none; }
    .left-col  {display:none }
    .right-col { display:none }
    #content .center-col { width:90%; }
    #content .center-col-bordered { width:90%; }
    #content { width:100%; }
    #footer { display:none; }
    
    #disqus_thread { display:none }
    
    
}