diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html
new file mode 100644
index 0000000..bc28065
--- /dev/null
+++ b/layouts/shortcodes/audio.html
@@ -0,0 +1,7 @@
+<figure {{ with .Get "class" }}class="{{ . }}"{{ end }}>
+	<audio controls preload="{{ .Get "preload" | default "metadata" }}">
+		{{ with .Get "src" }}<source src="{{ . }}" type="audio/mpeg">{{ end }}
+	</audio>
+	{{ with .Get "caption" }}<figcaption><h4>{{ . }}</h4></figcaption>{{ end }}
+
+</figure>
diff --git a/static/css/style.css b/static/css/style.css
index f980f9a..8bb3682 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -434,6 +434,12 @@ figure img {
 	max-width: 100%;
 }
 
+
+figure.audiofig audio {
+	width: 90%;
+	align: center;
+}
+
 .center {
 	text-align: center;
 }