@charset "utf-8";



/* 1. RESET
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* http://meyerweb.com/eric/tools/css/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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block;
}

nav {


	width: 280px;
	padding: 15px 0px 0px 20px;

}
nav ul {
	height: 47px;
  	list-style:none;
  	font-size:70%;

}

nav ul li {

	display: inline;
	margin: 0px 0px 0px 35px;
}

nav a{
	color: #FFFFFF;
	text-decoration: none;

}

nav ul li a:hover {color: #C0C0C0;}

table{
  border-collapse:collapse;
  border-spacing:0;
}

/* 2.1 BODY DEFAULTS
--------------------------------------------------------- */

html{
	margin-bottom: 0px;
	min-height: 100%;
}
body {
	background: url(../img/1920.png);

	color: #444;
	font-family: Trebuchet MS, serif;
	font-size: 62.5%;
}
html>body {
	font-size: 16px;
}
p, blockquote, footer {
	font-size: 1em;
	line-height: 1.5;
} /* TODO: fix me —oli */

/* 2.2 LINK STYLES
--------------------------------------------------------- */

a:hover {color: #0063A6;}
a:active,a:focus{
	color: #0063A6;
	position: relative;
	top: 1px;
}

/* TEMPLATE COLOURS */
.blue   {color: #0098d8}
.red    {color: #de1638}
.orange {color: #dd7737}
.green1 {color: #a59e10}
.green2 {color: #868507}


/* 2.3 HEADINGS
--------------------------------------------------------- */
h1, h2, h3 {
	font-family: 'Trebuchet MS','Helvetica Neue',Arial, sans-serif;
	font-weight: bold;
}
h1{
	font-size: 2em;
	line-height: 1;
	margin: 30px 0 10px 0px;
	letter-spacing: -2px;
	word-spacing: 2px;
	text-align: center;

}
h2{
	font-size: 1.5em;
	line-height: 1.25;
	margin: 30px 0 10px 10px;
	text-align: center;
}
h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: 20px 0 10px 10px;
}
h4 {
	font-size: 1.125em;
	line-height: 1.3333em;
	margin: 20px 0 -7px 10px;
	font-weight: bold;
}

h5 {
	font-size: 1.125em;
	line-height: 1.3333em;
	margin: -10px 0 0px 10px;
	font-weight: bold;
}

h5, dt {
	font-weight: bold;
}
h4, h5, h6, dt {
	font-family: "Helvetica Neue","Bitstream Vera Sans",Arial,sans-serif;
}


/* 2.4 OTHER ELEMENTS
--------------------------------------------------------- */
.hide {
	display: none;
}
hr {
	background-color: #000;
	border-style: none;
 	height: 1px;
	width: 97%;
}
a img{
	border: none;
}
div {
	position: relative;
}
dl {
	line-height: 1.5;
	margin:1.5em 0;
}
dd { margin-bottom:0.8em; }
li p {
	margin: 0;
}
li p + p {
	margin-top: 1.5em;
}
li ul, li ol, li dl, dd ol, dd ul, dd dl {
	margin: 0 0 0 1.5em;
}
strong, b, figcaption em, figcaption i, caption em, caption i {
	font-weight: bold;
}
em, i, cite {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
small, .small {
	font-size: .875em;
}
sup, sub {
	line-height: 0;
}
abbr[title], dfn[title] {
 border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
address + p {
	margin-top: 0;
}
pre {
	 /* http://perishablepress.com/press/2010/06/01/wrapping-content/ */
	margin: 1.5em 0;
	white-space: pre;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
}
pre,code,tt,kbd {
	font: .9375em 'andale mono','lucida console',monospace;
	line-height: 1.6;
}
/* ins/del */
ins {
	border-bottom: 1px dotted #47ad09;
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
del, .faint {
	color: #777;
}
mark {
	background-color:#f8fea8;
	color: #000;
}

/* figure */
figure {
	position: relative;
	margin: 1.5em 0;
	border-top: 1px dotted #0098d8;
	border-bottom: 1px dotted #0098d8;
}
figure dt {
	margin-top: .75em;
} /* to check: ?? do I mean dl? */
figure dd {
	margin-left: 0;
	padding-left: 0;
}
figure img, figure iframe {
	margin: .75em auto;
}
figure blockquote {
	margin: 1.5em 0px .75em -1.5em;
}
figure ul, figure ol {
	margin: .75em 0 .75em 2em;
}
figure .semantic-list {
  margin-left: 0;
}
figure li ul, figure li ol {
	margin: 0 0 0 1.5em;
}
figure p, figure pre {
	margin-top: .75em;
	margin-bottom: .75em;
}
figure p+p {
	margin-top: 1.5em;
}
figcaption {
	clear: left;
	margin: .75em 0;
	text-align: center;
	font-style: italic;
	line-height: 1.5em;
}


/* 2.5 BLOCKQUOTES AND QUOTES
--------------------------------------------------------- */
blockquote {
	border-left: 0.5em solid #DDD;
}
li blockquote {
	margin-left: 0;
}
blockquote p {
	margin: 0;
}
blockquote p+p {
  margin-top: 1.5em;
}
blockquote footer {
  margin-bottom: 0;
}
blockquote blockquote, .callout blockquote {
	margin-left: 1.5em;
	margin-right: .75em;
}
blockquote>blockquote {
	margin-top: .75em
}
.note-block blockquote {
	font-style: normal;
}
blockquote mark {
	font-weight: bold;
}
blockquote strong mark, blockquote mark strong {
	font-style: italic;
}
/* Quotes for two levels of nested quotations */
q {
	quotes: '“' '”' '‘' '’';
}
 /* extra content definitions for pre-2011 WebKit */
q:before {
	content: '“';
	content: open-quote;
}
q:after {
	content: '”';
	content: close-quote;
}
q q:before {
	content: '‘';
	content: open-quote;
}
q q:after {
	content: '’';
	content: close-quote;
}
  /* q in blockquote */
blockquote q:before {
	content: '‘';
	content: open-quote;
}
blockquote q:after {
	content: '’';
	content: close-quote;
}
blockquote q q:before {
	content: '“';
	content: open-quote;
}
blockquote q q:after {
	content: '”';
	content: close-quote;
}
/* hanging opening quote */
blockquote:before {
	display: block;
	height: 0;
	content: "“";
	margin-left: -.95em; font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif;
	color: #999;
}

/* 2. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.inner{

	border:0px solid #F0F0F0;
	margin: 0 auto;
	position: relative;
	width: 1020px;
}
.innerheader{
	background: url(../img/header.png);
	border:0px solid #F0F0F0;
	height: 85px;
	margin: 20px auto 0px auto;
	position: relative;
	width: 1020px;
}

.language{
	float: right;
	height: 30px;
	border:0px solid #F0F0F0;
	width: 294px;
	margin: -32px -37px 0 0;
}

.language ul li{
  	list-style:none;
	display: inline;

}

header[role="banner"]{
  	font-size:80%;
	background:#0063A6;
	height: 80px;
	width: 100%;
}
#content[role="main"]{

	background: url(../img/pozadi.png);
	border-top: 0px solid #0090D2;
	margin: 0px auto 0;
	padding: 10px 0 0 0;
	width: 1020px;
}
.main{
	border:0px solid #F0F0F0;
	float:left;
	margin:0 8px 0 0;
	padding:0 18px 0 0;
	position: relative;
	width: 840px;
}

.maindetail{
	border:0px solid #F0F0F0;
	float:left;
	margin:0 8px 0 0;
	padding:0 18px 0 0;
	position: relative;
	width: 1000px;
}
.secondary{
	border:0px solid #F0F0F0;
	float:right;
	padding: 0 30px 0 0;
	width: 120px;
}
footer[role="contentinfo"]{
	margin: 30px 0 0 0;
	padding: 0 0 20px 0;
}

/* 2.1 HEADER STYLES
--------------------------------------------------------- */
header hgroup{ 

	height: 24px;
	margin: 0;
	padding-top: 10px;
	width: 1020px;
}
header hgroup h1{


	margin: 42px auto 0;
	display: block;
	height: 77px;
	text-indent: -9999em;
}
header hgroup h2{
	color: #FFF;
	font-family: 'Quicksand','Helvetica Neue',Arial,sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	margin: 0;
	left: 195px;
	line-height: 1;
	position: relative;
	text-transform: none;
	top: -25px;
}

/* 2.1.1 TOP NAV STYLES */
#menu-top-nav{
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 10px;
}
#menu-top-nav li{
	float: left;
	position: relative;
}

#menu-top-nav li.menu-item-3253{
	background: url(images/expanded-header.jpg) no-repeat right 50%;
	padding: 0 10px 0 0;
}

#menu-top-nav ul{
	position: absolute;
	left: -9999px;
	margin: 0 0 0 0;
	top: 100%;
	width: 100%;
	list-style:none;
}
#menu-top-nav ul li{
	clear: both;
	margin: 5px 0;
}
#menu-top-nav li:hover ul{
	left: auto;
}
#menu-top-nav li:after{
	content:"\007C";
}
#menu-top-nav ul li:after {
	content: "";}
/** THIS IS NOT ALLOWED AS YOU CANNOT HAVE TWO PSEUDO ITEMS SIDE BY SIDE **/
#menu-top-nav li:last-child:after{
	content:"\0020";
}
#menu-top-nav li a{
	color: #FFF;
	padding: 0 4px;
}
#menu-top-nav li a:hover{
	text-decoration: underline;
}

/* 2.1.2 MAIN NAV STYLES */
header .inner nav{
	left: 0px;
	padding: 0 20px;
	position: relative;
	top: 10px;
	width: 980px;
	z-index: 3;
}
header .inner nav ul{
	color: #fff;
	float: left;
	font-family: 'Helvetica Neue',Arial,sans-serif;
	letter-spacing: 1px;
	margin:0 0 0 -10px;
}
header .inner nav ul li{
	float: left;
	padding:0 9px;
}
header .inner nav ul li a{
	color: #fff;
	font-size:14px;
	padding: 15px 10px 13px;
}
header .inner nav ul li a:hover{
	text-decoration: underline;
}

/* 2.1.3 SEARCHFORM STYLES */
form#search-form { 
	position: absolute;
	right: 20px;
	top: -8px;
	z-index: 400;
}
form#search-form div{
	max-height: 33px;
	position: relative;
	width: 275px;
}
form#search-form div input[type="text"]{
	background: #eee;
	border:1px solid rgba(0,0,0,0.3);
	padding:8px 75px 8px 8px;
	width:191px;
}
form#search-form div input[type="submit"] { 
	cursor: pointer;
	float: right;
	margin: 0px !important;
	padding: 4px 6px !important;
	position: relative;
	right: 4px;
	top: -29px;
}

/* 2.1.4 BREADCRUMBS */
#breadcrumbs{
	color:#888;
	display:inline-block;
	font-size:14.158px;
	font-style:italic;
	margin:-10px 0 10px;
	padding: 0 20px 10px 20px;
	width:980px;
}
#breadcrumbs ol li{
	float: left;
	padding:0 0 0 4px;
}
#breadcrumbs ol li:first-child{
	padding-left: 0;
}
#breadcrumbs ol li:after{
	content:"\003E";
}
/** THIS IS NOT ALLOWED AS YOU CANNOT HAVE TWO PSEUDO ITEMS SIDE BY SIDE **/
#breadcrumbs ol li:last-child:after{
	content:'\0020';
}
#breadcrumbs ol li a{
	padding:0 4px 0 0;
}
#breadcrumbs ol li a:hover{
	text-decoration: underline;
}


/* 2.2 POST STYLES
--------------------------------------------------------- */
.post{
	padding: 0 0 0 20px;
}

/* 2.2.1 POST HEADER */
.post header{
	float:left;
	margin: 0 0 20px;
	padding:0 0 10px 166px;
	width:inherit;
}
.post h1{
	line-height: 1.3;
}
.post header small{
	color: #888;
	font-style: italic;
	font-size: 14px;
}
.post header .tweet{
	margin: -20px 0 0 -165px;
}

/* 2.2.2 POST ENTRY */
.post .entry{
	float: right;
	width: 530px;
}

.post .entry{
	font-size:0.8em;
	line-height:1.55;
	margin: 23px 0px 0px 0px; 
	padding: 0px 2px; 
	border: 1px solid #484747; 
	color: #484747;
	background: white; 
	text-align: left; 
	text-decoration: none; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	khtml-border-radius: 4px; 
	border-radius: 14px;
}

.post .entry p{
	margin: 0px 10px 15px 10px;
	text-align: justify;
}

p {
	margin: 0px 10px 10px 10px;
}

IMG.nastred {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post .entrydetail{
	float: right;
	width: 690px;
}

.post .entrydetail p{
	text-align: justify;
}

.post .entrydetail{
	font-size:0.8em;
	line-height:1.55;
	margin: 23px 0px 0px 0px; 
	padding: 0px 2px; 
	border: 1px solid #484747; 
	color: #484747;
	background: white; 
	text-align: left; 
	text-decoration: none; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	khtml-border-radius: 4px; 
	border-radius: 14px;
}
.post .entry .social{
	border-top:4px solid #F0F0F0;
	margin: 20px 0 0 0;
	padding:10px 0 0;
}
.post .entry .social img{
	/* REMOVE THIS FROM THE FINAL DESIGN, AS THIS WILL BE GETTING SWAPPED OVER WITH A PLUGIN */
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}
.entry ul {
	margin-bottom:1.5em;
}
.post .entry ul li,
.post .entry ol li{
	margin: 4px 0 10px 40px;
	line-height: 1.5;
}
.post .entry #crp_related{
	border-top: 4px solid #F0F0F0;
	margin: 20px 0 10px 0;
	padding: 20px 0 0 0;
}
.disclaimer {
	background: rgba(255, 255, 153, 0.7);
	padding: 1em;
}
/* 2.2.3 POST ASIDE */
.post aside{
	border:0px solid #F0F0F0;
	float:left;
	font-size:14.158px;
	padding:0 5px 0 0;
	width:260px;
}
.post aside h3{
	border: none;
	color: #888;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 16px;
	margin: 0 0 5px;
	padding: 13px 0 0 0;
	text-transform: uppercase;
}

/* 2.2.4 SINGLE PAGE SINGLE STYLES */
body.single .post aside ul{
	padding: 0;
}
body.single .post aside ul li{
	font-size:1em;
	line-height:1.5em;
	/*list-style-type: none !important;*/
}
body.single .post aside ul ul{
	border-bottom: 1px solid #F0F0F0;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
body.single .post aside h3 ul ul:last-child{
	border-bottom: none;
	margin: 0;
}
/* 2.2.5 AUTHOR STYLES / And SEARCH STYLES */
body.author .post header, body.page-template-google-search-php .post header, body.archive .post header{
	margin-bottom: 0 !important;
}
body.author #author-bio, body.page-template-google-search-php #author-bio, body.archive #author-bio{
	margin-top: 0 !important;
}
body.author .post .entry > p:first-of-type, body.page-template-google-search-php .post .entry > p:first-of-type, body.archive .post .entry > p:first-of-type{
	font-size: 1em;
	line-height: 1.5em;
}
body.author .main .post .entry, body.page-template-google-search-php .main .post .entry, body.archive .main .post .entry{
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
}
body.author .post aside, body.page-template-google-search-php .post aside, body.archive .post aside {
	padding-top: 6px;
}
body.author .post aside ul li, body.page-template-google-search-php .post aside ul li, body.archive .post aside ul li {
	color: #888;
	font-size:1em;
	line-height:1.5em;
}

body.page-template-google-search-php .post h2 {
	margin-bottom:0;
}


/* Author bio section + bottom of posts + author page */
#author-bio{
	border-bottom: 4px solid #F0F0F0;
	border-top: 4px solid #F0F0F0;
	clear: left;
	float: left;
	margin: 10px 0;
	min-height: 115px !important;
	padding: 20px 0;
	position: relative;
	width: 665px;
}
#author-bio h4{
	height: 0;
	margin: 0;
	text-indent: -9999em;
}
.author-blurb img {
	border:4px solid #CCC;
	height: 98px !important;
	left: 34px;
	position: absolute;
	top: 4px;
	width: 98px !important;
}
.author-blurb p {
	margin: 0 0 10px 164px;
	text-align:left;
}



/* 2.3 COMMENT STYLES
--------------------------------------------------------- */
#comments{
	clear: both;
	float: left;
	position: relative;
}
#comments h3{
	padding:0 140px 0 0;
}
#comments .share{
	background: #eee url(images/expanded.png) no-repeat 118px 50%;
	border: none;
	color:#6e6e6e;
	font-size: 14px;
	left:520px;
	padding:6px 20px 6px 6px;
	position:absolute;
	top:0;
}
#comments .comment, #comments .pingback{
	background: #FFF;
	float: left;
	/*min-height:75px;*/
	min-height: 85px;
	position:relative;
}
#comments .comment-meta{
	border-top: 2px solid #CCC;
	float: left;
	font-family: Georgia, 'Times New Roman', Times, serif;
	padding:14px 10px;
	width:150px;
}
#comments .comment-meta img{
	border:2px solid #CCCCCC;
	display:block;
	position:absolute;
	right:-480px;
	top:10px;
}
#comments .comment-meta time{
	display: block;
	font-size: 12px;
	color: #999;
	font-style: italic;
	padding:10px 0;
}
#comments .comment-body{
	border-top: 2px solid #DDD;
	float:right;
	padding:10px 90px 0 0;
	width:400px;
}
#comments .comment-body p{
	margin: 0 0 10px;
}
#comments .author .comment-meta, #comments .byuser .comment-meta{
	border-top: 2px solid #0090D2 !important;
}
#comments .author .comment-body, #comments .byuser .comment-body{
	border-top: 2px solid #0063A6 !important;
}
#comments .comment-author-admin, #comments .byuser {
	/*background: #DDE7ED;*/
	background:rgba(0, 144, 210, 0.1);
}
#comments .comment-author-admin .comment-meta:before, #comments .byuser .comment-meta:before{
	content:"Dr.\0020";
}
#comments .comment-author-admin .comment-meta img, #comments .byuser .comment-meta img{
	border-color: #0090D2;
}
#comments .comment-author-admin .comment-body, #comments .byuser .comment-body{
	color: #000;
}
.comment-body a, .comment-body code {
  white-space: pre;
  word-wrap: break-word;
  white-space: pre-wrap;
} /* avoid URLs breaking out of column, ref: http://perishablepress.com/press/2010/06/01/wrapping-content/ —oli */

/* 2.4 COMMENT FORM STYLES
--------------------------------------------------------- */
#form{
	clear: both;
	float: left;
	margin: 0 0 20px 164px;
	padding: 0 0 20px;
	width: 500px;
}
#form h3{
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 20px 100px 20px 0;
}
#form #commentform p{
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}
#form #commentform label{
	float: left;
}
#form #commentform input[type="text"], 
#form #commentform input[type="email"], 
#form #commentform input[type="url"], 
#form #commentform textarea, 
.wpcf7-form textarea,
.wpcf7-form input[type="text"] {
	background: #EEE;
	border: 1px solid #DDD;
	font-family: inherit;
	font-weight: inherit;
	font-size: 1em;
	padding:8px;
	width: 480px;
}
#form #commentform textarea, 
.wpcf7-form textarea {
	height: 380px;
}
#form #commentform input[type="text"]:focus,
#form #commentform input[type="email"]:focus,
#form #commentform input[type="url"]:focus,
#form #commentform textarea:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input[type="text"]:focus {
	background: #FFF;
}
#form #commentform input[type="submit"],
.wpcf7-form input[type="submit"]{
	cursor: pointer;
	font-size: 1em;
	padding: 8px !important;
	float: right;
	font-family: Georgia,serif;
}
#form p.subscribe-to-comments{
	float: left;
	margin: -35px 0 15px !important;
        width: 345px !important;
}
#form p.subscribe-to-comments #subscribe{
	margin:5px 0 0 5px;
}
#form .share{
	background: #EEE url(images/expanded.png) no-repeat 79px 50%;
	border: none;
	color: #6E6E6E;
	font-size:14.158px;
	padding:6px 20px 6px 6px;
	position:absolute;
	left:385px;
	top:20px;
}
#form #form-code{
	font-size: 0.85em;
	margin: 0 0 0px -160px;
	padding: 252px 25px 0 0;
	position: absolute;
	width: 140px;
}


/* 2.5 HOMEPAGE STYLES
--------------------------------------------------------- */
/* 2.5.1 OPENER STYLES */
#opener{
	float: left;
	margin: 0 0 20px 0;
}
#opener .main .post:before{
	content: "Featured Article";
	position: absolute;
	top: 18px;
	left: 20px;
	border: none;
	color: #888;
	font: bold 12px/16px 'Helvetica Neue',Arial,sans-serif;
	letter-spacing: 1px;
	line-height: 16px;
	margin: 0 0 5px;
	padding: 0;
}
body.single #opener .post .entry > p:first-of-type{
	font-size:1.18em;
	line-height:1.55;
}

/* 2.5.2 GLOSSARY STYLES */
.glossary{
	border-bottom:4px solid #F0F0F0;
	border-top:4px solid #F0F0F0;
	clear:both; 
	font-family:sans-serif;
	font-size: 13px;
	margin:10px 0 20px;
	padding:0 0 30px;
	position: relative;
	overflow: auto;
	text-shadow: none !important;
	background-color: #f8f8f8;
}
.glossary h1{
	margin: 20px 0 20px 24px;
}
.glossary section {
	float: left;
	margin-right: 2.14%;
	/*width: 9%;*/
	width: 8.9%;
}
.glossary-first {
	margin-left: 12px;
}
.glossary .glossary-last {
	margin-right: 0;
}
.glossary ul{
	list-style: none;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.glossary ul+h2 {
	margin-top: 1.5em;
}
.glossary h2 {
	color: #888;
	font-size: 96%;
	letter-spacing: -1px;
	margin-left: 12px;
	letter-spacing: 0;
}
.glossary li a{
	display:inline-block;
	line-height: 1.5;
	margin: 5px 6px;
	padding: 1px 6px;
}
.glossary li a:hover,
.glossary li.active a{
	background: #0090D2;
	color: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px; 
	border-radius: 20px;
}

.post .gloss-ad {
	width:260px; 
	padding:0;
}

.post .gloss-ad img {
	max-width:100%; 
	padding:10px 0 0;
}


.active a{
	background: rgba(230, 107, 25, 0.9) !important;
}

/* 2.5.3 SMALL POST STYLES */
.main #layout{
	position: absolute;
	top: 15px;
	right: 20px;
}
.main #layout button{
	border: none;
	cursor: pointer;
	float: left;
	font-size: 14px;
	margin: 0 10px 0 0;
	padding: 0 0 0 18px;
}
.main #layout #grid{
	background: transparent url(images/grid.png) no-repeat left -13px;
	color: #0063A6;
}
.main #layout #grid.inactive{
	background: transparent url(images/grid.png) no-repeat left 2px;
	color: #888;
}
.main #layout #list{
	background: transparent url(images/list.png) no-repeat left -13px;
	color: #0063A6;
}
.main #layout #list.inactive{
	background: transparent url(images/list.png) no-repeat left 2px;
	color: #888;
}

/* .grid-list */
.grid-list h1{
	border-bottom:4px solid #F0F0F0;
	margin:0 0 20px 20px;
	padding:0 0 10px;
}
.grid-list .post{
	border-bottom:1px solid #DDDDDD;
	float:left;
	font-size:14.158px;
	margin: 0 35px 0 20px;
	min-height: 265px;
	padding: 0 0 10px 0 !important;
	width: 310px;
}
.grid-list .post:nth-of-type(even){
	margin-right: 0;
	margin-left: 0;
}
.grid-list .post:nth-child(9),
.grid-list .post:nth-child(8){
	border-bottom: none !important;
}
.grid-list .post header{
	border-bottom: 2px solid #F0F0F0;
	margin:0 0 5px !important;
	padding:0 0 10px !important;
}
.grid-list h2 {
	font-size: 20px;
	line-height: 1;
	margin:1em 0 .5em;
	letter-spacing: -1px;
	word-spacing: 1px;
}
.grid-list header small{
	color:#888888;
	font-size:0.85em;
	font-style:italic;
}
.grid-list .entry{
	width: inherit;
}
.grid-list .entry p:first-of-type{
	font-size: 1em;
}
.grid-list .more-articles {
  clear:both;
  margin-left: 20px;
  text-align:center;
}

/* 2.5.4 PAGINATION STYLES */
.wp-pagenavi{
	clear: both;
	margin: 1.25em 0px 0.8em;
}
.wp-pagenavi ul{
  border:1px solid #F0F0F0;
  border-width:1px 0;
  list-style:none; /* TODO: replace in template with .semantic-list */
  padding:0;
  margin:0 0 0 20px;
  text-align:center;
}
.wp-pagenavi ul li{
  display:inline;
}
.wp-pagenavi ul li a,
.wp-pagenavi ul li span{
  display:inline-block !important;
  padding:20px 10px;
}
.wp-pagenavi ul li span.pages{
	color: #888;
}


/* 2.6 SIDEBAR/SECONDARY STYLES
--------------------------------------------------------- */
.secondary .mod {
	font-size: 14px;
	clear:left;
}
.mod{
	margin: 0 0 40px 0;
}
.mod img{
	max-width: 97%;
}
.mod h3{
	border-top: 3px solid #F0F0F0;
	color: #888;
	margin: 0 0 5px;
	padding: 10px 0;
	text-transform: uppercase;
}
.secondary .mod:first-child h3{
	border-top: none;
}
body.single .secondary .mod h3{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 16px;
}
.mod ul#networks li,
.sub-footer li,
.mod ul.related li{
	color:#DDD;
}
.mod ul.related li{
	list-style-type:none;
}

.mod ul#networks li a,
.sub-footer li a,
.mod ul.related li a,
.mod ul#recentcomments li,
#hashtag li{
	border-bottom:1px solid #DDD;
	display:block;
        line-height: 1.4;
	padding:8px 10px 8px 0;
	overflow: hidden; 
	text-overflow: ellipsis;
}
.mod ul#networks li:last-child a, 
.sub-footer li:last-child a, 
.mod ul#recentcomments li:last-child, 
.mod ul.related li:last-child a,
#hashtag li:last-child{
	border-bottom: none;
}
.ads img {
	border:4px solid #DDDDDD;
	margin:0 0 10px;
}
.secondary .tweet{
	background: #FFF url(images/twivider.png) no-repeat 50% bottom;
	padding: 0 0 30px 0;
}
.secondary .tweet p{
	font-style: italic;
}
.secondary .btn,
#sub-footer .btn{
	margin-left: 6px;
}

/* 2.6.1 LANYRD STYLES */
ol#lanyrd{}
ol#lanyrd li{
	float:left;
	padding:0 0 10px;
}
ol#lanyrd li ul{}
ol#lanyrd li ul li{
	border-bottom: none;
	padding: 0;
}
ol#lanyrd li ul li.date{
	background: #EEE;
	float:left;
	min-width:35px;
	padding: 10px;
	position:absolute;
	text-align:center;
}
ol#lanyrd li ul li.date .num{
	display: block;
	font-size:20px;
}
ol#lanyrd li ul li.date .mon{}
ol#lanyrd li ul li.geo{
	float:left;
	padding:0 0 0 65px;
}
ol#lanyrd li ul li.geo span{
	display:block;
	padding:5px 0 0;
}

/* 2.6.2 UI TAB STYLES */
.ui-tabs{
	zoom: 1;
}
.ui-tabs .ui-tabs-nav{
	border-bottom: 1px solid #DDD;
	list-style: none; /* TODO: replace in template with .semantic-list */
	margin: 0 0 5px;
	margin-bottom: 15px;
	padding: 5px 5px 0;
	position: relative;
}
.ui-tabs .ui-tabs-nav li{
	background-color: #FFF;
	border: 1px solid #DDD;
	border-bottom-width: 0 !important;
	float: left;
	margin: 0 5px -1px 0;
	padding: 0;
	position: relative;
	top: 1px;
}
.secondary .ui-tabs .ui-tabs-nav li a{
	float: left;
	font-weight: normal;
	padding: 5px 9px;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	border-bottom-width: 0;
	border-color: #CCC;
	padding-bottom: 1px; 
	position: relative;
}
.secondary .ui-tabs .ui-tabs-nav .selected{
	color: #111;
	cursor: pointer; 
	font-weight: bold;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere */

.tab{
	margin: 10px 0 0;
}
.tab li a{
	border-bottom: 1px solid #CCC;
	display: block;
	padding: 8px 10px;
}
.tab li:last-child a{
	border-bottom: none;
}


/* 2.7 SUBFOOTER STYLES
--------------------------------------------------------- */
#sub-footer{
	background: url(../img/footer.jpg);
	clear:both;
	float:left;
	margin:20px 0 0;
	padding:20px;
	height:36px;
	width:980px;
}
#sub-footer h3{
	border-top-color: #BFBFBF;
}
#sub-footer div:first-of-type{
	background-image:url(../img/logo-fm.png);
	float:left;
	margin:0 20px 0 0;
	width:690px;
}
#sub-footer > div > .mod, #sub-footer #crp_related {
	float:left;
	margin:0 35px 0 0;
	padding: 0;
	width: 180px;
}
#sub-footer div:last-child div{
	float:left;
	margin: 0;
	width:270px;
}
#sub-footer div:last-child > .mod{
	float:left;
	margin:0;
}
.sub-footer li a,
#sub-footer div .mod ul.related li a {
	border-bottom:1px solid #BFBFBF;
	font-size: 14px;
}
.sub-footer li:last-child a,
#sub-footer div .mod ul.related li:last-child a{
	border-bottom: none;
} 
#sub-footer div .mod img{
	border-color: #BFBFBF;
}


/* 2.8 FOOTER STYLES
--------------------------------------------------------- */
footer[role="contentinfo"] .inner p{
	font-size: 0.60em;
	color: white;
	padding: 0 0 10px 410px;
}
footer[role="contentinfo"] .inner p#copyright{
	background: #F0F0F0 url(images/footerlogo.jpg) no-repeat 20px 0;
	/*margin: 0 0 10px 0;*/
}
.w3c-logo {
    float: right;
    margin-left: 20px;
    width: 64px;
	border: none;
	background: transparent;
}

/* 3. EXTRAS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.group:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* IE pretty stick (via @simplebits) */
* html .group {
	height: 1%;
} /* IE6 */
*:first-child+html .group {
	min-height: 1px;
} /* IE7 */

/* 3.1 FORMATTING STYLES
--------------------------------------------------------- */
/* 3.1.1 BLOCK STYLES *
.callout{}
.changed-block{}
.highlight-block{}
.warning-block{}

/* 3.1.2 SIDENOTE STYLES *
.sidenote{}
.sidenote > *{}
.sidenote p+p{}

/* 3.1.3 COLUMN STYLES *
.column{}
.columns{}
.column, .column ol, .column ul, .columns, .columns ol, .columns ul{}

/* 3.1.4 BOX SHADOW STYLES *
table, blockquote, .callout{}
article img{}
p img, .clean-img img{}

/* 3.1.5 ALIGN STYLES *
.left{}
.right{}
.half{}
.right.half{}
.aside.img{}
.right.img{}

/* 3.1.6 TABLE STYLES *
.wide{}
.wider{}
.widest{}


/* 3.2 BUTTON STYLES
--------------------------------------------------------- */
.wp-pagenavi ul li span.current{
	margin: 5px; 
	padding: 4px 15px; 
	border: 1px solid #ccc;
	border-bottom-color: #bbb; 
	color: #888; 
	text-align: center; 
	text-shadow: 0 -1px 0 rgba(255,255,255,.3); 
	text-decoration: none; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	khtml-border-radius: 4px; 
	border-radius: 4px; 
	background: #E9E9E9; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #E9E9E9), color-stop(1, #D1D1D1)); 
	background: -moz-linear-gradient(center top, #E9E9E9 20%, #D1D1D1 100%); 
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29);}*/
}

.wp-pagenavi ul li a,
.btn a,
form#search-form div input[type="submit"],
#form #commentform input[type="submit"],
.wpcf7-form input[type="submit"]{
	display: block; 
	margin: 5px; 
	padding: 4px 15px; 
	border: 3px solid #4081af; 
	border-bottom-color: #20559a; 
	color: white; 
	text-align: center; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	text-decoration: none; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	khtml-border-radius: 4px; 
	border-radius: 14px; 
	background:url(vykovky.png);


	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf)); 
	background: -moz-linear-gradient(center top, #52a8e8 20%, #2e76cf 100%); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 0 2px rgba(255,255,255,.3), 0 1px 2px rgba(0,0,0,.29);}

.wp-pagenavi ul li a:hover,
.btn a:hover,
form#search-form div input[type="submit"]:hover,
#form #commentform input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover{
	background: #0073d2; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca)); 
	background: -moz-linear-gradient(center top, #3e9ee5 20%, #1666ca 100%);
}

.wp-pagenavi ul li a.active,
.btn a:active,
form#search-form div input[type="submit"]:active,
#form #commentform input[type="submit"]:active,
.wpcf7-form input[type="submit"]:active {
	border-color: #20559a;
	-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 0 7px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,1);
}

.btn-prava-inactive a
{
	display: block; 
	margin: 0px -45px 10px -15px; 
	padding: 12px 60px 12px 5px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/btn-prava.png);
	font-size:90%;
	font-weight:bold;
}

.btn-prava a
{
	display: block; 
	margin: 0px -45px 10px -15px; 
	padding: 12px 60px 12px 5px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/btn-prava.png);
	font-size:90%;
	font-weight:bold;
}

.btn-vzduchotechnika a
{
	display: block; 
	margin: 10px 0px 0px -25px; 
	padding: 25px 10px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/vzduchotechnika.png);
	font-size:120%;
	font-weight:bold;
}

.btn-odlitky a
{
	display: block; 
	margin: 10px 0px 0px -25px; 
	padding: 25px 25px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/odlitky.png);
	font-size:140%;
	font-weight:bold;
}	
.btn-svarence a
{
	display: block; 
	margin: 10px 0px 5px -25px;  
	padding: 25px 25px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/svarence.png);
}
.btn-vykovky a
{
	display: block; 
	margin: 10px 0px 5px -25px; 
	padding: 25px 25px; 
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/vykovky.png);
}
.btn-obrobky a
{
	display: block; 
	margin: 10px 0px 5px -25px; 
	padding: 25px 25px;
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/obrobky.png);
}
.btn-montaze a
{
	display: block; 
	margin: 10px 0px 5px -25px;  
	padding: 25px 25px;
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/montaze.png);
}
.btn-sluzby a
{
	display: block; 
	margin: 10px 0px 5px -25px;  
	padding: 25px 25px;
	border: 0px solid #4081af; 
	color: #484747; 
	text-align: right; 
	text-decoration: none; 
 	background:url(../img/sluzby.png);
}

/* 3.3 BROWSER SPECIFIC
--------------------------------------------------------- */
h1, h2, #opener p {
	-webkit-font-smoothing: antialiased;
}
header[role="banner"] h2 {
	-webkit-font-smoothing: subpixel-antialiased;
} /* http://files.christophzillgens.com/webkit-font-smoothing.html */

#content{
	-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* border-radius-3 */
#form .share,
#comments .share,
.post .share,
.submit a,
ol#lanyrd li ul li.date,
#form #commentform textarea,
form#search-form div input[type="text"],
#form #commentform input[type="text"],
#form #commentform input[type="email"],
#form #commentform input[type="url"],
#form #commentform input[type="submit"],
form#search-form div input[type="submit"],
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="text"],
.wpcf7-form textarea {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* WEBKIT MOBILE */
#form #commentform input[type="submit"],
form#search-form div input[type="submit"]{
	-webkit-appearance:none;
}

/* TRANSITIONS */
.submit a{
	-webkit-backface-visibility: hidden;
	-webkit-transition-property:background;
	-webkit-transition-duration:.4s;
	-webkit-transition-timing-function:ease-out;
}
.submit a:hover{
	-webkit-transition-timing-function:ease-in;
}

/* SELECTION */
::selection      { background: #0090D2; color: #FFF; }
::-moz-selection { background: #0090D2; color: #FFF; }


/* 4. GLOSSARY
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#glossary-list{
	/*padding: 0 20px;*/
	padding-right: 20px;
}
#glossary-list .main {
	padding-right:3px;
}
#glossary-list .post aside {
	padding:0;
	width:270px;
}
#glossary-list header{
	float: left;
}
#glossary-list .entry{
	float: left;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px 166px;
}

/* ordered list */
#glossary-list ol.nav{
  border-top: 4px solid #F0F0F0;
  border-bottom: 4px solid #F0F0F0;
  clear: both;
  float: left;
  list-style:none; /* TODO: replace in template with .semantic-list */
  margin: 20px 0 20px 0;
  padding:5px 0;
  text-align:center;
}
#glossary-list ol.nav li{
	color: #888;
 	display:inline;
	padding:10px;
	/**/
	font-size:125%;
	font-weight: 400;
	line-height:1.4;
	margin:1.25em 0 0.8em;
	text-transform: uppercase;
}
#glossary-list ol.nav li a{
  display:inline-block;
}
#glossary-list h2{
	color:#0090D2;
	/*font-size:28px;*/
	font-size: 100px;
	font-weight: 400;
	line-height:1.65;
	margin: 0;
	/**/
	clear: both;
	cursor: default;
	float: left;
	margin: -35px 0px 0px 0;
	text-decoration: none;
	width: 164px;
}
#glossary-list section{
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 4px solid #F0F0F0;
}

#glossary-list .mod {
	margin-bottom:0;
}
#glossary-list section:last-child{
	border-bottom: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* GLOSSARY DL */
#glossary-list dl{
	float:right;
	height:auto !important;
	margin:0 0 10px;
	min-height:30px;
	padding:10px;
	width: 796px;
}
#glossary-list dl:hover{
	background: #EEE;
}
#glossary-list dt{
	float:left;
	font-size:14.158px;
	text-transform:uppercase;
	padding: 0 0 0 5px;
	width: 20%;
	font-weight: bold;
}
#glossary-list dt span{
	display: block;
	margin:20px 0 0;
}
#glossary-list dt span a{
	/*background:#EEEEEE;*/
	color: #1A6AA4;
	font-weight: normal;
	margin: 0 0 0 -5px;
	padding: 5px;
}
#glossary-list dt span a:hover{
	background:#FFF;
	color: #1A6AA4;
	text-decoration: underline;
}
#glossary-list dl:hover dt span a{
	background:#FFF;
}
#glossary-list dd{
	float:right;
	font-size:1em;
	width: 75%;
}
#glossary-list dd p{
	margin: 4px 0px 10px;
}
#glossary-list dd ol,
#glossary-list dd ul{
	list-style-position:outside;
}
#glossary-list dd li{
	margin: 4px 0px 10px;
}
#glossary-list dd footer{
	padding: 1em 0 0 0;
	margin: 1em 0 0 0;
	width: 100%;
	/*padding: 0 !important;
	border: none !important;*/
	border-top: 1px solid #fff;
	font-size:14.158px;
}
#glossary-list dl:hover dd footer{
	border-color: #BFBFBF;
}
#glossary-list dd footer a.link{
	float: left;
	width: 440px;
}
#glossary-list dl a.code{
	float: right;
	margin-top: -5px;	
	padding: 5px;
}
#glossary-list dl:hover a.code{
	font-weight: normal;
	background:#FFF;
}
#glossary-list dl a.code:hover{
	text-decoration: underline;
}
#to-top{
	bottom: 20px;
	position: fixed;
	right: 20px;
}
/* fancybox styles */
.lightbox {
	height:435px;
	overflow:auto;
	width:640px;
}
.lightbox pre{
	font-size: 14px;
	/*word-wrap: break-word;*/
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(images/fancybox/fancybox.png);
}
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(images/fancybox/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}
#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -162px;
}
#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}
#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -182px; 
}
#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}
#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -142px;
}
#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(images/fancybox/fancybox.png);
	background-position: -40px -122px;
}
#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}
.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}
.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url(images/fancybox/fancy_title_over.png);
	display: block;
}
.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}
#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}
#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}
#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(images/fancybox/fancybox.png) -55px -90px no-repeat;
}

/* IE6 */
.fancybox-ie6 #fancybox-close {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_close.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_nav_left.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_nav_right.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_title_over.png, sizingMethod='scale');
	zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_title_left.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_title_main.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
	background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_title_right.png, sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
	position: absolute;
	margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div{
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_loading.png, sizingMethod='scale'); 
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
	background: transparent !important; 
}
.fancybox-ie #fancybox-bg-n {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_n.png, sizingMethod='scale'); 
}
.fancybox-ie #fancybox-bg-ne {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_ne.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_e.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_se.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_s.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_sw.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_w.png, sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=media/images/fancybox/fancy_shadow_nw.png, sizingMethod='scale'); 
}

/* Prettify */
.str {
	color: #080;
}
.kwd {
	color: #008;
}
.com {
	color: #800;
}
.typ {
	color: #606;
}
.lit {
	color: #066;
}
.pun {
	color: #660;
}
.pln {
	color: #000;
}
.tag {
	color: #008;
}
.atn {
	color: #606;
}
.atv {
	color: #080;
}
.dec {
	color: #606;
}
pre.prettyprint {
	padding: 2px;
	border: 1px solid #888;
}
 @media print {
.str {
	color: #060;
}
.kwd {
	color: #006;
	font-weight: bold;
}
.com {
	color: #600;
	font-style: italic;
}
.typ {
	color: #404;
	font-weight: bold;
}
.lit {
	color: #044;
}
.pun {
	color: #440;
}
.pln {
	color: #000;
}
.tag {
	color: #006;
	font-weight: bold;
}
.atn {
	color: #404;
}
.atv {
	color: #060;
}
}


/* 5. STYLE GUIDE
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*
Color:
#222    text
#444    table background (=thead background), a:hover color/border-bottom
#999    table border-bottom, .highlight-block.callout, img border, blockquote opening, th border-top
#ddd    vertical border (.meta, blockquote), th background, td border-top/left, a border-bottom
#eee    a:hover border-bottom
#f1f1f1 background
#fff    .callout, img background, thead color, td background

#47ad09 .changed-block.callout [green]
#c11100 .warning-block.callout [red]
#d4af37 .highlight-block.callout [gold]
#ffe    table row hover [off-white]
#f9fda2 a background = rgb(249,253,162) [yellow highlight]
#f5f6d2 a:visited background, table td hover = rgba(249,253,162,.4)/rgb(245,246,210) [beige]
#8b1109 a:active [dark red]
*/



thead code, a code {
	background: transparent;
}
/* Prettify override for code in thead */
thead .str, thead .kwd, thead .com, thead .typ, thead .lit, thead .pun, thead .pln, thead .tag, thead .atn, thead .atv, thead .dec {color: #fff;}

/* other */
img {

	align: center;
	max-width: 98%;
	margin: 0;
	border: 0px solid #999;
	padding: 15px;
	background: #fff;
} /* max-width:12px/400px */
img.wide {
	width: auto;
	max-width: none;
}
p img, li img, table img, figcaption img, dl img {
	display: inline;
	border: 0px solid #999;
	padding: 0px 15px 15px 10px;
	vertical-align: middle;
	background: transparent;
}
table {
	margin: 1.5em auto;
	border-bottom: 1px solid #999;
	border-collapse: collapse;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: #444;
}
caption {
  margin-bottom: .75em;
	text-align: center;
	font-style: italic;
}
th, td {
	padding: 0.41667em 0.4em 0.3333em;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
th {
	border-top: 1px solid #999;
	padding: 0.4em;
	color: #444;
	background: #ddd;
	text-align: left;
	font-weight: normal;
}
td {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0.4em 0.8em;
	background: #fff;
}
thead th {
	border: none;
	background: transparent;
	color: #fff;
	text-align: center;
}
thead a, article:hover thead a {
	color: #eee;
}
thead a:visited {
	color: #ddd;
}
thead a, thead a:visited {
	background: transparent;
}
thead a:hover, article thead a:hover, thead a:focus, article thead a:focus {
	color: #222;
	background: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
thead a:active, article thead a:active {
	color: #8b1109;
}
/* row and cell hover effects */
tbody tr:hover th, tbody tr:hover td {
	background: #ffe;
}
tbody tr td:hover {
	background: #f5f6d2;
}
/* table contents */
th code {
	white-space: nowrap;
} /* be careful */
td ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
td ul li {
	margin: 0 0 0.5em 1.5em;
}
td ul li img {
	float: left;
	margin: 0.2em 0 0 -1.5em;
}
/* section title permalink hashes */
h2 .permalink, h3 .permalink, h4 .permalink, h5 .permalink, h6 .permalink {
	opacity: 0;
	padding-left: 0.5em;
	line-height: 1;
	font-size: .8333em;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
h2:hover .permalink, h3:hover .permalink, h4:hover .permalink, h5:hover .permalink, h6:hover .permalink, .permalink:focus {
	opacity: 1;
}
/* @end default */
/* @group Layout */
.column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.column, .column ol, .column ul, .columns, .columns ol, .columns ul {
	list-style-position: inside;
}

/* @group basic classes */
.left {
	float: left;
}
.right {
	float: right;
}
.half {
	width: 45%;
}
.right.half {
	margin-left: 1.5em;
	border-left: 1px solid #999;
}
.aside.img {
	float: right;
	clear: both;
}
.right.img {
	margin-left: 1em;
}
.warning {
	color: #c11100;
}
.indent {
	margin-left: 1.5em;
}
.a11y {
	position: absolute;
	left: -9999em;
}
/* @end basic classes */

/* @group objects */
/* ampersandwich
.amp, abbr[title="and"] {
	font-family: Cochin, Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
}
*/
/* .sharing */
.sharing {
	margin-top: 1.5em
}
.sharing.sidenote {
	margin-top: .2143em;
}
/* nav.in-page */
.in-page {
	float: right;
	width: 40%;
	border: 1px solid #ddd;
	margin: 0 0 0 1.5em;
	padding: .375em .375em .375em 2em;
	background: #fff;
}
#article-nav {
	margin: 0 0 0 1.5em;
} /* for specifity */
.in-page ol {
	margin: .75em 0;
}
.in-page h2 {
	margin: 0 0 .75em;
	font-size: 1em;
	font-style: normal;
}
.in-page li {
	font-size: .875em;
	line-height: 1.42857;
}
/* highlights and changes */
.changed {
	border-bottom: 1px dotted #47AD09;
	padding: 2px 1px;
	background: #fff;
} /* inline changes */
/* set up .callout box */
blockquote, .callout {
	margin: 1.5em 0 1.5em -1.5em;
	padding: .75em .5em .75em 1em;
	background: #fff;
}
/*.callout{
  margin: 1.5em 0 1.5em -164px;
}*/
.column, .columns {
	margin: 1.5em 0 1.5em -1.5em;
	padding: .75em .5em .75em 1em;
	border-left: .5em solid transparent;
}
.callout {
	border-left: .5em solid #fff;
}
.callout h2:first-child, blockquote h2:first-child {
	margin: 0 0 1em;
}
.callout h3:first-child, blockquote h3:first-child {
	margin: 0 0 1.2em;
}
.callout h4:first-child, blockquote h4:first-child {
	margin: 0 0 1.3333em;
}
.callout h5:first-child, .callout h6:first-child, blockquote h5:first-child, blockquote h6:first-child {
	margin: 0 0 1.5em;
}
.callout p/*, .callout + figure, .callout + section*/ {
	margin: 0;
}
.callout ol, .callout ul, .column ol, .column ul, .columns ol, .columns ul {
	margin: .75em 0 .75em 1.5em;
}
.callout li ol, .callout li ul, .column li ol, .column li ul, .columns li ol, .columns li ul {
	margin: 0 0 0 1.5em;
} /* TODO: fix with sane default top/bottom margins —oli */
.callout p+p {
	margin-top: 1.5em;
}
.callout a:hover, .callout a:focus {
	background: #fff;
}
/* borders to combine with .callout */
.changed-block {
	border-left: .5em solid #47ad09;
} /* for block-level changes */
.highlight-block {
	/*border: 1px solid #999;*/
	border-left: .5em solid #d4af37;
} /* for block-level highlights */
.note-block {
	border-left: .5em solid hsl(5,50%,70%);
	background: hsla(5,70%,70%,.15);
	font-style: italic;
} /* for block-level author notes */
.warning-block {
	border-left: .5em solid #c11100;
} /* for block-level warnings */
/* .browser-support table */
.browser-support td code {
	font-size: .75em;
	color: #555;
}
.browser-support .warning code {
	color: #555;
}
.browser-support.wide tbody th {
	width: 30%;
}
/* key (eg for table.browser-support) */
.key {
	margin-top: -.75em;
	margin-bottom: 2.25em;
	font-style: italic;
}
/* box shadow */
table, blockquote, .callout, .pastels_on_dark {
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
/*
article img {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
*/
p img, figcaption img, img.clean, img.cleaner, .clean-img img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
img.cleaner {
	border: 0;
	padding: 0;
}
/* big content (WARNING! kills marginalia) */
.wide {
	width: 99%;
}
.wider {
	width: 130%;
	margin-left: -30%;
}
.widest {
	width: 160%;
	margin-left: -30%;
}
/* marginalia */
/* hang right */
.sidenote {
	float: left;
	width: 120px;
	margin: .2143em 0 0 -164px; 
	/*padding-top: .75em;*/
	font-size: .875em !important;
	line-height: 1.42857 !important;
} /* 14/20px (matches 24px line-height every 6 lines) with 3px to match baselines */
.sidenote > * {
	margin-top: 0;
	margin-bottom: 0;
}
.sidenote p+p {
	margin-top: 1.5em;
}
figure .sidenote {
}
/* .vendor-prefix (becide .browser-support table) */
.vendor-prefix {
	float: left;
	margin-left: -164px;
}



/* @script (for modified elements article) */
.script li {
	margin-left: 4em;
	text-indent: -4em;
}
.script b {
	font-weight: normal;
	text-transform: uppercase;
}
.script .action {
	margin: .75em 0;
	text-align: center;
	text-indent: 0;
	font-weight: bold;
	font-style: italic;
}
.script .voiceover {
	font-style: italic;
}
/* side-by-side img wrapper */
.side-by-side {
	min-width: 542px;
	overflow: auto;
	margin-top: 1em;
	padding: 6px;
}
.side-by-side .left {
	margin-top: 0;
}
.semantic-list {list-style-type: none;}
/* @end objects */


html > body .mod div.bsap_1242929 a.adhere {
 width:123px !important;
}

.half {
 width:50%;
}

.area {
border-bottom:3px solid #F0F0F0;
padding-bottom:2em;
}