/*
Theme Name: Volume
Theme URI: http://volumeproject.org/
Author: Golfstromen
Version: 2.1
*/

* {
margin: 0;
padding: 0;
border: 0;
}

html, body {
font-family: 'Georgia', 'Times New Roman', 'Times', serif;
height: 100%;
background: #eee url('images/bg.png') no-repeat;
color: #000;
}

@font-face {
font-family: 'ReplicaStdRegular';
src: url('fonts/ReplicaStdRegular.eot'); /* IE9 Compat Modes */
src: url('fonts/ReplicaStdRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/ReplicaStdRegular.woff') format('woff'), /* Modern Browsers */
url('fonts/ReplicaStdRegular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/ReplicaStdRegular.svg#svgReplicaStdRegular') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'ReplicaStdBold';
src: url('fonts/ReplicaStdBold.eot'); /* IE9 Compat Modes */
src: url('fonts/ReplicaStdBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/ReplicaStdBold.woff') format('woff'), /* Modern Browsers */
url('fonts/ReplicaStdBold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/ReplicaStdBold.svg#svgReplicaStdBold') format('svg'); /* Legacy iOS */
}

/* Basic elements */

#container {
width: 960px;
}

.site-nav {
z-index: 10;
width: 960px;
height: 160px;
margin: 0 0 0 0;
padding: 0 0 20px 0;
background: url('images/logo.png') left top no-repeat;
border-bottom: 1px solid #ccc;
}

#content {
width: 720px;
float: left;
}

footer {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
border-top: 1px solid #ccc;
padding: 30px 20px 30px 40px; 
width: 900px; 
display: block; 
clear: both; 
position: relative; 
font-size: 0.9em;
color: #999;
}

/* Header */

.menu {
text-align: justify;
list-style: none;
padding: 100px 0 0 40px;
z-index: 1;
height: 40px;
width: 920px;
}

.menu li {
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
display: inline-block; 
white-space: nowrap;
color: #000;
}

.menu li a {
color: #000;
font-size: 1.2em;
border-bottom: 2px solid #ccc;
text-decoration: none;
}

.menu li a:hover {
text-decoration: none;
color: #04AFCF;
}

.menu .twitter, .menu .instagram, .menu .facebook {
border: 0;
}

.menu .twitter img, .menu .facebook img {
margin: 0 18px -7px 0;
width: 25px;
height: 25px;
}

.menu .instagram img {
margin: 0 0 -8px 0;
width: 25px;
height: 25px;
}

.menu span {
display: inline-block; 
width: 100%;
}

/* Content */

.featured {
width: 720px;
height: 450px;
overflow: hidden;
background: #ddd;
margin: 0 0 20px 0;
font-family: 'ReplicaStdBold', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-weight: normal;
}

.maximage {
position: relative !important;
display: none;
}

.featured header {
z-index: 5;
font-size: 2.2em; 
width: 420px;
font-weight: normal;
opacity: 0.8; 
filter: alpha(opacity=80); 
left: 0px; 
margin: 40px 40px 40px 0;
display: inline;
position: absolute; 
padding: 15px 20px 15px 40px; 
background: #fff;
line-height: 1.1em;
box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
-webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
}

.featured header a {
background: #fff;
color: #000;
text-decoration: none;
}

.featured header a:hover {
color: #04AFCF;
text-decoration: none;
cursor: pointer;
}

.featured .arrows {
position: absolute; 
z-index: 10; 
font-size: 1.8em; 
line-height: 0;
margin: 412px 0 0 40px;
}

.featured .arrow-left, .featured .arrow-right {
opacity: 0.8; 
filter: alpha(opacity=80);
box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
-webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.50);
padding: 3px 10px;
margin: 0;
background: #fff;
}

#index {
float: left;
width: 420px;
padding: 0 20px 0 0;
margin: 0 40px 0 0;
}

article {
width: 420px;
padding: 20px 20px 20px 40px;
background: #fff;
margin: 0 40px 40px 0;
}

article .size-medium, article .size-full {
width: 480px;
height: auto;
margin: 0 0 0 -40px;
}

article iframe {
margin: 0 0 0 -40px;
}

#navigation {
width: 420px; 
padding: 20px 20px 20px 40px;
height: auto;
margin: 0 0 40px 0;
background: #ddd;
}

#navigation:after {
content:'';
display:block;
clear:both;
}

#navigation ul {
list-style: none;
}

#navigation li {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
font-size: 0.9em;
color: #fff;
}

#navigation .older a {
float: left;
padding: 6px 10px;
background: #999;
}

#navigation .older a:hover {
background: #666;
}

#navigation .newer a {
float: right;
padding: 6px 10px;
background: #999;
}

#navigation .newer a:hover {
background: #666;
}

#navigation li a {
text-decoration: none;
color: #fff;
}

#page .size-large {
width: 720px;
height: auto;
margin: 0 0 0 -40px;
}

#single {
float: left;
width: 460px;
height: auto;
padding: 0 20px 20px 0;
margin: 0 40px 0 0;
overflow: hidden;
}

#single article {
width: 420px;
padding: 20px 20px 20px 40px;
background: #fff;
margin: 0 40px 30px 0;
}

.nrelate {
margin: 0;
}

.nrelate .nr_panel {
padding: 20px 20px 0 40px;
cursor: pointer;
width: 420px;
display: block;
background: #fff;
margin: 0 0 40px 0;
}

.nrelate .nr_post_title {
display: block;
font-weight: normal;
font-size: 1.6em;
line-height: 1.2em;
margin: 0 0 15px 0;
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #000;
}

.nrelate .nr_post_title:hover {
color: #04AFCF;
cursor: pointer;
}

.nrelate .nr_panel:link {
text-decoration: none;
color: #000;
}

.nrelate .nr_panel:hover {
color: #000;
cursor: default;
}

.nrelate .nr_img {
margin: -20px 20px 15px -41px;
float: left;
border: 0;
}

.nrelate .nr_excerpt {
line-height: 1.7em;
font-size: 0.83em;
color: #000;
}

.nrelate .nr_excerpt:hover {
color: #000;
cursor: default;
}

article:after {
content:'';
display:block;
clear:both;
}

.wp-caption-text {
font-size: 0.8em;
line-height: 1.6em;
margin: 10px 0 20px 0;
padding: 0 20px 0 10px;
width: 400px;
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
border-left: 2px solid #ddd;
}

.share {
float: left;
background: #eee;
padding: 6px 0px 6px 10px;
color: #fff; 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px;
margin: -5px 0 0 0;
}

.share span {
margin: 0 5px 0 0;
}

.thumbnail {
margin: 0 0 20px 0;
}

#comments {
width: 440px;
height: auto;
padding: 20px 20px 20px 40px;
z-index: 10;
height: auto;
margin-bottom: 40px;
overflow: hidden;
background: #fff;
}

/* Titles */

h1 {
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 3em;
line-height: 1.1em;
margin-bottom: 20px;
font-weight: normal;
}

h1 a {
color: #000;
}

h2 {
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 1.1em;
line-height: 1.4em;
color: #000;
font-weight: normal;
}

h2 a {
color: #000;
text-decoration: none;
}

h2 a:hover {
color: #04AFCF;
}

h3 {
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 1.7em;
line-height: 1.1em;
margin: 0 0 20px 0;
font-weight: normal;
}

h3 a {
color: #000;
text-decoration: none;
}

h3 a:hover {
color: #04AFCF;
text-decoration: none;
}

h4 { 
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 2.6em;
line-height: 1.1em;
margin-bottom: 20px;
font-weight: normal;
}

h4 a {
color: #000;
text-decoration: none;
}

h4 a:hover {
color: #04AFCF;
}

h5 {
font-family: "ReplicaStdBold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
}

h5 a:hover {
color: #04AFCF;
}

.vcard {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 1em;
margin: 0 0 20px 0;
line-height: 1.4em;
font-weight: normal;
}

.vcard a {
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}

.vcard a:hover {
color: #04AFCF;
border-bottom: 1px solid #04AFCF;
}

#single h6 {
margin: 0 0 20px 0;
}

p, ul, ol {
margin-bottom: 20px;
line-height: 1.6em;
font-size: 1em;
}

small {
font-size: 0.75em;
line-height: 1.8em;
}

blockquote {
padding: 0 0 0 20px;
margin: 0 0 0 20px;
border-left: 2px solid #ddd;
}

p a, ul a, ol a {
color: #04AFCF;
text-decoration: none;
}

p a:hover {
color: #04AFCF;
text-decoration: underline;
}

.alignleft {
float: left;
margin: 0 20px 10px -40px;
}

#single .button a {
float: right;
border: 0;
line-height: 1.4em;
}

.button {
margin: 20px 0 0 0;
text-align: right;
margin: 0;
}

.button a {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
background: #d44b38; 
padding: 6px 10px;
color: #fff;
text-decoration: none;
font-size: 0.9em;
}

.button a:hover {
background: #04AFCF;
color: #fff;
text-decoration: none;
cursor: pointer;
}

/* Page */

#page {
padding: 20px 20px 20px 40px;
background: #fff;
margin: 0;
width: 660px;
float: left;
}

#page p {
padding-bottom: 10px;
}

#page .email {
font-family: 'Georgia', 'Times New Roman', 'Times', serif;
padding: 6px 10px;
font-size: 1em;
background: #eee;
width: 300px;
margin: 0 0 10px 0;
}

#page #mc-embedded-subscribe {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
background: #d44b38; 
padding: 6px 10px;
color: #fff;
text-decoration: none;
font-size: 0.9em;
margin: 0;
}

#page #mc-embedded-subscribe:hover {
background: #04AFCF;
color: #fff;
text-decoration: none;
cursor: pointer;
}

/* Sidebar */

aside {
font-family: 'Georgia', 'Times New Roman', 'Times', serif;
width: 200px;
}

.center {
float: right;
margin: 20px 0 0 0;
}

.right {
float: right;
margin: 20px 0 0 0;
}

aside .size-thumbnail {
width: 200px;
height: auto;
}

aside a {
text-decoration: none;
color: #04AFCF;
}

aside a:hover {
text-decoration: underline;
}

aside li {
list-style: none;
margin: 5px 0 20px 0;
line-height: 1.6em;
font-size: 0.8em;
}

aside h3 {
margin: 0 0 10px 0;
}

aside h3 a {
color: #000;
}

aside h3 a:hover {
text-decoration: none;
}

#widget {
width: 200px;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #ddd;
}

#widget p {
margin: 10px 0;
line-height: 1.7em;
font-size: 0.8em;
}

#widget img {
margin: 10px 0;
}

#widget li {
list-style: none;
}

#widget .button {
color: #fff;
margin: 10px 0 0 0;
}

#mc_embed_signup .email {
margin: 5px 0 0 0;
width: 190px;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-size: 0.8em;
padding: 5px;
}

#mc-embedded-subscribe {
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
background: #d44b38; 
padding: 6px 10px;
color: #fff;
text-decoration: none;
font-size: 0.9em;
}

#mc-embedded-subscribe:hover {
background: #04AFCF;
color: #fff;
text-decoration: none;
cursor: pointer;
}

#widget .twitter {
list-style: none;
margin: 5px 0 0 0;
width: 200px;
}

#widget .twitter li {
margin: 3px 0 10px 0;
padding: 5px 0;
list-style: none;
font-size: 0.8em;
line-height: 1.7em;
}

#widget .twitter img {
margin: 0 5px 0 0;
}

#widget .twitter a {
text-decoration: none;
color: #04AFCF;
}

#widget .twitter .button {
margin: 5px 0 0 0;
}

#widget .twitter .button a {
color: #fff;
text-decoration: none;
}

#widget .twitter .timestamp {
float: left;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
width: 80px;
text-align: left;
visibility: hidden;
display: none;
}

#widget .twitter .timestamp a {
color: #999;
}

#widget .twitter .icons {
float: right;
width: 80px;
text-align: right;
visibility: hidden;
display: none;
}

#widget .facebook {
border: 0;
width: 200px;
z-index:10;
height: 260px;
overflow: hidden;
position:relative;
margin: -10px 0 0 0;
}

#widget .facebook iframe{
left:-10px;
overflow:hidden;
position:relative;
top:-1px;
}

#subscribe {
height: 187px; 
width: 140px; 
overflow: hidden;
float: left;
margin: 0 20px 20px 0;
}

#subscribe img {
height: 187px; 
width: 140px; 
}

#search {
}

#search .text {
margin: 5px 0 -5px 0;
font-size: 0.8em;
padding: 8px 11px;
width: 180px;
font-family: "Georgia", "Times New Roman", "Times", serif;
color: #000;
background: #fff;
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px;
}

#search submit {
float: right;
}

#search .submit {
float: right;
font-size: 1.1em;
letter-spacing: 0.1em;
padding: 3px;
color: #fff;
background: #04AFCF;
}

/* Single */

/* Issues and author */

.issues {
width: 735px;
z-index: 5;
}

.issues:hover {
z-index: 100;
}

#author {
width: 735px;
float: left;
}

#block {
padding: 20px 20px 20px 40px;
background: #fff;
margin: 0 0 40px 0;
width: 660px;
float: left;
}

#block:after {
content:'';
display:block;
clear:both;
}

#issues #block img {
margin: 0 20px 15px 0;
float: left;
}

/* publication */

#publication, .related {
padding: 20px 20px 10px 40px;
background: #fff;
width: 660px;
margin-bottom: 40px;
float: left;
}

#publication:after {
content:'';
display:block;
clear:both;
}

#publication .wp-post-image {
width: 300px;
height: auto;
}

#related-cat {
padding: 20px 20px 20px 40px;
background: #04AFCF;
width: 660px;
margin-bottom: 40px;
font-family: "ReplicaStdRegular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
font-size: 1.3em;
}

#related-cat a {
color: #fff;
text-decoration: none;
}

#publication img {
float: left;
margin: -20px 20px 10px -40px;
}

#publication .button {
float: right;
margin: 10px 0 8px 10px;
}

.issuu {
width: 735px;
margin: 0 0 20px -40px;
}

.issuu h2 {
position: absolute;
margin: 20px 0 0 40px;
}

#wrapper-2 {
margin: 40px 0 0 0;
width: 510px;
float: left;
}