/*
Theme Name: Blue Grey White
Author URI: http://handla-online.com/
Theme URI:
Description: Clean, clear, light and readable with modern header and shadows. SEO-friendly theme structure and title optimization. Widgetized left menu and footer.
Author: handla-online.com
Version: 1.3
Tags: blue, white, light, two-columns, fixed-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */



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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
 	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	display:block;
	visibility:hidden;
	font:0px/0px Arial, Helvetica, sans-serif;
	clear:both;
	float:none;
	height:0px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 11, 2012 */
/* A font by Jos Buivenga (exljbris), http://www.exljbris.nl */

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

html { background-color:#ededed; height: 100%; overflow-x: hidden; }
body { background-color:#ededed; color:#898989; font-family:"Calluna", "callunaregular", "Times New Roman", Times, serif; font-size:15px; line-height:19px; margin:0; position: relative; overflow:hidden; }
h1 { font-size:30px; line-height:1.3; text-transform:uppercase; margin-bottom:20px; }
h2 { font-size:20px; line-height:1.2; text-transform:uppercase; border-bottom:1px solid #000; color:#000; margin-bottom:1em; margin-top:.5em;}
h3 { font-size:15px; line-height:19px; text-transform:uppercase; margin-bottom:15px; }
h4 { font-size:15px; line-height:19px; margin-bottom:15px;  }
h5 { font-weight:normal; margin-bottom:5px; }
a:link,
a:visited,
a:hover,
a:active {
	color:#68a83b;
}
a:hover {
	text-decoration:none;
}

.veryOuterWrap {
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    background-color: #FFFFFF;
    height: 100%;
    left: 129px;
    position: absolute;
    top: 32px;
    width: 4000px;
    z-index: 0;
}

#wrap {
	margin: 0 0 0 200px;
    position: relative;
    width: 780px;
    z-index: 1;
}

#header {
    left:-180px;
    padding: 0;
    position: relative;
    top: 95px;
    width: 1000px;
    z-index: 1;
    -moz-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}


#footer {
	width:100%;
	padding:40px 0 20px;
}
#contentWrapOuter {
	padding:138px 0 0 0;
}
#contentWrapInner {
  height: 720px;
  overflow-y: auto;
  padding-right:20px;
}
#header h1 { display:block;	width:290px; height:90px; background:url(img/logo_mediaexclusive.png) no-repeat -4px -7px; line-height:1000px; overflow:hidden; }

	#header h1 a {
		display:block;
		width:100%;
		height:50px;
		color: #dbdadb;
		text-decoration: none;
	}
	#header h1 img {
		padding-top:14px;
		width:161px;
		height:21px;
	}
.sideHead {
	float:right;
	width:530px;
	margin-top:20px;
	color:#137fcc;
}
.sidebar {
	left: 312px;
    position: absolute;
    top: 32px;
    width: 900px;
}
	.sidebar ul {
		font:11px/12px Arial, Helvetica, sans-serif;
	}
		.sidebar li {
			display:inline-block;
   		margin-right:5px;
     	vertical-align:top;
		}

    .sidebar li a,
    .sidebar li a:visited {
			color:#898989;
   		text-transform:uppercase;
     	text-decoration:none;
      letter-spacing: 0.1em;
		}

    .sidebar li a:hover,
    .sidebar li.current-menu-item > a,
.sidebar li.current-menu-parent > a { color:#000; }

   .sidebar li ul.sub-menu { background-color: #EDEDED;
    display: none;
height:0;
    margin-left: -4px;
    padding: 10px 5px;
    position: absolute;
transition: height 2s;
-webkit-transition: height 2s;
white-space:nowrap; }


    .sidebar li ul.sub-menu li a { text-transform:none; border-left: 1px solid #FFFFFF;
    padding-left: 9px; }
.sidebar li ul.sub-menu li:first-child a { border-left: none; }

.sidebar li:hover > ul.sub-menu,
.sidebar li.current-menu-item > ul.sub-menu,
.sidebar li.current-menu-parent > ul.sub-menu { display:block; height:auto; }

.sidebar ul.sub-menu li.current-menu-item > a { color:#000; }

ul.sub-menu ul.sub-menu { margin-left:0;}

.content {

}
	.breadcrumb {
		float:left;
		width:100%;
		margin-top:-15px;
		padding-bottom:6px;
	}
	.breadcrumb li {
		float:left;
		margin-right:3px;
	}
	.content p {
		padding-bottom:15px;
	}
  .content strong { color:#000; }
	.content h2 {
		padding:0 0 3px;
	}
	.content .intro {
		font-weight:bold;
		padding-bottom:5px;
	}

	.img_descr {
		font-style:italic;
		display:block;
		text-align:center;
		position:relative;
		top:-5px;
	}
.button {
	display:inline-block;
	padding:0 3px 0;
	font:bold 14px/29px Arial, Helvetica, sans-serif;
	height:29px;

}
	.button a {
		padding:0 27px 0 30px;
		color:#fff;
		text-decoration:none;
		display:inline-block;
	}

.indent {
	padding:10px 0;
}
.type4 a {
	background:url(img/type4.png) 0 0px no-repeat;
}
.comment {
	padding-bottom:10px;
}
#comments h2 {
	font:bold 15px/20px Arial, Helvetica, sans-serif;
}
.comment .author {
	padding-bottom:5px;
}
#commForm label {
	display:block;
	clear:both;
}
#commForm input,
#commForm textarea {
	width:320px;
	background:#e4e4e4;
	border:1px solid #e4e4e4;
	font:13px/16px Arial,Helvetica, sans-serif;
	color:#333;
}
#commForm input {
	margin-bottom:5px;
}
#commForm textarea {
	height:85px;
}
#submit {
	width:auto;
	background:none;
	color:#6ea7d0;
	border:none;
	clear:both;
	float:none;
	display:block;
	padding:5px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	margin:5px 0 0 -5px;
}
#commForm {
	padding-bottom:30px;
}

.copy {
	font-size:13px;
 	text-align:center;
}
.copy a {
	color:#5a6778;
	text-decoration:none;
}
.copy h3 {
	font-size:13px;
 	text-transform:none;
  color:#000;
}
.sideFoot {

}
.footLogo {
	width:200px;
	padding:0 10px;
	float:left;
	border-right:1px solid #c8c8c8;
	height:30px;
}
	.footLogo img {
		width:120px;
		height:15px;
		padding-top:7px;
	}
.footNav {
	float:right;
	margin:0;
}
.footNav li {
	float:left;
	border-left:1px solid #939598;
	padding:0 3px;
	line-height:14px;
	margin-top:8px;
}
	.footNav li:first-child {
		border:none;
	}
	.footNav a {
		color:#939598;
		text-decoration:none;
	}


/* Comment Form */
#commentform p {
	padding-bottom:12px;
}
#commentform input.field {
	float:left;
	margin-right:10px;
	width:200px;
	height:14px;
	padding:2px 3px;
}
#commentform label {
	display:block;
	font-size:11px;
	line-height:20px;
}
#commentform textarea {
	width:500px;
	height:120px;
	margin-bottom:10px;
	padding:3px 5px;
}
#commentform input.btn {
	width:120px;
	height:25px;
	cursor:pointer;
	font-size:12px;
}
h3#respond,
h3#comments {
	font-size:14px;
	padding-bottom:10px;
}


/* Comment Closed */
p.nocomments {
	font-weight:bold;
	font-style:italic;
}

/* Comment List */
.commentlist li {
	margin-bottom:10px;
	padding:10px;
	background-color:#e1e1e1;
	overflow:hidden;
}
.commentlist li.alt {
	background-color:#F2F2F2;
}
	.commentlist li img.photo {
		float:left;
		margin:0 10px 5px 0;
		border:#ccc 1px solid;
		padding:2px;
	}
	.commentlist li p img {
		display:inline;
	}
	.commentlist li p {
		padding-bottom:8px;
	}
	.commentlist li p.commentmetadata {
		font-size:11px;
		padding-bottom:5px;
	}


.footer .credits {font-size: 10px; margin-top: 35px;}
.footer .credits a {color: #A8C7EC;}

/*Custom style*/
/*
s {color: #000;}
.sticky {background-color: #f9f9f9; padding: 10px; margin-bottom: 10px;}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 510px;
	height:auto;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
	padding: 0;
}
.bypostauthor {}
.gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.size-thumbnail {
margin-right:8px;
display:inline;
}

*/
.clear {clear: both;}

#gallery-1 dl {
   padding:0;
}

#gallery-1 dl dt {
   font-weight:bold;
   padding: 0;
}

#gallery-1 dl dd {
   padding:0 0 5px 10px;
}

img {margin:0 20px 5px 0; max-width: 530px; height: auto; display:inline; }

span.alignleft,
img.alignleft {
	display: inline;
	float: left;
}
span.alignright,
img.alignright {
	display: inline;
	float: right;
	margin:0 0 10px 20px;
}
span.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

	.credits {margin-top: 30px; text-align: right; font-size: 9px;}
#right-align-no-caption {clear: both;}

div.sidebar ul ul {
margin:0 0 0 0.35em;
}

div.sidebar ul ul ul {
margin:0 0 0 0.7em;
}



/* calender */
table#wp-calendar {
width:100%;
}

table#wp-calendar td,
table#wp-calendar th {
padding:1px;
text-align:center;
}

/*search form*/
		.searchForm {
			padding:0;
			overflow:hidden;
		}
			.searchForm p {
				border-top:#909090 1px solid;
			}
			.searchForm input { float:left;}
			.searchForm input.field {
				border-color:#909090;
				border-style:solid;
				border-width:0 0 0 1px;
				padding:3px 3px;
				height:15px;
				width:150px;
				color:#575757;
				background-color:#fff;
			}
.content ul {margin: 5px 0 2em 37px; list-style-type:disc; display:inline-flex; flex-direction: column;}
.content ul.nobullet {margin: 5px 0 7px 37px; list-style-type:none; }
.content ol {margin: 5px 0 7px 37px; list-style-type:decimal;}
.content ul li, .content ol li {padding-left: 0; width:60%; margin-bottom:5px; }
.content ol.references { list-style:none; text-align:center; margin:20px 0 0; }
.content ol.references li { padding:0 5px 0; display:inline-block; width:auto; font-size:17px; line-height:22px; color:#000; text-transform:uppercase; }
.content ol.references li img { margin:0; }
.content h1, .content h2, .content h3, .content h4 {clear: both; }
.content p { vertical-align:bottom; }

.comment-body ul li {
	padding: 0 0 0 5px;
	margin:0px;
	overflow:visible;
}
.comment-body ol li {
	padding: 0 0 0 5px;
	margin:0px;
	overflow:visible;
}
.comment-body ul {margin: 5px 0 7px 25px; list-style-type:square; clear: both;}
.comment-body ol {margin: 5px 0 7px 25px; list-style-type:decimal; clear: both;}


/*tags*/
q, blockquote {
	font-style:italic;
}
dt {
	font-weight:bold;
}

dt, dd {
	margin:0;
	padding:0;
}
dd {
	margin-bottom:1.5em;
}

dl, pre {
	font-size:1em;
	margin:1.5em 0;
	padding:0;
	line-height:1.5em;
}


big {
	position:relative;
	top:.1em;
	font-size:2em;
}

ins {
	text-decoration:none;
	background-color:#fffabf;
	background-color:#bfffc5;
}

/* Tables */
table {
	border-collapse:collapse;
	border:.1em solid #555;
}
th, td {
	text-align:left;
	padding:.35em .5em;
}
td {
	border:.1em solid #777;
}

sub, sup {line-height:1.2em;}

.attachment-post-thumbnail {float: left; margin: 0 10px 10px 0;}

.author { font:20px/20px Arial, Helvetica, sans-serif; color:#00994d; }

/* social share follow */
.veryOuterWrap .mr_social_sharing_wrapper { background-color: #FFFFFF; border-radius: 3px 3px 3px 3px; bottom: 200px; box-shadow: -1px 0 2px #D9D9D9; left: -28px; overflow: hidden; padding: 5px; position: absolute; width: 20px; }

/* social share share */
.content .mr_social_sharing_wrapper { border-top:1px solid #ededed; margin-top:40px; padding:10px 0 0; text-align:center; }
.content .mr_social_sharing_wrapper a,
.content .mr_social_sharing_wrapper a:link,
.content .mr_social_sharing_wrapper a:visited { color:#898989; }
.content .mr_social_sharing_wrapper span.mr_social_sharing { margin-left:20px; }