/*  CSS definations for The Muslim News  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
		2.1.2 Top-nav
		2.1.3 Social
		2.1.4 Search
		2.1.5 Navigation
	2.2 Container
		2.2.1 Headline
		2.2.2 News-video
		2.2.3 Stories
		2.2.4 Video
		2.2.5 Popular-posts
		2.2.6 Latest-tweets
		2.2.7 Newsletter
		2.2.8 Awards
		2.2.9 Adverts
		2.2.10 Feature
		2.2.11 News-listing
		2.2.12 Awards
		2.2.13 Gallery
		2.2.14 Content
		2.2.15 Sponsers
		2.2.16 Bread Crumb
		2.2.17 Newspaper-detail
		2.2.18 Entry
		2.2.19 Follow Us
		2.2.20 Post
		2.2.21 Respond 
	2.3 Footer
		2.3.1 Footer-top

3. FONTS

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
* { outline:none; }

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
i, em { font-style:italic; }
.left { float:left; }
.right { float:right; }
.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.clear { clear:both; line-height:1px; height:1px; }
textarea { overflow:auto; font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */ }
a { color:#333; text-decoration:none; }
a:hover { color:#000; }
address { font-style:normal; }

/* 1.2 Common Tages */

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
.box { width:943px; margin:0 auto; padding:0 8px 0 9px; }

/* wrap */
.wrap { background:url(../img/bg_wrap.png) repeat-y center top; width:100%; }
.wrap-in { background:url(../img/bg_wrap_in.png) no-repeat center bottom; width:100%; min-height:900px; }

/* 2.1 Header */
.header { width:100%; }

/* 2.1.1 Logo */
.logo { width:378px; height:41px; float:left; margin:27px 20px 0 5px; }
.logo a { display:block; width:400px; height:41px; }

.header-right { width:540px; float:left; }

/* 2.1.2 Top-nav */
.top-nav { width:100%; padding-top:8px; font-size:11px; color:#838383; }
.top-nav ul { float:right; }
.top-nav li { background:url(../img/divider_top_nav.png) no-repeat left center; float:left; padding-left:10px; margin-left:6px; }
.top-nav li:first-child { background:none; padding-left:0; margin-left:0; }
.top-nav li a { color:#838383; }
.top-nav li a:hover { color:#333; }

/* 2.1.3 Social */
.social { width:100%; padding-top:12px; }
.social ul { float:right; }
.social li { background:url(../img/sprite_social.png) no-repeat left top; width:18px; height:18px; float:left; margin-left:2px; text-indent:-9999px; }
.social li.nothing { background: none; text-indent: 0; }
.social li.nothing img { width: 17px; height: 17px; }
.social li a { display:block; height:18px; }
.social li.facebook { background-position:left top; }
.social li.facebook:hover { background-position:left bottom; }
.social li.twitter { background-position:-18px top; }
.social li.twitter:hover { background-position:-18px bottom; }
.social li.linkedin { background-position:-36px top; }
.social li.linkedin:hover { background-position:-36px bottom; }
.social li.google { background-position:-54px top; }
.social li.google:hover { background-position:-54px bottom; }
.social li.rss { background-position:-72px top; }
.social li.rss:hover { background-position:-72px bottom; }

/* 2.1.4 Search */
.search { width:100%; padding:7px 0 7px 0; }
.search form { float:right; }
.search .input { background:url(../img/bg_input1.png) repeat-x left top; border:1px solid #b1b1b1; border-right:none; border-bottom:1px solid #ececec; width:206px; height:21px; float:left; padding:0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ababab; line-height:21px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; behavior:url(PIE.htc); position:relative; }
.search .button { background:url(../img/bg_button1.png) repeat-x left top; border:1px solid #d5d5d5; width:70px; height:23px; float:left; cursor:pointer; padding-left:7px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7c7c7c; line-height:23px; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; behavior:url(PIE.htc); position:relative; }
.search .button:hover { background-position:left bottom; }

/* 2.1.5 Navigation */
.navigation { border-bottom:none; border-top:3px solid #004C8F; width:100%; height:45px; clear:both; font-size:15px; color:#fff; background: #FF7300; }
.navigation li { border-left:1px solid #fff; float:left; position:relative; }
.navigation li:first-child { border-left:none; }
.navigation li a { display:block; padding:0 9px; line-height:45px; color: #fff; }
.navigation li:hover a, .navigation li.active a { background:#004c8f; color:#fff; }


	/* Dropdown */
	.navigation ul li.hover,
	.navigation ul li:hover a { position:relative; color:#fff; text-decoration:none; }
	.navigation ul li:hover li a { background:none; color:#fff; }
	
	/* LEVEL TWO */
	.navigation ul ul {  visibility:hidden; position:absolute; top:100%; left:0; font-size:13px; z-index:10000; height:auto; margin:0; padding:5px 14px 15px 10px; background:#004175; width:160px; }
	.navigation ul ul li {  float:none; margin:0; font-size:13px; padding:3px 0; line-height:18px !important; display:block; background:none !important; font-variant:normal; width:156px; height:auto !important; border:0px !important; }
	.navigation ul ul li a { margin:0; color:#fff; height:auto; line-height:18px; padding:0 5px 0 10px; display:block; background:none; font-weight:normal; width:141px; font-family:Arial, Helvetica, sans-serif !important; }
	.navigation ul ul li a:hover { color:#fff; }
	
	/* LEVEL THREE */
	.navigation ul ul ul{  visibility:hidden; position:absolute; top:0; left:157px; font-size:13px; z-index:10000; height:auto; margin:0; padding:5px 14px 15px 10px; background:#003862;  }
	.navigation ul ul ul li {  float:none; margin:0; font-size:13px; padding:3px 0; line-height:18px; display:block; background:none; font-variant:normal; white-space:nowrap; }
	.navigation ul ul ul li a { margin:0; color:#fff; height:auto; line-height:18px; padding:0 5px 0 8px; display:block; background:none; font-weight:normal; }
	.navigation ul ul ul li a:hover { color:#fff; }
	
	/* Dropdown */	
	.navigation ul li:hover ul { visibility:visible; }
	.navigation ul li:hover ul ul { visibility:hidden; }
	
	.navigation ul li li:hover ul { visibility:visible; }
	.navigation ul li li:hover ul ul { visibility:hidden; }


/* 2.2 Container */
.container { width:100%; }

/* 2.2.1 Headline */
.Headline { border-bottom:1px solid #e9e9e9; width:100%; height:31px; font-size:12px; color:#004c8f; position:relative; }
.Headline span { display:inline-block; float:left; padding:0 10px 0 5px; color:#585858; font-weight:bold; line-height:35px; }
.Headline .scrolling-news { float:left; width:782px !important; }
	
	#news_nav { position:relative; z-index:5; list-style:none; float:right; width:57px; margin-right: 3px; }
	#news_nav span { display:none; }
	#news_nav a.prev, #news_nav a.next { background:url(../img/sprite_arrow1.png) no-repeat left top; width:31px; height:31px; float:left; position:absolute; top:0px; z-index:5; text-indent:-9999px; }
	#news_nav a.prev { background-position:left top; left:-3px; }
	#news_nav a.prev:hover { background-position:left bottom; }
	#news_nav a.next { background-position:right top; right:-3px; }
	#news_nav a.next:hover { background-position:right bottom; }


.Headline p { line-height:35px; }
.Headline p a { color:#004C8F; }

/* leftcol */
.leftcol { width:535px; float:left; margin-right:10px; }
.leftcolFull { width:770px; float:left; margin-right:10px; }

/* 2.2.2 News-video */
.news-video { width:100%; height:264px; margin-bottom:18px; position:relative; z-index:1; }
.news-video .caption { background:url(../img/bg_video_caption.png) repeat; width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:2; }
.news-video .caption h3 { font-size:13px; color:#fff; line-height:18px; padding:10px 20px; }
.news-video a.play { background:url(../img/ico_play.png) no-repeat left top; width:83px; height:83px; float:left; text-indent:-9999px; position:absolute; left:240px; top:85px; z-index:3; }

.fading-images { overflow:hidden; height:264px; }
.fading-images .item { height: 264px; width: 535px; }

/* 2.2.3 Stories */
.stories { width:100%; color:#5d5d5d; overflow:hidden; }
.stories h3 { padding-bottom:8px; font-size:20px; color:#004d8f; padding-top:10px; }
.top-stories { background:#004d8f; width:100%; float:left; margin-bottom:10px; }
.top-stories .imgb { width:270px; float:left; margin-right:15px; z-index:1; position:relative; }
.top-stories .imgb .date { background:#004d8f; display:inline-block; padding:0 7px 0 6px; font-size:10px; color:#fff; font-weight:bold; line-height:22px; position:absolute; left:0; bottom:0; z-index:2; }

.top-stories .txtb-full { width:96%; padding:14px 5px 0 10px; color:#fff; }
.top-stories .txtb-full h4 { padding-bottom:17px; font-size:16px; color:#fff; line-height:22px; }
.top-stories .txtb-full h4 a { font-size:16px; color:#fff; }
.top-stories .txtb-full p { line-height:17px; padding-bottom:15px; }
.top-stories .txtb-full p a { color:#fff; text-decoration:underline; }
.top-stories .txtb-full ul { padding-bottom:10px; padding-top:2px; overflow:hidden; }
.top-stories .txtb-full li { background:url(../img/divider_top_stories.png) no-repeat left center; float:left; padding-left:8px; margin-left:5px; font-size:9px; line-height:16px; }
.top-stories .txtb-full li:first-child { background:none; padding-left:0; margin-left:0; }
.top-stories .txtb-full li a { color:#fff; }
.top-stories .txtb-full li a:hover { color:#e1e1e1; }
.top-stories .txtb-full li img { float:left; margin-right:8px; width: 16px;}


.top-stories .txtb { width:245px; float:left; padding:14px 5px 0 0; color:#fff; }
.top-stories .txtb h4 { padding-bottom:17px; font-size:16px; color:#fff; line-height:22px; }
.top-stories .txtb h4 a { font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.top-stories .txtb p { line-height:17px; padding-bottom:15px; }
.top-stories .txtb ul { padding-top:19px; }
.top-stories .txtb li { background:url(../img/divider_top_stories.png) no-repeat left center; float:left; padding-left:8px; margin-left:5px; font-size:9px; line-height:16px; }
.top-stories .txtb li:first-child { background:none; padding-left:0; margin-left:0; }
.top-stories .txtb li a { color:#fff; }
.top-stories .txtb li a:hover { color:#e1e1e1; }
.top-stories .txtb li img { float:left; margin-right:8px; width: 16px; }

/* Stories-list */
.stories-list { width:545px; float:left; margin-right:-10px; }
.stories-list .column { border-bottom:1px solid #e8e8e8; width:262px; min-height:205px; float:left; margin:0 10px 25px 0; }
.stories-list .column-small { border-bottom:1px solid #e8e8e8; width:262px; min-height:183px; float:left; margin:20px 10px 10px 0; }

.stories-list .imgb { border-bottom:4px solid #004d8f; width:262px; float:left; margin-bottom:6px; position:relative; z-index:1; }
.stories-list .imgb .date { background:#004d8f; display:inline-block; padding:0 7px 0 6px; font-size:10px; color:#fff; font-weight:bold; line-height:22px; position:absolute; left:0; bottom:0; z-index:2; }

.stories-list .imgb.overlapping .date { position: static; width: 249px; display: block; }
.stories-list .imgb.overlapping p { position: absolute; bottom:22px; background: url('../img/bg_video_caption.png') repeat scroll; color:#fff; padding:5px; width: 100%; box-sizing:border-box;  }

.stories-list h4 { padding-bottom:9px; font-size:16px; color:#5d5d5d; line-height:19px; }
.stories-list h4 a { color:#5d5d5d; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.stories-list h4 a:hover { color:#000; }
.stories-list p { line-height:15px; font-size:11px; padding-bottom:10px; color:#000000; }
.stories-list span { display:block; }
.stories-list h3 { padding-bottom:22px; }


/* Stories-list FULL */
.title_heading { font-family:"Times New Roman", Times, serif; font-size:34px; color:#004C8F; margin:15px 0; font-weight:normal; }
.stories-list-full { width:100%; margin-right:-10px; }
.stories-list-full .column { border-bottom:1px solid #e8e8e8; width:100%; margin:0 10px 20px 0; }
.stories-list-full .imgb { border-bottom:4px solid #004d8f; width:100%; margin-bottom:6px; position:relative; z-index:1; }
.stories-list-full .imgb .date { background:#004d8f; display:inline-block; padding:0 7px 0 6px; font-size:10px; color:#fff; font-weight:bold; line-height:22px; position:absolute; left:0; bottom:0; z-index:2; }
.stories-list-full h4 { padding-bottom:9px; font-size:16px; color:#5d5d5d; line-height:19px; }
.stories-list-full h4 a { color:#5d5d5d; }
.stories-list-full h4 a:hover { color:#000; }
.stories-list-full p { line-height:15px; padding-bottom:10px; }
.stories-list-full span { display:block; }
.stories-list-full h3 { padding-bottom:22px; }

/* midcol */
.midcol { width:225px; float:left; margin-right:10px; }

/* 2.2.4 Video */
.video { width:100%; padding-bottom:10px; position:relative; height:316px; }
.video .scrolling-videos { height:316px !important; z-index: 1; }
#video_nav { position:relative; z-index:5; list-style:none; }
#video_nav span { display:none; }
#video_nav a.prev, #video_nav a.next { background:url(../img/sprite_arrow1.png) no-repeat left top; width:31px; height:31px; float:left; position:absolute; top:60px; z-index:5; text-indent:-9999px; }
#video_nav a.prev { background-position:left top; left:-3px; }
#video_nav a.prev:hover { background-position:left bottom; }
#video_nav a.next { background-position:right top; right:-3px; }
#video_nav a.next:hover { background-position:right bottom; }


.video-box { width:100%; position:relative; z-index:1; height:164px; }
.video-box .video_overlay { display:block; position:absolute; z-index:3; background:url('../img/video_overlay.png') center center no-repeat; width:225px; height:164px; }
.video-box .video_image { position:absolute; z-index:2; }
.video .txtb { background:#dadada url(../img/bg_video_txtb.png) repeat-x left top; width:195px; float:left; margin-top:1px; padding:15px; font-size:14px; color:#004c8f; }
.video .txtb p { line-height:19px; padding-bottom:12px; }

/* 2.2.5 Popular-posts */
.popular-posts { background:#d6e2ed; width:205px; float:left; padding:18px 10px 10px 10px; margin-bottom:12px; }
.popular-posts h3 { padding-bottom:10px; font-size:19px; color:#4f4f4f; }
.popular-posts li { padding-bottom:15px; color:#004c8f; line-height:14px; }
.popular-posts li span { color:#4f4f4f; }
.popular-posts li a { color:#004c8f; }
.popular-posts li a:hover { color:#0068c3; }

/* 2.2.6 Latest-tweets */
.latest-tweets { width:100%; padding-bottom:10px; }
.latest-tweets h3 { background:#004c8d; font-size:16px; color:#fff; line-height:38px; }
.latest-tweets h3 span { background:url(../img/ico_tweets.png) no-repeat left top; width:26px; height:18px; float:left; margin:11px 10px 0 12px; }
.tweets-box { border:1px solid #e5e5e5; border-top:none; width:223px; float:left; }
.tweets-box .tweet { font-size:12px; line-height:15px; padding:9px 8px; border-bottom:1px #CCCCCC solid; }
.tweets-box .tweet a { color:#004D8F; font-weight:bold; }
.tweets-box .tweet:hover { background:#004D8F; color:#FFFFFF; }
.tweets-box .tweet:hover a { color:#FFFFFF; }


/* rightcol */
.rightcol { width:160px; float:left; }

/* 2.2.7 Newsletter */
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.newsletter { background:#fff/*url(../img/bg_newsletter.png) no-repeat left bottom*/; border:1px solid #e2e2e2; width:140px; min-height:138px; float:left; padding:7px 8px 0 10px; margin-bottom:20px; box-shadow:rgba(0, 0, 0, 0.20) 0px -5px 20px inset; position:relative; behavior:url(PIE.htc); z-index:1; }
.newsletter h3 { padding-bottom:10px; padding-right:30px; font-size:19px; color:#004c8f; line-height:20px; }
.newsletter .input { border-bottom:1px dotted #b2b2b2; border-top:none; border-left:none; border-right:none; background:none; width:136px; height:20px; float:left; padding:0 2px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a7a7a; line-height:20px; }
.newsletter .button { background:#004d8f url(../img/bg_button_arrow.png) no-repeat right center; border:none; width:57px; height:22px; float:left; padding-left:4px; cursor:pointer; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:22px; position:absolute; right:8px; bottom:-1px; z-index:2; }
.newsletter .button:hover { background-color:#065ea9; }
.newsletter p { position:relative; margin:0; padding:0; clear:both; height:13px; }
.newsletter .wpcf7-not-valid-tip { background: none repeat scroll 0 0 #fff !important; color:#d54d4d !important; border: 1px solid #d54d4d !important; font-size: 10px !important; height: 13px !important; left: -140px !important; padding: 2px; position: absolute; top: 2px !important; width: 134px !important; z-index: 100; }
.newsletter .wpcf7-validation-errors { background: none repeat scroll 0 0 #f2baba !important; color:#d54d4d !important; border: 1px solid #d54d4d !important; font-size: 11px !important; padding: 4px; width: 125px !important; z-index: 100; margin:7px auto !important; }
.newsletter .wpcf7-mail-sent-ok { background: none repeat scroll 0 0 #d1ffc1 !important; color:#419025 !important; border: 1px solid #54c12d !important; font-size: 11px !important; padding: 4px; width: 125px !important; z-index: 100; margin:7px auto !important; }

/* 2.2.8 Awards */
.awards { width:100%; padding-bottom:10px; }
.awards h3 { background:#004d8f; padding-left:10px; font-size:19px; color:#fff; line-height:32px; }
.awards-box { width:100%; position:relative; z-index:1; }
.awards-box .caption { width:145px; position:absolute; left:0; top:0; z-index:2; padding:7px 5px 0 10px; font-size:12px; color:#4f4f4f; font-weight:bold; }
.awards-box .caption h4 { padding-bottom:12px; font-size:14px; color:#ff7300; font-weight:normal; }
.awards-box .caption p { line-height:13px; padding:0 0 10px 24px; }
.awards a.read-more { background:#004d8f url(../img/bg_read_more_arrow.png) no-repeat right center; display:block; padding-right:33px; text-align:right; font-size:12px; color:#fff; line-height:32px; }
.awards a.read-more:hover { background-color:#065ea9; }

.media_listing { margin: 0; padding: 0; list-style: none; }
.media_listing li { float: left; margin: 3px; }
.videoListingBox li { position: relative; float: left; width: 230px; height: 180px; }
.videoListingBox li a.play { background:url(../img/ico_play.png) no-repeat left top; width:83px; height:83px; float:left; text-indent:-9999px; position:absolute; left:33%; top:33%; z-index:3; }
.videoListingBox li img { position: absolute; z-index: 2; }

/* 2.2.9 Adverts */
.advert_banners { overflow:hidden; width:100%; }
.advert_banners p { margin:5px 0; }

.adverts { background:#ff7300; width:100%; min-height:286px; box-shadow:rgba(0, 0, 0, 0.20) 0px 5px 20px inset; behavior:url(PIE.htc); position:relative; }
.adverts h3 { padding:38px 0 45px 10px; font-size:35px; color:#fff; line-height:30px; }
.adverts h3 span { display:block; padding:0 0 10px 4px; font-size:33px; }
.adverts a.more { background:url(../img/bg_button2.png) no-repeat left top; width:110px; height:33px; float:left; padding:0 5px 7px 15px; margin:18px 0 0 17px; text-align:left; font-size:13px; color:#fefefe; line-height:33px; }
.adverts a.more:hover { background-position:left bottom; }

/* 2.2.10 Feature */
.feature { width:100%; padding-top:11px; font-size:11px; color:#898989; }
.feature, .sponsers h4 { background:url(../img/bg_feature.png) repeat-x left top; }
.feature .column { width:185px; float:left; margin-right:3px; }
.feature .column.last { margin-right:0; }
.feature h3 { padding:0 0 13px 5px; font-size:26px; color:#939393; }
.feature h4 { padding:0 0 4px 5px; font-size:15px; color:#545453; }
.feature h5 { padding:0 0 2px 5px; font-size:14px; color:#898989; }
.feature img { margin-bottom:6px; }
.feature p { line-height:16px; padding:0 0 10px 5px; }

/* 2.3 Footer */
.footer { width:100%; padding-top:17px; }

.contact-details p { line-height:20px !important; }

/* 2.3.1 Footer-top */
.footer-top { background:#f1f1f1; width:100%; height:55px; margin-bottom:15px; font-size:11px; color:#7a7a7a; }
.footer-left { width:370px; float:left; padding-left:10px; }
.footer-right { width:400px; float:right; padding-right:10px; }
.footer p { line-height:55px; }
.footer span { display:block; float:right; padding-right:5px; padding-bottom:15px; font-size:13px; color:#7a7a7a; font-weight:bold; }
.footer span a { color:#ff7300; }
.footer span a:hover { color:#7a7a7a; }
.footer ul { float:right; }
.footer li { background:url(../img/divider_footer_nav.png) no-repeat left center; float:left; padding:0 2px 0 7px; line-height:55px; }
.footer li:first-child { background:none; }
.footer li a { color:#7a7a7a; }
.footer li a:hover { color:#333; }

/* 2.2.11 News-listing */
.news-listing{ width:100%; clear:both; }
.news-listing .col1{ width:250px; float:left; margin:0 22px 0 9px; }
.news-listing .col2{ width:250px; float:left; }

.common2{ font-size:11px; color:#5d5d5d; width:250px; margin:5px 8px 12px 8px; }
.common2:hover { background:#f8f8f8; }
.news-listing h3{ background:#3b76a9; padding:0 0 0 5px; font-size:18px; color:#fff; line-height:38px; }
.news-listing li{ border-bottom:1px solid #e8e8e8; padding:0 0 0 0; margin-bottom:-1px; }
.news-listing li .imgb { position:relative; margin-bottom:5px; }
.news-listing li .date  { background:#004d8f; display:inline-block; padding:0 6px; position:absolute; bottom:0; left:0; font-size:10px; color:#fff; line-height:25px; }
.news-listing strong{ background:#004d8f; display:inline-block; padding:0 6px; margin-bottom:7px; font-size:10px; color:#fff; line-height:25px; }
.news-listing h4{ padding:5px; font-size:17px; line-height:20px; }
.news-listing h4 a { color:#5d5d5d; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
.news-listing h4 a:hover { color:#000; }
.news-listing p{ padding:0 8px 24px 4px; line-height:16px; }


/* 2.2.12 Awards */
.award { width:770px; float:left; margin-right:13px; }
.award h4 { font-size:26px; color:#4a4a49; font-weight:normal; padding:0 0 16px 5px; }


.tabNav{ height:55px; border-bottom:solid 1px #dfdfdf; }
.tabNav li{ font-size:13px; color:#004c8f; line-height:55px; text-transform:uppercase; float:left; border-right:solid 1px #dfdfdf; }
.tabNav li a{ display:block; height:55px; line-height:55px; color:#004c8f; padding:0 20px; }
.tabNav li a:hover { background:#e0e0e0; }
.tabNav li.active a{ background:#004c8f; color: #fff; }

.tabContent{ padding:20px 0 0 10px; }
.tabContent h4{ font-size:18px; font-weight:normal; padding-bottom:20px; }
.tabContent p{ font-size:12px;line-height: 18px; padding-bottom: 18px;}


.slide { background:url(../img/bg_slide.jpg) no-repeat left top; width:100%; margin-bottom:28px; }
.slide .imgb { width:272px; height:285px; float:left; margin-left:24px; }
.slide .caption { width:494px; float:right; font-size:38px; color:#ff7300; margin:41px 0 0 -20px; }
.slide .caption h3 { font-weight:normal; padding-bottom:19px; }
.slide .caption strong { font-size:66px; color:#004d8f; }
.slide .caption span { display:block; margin-top:-5px; padding-left:74px; }
.slide .caption sup { font-size:36px; font-style:italic; padding:0 15px 0 0; }
.slide .caption .date { background:#004d8f; width:156px; height:72px; float:right; text-align:center; font-size:61px; color:#fff; }
.slide .banner { background:url(../img/bg_banner.png) no-repeat 150px top #004d8f; width:100%; height:169px; float:left; }
.slide .banner h3 { font-size:27px; color:#fff; padding-bottom:9px; }
.slide .banner strong { display:block; font-size:49px; }
.slide .banner .imgb{ width:271px; height:169px; float:left; }
.slide .txtb { width:265px; float:left; font-size:15px; color:#fff; margin:14px 0px 0 30px; }
.slide p { line-height:18px; }

.award-videos { width:100%; margin-bottom:18px; position:relative; z-index:1; }
.award-videos h4{ padding-bottom:14px; }
.award-videos li { width:225px; height:112px; float:left; margin-left:9px; position:relative; z-index:99; }
.award-videos li:first-child { margin-left:38px; }
.award-videos .play { background:url(../img/bg_play.png) no-repeat left top; text-indent:-9999px; width:50px; height:50px; position:absolute; left:80px; top:35px; }
.award-videos .prev, .award-videos .next { background:#004d8f url(../img/sprite_arrow.png) no-repeat left top; display:block; width:38px; height:112px; position:absolute; top:40px; z-index:5; text-indent:-9999px; }
.award-videos .prev { background-position:left top; left:0; }
.award-videos .prev:hover { background-position:left bottom; }
.award-videos a.next { background-position:right top; right:1px; }
.award-videos .next:hover { background-position:right bottom; }
.award-videos .prev:hover, .award-videos .next:hover { background-color:#0264b7; }


/* 2.2.13 Gallery */
.gallery { width:100%; margin-bottom:8px; }
.gallery li { float:left; margin-left:7px; }
.gallery li:first-child { margin-left:0px; }


/* 2.2.14 Content */
.content { background:#f3f3f3; width:100%; float:left; font-size:14px; color:#565656; padding:20px 0 18px 0; margin-bottom:18px; }
.content h3 { font-size:20px; color:#004d8f; padding-bottom:10px; }
.content p { line-height:20px; }
.content .col1 { width:208px; float:left; margin:0 58px 0 10px; }
.content .col2 { width:208px; float:left; margin-right:30px; }
.content .col3 { width:230px; float:left; }


/* 2.2.15 Sponsers */
.sponsers { width:100%; float:left; padding-bottom:10px; }
.sponsers h4 { background-position:left bottom; padding-bottom:17px; margin-bottom:11px; }
.sponsers li { float:left; margin-left:46px; }
.sponsers li:first-child { margin-left:20px; }

/* 2.2.16 Bread Crumb */
.breadcrumb { background:#eee; font-size:13px; color:#818181; width:100%; height:34px; float:left; margin-bottom:18px; }
.breadcrumb ul { padding-left:6px; }
.breadcrumb li { background:url(../img/divider_breadcrumb.png) no-repeat left center; float:left; color:#818181; line-height:34px; padding:0 6px 0 10px; }
.breadcrumb li:first-child { background:none; padding:0 15px 0 0; }
.breadcrumb li.second { background:none; padding-left:0px; }
.breadcrumb li a { color:#004c8f; }
.breadcrumb li a:hover { color:#015cac; }
.breadcrumb span.current { display:none; }

/* 2.2.17 Newspaper-detail */
.newspaper-detail { width:96%; padding-left:10px; }
.newspaper-detail h3 { font-size:25px; color:#004c8f; padding-bottom:19px; }
.newspaper-detail .imgb { width:100%; margin-bottom:13px; position:relative; z-index:1; }
.newspaper-detail .date { background:#004c8f; display:inline-block; padding:0 10px 0 7px; font-size:12px; color:#fff; line-height:31px; position:absolute; left:0; bottom:0; z-index:3; }


/* 2.2.18 Entry */
.entry { width:513px; margin-bottom:20px; }
.entry iframe { width:514px !important; height:289px !important; }
.entry p { line-height:18px; padding-bottom:18px; }
.entry p.last { padding-bottom:0px; }


/* 2.2.19 Follow Us */
.social2 { background:#f8f8f8; width:100%; height:45px; float:left; margin-bottom:10px; }
.social2 ul { float:right; margin:10px 10px 0 0; }
.social2 li { background:url(../img/sprite_social1.png) no-repeat left top; width:25px; height:25px; float:left; margin-left:10px; text-indent:-9999px; }
.social2 li a { display:block; height:25px; }
.social2 li.twitter {  background-position:left top; }
.social2 li.twitter:hover {  background-position:left bottom; }
.social2 li.facebook {  background-position:-25px top; }
.social2 li.facebook:hover {  background-position:-25px bottom; }
.social2 li.in {  background-position:-50px top; }
.social2 li.in:hover {  background-position:-50px bottom; }
.social2 li.google {  background-position:-75px top; }
.social2 li.google:hover {  background-position:-75px bottom; }
.social2 li.twitter1 {  background-position:-100px top; }
.social2 li.twitter1:hover {  background-position:-100px bottom; }


/* 2.2.20 Post */
#comments { clear:both; }
#comments .comments-details { clear:both; margin:14px 0; }
.close { display:none; }
.closed { font-weight:bold; font-size:14px; margin:5px 0 10px 0; }
.commentlist { width:530px; clear:both; overflow:hidden; }

.comment { border:1px solid #ebebeb; border-bottom:3px solid #ebebeb; min-height:110px; float:left; color:#000; padding:15px 0 0 15px; margin-bottom:15px; }
.comment.last { margin-bottom:26px; }
.comment .imgb { border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:0 12px 12px 0; margin-right:16px; float:left; }
.comment .imgb img { border:1px solid #eaeaea; background:#fff; float:left; padding:4px; }
.comment h3 { font-size:18px; color:#666; padding:12px 0 5px 0; }
.comment span { font-size:13px; color:#bcbfc5; font-weight:normal; display:block; padding-top:8px; }
.comment p { padding-left:72px; line-height:18px; }
.comment .comment-reply-link { border:1px solid #eaeaea; border-bottom:none; font-size:14px; color:#ccc; text-align:center; display:block; float:left; width:60px; height:20px; line-height:20px; margin-top:25px; }

.depth-1 { width:510px; }
.depth-2 { margin-left:20px; width:490px; }
.depth-3 { margin-left:40px; width:470px; }
.depth-4 { margin-left:60px; width:450px; }


/* 2.2.21 Respond */
.respond { width:100%; float:left; padding-bottom:14px; }
.respond h3 { font-size:24px; color:#5e6167; font-weight:normal; padding-bottom:18px; }
.respond .row { width:100%; float:left; margin-bottom:10px; }
.respond .input { background:#fbfbfb; border:1px solid #ebebeb; width:364px; height:30px; float:left; line-height:30px; padding:0 10px; margin-right:12px; font-size:12px; color:#8c8c8c; box-shadow:rgba(235, 235, 235, 0.50) 2px 2px 2px inset; behavior:url(PIE.htc); position:relative; }
.respond label { font-size:11px; color:#8c8c8c; line-height:30px; float:left; }
.respond .textarea { background:#fbfbfb; border:1px solid #ebebeb; width:510px; max-width:920px; height:130px; max-height:300px; float:left; line-height:16px; padding:10px; margin-right:12px; font-size:12px; color:#8c8c8c; box-shadow:rgba(235, 235, 235, 1) 2px 2px 5px inset; behavior:url(PIE.htc); position:relative; }
.respond .button { border:1px solid #dbdbdb; background:#fafafa; font-size:11px; color:#666; width:128px; height:31px; float:left; cursor:pointer; margin-top:2px; }
.respond .button:hover { background:#dfdfdf; }


/* Forms */
.form { width:100%; float:left; padding-bottom:14px; }
.form p { margin:0; clear: both; overflow: hidden; padding-bottom: 10px; }
.form h3 { font-size:24px; color:#5e6167; font-weight:normal; padding-bottom:18px; }
.form h4 { font-size:18px; color:#5e6167; font-weight:bold; padding-bottom:18px; }
.form .wpcf7-list-item { display: block; clear: both; }
.form .wpcf7-list-item input[type=checkbox] { float: left; }

.form .row { width:100%; float:left; margin-bottom:10px; }
.form .input { background:#fbfbfb; border:1px solid #ebebeb; width:400px; height:30px; float:left; line-height:30px; padding:0 10px; margin-right:12px; font-size:12px; color:#8c8c8c; box-shadow:rgba(235, 235, 235, 0.50) 2px 2px 2px inset; behavior:url(PIE.htc); position:relative; }
.form label { font-size:11px; color:#8c8c8c; line-height:30px; float:left; }
.form .textarea { background:#fbfbfb; border:1px solid #ebebeb; width:400px; max-width:920px; height:130px; max-height:300px; float:left; line-height:16px; padding:10px; margin-right:12px; font-size:12px; color:#8c8c8c; box-shadow:rgba(235, 235, 235, 1) 2px 2px 5px inset; behavior:url(PIE.htc); position:relative; }
.form .button { border:1px solid #dbdbdb; background:#fafafa; font-size:11px; color:#666; width:128px; height:31px; float:left; cursor:pointer; margin-top:2px; }
.form .button:hover { background:#dfdfdf; }
.form .wpcf7-not-valid-tip { background: none repeat scroll 0 0 #fff !important; color:#d54d4d !important; border: none !important; font-size: 10px !important; height: 13px !important; left: 0px !important; padding: 2px; position: absolute; top: 2px !important; width: 20px !important; z-index: 100; }

.newspaper-detail .wpcf7-validation-errors { background: none repeat scroll 0px 0px #F2BABA !important; color: #D54D4D !important; border: 1px solid #D54D4D !important; font-size: 11px !important; padding: 4px; width: 500px !important; z-index: 100; margin: 7px auto !important; clear: both; float: none; text-align: center; padding: 10px 0; } 
.newspaper-detail .wpcf7-mail-sent-ok { background: none repeat scroll 0 0 #d1ffc1 !important; color:#419025 !important; border: 1px solid #54c12d !important; font-size: 11px !important; padding: 4px; width: 500px !important; z-index: 100; margin:7px auto !important; clear:both; float: none; text-align: center; padding: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 3. FONTS */
/*-------------------------------------------------------------------------------------------*/
.navigation, .Headline, .news-video .caption h3, .stories h3, .top-stories .txtb h4, .stories-list h4, .video .txtb, .popular-posts h3, .newsletter h3, .awards h3, .adverts h3, .adverts a.more, .feature h3, .feature h4, .feature h5, .common2 h3, .common2 h4, .slide .caption sup, .slide .caption strong, .slide .banner h3, .slide .banner strong, .award h4, .content h3, .breadcrumb, .newspaper-detail h3 { font-family:"Times New Roman", Times, serif; font-weight:normal; }
.Headline span, .latest-tweets h3, .slide .caption .date   { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

/* Twitter feed + Plugin */
.twtr-timeline { height:500px !important; }
.twtr-hd h3 { color:#333333; font-size:18px; }
.twtr-hd h4 a { color:#1985B5 !important; }

.addthis_toolbox { margin-top:8px; }

.wpp-comments { display:none; }


/* News Tags */
.tags ul { padding: 20px 0; overflow: hidden; }
.tags ul li { float: left; display: inline-block; color: #333333; padding: 5px; margin: 4px; background: #E2E2E2; }

/* Pagination */

.pagination { clear:both; padding:5px 0; position:relative; font-size:11px; line-height:13px; overflow:hidden; margin:0 10px 20px 0; color:#3f3f3f;}
.page-count { float:left; padding:5px 0;}
.page-numbers { float:right;}
.pagination span, .pagination a { display:block; float:left; margin: 0; padding:4px 7px 3px; text-decoration:none; width:auto; color:#5c5c5c;}
.pagination a:hover { color:#bfbfbf;}
.pagination .current { padding:4px 7px 3px; background:#5c5c5c; color:#fff;}


/*============== Responsive bit ==============*/
.mobile_nav { display: none; }
.menuIcon { display: none; border: 2px #fff solid; padding: 8px 5px 0 5px; width: 30px; height: 26px; margin: 3px 5px;  float: left;}
.menuIcon span { display: block; width: 28px; height: 3px; margin: 0 auto; margin-bottom: 5px; background: #fff; }

.menuIcon:hover { background: #fff; }
.menuIcon:hover span { background: #004C8F !important; }

img { width: 100%; max-width: 100%; height: auto; }

.mobileAdvert { display: none; }

@media screen and (max-width: 959px) { 
	.navigation ul { display: none; }
	.menuIcon { display: block; }
	#news_nav { margin-top: -35px; }
	.Headline .scrolling-news, .leftcol, .stories-list .imgb, .stories-list { width: 100% !important; }
	.stories-list .imgb.overlapping .date { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.stories-list .column, .stories-list .column-small, .header-right, .entry, .tweets-box, .tweets-box iframe, .popular-posts, .video-box .video_overlay, .video .txtb { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.contentBoxSidebar img { height: auto !important; }
	
	.stories h3 { clear: both; padding: 20px 0; font-size: 28px; }
	.stories-list .column-small { min-height: auto; }

	.contact-details { margin-bottom: 20px; }
} 

@media (min-width: 768px) and (max-width: 959px) {
	.box { width:650px; }
	
	.logo { width: 320px; }
	.logo a { width: 100%; }
	.header-right { width: 300px; float: right; }

	.top-stories .txtb { width: 354px; }
	.stories-list .column-small, .stories-list .column { width: 313px; }

	.midcol { width: 310px; }
	.wrappedSidebar { float: right; }
	.rightcol { width: 329px; }
	.awards { width: 160px; }
	.advert_banners { width: 160px; }

	.mobileAdvert { display: block; }
}


@media (min-width: 480px) and (max-width: 767px) {
	.box { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
	.top-nav { display: none; }
	
	table, .entry iframe, object, .commentlist, .depth-1, .comment, .respond .textarea { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.logo { width: 100%; margin: 20px 0 !important; }
	.logo a { width: 80%; margin: 0 auto; }

	.social, .search { float: left; width: 50%; }

	.mobileAdvert { display: block; }
}


@media (min-width: 320px) and (max-width: 479px) {
	
	.footer-left, .footer-right, .box { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
	.top-nav { display: none; }
	.Headline { display: none; }
	.logo { width: 100%; margin: 20px 0 0 0!important; }
	.logo a { width: 80%; margin: 0 auto; }
	.search .input { width: 180px; }
	.social, .search { float: none; width: 100%; }
	.entry iframe { width: 100% !important; }
	table, .entry iframe, object, .commentlist, .depth-1, .comment, .respond .textarea { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.feature .column, .rightcol, .tweets-box iframe, .midcol, .top-stories .imgb { width: 100%; float: none; margin: 0; }
	.top-stories .txtb { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 10px;  }
	
	.mobileAdvert { display: block; }
}

@media only screen and (max-width: 479px)  { 
}

.ajax-loader { width: 10px; }