@charset "UTF-8";

/* Global Content Formatting and Styles */
html, body {
	margin: 0; padding: 0;
	font-size: 16px;
}
body {
	color: #000;
	line-height: 1.5em;
	font-family: 'PT Serif Caption', serif;
	font-size: 100%;
	background: url(images/bg.png) repeat;
}
h1, h2, h3, h4{
	line-height: 1em;
}
h1 {font-size: 2em; font-weight: normal; margin: 0 0 .5em 0; }
h2 {font-size: 1.7em; margin: 0 0 1em 0;}
h3 {font-size: 1.5em; margin: 0 0 1em 0;}
img {max-width: 100%;}
p {margin: 0 0 .75em 0;}
a { color: #585858; text-decoration: none;}
a:hover { color: #242edb;}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.clear{
	clear: both;
}
.center{
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.textUnderline{
	text-decoration: underline;
}
.hidden{
	display: none;
}
.show{
	display: block;
}
header{}
nav {
	margin: 0; padding: 0;
}
nav li {
	display: inline;
}
nav a {
	text-decoration: none;
}
nav a:hover {}
.wrapper {
	width: 61.250em;
	margin: 2em auto 0;
	-webkit-box-shadow: 0px 3px 10px 3px #ccc;
	box-shadow: 0px 3px 10px 3px #ccc;
	background: #fff;
}
.content {
	margin: 1em;
	padding: 1em;
}
section {
	margin: 0; padding: 0;
}
article, .newsList, .gallery, .list {
	width: 36em;
	float: left;
}
footer {
	margin-top: 2em;
	clear: both;
	text-align: center;
	padding-bottom: 2em;
}
footer p {
	font-size: .85em; 
	font-family: arial;
}
/*Large Screen Layout*/
.logo{
	background: url(images/narcotic-news-logo.jpg) no-repeat;
	width: 300px;
	height: 100px;
	display: block;
	float: left;
	/*margin-left: 3%;*/
}
.searchBar{
	width: 30em;
	float: left;
	margin: 2em 0 0 5em;
/*	position: fixed;
	top: 5em;
	left: 40em;*/
}
.navBg{
	background: url(images/navy_blue.png) repeat;
	-moz-box-shadow:    2px 2px 2px 2px #ccc;
 	-webkit-box-shadow: 2px 2px 2px 2px #ccc;
  	box-shadow:         2px 2px 2px 2px #ccc;
}
.mainNav{
	margin: 0 .5em;
	clear: both;
}
ul.topNav{
	font-size: 1em;
	padding-top: .2em;
	padding-bottom: .2em;
}
.topNav li{
	padding: 0 1em;
	display: inline-block;
	border-right: solid 1px #fff;
}
.topNav li:last-child{
	border-right: none;
}
.topNav a{ 
	color: #fff;
}
.topNav a:hover{
	color: #ccc;
}
.topNav li:hover ul.subMenu{
	display:block;
}
ul.subMenu{
	position: absolute;
	display: none;
	border-top: solid 1px #fff;
	z-index: 1;
	margin: 0;
	padding: .5em;
}
.subMenu li{
	display: block;
	border-right: none;
	border-bottom: solid 1px #fff;
	padding: .2em;
}
.footerNav li{
	padding: 0 1em;
	border-right: solid 1px #42200a;
}
.footerNav li:last-child{
	border-right: none;
}
.footerNav a:hover{
	font-weight: bold;
}
.articleDivider{
	padding-bottom: .5em;
	border-bottom: 1px solid #ECE5E5;
}
.frontpageAd{
	width: 20em;
	float: left;
	margin-top: 1.5em;
}
.bannerAd{
	width: 60.000em;
	margin: 1em;
	overflow: hidden;
}
.groupArticles{
	width: 47em;
	margin: 1em;
	float: left;
	font-size: .8em;
}
.groupArticles div{
	width: 23em;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	margin: .5em .2em;
	border-bottom: solid 1px #ccc;
}
.groupArticles div:last-child{
	width: 100%;
	border-bottom: none;
}
.groupArticles h2{
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	padding: .2em 0;
}
.groupArticles span{
	font-size: .8em;
	float: right;
	padding-right: 1em;
}
.titlebg{
	background: url(images/titlebg.jpg) repeat;
	-moz-box-shadow:    2px 1px 2px 2px #ccc;
 	-webkit-box-shadow: 2px 1px 2px 2px #ccc;
  	box-shadow:         2px 1px 2px 2px #ccc;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;

}
/*article page*/
.articleDate{
	display: block;
	font-size: .8em;
	color: #A4A4A4;
	padding: .5em 0;
}
/*news list page*/
.newsList h1{
 	padding: .2em;
 	margin: 0 1em;
 	text-align: center;
}
/*archive links on news page*/
.archiveNav h3{
	border-bottom: solid 1px #000;
}
.archiveNav ul{
	list-style-type: none;
	text-align: center;
}
.archiveNav li{
	display: block;
}
.archiveNav li a{
	display: block;
	padding: 0 .5em;
}
.archiveNav li:nth-child(odd){
	background-color: #E6E6E6;
}
/*law definition list*/
.accordion dt{
	padding: .5em 0;
}
/*state prices list*/
.priceList{
	width: 46em;
	float: left;
}
.prices{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.prices p{
	background: #ccc;
	margin: 0 .5em;
}
/*task force list*/
ul.taskforceList{
	list-style-type: none;
}
.taskforceList li{
 	padding: .5em 0;
 	border-bottom: solid 1px #ccc;
}
.taskforceList h2{
	font-size: 1.2em;
}
.taskforceList a{
	color: #242edb;
}
.taskforceList a:hover{
	color: #585858;
}
.taskforceList p{
 	font-size: .8em;
}
.taskforceList span{
 	font-weight: bold;
}
/*task force dept*/
.taskforce ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.taskforce li, .taskforce p{
	padding-bottom: .5em;
}
.update{
 	float: right;
 	font-size: .8em;
 	color: blue;
}
/* stats */
.stats ul{
	list-style-type: none;
}
.stats li{
	display: inline-block;
	padding: .2em 0;
	width: 30%;
}
/*aside news links*/
.newsLinks{
	border-bottom: solid 1px #000;
	margin: .5em;
}
.newsLinks h3{
	font-size: 1.2em;
	padding-left: .5em;
	padding-bottom: .2em;
	margin: 0;
	border-bottom: solid 1px #000;
}
.newsLinks h3 a{
	color: #000;
}
.newsLinks h3 a:hover{
	color: #242edb;
}
/*photo gallery*/
.gallery li{
	display: inline-block;
	vertical-align: top;
	margin: 0 1em;
	width: 25%;
}
.gallery p{
	font-size: .8em;
}
/*side bar area*/
aside{
	width: 20em;
	float: left;
	padding: 0 .5em;
	overflow: hidden;
}
.smallAside{
	width: 10em;
}
.squareAd {
	width: 20em;
	margin: 1em 0;
}
/*for affiliates*/
.links{
	border: solid 1px #ccc;
	margin-bottom: 1em;
}
.links ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.links span{
	display: block;
	color: #ff0000;
	font-weight: bold;
}
.links a{
	color: #0000FF;
}
.pagination{
	display: block;
}
.pagination li{
	display: inline;
	padding: 0 .25em;
}
ul.socialMedia{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.socialMedia li{
 	display: inline-block;
	vertical-align: top;
	padding: 0 .1em;
}
.socialMedia li:first-child{
	margin-top: -.3em;
}
.social ul{
	list-style-type: none;
}
.social li{
	display: inline-block;
	padding: 0 .5em;
}
.social a{
	display: inline-block;
	width: 50px;
	height: 50px;
}
.social a:hover{
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
.fb{
	background: url(images/fb-social.png) no-repeat;
}
.goog{
	background: url(images/google-social.png) no-repeat;
}
.twit{
	background: url(images/twitter-social.png) no-repeat;
}
.utube{
	background: url(images/yt-social.png) no-repeat;
}
/*contact Form*/
#contact{
	width: 100%;
}
.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.simply-scroll-list li img {
	border: none;
	display: block;
}
.simply-scroll { 
	width: 47em;
}
.simply-scroll .simply-scroll-clip {
	width: 47em;
}
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 100px;
	height: 100px;
	padding: 0 .5em;
}
@media all and (max-width: 1450px)  {}
@media all and (max-width: 1375px)  {}
@media all and (max-width: 1215px) {}
@media all and (max-width: 1000px) {}
@media all and (max-width: 720px) {}
@media all and (max-width: 620px) {}
@media all and (max-width: 525px){}
@media all and (max-width: 460px){}