/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

* {
margin:0;
padding:0;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
color:#333;
font-family: 'Ubuntu', sans-serif;
font-size:11px;
height:100%;
line-height:14px;
padding-top:0px;
}
body.section-1 {
}
body.section-2 {
}
body.section-3 {
}
#menu a {
font-weight:normal;
padding:0;
text-decoration:none;
}
#menu em {
color:#dddddd;
font-weight:normal;
}
a:link {
color:#aaaaaa;
text-decoration:none;
}
a:active {
color:#aaaaaa;
text-decoration:none;
}
a:visited {
color:#aaaaaa;
text-decoration:none;
}
a:hover {
background-color:#7777777;
color:#eeeeee;
text-decoration:none;
}
a img {
border:medium none;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#menu a.name {
border:medium none;
display:block;
padding-bottom:0;
}
#menu a.name strong {
}

#menu {
display: inline;
background-color:#444;
font-size:11px;
left:0;
height: 20px;
line-height:14px;
margin:0px;
padding:0 0 5px 5px;
position:fixed;
top:0;
width:100%;
color:#ddd;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px;
clear:none;
display:inline;
}
#menu li {display:inline}

#menu ul li.section-title {
color:#ddd;
font-weight:normal;
letter-spacing:0;
margin-bottom:5px;
padding:0 0 1px 20px;
width:133px;
display: inline;
}
#menu a {
padding:1px;
}
#menu p {
display:inline;
color:#fff;
}

#menu p a {color:#fff;}
#menu p a:hover {color:#3c86df;}

#menu ul li.active a, #menu a:active {
color:#3c86df;
text-decoration:none;
}
#menu a:hover, #menu li.active a:hover {
color:#fff;
text-decoration:none;
}
#content {
height:100%;
margin:30px 0 0 5px;
top:0;
}
#content a {
color: #3c86df
}

#content a:hover {text-decoration:underline;}
#content a:visited {color: #3c86df}

#content strong {
font-weight:normal;
}
.container {
padding:5px 5px 25px;
}
#content p {
color:#444;
margin-bottom:9px;
}

h1 {
font-size:11px;
font-style:normal;
height:100%;
margin:10px 0 0 0;
padding-bottom: 1px;
width:300px
top:0;
color:#000;
}
h2 {
font-size:11px;
font-style:normal;
height:100%;
margin:0;
padding-bottom: 1px;
width:300px
top:0;
color:#000;
}
#img-container {
margin:0;
padding:0;
}

.captioning {
font-weight:lighter;
}

.captioning .title {
padding-bottom: 1px
}

.captioning .caption {
font-style:italic;
color: #444;
width: 400px
}



#img-container p {
margin:0;
padding:0 0 5px;
width:400px;
}
#once {
clear:left;
}
#num {
font-family: 'Ubuntu', sans-serif;
font-size:11px;
}
#next {
font-family: 'Ubuntu', sans-serif;
font-size:11px;
}
#prev {
font-family: 'Ubuntu', sans-serif;
font-size:11px;
}

.backgrounded {
margin-right:3px;
}
.backgrounded a {
border:medium none;
}
.backgrounded a img {
border:0 solid #FFFFFF;
height:65px;
width:65px;
}
.backgrounded-text {
margin-top:9px;
}

#roundel {
height:100px;
width:100px;
position:fixed;
top:10px;
right: 10px;
background-image: url('http://www.jonnyburch.com/ndxz-studio/site/jonny3/roundel.png');
clear:none;
float:right;
}