/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.wit			{ background-color:#FFF; padding:0 10px 30px 10px; min-height:800px; }
.header			{ padding:25px 0; }
.logo			{ display:inline-block; width:220px; margin-left:10px; }
.logo-slp       { display:inline-block; float:right; width:111px; margin-right:10px; }
.navigation				{ position:relative; float:left; height:48px; font-family: 'allerregular'; background-color:#EEEEEE; background-image:url(../images/bg-navigation-r.gif); background-repeat:no-repeat; background-position:right; }
.navigation .dj-main	{ background-image:url(../images/bg-navigation-l.gif); background-repeat:no-repeat; background-position:left; }
.social-icons			{ position:absolute; right:50px; top:11px; z-index:1000; }
.slider					{ position:relative; float:left; margin:20px 0 0 10px; }
.divider				{ position:relative; float:left; margin:50px 0 20px 0; height:10px; width:100%; background-image:url(../images/bg-divider.gif); background-repeat:no-repeat; background-position:center; }

/* navigation */
.dj-main	{background:none!important; padding: 0 0 0 10px !important; margin: 0 !important; height:48px;}
.dj-main .dj-up a {background:none!important; height:48px!important; line-height:48px!important; font-size:14px!important; padding:0!important;}
.dj-main li.hover a.dj-up_a, .dj-main li.active a.dj-up_a {color:#999!important;}
.dj-main li a.dj-up_a {color:#333!important;}
.dj-main .dj-up a span {background:none!important;} 

.dj-main li ul {background-color:#EEEEEE!important; border:none!important;}
.dj-main li a {color:#333!important;}

.dj-main li ul.dj-submenu { padding:10px!important; width:280px!important;}
.dj-main li ul.dj-submenu li {border-top: 1px solid #DDDDDD; width:280px!important;}

.dj-main li ul.dj-submenu li { margin:0!important; padding:0!important; height:28px!important; display: block; }
.dj-main li ul.dj-submenu li a {  border:none!important; height:28px!important; line-height:28px!important; padding:3px 10px 0px 10px!important; font:inherit!important; width:280px!important;}
.dj-main li ul.dj-submenu li a:hover { color:#999!important; background:none!important; }
.dj-main li ul.dj-submenu li.active a { color:#999; }

.dj-main li ul.dj-submenu li a.dj-more-active:hover { color:#999!important; background:none!important; }
.dj-main li ul.dj-submenu li.active a.dj-more-active { color:#999; }

.dj-main ul li ul li ul {background-color:#EEEEEE!important;}

.blog-featured h1		{ display:none; }
.img-intro				{ margin:0 0 5px 0; padding:5px 5px 0 5px; border:1px solid #DDDDDD; }
.img-intro img			{ width:100%; height:140px; }

.img-intro-blog				{ margin:20px 0 5px 0; padding:5px 5px 5px 5px; border:1px solid #DDDDDD; }
.img-intro-blog img			{ width:100%; height:140px; }


.footer							{ position:relative; float:left; width:100%; height:120px; margin:0; padding:20px 0 0 0; background-color:#2C2C2C; }
.footer a						{ color:#666666; }
.footer ul.menu li 				{ float:left; margin:0 0 0 10px; padding:0; }
.footer ul.menu li:first-child	{ margin:0!important; }

h1, h2, h3	{ font-family: 'allerbold'; }

.slide-desc-bg					{ -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width:480px!important; }
.slide-desc-text .slide-title a	{ font-family: 'allerbold'; font-size:18px; line-height:24px; }

.blog-featured		{ position:relative; float:left; margin:15px 0 0 0; padding:0; }
.blog h2 a			{ color:#333; }
.blog-featured h2	{ margin:0 0 20px 0!important }
.blog-featured h2 a	{ color:#333; }

.blogrow			{ position:relative; float:left; width:100%; }


.category-desc			{ position:relative; float:left; margin:0; padding:0 0 40px 0; width:100%; font-size:14px; font-family: 'allerbold'; color:#999; background-image:url(../images/bg-divider.gif); background-repeat:no-repeat; background-position:center bottom; }
.category-desc-nobg		{ position:relative; float:left; margin:0; padding:0 0 10px 0; font-size:14px; font-family: 'allerbold'; color:#999; }
.category-desc-text		{ font-size:14px; font-family: 'allerbold'; color:#999; }


.article-layout			{  }
.article-layout h1 a	{ color:#333; }

.item-title				{ position:relative; float:left; font-family: 'allerbold'; font-size:18px; line-height:24px; padding:0 0 15px 0!important; }
.item-title a			{ color:#333; }

.categories-view					{ position:relative; float:left; margin:0; padding:0; }
.categories-view li					{ position:relative; float:left; width:auto; height:auto; margin:20px 0 0 0; padding:0; }
.categories-view .category-desc		{ position:relative; float:left; margin:0; padding:0!important; width:100%; background-image:none; font: 12px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; }
.categories-view .category-desc	img	{ display:none; }

.category-watch						{ position:relative; float:left; margin:0; padding:0; }

.link-slp				{ position:fixed; right:-45px; top:100px; width:120px; height:30px; font-family: 'allerbold'; font-size:18px; line-height:24px; background-color:#FF0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.link-slp a				{ padding:0 0 0 10px; color:#000; }

.item.column-1				{ position:relative; float:left; margin:0; padding:0 0 40px 0; }
.readmore					{ width:70px; margin:10px 0 0 0; padding:0 10px 5px 10px; background-color:#E43E3A; color:#FFF; font-family: 'allerbold'; font-size:14px;  -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius: 5px; }
.readmore a					{ margin:0; padding:0; color:#FFF; }

.jwts_tabberlive			{ background-image:url(../images/bg-divider.gif); background-repeat:no-repeat; background-position:0px 30px; }
ul.jwts_tabbernav li a		{ font-family: 'allerbold'; font-size:14px; color:#333; }

.slide-title				{ width:480px; }

.dj-select					{ margin:5px 0 0 0; background:none; border:none; color:#333333; font-family: 'allerbold'; font-size:14px; }

/* #OS Gallery
================================================== */
.osgalery-cat-tabs, .copyright-block, .os-gallery-caption {
  display:none!important;
}

/* #Page Styles
================================================== */
sup {vertical-align: super; font-size: revert;}
td {vertical-align: top;}

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
		.slider		{ display:none; }
		.logo		{ position:relative; width:220px; margin:0 auto; }
		.link-slp	{ display:none!important; }
		.dj-select	{ margin-left: 20px; padding-left:25px; background-image:url(../images/responsive-menu.png); background-repeat:no-repeat; background-position:0 11px; }
		.article-layout img			{ max-width:220px; max-height:180px; }
		.navigation .moduletable	{ height:48px; background-image:url(../images/bg-navigation-l.gif); background-repeat:no-repeat; background-position:left; }
		ul.jwts_tabbernav li {display:block!important;}
		.jwts_tabberlive			{ background:none; }
		
		.category-desc						{ background-image:url(../images/bg-divider-748.gif)!important; }
		.categories-view .category-desc		{ background-image:none!important; } 
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.social-icons				{ display:none; }
		
		.category-desc						{ background-image:url(../images/bg-divider-420.gif)!important; }
		.categories-view .category-desc		{ background-image:none!important; } 
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.category-desc						{ background-image:url(../images/bg-divider-300.gif)!important; }
		.categories-view .category-desc		{ background-image:none!important; }
        table                               { width: 290px!important; }
        .article-layout img                 { max-width: 148px!important; }
        .blog img                           { max-width: 296px!important; }
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}