/* Syrup Design Studio | MAY 2013 | Paterson,NJ */


/* NAVS */

.nav_top{
	list-style: none;
	background-color: #CCCCCC;
	height:22px;
	width:980px;
	float:left;	
	margin: 0 0 10px 0;
	 
}

.nav_top li{
	float:left;
	height: 20px;
}
.nav_top li a{
	padding:5px 5px;
	margin-right:5px;
	text-decoration:none;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:10px;
	color:#444444;
}

.nav_top li:hover a{
	background-color:#333333;
	color:#FFFFFF;
}




.nav_top2{
	list-style: none;
	background-color: #CCCCCC;
	height:22px;
	width:200px;
	float:left;
	margin: 0 0 10px 0;
}

.nav_top2 li{
	float:right;
	height: 20px;
}
.nav_top2 li a{
	padding:5px 5px;
	margin-left:5px;
	text-decoration:none;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:10px;
	color:#444444;
}

.nav_top2 li:hover a{
	background-color:#333333;
	color:#FFFFFF;
}


.nav_main{
	list-style: none;
	width:920px;
	height:40px;
	margin-top:10px; 
	background-color: #CE270A;
	margin-bottom:20px;
	float: left;
}

.nav_main li{
	float:left;
	height:40px;
}
.nav_main li a{
	padding:13px 10px;
	margin-right:5px;
	text-decoration:none;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;

	color:#f2f2f2;	
	display:block;
}
.nav_main li a:hover{
	background:rgba(0,0,0,0.4);
}

/* search box*/
.search_box{
	width:260px;
	height:40px;
	overflow:hidden;
	margin-top:10px; 
	margin-bottom:20px;
	background-color: #CE270A;
	float: left;

}
.form-search{
width: 260px;
overflow:hidden;
float: right;
}


.form-search input.input-text {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    color: #A8A8A8;
    float: right;
    font-size: 13px;
    font-style: italic;
    height: 26px;
    padding: 0;
    padding-left:4px;
    margin:7px 0px 7px 2px;
    width: 184px;
    border: none;
    background-color: #FFFFFF;
    
}
.form-search button {
    background: none repeat scroll 0 center transparent;
    float: right;
    border:none; 
}
.form-search button span {
    background: url("../imgs/search_btn.png") no-repeat scroll right center transparent;
    border: 0 none;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    height: 27px;
    line-height: 22px;
    width: 20px;
    margin:6px 12px 6px 0;
}

/* sections */


/*
 font-family: 'Merriweather Sans', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
 */

h2.title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	text-transform:uppercase;

	color:#CE270A;
	margin-bottom:12px;
	border-bottom:1px solid #CE270A;
	
}
h2.title span{
	padding-right: 6px;
	
}

h2.title_single{
	color:#444444;
	margin-bottom:12px;
	border:none;
	font-size:36px;
	
}


.middlebar{
	background-color: #e6e6e6;
}
.middlebar h2.title{
	padding-left:10px;
}






.sections{
	margin-top: 10px;
}




.govde{
	background-color: #000000;
}



/* editors' picks */
.eps{
	width:200px;
	padding:0 9px;
	border:1px dotted #CCCCCC;
	border-bottom:none;
	border-top:none;
	list-style: none;
}

.eps li{
	margin-bottom:18px;
	padding-bottom:18px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
.eps li:hover{
	color:#CE270A;
}
.eps li:last-child{
	border:none;
}
.eps li a img{
	width:200px;
	height: 110px;
}
.eps li h4{
	background:#FFFFFF;
	position:relative;
	padding:2px;
	margin:-16px 10px 10px 10px;
}
.eps li h4 a{
	padding-top:2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	line-height: 17px;
	color:#555555;
	/*	text-transform:uppercase;*/

	text-decoration:none;
	text-align:center;
	display:block;

}
.eps li h4 a:hover{
	color:#CE270A;
}
.eps li div{
	padding-top:2px;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	height: 90px;
	overflow: hidden;
}

.eps li div a{
	text-decoration:none;
	color:#555555;
	text-align:center;
	display:block;
}
.eps li div a:hover{
	color:#CE270A;
}


/* widget */
.widget{
	margin-bottom:20px;
}

.widget ul{
	list-style: none;
}

.widget ul li{
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
}


.widget ul li:last-child{
	border-bottom: none;
}

.widget ul li a img{
	width:80px;
	height:50px;
	float: left;
	margin-right:10px;
}



.widget ul li h4 a {
	font-family: 'Noto Sans', sans-serif;
	line-height:13px;
	height:52px;
	overflow:hidden;
	font-size:11px;
	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	

}


/* widget image_link*/
.widget.image_link a{
	width:220px;
	overflow-x:hidden;
	display:block; 
}

.widget.image_link a img{
	width:220px;
}

/* slider */



  
#slider{
	width:700;
	height:300px;
	overflow:hidden;
	margin-bottom:30px;
	font-family: 'Noto Sans', sans-serif;
}
#slider .viewport { 
	width: 700px; 
	height: 300px; 
	overflow: hidden; 
	position: relative;
	z-index: 10;

}
#slider .overview { 
	list-style: none; 
	position: absolute; 
	padding: 0; 
	margin: 0; 
	left: 0; 
	top: 0; 
}
#slider .overview li{ 
	float: left; 
	margin:0; 
	padding:0; 
	height: 300px; 
	width: 700px;
	overflow: hidden;
}
#slider .overview li .i_img{ 
	float: left; 
	margin-right:10px; 
	height: 300px; 
	width: 420px;
	overflow: hidden;
}

#slider .overview li .i_content{ 
	float: left; 
	height: 240px; 
	width: 270px;
	overflow: hidden;
	font-size:14px;
	line-height:16px;
}

#slider .overview li .i_content h4 a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:19px;
	line-height: 21px;
	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	
	margin-bottom:8px;

}
#slider .overview li .i_content h4 {
	margin-bottom:8px;
}
#slider .overview li .i_content p {
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	
}

#slider .overview li .i_cat{ 
	float: left; 
	height: 30px; 
	width: 270px;
	overflow: hidden;
}
#slider .controls{
	width:270px;
	height: 54px;
	background-color: #C0392B;
	margin: -54px 0 0 430px;
	position:relative;
	z-index: 50;
}
#slider .controls ul.pager{
	list-style: none;
	
}

#slider .controls ul.pager li{
	width:54px;
	height:54px;
	float:left;
}

#slider .controls ul.pager li a{
	width:54px;
	height:54px;
	display:block;
}

#slider .controls ul.pager li a.active{
	width:50px;
	height:50px;	
	border:2px solid #444444;
}

#slider .controls ul.pager li a img{
	width:54px;
	height:54px;
}
#slider .controls ul.pager li a.active img{
	width:50px;
	height:50px;
}
.slider ul.slider_imgs{
	width:400px;
	height:300px;
	overflow: hidden;
	float:left;	
}

.slider ul.slider_contents{
	width:300px;
	height:260px;
	overflow: hidden;	
	float: right;
}
.slider .slider_navs{
	width:300px;
	height:40px;
	overflow: hidden;	
	float: right;
}



/* sections */
.section_ul{
	width:700px;
	padding:0;
	list-style: none;
}

.section_ul li{
	width:340px;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
}










.section_ul li a img{
	width:80px;
	height:50px;
	float: left;
	margin-right:10px;
}
.section_ul li h4 a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	line-height: 17px;


	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	

}

.section_ul li p a{
	padding-top:2px;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;
}


.section_ul li:first-child{
	height: 375px;
	margin-right:20px;
}

.section_ul li:first-child a img{
	width:340px;
	height: 180px;
	margin-bottom:10px;
}

.section_ul li:first-child h4{
	background:#FFFFFF;

}
.section_ul li:first-child h4 a{
	padding-top:2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	line-height: 17px;
	font-weight: 700;

	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	display:block;
	margin-bottom:10px;
}

/* tabs */
#news_regional .viewport { width: 560px; height: 310px; overflow: hidden; position: relative; float: left; }
#news_regional .pager { width: 130px; height: 310px; overflow: hidden; position: relative; float: left; list-style: none;}
#news_regional .pager li { width: 130px; height: 30px;}
#news_regional .pagenum {font-family: 'Roboto Condensed', sans-serif; font-size:16px; text-transform:uppercase; color:#CE270A; text-decoration:none; display: block; padding: 5px;}
#news_regional .active { color: #fff; background-color:  #CE270A; }
#news_regional .overview { list-style: none; position: absolute; width: 560px; height:310px; left: 0 top: 0; }
#news_regional .overview .page{ float: left; height: 310px; width: 560px;}

#news_topic .viewport { width: 320px; height: 310px; overflow: hidden; position: relative; float: left; }
#news_topic .pager { width: 140px; height: 310px; overflow: hidden; position: relative; float: left; list-style: none;}
#news_topic .pager li { width: 140px; height: 30px;font-family: 'Roboto Condensed', sans-serif;}
#news_topic .pagenum {font-family: 'Roboto Condensed', sans-serif; font-size:16px; text-transform:uppercase; color:#CE270A; text-decoration:none; display: block; padding: 5px;}
#news_topic .active { color: #fff; background-color:  #CE270A; }
#news_topic .overview { list-style: none; position: absolute; width: 320px; height:310px; left: 0 top: 0; }
#news_topic .overview .page{ float: left; height: 310px; width: 320px;overflow: hidden;}





.tab_list{
	list-style: none;
	height: 310px;
	overflow: hidden;
}

.tab_list li{
	width: 330px;
	height: 50px;
	margin-left:10px;
	overflow: hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
	float:left;
}

.tab_list li a img{
	width:80px;
	height:50px;
	float: left;
	margin-right:10px;
}



.tab_list li h4 a {
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;

	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	
}

.tab_list.ta li{
	width: 270px;
}


/* video list*/
.video_ul{
	list-style:none;
	margin-bottom:20px;
}
.video_ul li{
	width:180px;
	height:150px;
	float:left;
	margin:10px;
	overflow: hidden;
}
.video_ul li:hover{
	margin-top:5px;
	border-top:5px solid #CE270A;
}
.video_ul li:first-child{
	width:380px;
	height:310px;

}

.video_ul li img{
	width:180px;
	height:120px;
}
.video_ul li h4 a {
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	/*	text-transform:uppercase;*/
	margin-top:5px;
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	
}
.video_ul li:hover h4 a{
	color: #CE270A;
}

/* bottom tags */
.tag_cloud_ul{
	list-style: none;
}

.tag_cloud_ul li{
	float:left;
}	

.tag_cloud_ul li a{
	display:block;
	padding:3px 6px;
	margin-right:5px;
	margin-bottom:5px;
	text-decoration:none;
	background-color: #dedede;
	color:#333333;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;	
	text-transform:uppercase;
	
	
}	
.tag_cloud_ul li a:hover{
	background-color: #CE270A;
	color:#f3f3f3;
}	


/* single post */
.post_featured_image img{
	width: 100%;
}
.post_featured_image p{
	width: 100%;
	text-align:right;
	font-size:11px;
	font-style:italic;
	font-family: 'Noto Sans', sans-serif;
	
}
.post_featured_image{
	margin-bottom:15px;
}

.post{
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 16px;
	color:#444444;		
}

.post p{
	margin-bottom:15px;
}
.wp-caption{
	background-color: #FFFFFF;
}
.wp-caption p{
	width: 100%;
	text-align:right;
	padding-right:5px;
	font-size:11px;
	font-style:italic;
	font-family: 'Noto Sans', sans-serif;	
}
.wp-caption.alignleft{
	float:left;
	margin-right:10px;
}
.wp-caption.alignright{
	float:right;
	margin-left:10px;
}

.postMeta{
	margin: 8px 0;
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 16px;
	color:#333333;		
}
.postMeta a{
	color:#333333;	
	background-color: #dddddd;
	padding: 2px 5px;	
	text-decoration: none;
}
.post p a{
	color:#333333;	
	padding: 2px 5px;	
	text-decoration: underline;
}
.postMeta a:hover{
	background-color: #999999;
	color: #000000;
}

.post p a:hover{
	background-color: #DDDDDD;
	color: #000000;
}

img.alignright{
	float: right;
	margin:5px 0 5px 5px;
}
img.alignleft{
	float: left;
	margin:5px 5px 5px 0;	
}














/* sections */
.listing{
	width:960px;
	margin-left:-20px;
	padding:0;
	list-style: none;
}

.listing li{
	width:460px;
	height:160px;
	margin-left:20px;
	overflow:hidden;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
}


.listing li a img{
	width:200px;
	height:110px;
	float: left;
	margin-right:10px;
}
.listing li h4 a {
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 15px;
	font-weight: 700;

	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	

}

.listing li p a{
	padding-top:2px;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;
}






.listing li.big{
	width:460px;
	height:351px;
	margin-left:20px;
	overflow:hidden;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
}


.listing li.big a img{
	width:460px;
	height:260px;
	margin-bottom:10px;
}

.listing li.bigr{
	float:right;
}






#syrup_ajax_load_animation{
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	color:#444444;
	display:none;
}
#syrup_ajax_load_animation img{
	margin:5px;
	height: 80px;
	width: 80px;
}







/* sections */
.video_listing{
	width:940px;
	padding:0;
	list-style: none;
}

.video_listing li{
	width:300px;
	height:315px;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
	margin-right:20px;
}

.video_listing li.odd{
	margin-right:0px;
}








.video_listing li a img{
	width:300px;
	height:165px;
	float: left;
	margin-bottom:10px;
}
.video_listing li h4 a {
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 15px;
	font-weight: 700;

	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	

}

.video_listing li p a{
	padding-top:2px;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;
}















/* sections */
.related_video_listing{
	width:700px;
	padding:0;
	list-style: none;
}

.related_video_listing li{
	width:220px;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	overflow: hidden;
	margin-right:20px;
}

.related_video_listing li.odd{
	margin-right:0px;
}








.related_video_listing li a img{
	width:220px;
	height:110px;
	float: left;
	margin-bottom:10px;
}
.related_video_listing li h4 a {
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 15px;
	font-weight: 700;

	/*	text-transform:uppercase;*/

	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;	

}

.related_video_listing li p a{
	padding-top:2px;
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	color:#444444;
	text-align:left;
	display:block;
}





.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background-color: #CE270A;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #CE270A;
color:#fff;
}


.footer_1{
    position:fixed;
    bottom:0;
    left:50%;
    font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 16px;
	color:#333333;	
	width: 1180px;
	margin-left:-590px;
    background-color: #FFFFFF;
    border-top:1px solid #CE270A;
    padding: 5px 0;

}



a.syrup{
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	line-height: 16px;
	color:#333333;
	display: block;
	float: right;
	text-decoration:none;	

}

a.syrup:hover{
	color:#CE270A;
}


.hrhr{
	height: 20px;
}