/*
Theme Name: NBO
Description: The default theme for NBO
Author: web-stage, Igor Vasiljev
Author URI: http://www.web-stage.org/
Version: 1.0
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,900,400italic&subset=latin,latin-ext);

@font-face {
    font-family: NeoplantaBG;
    src: url(styles/fonts/NeoplantaBG-Bold.otf);
	font-weight: bold;
    font-family: Sentinel-Book;
    src: url(styles/fonts/Sentinel-Book.otf);
	font-weight: normal; 
    font-family: Sentinel-Medium;
    src: url(styles/fonts/Sentinel-Medium.otf);
	font-weight: normal; 
}
/* 									Reset & Basics
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {line-height: 1;}
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	html {overflow-y: scroll;}
/* 									Typography
================================================== */		
body {
/*	font-family: 'Source Sans Pro', sans-serif; */
	font-family: 'Sentinel-Medium', sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3em;
	color: #444;
	background-image: url("images/background01.png");
	background-color: #ffffff;/*#E8FFC0; #f7ffd3; */
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
strong, b {
	font-weight: 700;
}
em {
	font-style: italic;
}
h1, h2, h3, h4, h5 {
 /* font-family: "Georgia", "Times New Roman", serif;  */
	/* font-family: "OblikBoldRegular", sans-serif; */
	/* font-family: "MomsTypewriterRegular"; */
 	color: #000026;
	line-height: 1em;
	text-rendering: optimizelegibility;	
}
h1 {
	font-weight: 700;
	font-size: 27px;	
	/*text-shadow: rgba(30, 144, 255, 0.9) 0 0 1px; */
	text-transform: uppercase;
  letter-spacing: -1px;
  margin-left: -1px;
}
h2 {
	font-weight: 700;
	font-size: 24px;
	/*text-shadow: rgba(30, 144, 255, 0.5) 0 0 1px;*/
}
h3 {
	font-weight: 700;
	font-size: 18px;
	/*text-shadow: rgba(30, 144, 255, 0.3) 0 0 1px;*/
}
p {
	text-indent: 0px;
	margin-bottom: 4px;
}
p+h1, p+h2, p+h3, ul+h1, ul+h2, ul+h3, ol+h1, ol+h2, ol+h3 {
	margin-top: 20px;
} 
h1+p, h1+ul {margin-top:20px;} 
h2+p, h2+ul, ul+p {margin-top:15px;} 
h3+p, h3+ul, h1+h3, p+ul, p+p {margin-top:10px;} 

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; text-align: justify;}
blockquote { margin: 20px 0 10px; padding: 0;}

/* 									Links
================================================== */
a, a:visited { color: #000026; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #ff0000; }
.site-title a, .site-title a:hover, .site-title a:visited {color: #000026;}
p a, p a:visited { line-height: inherit; }

/* 									Lists
================================================== */
ul, ol { margin-bottom: 0px; }
ul { list-style: none outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 10px 20px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 4px; }
li { line-height: 14px; margin-bottom: 5px; }

/* 									Images
================================================== */
img.scale-with-grid, img.size-full {
	max-width: 100%;
	height: auto; 
	}
/* 									Wrapper
================================================== */
.wrapper {
	width: 1020px;
	margin: 0 auto;
}
/* 									Header
================================================== */
.header {
	width: 100%;
	margin: 30px 0 50px 0;
	}
.header h1{
	font-size: 40px;
}
.branding {
	float: left;
}	
img.logo {
	width: 140px;
	height: auto;
}
.header-widget {
	float: right;
}
ul#menu-featured{
	margin-top: 20px;
	margin-right: -5px;
	font-size: 10px;
}
ul#menu-featured li{
	width: 45px;
	height: 45px;
/* 	width: 50px;
	height: 50px;
 */	text-align: center;
	background: #00bfff;
	display: inline;
	float: left;
	padding: 5px;
	margin: 0 5px;
	-moz-border-radius: 28px;
	border-radius: 28px;
/* 	-moz-border-radius: 32px;
	border-radius: 32px;
 */	
	/*box-shadow: 0px 0px 0px 10px #f5ecd4;*/
}
ul#menu-featured li a{
	display: block;
	line-height: 12px!important;
	margin-top: 11px;
	margin-right: 2px;
/* 	margin-top: 20px;
	margin-right: 0px;
 */	color: #fff;
	text-transform: uppercase;
}
ul#menu-featured li a:hover{
	color: #000;
}

/* 									Main Menu
================================================== */
nav.main-navigation {
	float: left;
}
ul.nav-menu a{
	font-size: 20px;
	}
ul.nav-menu ul{
	margin-top: 7px;
}
ul.nav-menu ul li{
	padding-left: 0px;
	margin-bottom: 0.6em;
	padding-bottom: 0;
	line-height: 0.6em;
}
ul.nav-menu ul li a{
	font-size: 14px;
}
ul.nav-menu > li{
margin-bottom: 8px!important;
}
.main-navigation li.current-menu-item > a {
		color: #00bfff;
		}
 .current-menu-parent > a{
		color: #00bfff;!important;
		}
/*.main-navigation li li.current-menu-item a{
		color: #00bfff;
		} */
.main-navigation a{
	text-transform: uppercase;
	} 
/* 									Main Content
================================================== */
#content {
	width: 600px;
	float: right;
/* 	padding-left: 60px;
 */	padding-left: 150px;
	margin-left: 50px;
	border-left: 1px dotted #00bfff;
}


#content h1 {margin-top: -6px;}
#content h2+h1 {margin-top: 0px;}
#content h1+h2 {margin-top: 20px;}
#content ul li{
	padding-bottom: 0px;
	font-size: 90%;
	line-height: 1.2em;
	}

.slider-container {
	width: 603px;
	position: relative;
 	margin-left: 0px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 20px;
}
.slide {
	width: 600px;
}
.slide img{
	width: 100%;
	height: auto;
}
ul#slider, ul#slider li {
	margin:0!important;
	padding:0!important;
}
.maska {
	width: 100%;
	height: inherit;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 9999;
}
.slide img {
	width: 600px;
	height: auto;
}

/* 									Footer
================================================== */
footer#colophon {
	position: relative;
	width: 100%;
	margin-top: 10px;
	padding-top: 20px;
	margin-bottom: 60px;
	border-top: 1px dotted #00bfff;
	font-size: 12px;
	text-align: right;
}
.footer-section01 {
	position: absolute;
	width: 90px;
	left: 0;
	top: 19px;
}
.footer-section02 {
	position: absolute;
	width: 30px;
	left: 105px;
	top: 22px;
}
.footer-section03 {
	position: absolute;
	right: 20px;
	top: 16px;
}
.footer-section01 img, .footer-section02 img {
	width: 100%;
	height: auto;
}
#content td{
  width: 180px;
  padding: 12px 12px;
  text-align: center;
  line-height: 12px;
 	font-size: 12px;
}
#content td img{
  
}
/*#content td a{  
  color: #00BFFF;
}
#content td a:hover{  
  color: #000;
}*/
#content td{
	/*border-bottom: 1px dotted black;*/
}


/* 									youtube_gallery
================================================== */
.youtube_gallery {
  float:right;
	margin-right: 0!important;
  margin-top: -19px!important;
}
.youtube_gallery_item img:last-child {
	background: #1e90ff;
	padding: 1px;
	border: 0px solid #999;
	margin: 0;
	width: 100%;
}
.youtube_gallery_item img:last-child:hover {
	background: #ff8c00;
}
.youtube_gallery_divider {
	display: none;
}
.youtube_gallery_item {
	padding-left:22px;
}
.youtube_gallery div {
  margin-bottom: 5px!important;
  text-align: left!important;
}
/* 									image gallery
================================================== */
.gallery {
	margin-top: -8px!important;
  margin-right: -4px!important;
}
.gallery img {
	border: 1px solid #1e90ff!important;
}
.gallery img:hover {
	border: 1px solid #ff8c00!important;
}

/* 									Clearing
================================================== */

    /* Self Clearing Goodness */
    .content:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	
	
	
/* 									Dodatni stilovi za preorder page
================================================================================ */

.preorder-title {
	font-size:40px; 
	text-align:left; 
	font-family:NeoplantaBG; 
	/*font-weight:bold;*/
	line-height:130%;
	margin-left: 62px;
	margin-bottom: 10px;
	margin-top: -30px;	
	}
.preorder-badges {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px; 
	} 
.preorder-badges-container {
	margin-top: 20px;
	}
.preorder-fb-container {
	margin-top: 15px;
	margin-left: -10px;
	}