/*
Theme Name: Magazine Basic
Theme URI: https://themes.bavotasan.com/2008/magazine-basic/
Author: c.bavota
Author URI: http://bavotasan.com 
*/

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;border: 1px solid #bbb;}
td, th {    border-top: 1px solid #ddd;    padding: 4px 8px;}

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
body{font-size:100%;line-height:1.2000}
.grid{margin:0 auto;max-width:1200px;min-width:320px;width:100%;background-color: white;}
img{max-width:100%;height:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;/*margin-bottom:20px*/}
.row .row{width:auto}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12,.w320 .c1,.w320 .c2,.w320 .c3,.w320 .c4,.w320 .c5,.w320 .c6,.w320 .c7,.w320 .c8,.w320 .c9,.w320 .c10,.w320 .c11,
.w640 .c1,.w640 .c2,.w640 .c3,.w640 .c4,.w640 .c5,.w640 .c6,.w640 .c7,.w640 .c8,.w640 .c9,.w640 .c10,.w640 .c11{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}
 

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;

  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes sure icons active on rollover in links */
a {
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline-block;
  }
}

.icon-search:before { content: "\f021"; }
.icon-leaf:before { content: "\f022"; }
.icon-reorder:before { content: "\f023"; }
.icon-caret-down:before { content: "\f024"; }
.icon-caret-up:before { content: "\f025"; }
.icon-caret-right:before { content: "\f026"; }
.icon-quote-left:before { content: "\f027"; }

/* =General
-------------------------------------------------------------- */
body {
	color: #000000;
	font-family: Verdana;
	font-size: 13px;
	-moz-transition: left .25s ease-in-out;
	-webkit-transition: left .25s ease-in-out;
	transition: left .25s ease-in-out;
	position: relative;
	left: 0;
	}
 
	a:hover {
		color: #000;
		}

h1, h2, h3, h4, h5, h6 {	font-family: Impact;	font-weight: 100;	}

ul ul,
ol ol {
	margin: 0;
	}

pre {
	padding: 5px;
	background: #f6f6f6;
	border: 1px solid #e2e2e2;
	color: #666;
	font-size: 90%;
	white-space: pre;
	word-wrap: normal;
	overflow-x: scroll;
	}

table {
	width: 100%;
	font-family: Verdana;
	font-size: 13px;
	}

	td, th {
		padding: 6px;
		border: 1px solid #bbb;
		text-align: left;
		}

	th {
		background: #eee;
		font-weight: bold;
		}

	.widget #calendar_wrap {
		padding: 0 20px 20px;
		}

.fl {
	float: left;
	}

.fr {
	float: right;
	}

.instructions {
	background-color: #FFFFE0;
	border: 1px solid #E6DB55;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	}

	.instructions a {
		color: #21759B;
		text-decoration: none;
		}

/* =HTML5 Defaults
-------------------------------------------------------------- */
del {
	color: red;
	text-decoration: line-through;
	}

ins {
	border-bottom: 1px solid green;
	text-decoration: none;
	color: green;
	}

/* =Inputs
-------------------------------------------------------------- */
input,
textarea {
	padding: 8px;
	border: 1px solid #bbb;
	outline: none;
	font-weight: normal;
	color: #555;
	max-width: 100%;
	}

	input:focus,
	textarea:focus {
		border-color: #AAA;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		}

	input[type=text],
	input[type=password],
	input[type=email],
	input[type=url],
	input[type=number] {
		width: 240px;
		}

	textarea {
		width: 100%;
		}

input[type="submit"] {
	margin-top: 0 !important;
	}

select {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #555;
	}

	.widget select {
		margin: 0 20px 20px;
		width: 70%;
		}

/* =Assitive Text
-------------------------------------------------------------- */
.assistive-text,
.remove {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Header
-------------------------------------------------------------- */
.title-logo-wrapper,
#site-logo,
#site-title {
	max-width: 100%;
	}

#site-logo {
	padding: 30px 20px 0;
	display: inline-block;
	}

#site-title {
	margin: 30px 0 10px;
	line-height: 1;
	font-size: 48px;
	}

	#site-title a {
		text-decoration: none;
		}

#site-description {
	margin: 0;
	font-size: 120%;
	line-height: 1;
	font-weight: normal;
	font-family: 'Lato';
	}

	#site-title,
	#site-description {
		padding: 0 20px;
		}

#header-img {
	display: block;
	clear: both;
	}

#header .c12 {
	padding-left: 0;
	padding-right: 0;
	}

.header-group {
	margin-bottom: 30px;
	clear: left;
	}

	#header .center {
		text-align: center;
		}

		.center #site-logo {
			width: 100%;
			clear: both;
			}

#drop-down-search {
	clear: both;
	display: none;
	padding: 0 20px;
	}

	#drop-down-search #searchform {
		padding-right: 18px;
		}

	#drop-down-search #site-search {
		width: 100%;
		}

/* =Header Widgets
-------------------------------------------------------------- */
.header-widget {
	padding: 30px 20px;
	}

	#header-widgets.fr,
	#header-widgets.center {
		float: left;
		}

	#header-widgets.fl {
		float: right;
		}

	#header-widgets.center {
		display: block;
		text-align: center;
		width: 100%;
		}

	.header-widget-title {
		padding: 0;
		border-bottom: 0;
		margin-bottom: 5px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}

	.header-widget.widget_search {
		margin-top: 15px;
		}

	.header-widget img {
		padding: 0;
		}

/* =Main Navigation
-------------------------------------------------------------- */
#site-navigation,
#site-sub-navigation {
	position: relative;
	z-index: 500;
	font-size: 13px;
	display: block;
	background: #444;
	clear: both;
	font-family: 'Arial', serif;
	font-weight: 400;
	}

	#site-sub-navigation {
		background: none;
		font-size: 12px;
		z-index: 400;
		border-bottom: 1px solid #999;
		-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		font-family: Arial, sans-serif;
		}

	#site-navigation ul,
	#site-sub-navigation ul {
		padding: 0;
		margin: 0;
		}

	#site-navigation li,
	#site-sub-navigation li {
		display: inline-block;
		position: relative;
		text-align: left;
		border-right: 1px solid #fff;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		}

	#site-navigation .sub-menu li,
	#site-sub-navigation .sub-menu li,
	#site-navigation .children li,
	#site-sub-navigation .children li {
		border: 0;
		}

		#site-sub-navigation li {
			margin-right: 8px;
			position: relative;
			border: 0;
		}

		#site-sub-navigation li:before {
			content: "\2022";
			font-size: 18px;
			position: absolute;
			right: -8px;
			}

			#site-sub-navigation li:last-child:before,
			#site-sub-navigation li li:before {
				content: none;
				}

		#site-navigation li a,
		#site-sub-navigation li a {
			color: #fff;
			padding: 5px 15px;
			display: inline-block;
			text-shadow: 1px 1px 0 #000;
			text-decoration: none;
			}

			#site-navigation li a,
			#site-sub-navigation ul ul li a {
				width: 100%;
				}

		#site-sub-navigation li,
		#site-sub-navigation li a {
			color: #000;
			text-shadow: none;
			text-transform: uppercase;
			}

			#site-sub-navigation li li,
			#site-sub-navigation li li a {
				text-transform: none;
			}

		#site-navigation li:hover {
			background: #222;
			}

			#site-sub-navigation li:hover,
			#site-sub-navigation li li:hover  {
				background: #eee;
				}

		#site-navigation li a:not(:last-child):after,
		#site-sub-navigation li a:not(:last-child):after {
			content: "\f024";
			font-family: FontAwesome;
			float: right;
			margin: 0 0 0 10px;
			}

			#site-navigation ul ul li a:not(:last-child):after,
			#site-sub-navigation ul ul li a:not(:last-child):after {
				content: "\f026";
				}

	#site-navigation ul ul,
	#site-sub-navigation ul ul {
		opacity: 0;
		position: absolute;
		left: -9999px;
		width: 188px;
		z-index: 99999;
		background: #222;
		-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
		}

		#site-sub-navigation ul ul {
			background: #eee;
			top: 2.5em;
			}

		#site-navigation li li,
		#site-sub-navigation li li {
			clear: both;
			width: 100%;
			}

			#site-navigation li li:hover {
				background: #000;
				}

			#site-sub-navigation li li:hover {
				background: #ddd;
				}

	#site-navigation ul li:hover > ul,
	#site-sub-navigation ul li:hover > ul {
		opacity: 1;
		left: 0;
		}

	#site-navigation ul ul li:hover > ul,
	#site-sub-navigation ul ul li:hover > ul {
		left: 100% !important;
		top: 0;
		}

/* =Mobile Navigation
-------------------------------------------------------------- */
#mobile-menu {
	background: #1b1b1b;
	display: none;
	text-align: right;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	}

	#mobile-menu a {
		width: 45px;
		margin: 0 0 0 5px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		text-decoration: none;
		font-size: 20px;
		border-radius: 8px;
		color: #ffffff;
		background: #000;
		box-shadow: inset 1px 1px 1px #000, 1px 1px 1px #333;
		text-align: center;
		display: inline-block;
		}

		#mobile-menu a:hover {
			background-color: #333;
			}

#mobile-menu a.left-menu {
	float: left;
	margin: 0 5px 0 0;
	}

	.offcanvas #site-navigation li a.open:not(:last-child):after,
	.offcanvas #site-sub-navigation li a.open:not(:last-child):after {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		}

		.offcanvas .widget {
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			margin: 30px 0 0;
			}

	.left-menu-open {
		position: relative;
		left: 260px;
		}

#drop-down-search {
	clear: both;
	display: none;
	padding: 14px;
	background: #333;
	}

	#drop-down-search #searchform {
		padding-right: 18px;
		}

	#drop-down-search #site-search {
		width: 100%;
		}

.offcanvas #site-navigation ul ul,
.offcanvas #site-navigation li,
.offcanvas #site-sub-navigation ul ul,
.offcanvas #site-sub-navigation li {
	width: 100%;
	border: 0;
	}

	.offcanvas #site-navigation ul ul,
	.offcanvas #site-sub-navigation ul ul {
		display: none;
		position: static;
		opacity: 1;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}

		.offcanvas #site-navigation ul ul li a,
		.offcanvas #site-sub-navigation ul ul li a {
			padding-left: 30px;
			}

			.offcanvas #site-navigation ul ul ul li a,
			.offcanvas #site-sub-navigation ul ul ul li a {
				padding-left: 50px;
				}

	.offcanvas #site-navigation li a:not(:last-child):after,
	.offcanvas #site-sub-navigation li a:not(:last-child):after {
		content: "\f024";
		}

	.offcanvas #site-navigation li a,
	.offcanvas #site-sub-navigation li a {
		background: #333;
		border-bottom: 1px solid #222;
		border-top: 1px solid #444;
		padding: 8px 16px;
		color: #fff;
		display: block;
		font-size: 14px;
		text-transform: none;
		}

		.offcanvas #site-navigation li a:hover,
		.offcanvas #site-sub-navigation li a:hover {
			background: #444;
			}

	.offcanvas #site-sub-navigation li:before {
		content: "";
		}

/* =Featured
-------------------------------------------------------------- */
#featured, #featured article {
	margin: 0;
	}

	#featured .c12 {
		margin: 0 0 30px;
		}



/* =Main
-------------------------------------------------------------- */
#main {
/*	margin-top: 40px;*/
	}

	#primary.centered {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		}



.entry-content img {
	border: 1px solid #e2e2e2;
	}

	a > img {
		display: block;
		border: 0 !important;
		}

footer.entry {
	clear: both;
	float: left;
	width: 100%;
	}

blockquote {
	margin: 5px 0 1em 0;
	font-size: 90%;
	color: #666;
	border-left: 10px solid #aaa;
	padding-left: 12px;
	}

.pullquote {
	font-size: 21px;
	color: #444;
	font-weight: bold;
	line-height: 1.200em;
	border: 0;
	padding: 0;
	margin: 1em 1.625em 1em 0;
	text-align: right;
	width: 33%;
	float: left;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	}

	.pullquote.alignright {
		margin: 1em 0 1em 1.625em;
		text-align: left;
		float: right;
		}

/* =404
-------------------------------------------------------------- */
article.error404 .entry-title {
	font-size: 500%;
	text-align: center;
	}

	article.error404 img {
		background: none;
		border: 0;
		padding: 0;
		margin: 0 auto 10px;
		display: block;
		}

	article.error404 .entry-content {
		text-align: center;
		font-size: 200%;
		line-height: 1.2;
		text-transform: uppercase;
		}

/* =Aside
-------------------------------------------------------------- */
.format-aside p {
	margin-top: 0;
	}

/* =Quote
-------------------------------------------------------------- */
.format-quote .entry-content {
	font-size: 18px;
	line-height: 1.3;
	padding-left: 50px;
	font-style: italic;
	overflow: visible;
	}

	.format-quote p,
	.format-quote blockquote {
		margin: 0;
		}

	.format-quote i.quote {
		color: #aaa;
		display: block;
		font-size: 40px;
		position: relative;
		float: left;
		}

.format-quote blockquote {
	border: 0;
	padding: 0;
	font-size: 28px;
	}

.format-quote cite {
	font-size: 22px;
}

cite {
	text-align: right;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
	}

	cite:before {
		content: '\2013 \00A0';
		}

/* =Status
-------------------------------------------------------------- */
.format-status .post-format {
	margin-bottom: 4px;
	}

	.format-status .avatar {
		background: #F6F6F6;
		border: 1px solid #E2E2E2;
		padding: 6px;
		float: left;
		margin: 0 17px 0 0;
		}

		.format-status.widget-post .avatar {
			background: #fff;
			}

	.format-status .author {
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 1;
		margin: 0;
		}

	.format-status .entry-content {
		padding-left: 77px;
		clear: none;
		display: inherit;
		overflow: inherit;
		}

		.format-status .entry-content p {
			line-height: 1.5;
			margin-top: 0;
			}

	.format-status time {
		line-height: 1.2;
		font-size: 80%;
		color: #666;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		margin: 5px 0 15px;
		display: inline-block;
		}

/* =Link
-------------------------------------------------------------- */
.format-link p {
	margin-top: 0;
	}

	.format-link footer.entry p,
	.format-quote footer.entry p {
		margin: 1em 0;
		}

	.format-link a {
		font-size: 150%;
		line-height: 22px;
		border: 0;
		color: #333;
		}



/* =Attachments
-------------------------------------------------------------- */
p.attachment img {
	margin: 0;
	}

	p.attachment a {
		display: inline-block;
		border: 0;
		}

/* =Tags
-------------------------------------------------------------- */
.tags a {
	text-decoration: none;
	background: #f6f6f6;
	padding: 0 6px;
	display: inline-block;
	margin: 0 0 4px;
	border: 1px solid #e2e2e2;
	font-size: 90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

	.tags a:hover {
		background: #eee;
		}

/* =Pagination
-------------------------------------------------------------- */
#pagination,
#post-pagination,
#posts-pagination {
	margin: 0 0 20px 0;
	width: 100%;
	overflow: hidden;
	clear: both;
    }

    #pagination {
    	background: #eee;
		padding: 10px;
		font-size: 13px;
		-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
		}

	#pagination .total-pages,
	#pagination .page-numbers,
	#post-pagination a,
	#post-pagination .current-post-page {
		background: #fff;
		padding: 0 6px ;
		border: 1px solid #bbb;
		float: left;
		margin-right: 5px;
		text-decoration: none;
		}

		#pagination .page-numbers.current,
		#pagination .page-numbers:hover,
		#post-pagination a:hover,
		#post-pagination .current-post-page {
			border-color: #666;
			color: #000;
			}

#posts-pagination .previous,
#posts-pagination .next {
	max-width: 48%;
	}

	#posts-pagination .next {
		text-align: right;
	}

	#posts-pagination .previous a,
	#posts-pagination .next a {
		max-width: 100%;
		}

	#posts-pagination a {
		margin: 0;
		}

#pages a {
	text-decoration: none;
	border-bottom: 1px dotted;
	}


/* =Archives
-------------------------------------------------------------- */
#archive-header,
.page-title {
	margin: 0 0 30px;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

	#archive-header h1 {
		margin-bottom: 0;
		border: 0;
		}

	#archive-header h2 {
		padding-bottom: 10px;
		}

.archive-meta {
	color: #666;
	margin: 0;
	font-size: 13px;
	line-height: 1.3;
	text-transform: none;
	}

	.archive-meta p {
		margin: 0;
		}

.page-title {
	font-size: 1.2em;
	line-height: 1.2;
	padding: 10px 0;
	}

/* =Sidebar
-------------------------------------------------------------- */
.widget {
	margin-bottom: 30px;
	width: 100%;
	background: url(library/images/bg-hatch.gif);
	border: 1px solid #ddd;
	font-size: 90%;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	}

	.widget-title,
	.header-widget-title {
		font-size: 95%;
		margin-top: 0;
		line-height: 1.2;
		border-bottom: 1px solid #ddd;
		padding: 10px 20px;
		-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		text-transform: uppercase;
		text-shadow: 1px 1px 0 #fff;
		}

	.widget .textwidget {
		padding: 0 20px;
		}

		.widget p a,
		.home-widget a {
			text-decoration: none;
			border-bottom: 1px dotted;
			}

	.widget ul {
		padding: 0 20px 0 40px;
		}

		.widget ul ul {
			padding: 0 0 0 15px;
			}

	.widget ul li a {
		text-decoration: none;
		}

.widget #searchform {
	margin: 0 20px 20px;
	}

	.widget.widget_search {
		padding: 10px 0 0;
		}

		.widget.widget_search .widget-title {
			padding-top: 0;
			}

	.widget.widget_search #searchform {
		margin-bottom: 10px;
		}

	.widget.widget_search #site-search {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

.widget .tagcloud {
	padding: 0 20px 20px;
	line-height: 1.3;
	text-align: center;
	}

.widget-title .rsswidget {
	text-decoration: none;
	border-bottom: 1px dotted;
	}

.rsswidget img {
	background: none;
	padding: 0;
	display: inline-block;
	margin: 0;
	}

	.widget_rss ul {
		list-style: none;
		padding: 0 20px;
		}

	ul .rsswidget {
		font-size: 120%;
		line-height: 1;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		}

		ul .rsswidget:hover {
			margin: 0 !important;
			}

		.rss-date {
			clear: both;
			font-size: 90%;
			color: #333;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			display: block;
			}

		.widget_rss cite {
			font-style: italic;
			}

/* =Footer
-------------------------------------------------------------- */
#footer {
	border-top: 1px solid #000;
	background: #444;
	text-shadow: 1px 1px 0 #000;
	color: #fff;
	font-size: 85%;
	}

	#footer .row {
		background-color: #444;
		margin-bottom: 0;
		}

	#footer a {
		color: #fff;
		border-bottom: 1px dotted;
		text-decoration: none;
		}

#footer .fr {
	position: relative;
	}

#footer .icon-leaf {
	margin-right: 10px;
	font-size: 28px;
	position: absolute;
	top: -2px;
	left: -32px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	}

/* =Sticky Footer
-------------------------------------------------------------- */
html, body {
	height: 100%;
	}

#page {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
	}

#main {
	margin-bottom: 0;
    padding-bottom: 60px;
    }

#footer {
	height: 45px;
	}



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
	}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
	}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	}

a img.alignnone {
    margin: 5px 20px 20px 0;
	}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
	}



table.CWGCNarrowForm {display: none;}


/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
	.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
	.row .row > div:last-child,.two-col-wrapper{margin-bottom:0 !important}
	.two-col-wrapper.border{border:0}
	.two-col-wrapper,.three-col-wrapper{background-image:none}
	.two-col .entry-content,.three-col .entry-content,.two-col header,.two-col.format-quote .entry-content,.three-col header,.three-col.format-quote .entry-content{border-top:0 !important;padding-top:0}
	.two-col .entry-content,.three-col .entry-content{border-bottom:1px solid #E2E2E2}
	.single .entry-content{border-bottom: 0 !important}
	.border{display:none}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	.row,#header .c12{margin-bottom:0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{margin-right:0;margin-left:0;margin-bottom:20px}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.header-group,.header-widget{width:100%}
	#main,.header-widget{margin-top:0}
	.gallery-item img{width:140px}
	#page{margin-bottom:-62px}
	.left-sidebar #secondary,#left-nav{position:absolute;top:0;left:-260px;width:260px;padding:0}
	#footer .icon-leaf,.header-widget.widget_search,#site-navigation,#site-sub-navigation{display:none}
	#site-sub-navigation{border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
	#mobile-menu{display:block}
	.format-status .entry-content{margin-bottom:0}
	#footer{height:63px}
	#footer-content span{display:block;float:none;text-align:center}
	#footer .copyright{margin-bottom:10px}
}
@media screen and (max-width: 640px) {
	table {overflow-x: auto;display: block;}
	
	table.CWGCWideForm {display: none;}
	table.CWGCNarrowForm {display: block;}
}

@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child  {background: #f0f0f0; font-weight:bold;font-size:1.0em; width:100%}
tbody td , th{display: block;  text-align:center;width:100%}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
  
table.CWGCForm {  display: none;}  
table.CWGCWideForm {display: none;}
table.CWGCNarrowForm {display: block;}
}

@media only screen and (max-width: 480px){ 
.dbform {position: initial;left: 10px; }  
.dbform input{width: 200px; height: 25px; background-color: #f7eea1; }
}



/* =Media query for iPad and tablets
-------------------------------------------------------------- */

.bookmark {
    padding: 10px;
    align-items: center;
    background-color: lightsteelblue;
}


a.srltxt {
    font-size: 11px;
    padding: 2px;
    padding-left: 2px;
    background-color: aliceblue;
    border: dashed;
    border-width: 1px;
}

.tradetxt {
    font-size: 11px;
    padding: 2px;
    padding-left: 2px;
    background-color: #fbffd1;
    border: dashed;
    border-width: 1px;
}

.detailtxt {
    font-size: 10px;
    padding: 2px;
    padding-left: 2px;
    background-color: #bdd6ff;
    border: dotted;
    border-width: 1px;
}

a.air81txt {
    font-size: 11px;
    padding: 2px;
    padding-left: 2px;
    background-color: #ffece5;
    border: dashed;
    border-width: 1px;
    border-color: red; 
}

a.lnktxt {
    font-size: 11px;
    padding: 2px;
    background-color: #fff8bf;
    border: dashed;
    border-width: 1px;
	border-color: red; 
}

a.archtxt {
    font-size: 11px;
    padding: 2px;
    background-color: #eee;
    border: dashed;
    border-width: 1px;
	border-color: red; 
}

a.forumtxt {
    font-size: 11px;
    padding: 2px;
    background-color: #feffc0;
    border: dashed;
    border-width: 1px;
	/*border-color: red; */
}
a.air27txt {
    font-size: 9px;
    padding: 2px;
    background-color: #e4e2ff;
    border: dashed;
    border-width: 1px;
	border-color: #ebedf0; 
}


input#incidentid {
    background: aliceblue;
	padding: 0px;
}

input#unitid {
    background: ivory;
	padding: 0px;
}

input#postid {
    background: lavenderblush;
	padding: 0px;
}


.tile {  
 float: left;
 vertical-align: middle;
 height: 300px; 
 width: 350px; 
 overflow: hidden;  
 padding: 7px; 
 
    border: aliceblue;
    border-style: dotted;
    background-color: #c0c0c014;
 }
 
 .tile:hover {
    padding: 14px;
    border: #357ae8;
    border-style: dotted;
    background-color: #c0c0c000; 
}
.smalltile {  
 float: left;
 vertical-align: middle;
 height: 150px; 
 width: 225px; 
 overflow: hidden;  
 padding: 7px; 
 
    border: aliceblue;
    border-style: dotted;
    background-color: ##ff00000d;
 }
 
 .smalltile:hover {
    padding: 14px;
    border: #357ae8;
    border-style: dotted;
    background-color: #c0c0c000; 
}
 
img.tinyicon{
 border:0;
 float:right;
 height:18px;
 padding:1px;
 }
 
 td.awdcitn {
    padding: 10px;
    background: aliceblue;
    margin: 10px;
	line-height: 1.7;
}

tr.awdentry{
    background: #0c6d98;
    font-weight: bold;
    color: white;
    font-size: 12px;
    padding: 5px;
}
tr.awdentry a {
    color: white;
    font-size: 12px;
}

form.CWGCWideForm {    font-size: smaller;    font-family: sans-serif;}
form.CWGCWideForm input {    padding: 3px;    padding-bottom: 3px; }
table.CWGC {font-size: smaller; font-family: sans-serif;}
table.cwgc td {padding: 3px; padding-bottom: 3px; }
input.qname {background: aliceblue;padding: 0px;}
input.cwgcinput {     background: ivory; 	padding: 0px;}  

table.CWGCWideForm {font-size: smaller;font-family: sans-serif;}
table.CWGCWideForm td {padding: 2px;padding-bottom: 2px; }
table.CWGCWideForm td input{   background: ivory; 	padding: 2px;} 
table.CWGCWideForm td select{   background: ivory; 	padding: 2px;} 

table.CWGCNarrowForm {font-size: smaller;font-family: sans-serif;}
table.CWGCNarrowForm td {padding: 2px;padding-bottom: 2px; }
table.CWGCNarrowForm td select{   background: ivory; 	padding: 2px;} 

/* from the BR Database  Styles.css---- */
.pagecaption {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 24px; font-style: italic}
.tablebg {  background-color: #e1e1e1}
.awdhd {  background-color: #E1EBFF}
.medtext { text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.text { text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.subhead1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px}
.smalltext {text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.tinytext { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.bluetext {text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000FF }
.boldtext { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: bold}
.redtext     {text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000 }
.bbtext     {text-align: justify;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: ##0000FF }
a.frmtxt {  border-style: solid;     font-size: 9px;     padding: 2px;     padding-left: 7px;     background-color: aliceblue; }
body.custom-background { background-image: url('../solid.png'); background-repeat: repeat; background-position: top left; background-attachment: fixed; }

.background-div {background-image: url('mainbanner.png'); background-size: cover; width: 100%; height: 400px; /* Adjust the height as needed */         }
.tile-overlay { background-color: rgba(255, 255, 255, 0.5); /* Adjust the alpha (fourth value) to control the opacity */ top: 0; left: 0; width: 100%; height: 100%; }  
.entry-meta a, .entry-content a, .widget a {color: #3D97C2; }
.entry-content a { border-bottom: 1px dotted; text-decoration: none;}