/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,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%;    vertical-align:baseline;    background:transparent;}body {    line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    display:block;}nav ul {    list-style:none;}blockquote, q {    quotes:none;}blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}a {    margin:0;    padding:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}/* change colours to suit your needs */ins {    background-color:#000;    color:#000;    text-decoration:none;}/* change colours to suit your needs */mark {    background-color:#ff9;    color:#000;    font-style:italic;    font-weight:bold;}del {    text-decoration: line-through;}abbr[title], dfn[title] {    border-bottom:1px dotted;    cursor:help;}table {    border-collapse:collapse;    border-spacing:0;}/* change border colour to suit your needs */hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}input, select {    vertical-align:middle;}

/* Layout */

body {
	font-family: Georgia, Geneva, serif;
	background-color:#000;
	padding:0;
	margin:0;
	font-size: 12pt;
	line-height:16pt;
    color:#fff;
text-align: left;
}

#wrapper {
	background-color:transparent;
	padding:0;
	margin:0 auto;
	width:100%;
	height:auto;
}


#header {
	background-color:transparent;
	text-align:center;
	margin: 0 auto 0 auto;
	padding:0;
	width:100%;
}


#footer {
    width:100%;
	height:25px;
	margin:auto;
	padding: 0em;
}


/* Typography */
/*Strip the ul of padding and list styling*/
nav ul {
list-style-type:none;
margin:0;
padding:0 0 3rem 0;
}


nav ul li {
float:left;
position:relative;
width:auto;
}


nav ul li a {
display:block;
margin: 0;
padding:0 1em;
text-decoration: none;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
color:#fff;
}


nav ul li span {
display:block;
margin: 0;
padding:0 0 1em 1em;
text-decoration: none;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
}


/* Page Title */
h1, h2 {
	text-indent: 0;
	font-family: Georgia, serif;
	font-style:normal;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
	color:#f96a01;
	padding:0;
   margin: 1em 0 0 .5em;
text-shadow: 1px 1px 1px #000;
clear:both;
}

h3 {
	 font-size:1em;
	font-style:normal;
	font-weight:bold;
       margin: 0 0 0 1rem;
     color:#fff;
       text-shadow: 1px 1px 1px #000;
}


a:link {
text-decoration: none;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
color:#fff;}

a:visited {text-decoration: none;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
color:#fff;}

a:hover {
text-decoration: underline;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
color:#d70000;
}

a:active {text-decoration: none;
text-align:left;
font-family: Georgia, serif;
font-style:normal;
font-weight:normal;
font-size:1.1em;
line-height:1.8em;
text-indent:0;
color:#fff;
}

p{
	font-size:1.2em;
line-height:1.3em;
margin-bottom:1em;
	text-indent:2em;
	text-align:left;
	font-family: Georgia, serif;
	font-style:normal;
	font-weight:normal;
	color:#fff;
}


p.noPara {
font-size:1.2em;
line-height:1.3em;
margin-bottom:1em;
	text-indent:0;
	text-align:left;
	font-family: Georgia, serif;
	font-style:normal;
	font-weight:normal;
	color:#fff;
}

p.main {
	text-indent:2em;
	padding-bottom:1em;
	font-weight:normal;
}

p.availability {
	text-indent: .75em;
	margin-top: .75em;
}

p.copyright {
    text-align:left;
    font-family: Georgia, serif;
    font-style:normal;
    font-weight:normal;
    font-size:.8em;
    line-height:1em;
    color:#fff;
}

span {font-style:italic;}

/* images */

img.main{
	width:100%;
	height:auto;
	padding:0;
	margin:auto;
	max-width:1920px;
}


img.cover{
	width:60%;
	height:auto;
	padding:1em;
	margin:1em;
	max-width:400px;
	transform: rotate(-15deg);
}

img {border-width: 0px}

/* default: max width of 544 */
#content {
	background-color:blue;    
	background: url(../images/bkds/Droknina1024x576.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
          background-size: cover;
max-width:1024px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}


#tagline, #world_tagline{
	margin:1rem;
	width:70%;
}

#main {
	margin:1rem;
	width:70%;
}


img.cover{
	width:60%;
	height:auto;
	padding-left:2em;
	margin:1em;
	max-width:400px;
	transform: rotate(-15deg);
}


hr{
	width:50%;
}

#quote {
	display:block;
    background-color:transparent;
    width:70%;
    height:auto;
    max-width:400px;
    font-style:normal;
	font-size:1em;
  line-height:1.4em;
  font-style:normal;
  color:#fff;
  padding:1rem 0 1rem 1rem;
}

#copyright, #privacy {
    width:70%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 544px and up */
    @media (min-device-width: 544px) { 
	#content {
	background-color:transparent;    
	background: url(../images/bkds/Droknina1366x768.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
max-width:1366px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}


#main {
	margin:1rem;
	width:50%;
}


img.cover{
	width:60%;
	height:auto;
	padding-left:2em;
	margin:1em;
	max-width:400px;
	transform: rotate(-15deg);
}

#quote {
	display:block;
	
} 


hr{
	width:50%;
}


#tagline, #world_tagline{
	margin:1rem;
	width:70%;
}

#copyright, #privacy {
    width:70%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 768px and up */
    @media (min-device-width: 768px) { 
#content {
	background-color:transparent;    
	background: url(../images/bkds/Droknina1600x900.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
max-width:1600px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}

#quote {
	display:block;
} 


#main {
	margin:1rem;
	width:40%;
}


img.cover{
	width:50%;
	height:auto;
	padding-left:2em;
	margin:2em;
	max-width:800px;
	transform: rotate(-15deg);
}

hr{
	width:40%;
}


#tagline, #world_tagline{
	margin:1rem;
	width:50%;
}

#copyright, #privacy {
    width:50%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}

/* 992px and up */
    @media (min-device-width: 992px) { 
#content {
	background-color:transparent;    
	background: url(../images/bkds/Droknina1920x1080.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
max-width:1920px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}


#main {
	margin:1rem;
	width:40%;
}


img.cover{
	width:40%;
	height:auto;
	padding-left:2em;
	margin:1em;
	max-width:1600px;
	transform: rotate(-15deg);
	float:right;
}

#quote {
	display:block;
}   


hr{
	width:40%;
}


#tagline, #world_tagline{
	margin:1rem;
	width:40%;
}

#copyright, #privacy {
    width:40%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}


/* 1200px and up */
@media (min-device-width: 1080px) { 
#content {
	background-color:transparent;    
	background: url(../images/bkds/Droknina1366x768.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
max-width:1366px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}

#quote {
	display:block;
} 

#main {
	margin:1rem;
	width:40%;
}


img.cover{
	width:40%;
	height:auto;
	padding-left:2em;
	margin:1em;
	max-width:1600px;
	transform: rotate(-15deg);
	float:right;
}


hr{
	width:40%;
}


#tagline, #world_tagline{
	margin:1rem;
	width:40%;
}

#copyright, #privacy {
    width:40%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}

/* Extra large devices (large desktops, 1920px and up)*/
@media (min-device-width: 1400px) { 
#content {
	background-color:transparent;    
	background: url(../images/bkds/Droknina2560x1440.jpg) no-repeat top center fixed; 
         -webkit-background-size: cover;
         -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
max-width:2844px;
width:100%;
height:100%;
position:fixed;
overflow:auto;
top:0;
right:0; 
}

#quote {
	display:block;
} 

#main {
	margin:1rem;
	width:40%;
}


img.cover{
	width:40%;
	height:auto;
	padding-left:2em;
	margin:1em;
	max-width:1600px;
	transform: rotate(-15deg);
	float:right;
}

hr{
	width:40%;
}


#tagline, #world_tagline{
	margin:1rem;
	width:40%;
}

#copyright, #privacy {
    width:40%;
	height:auto;
	margin:0;
	padding:0 0 1rem 1rem;
}
}