From ef7b9bbecf050fb62334f32de730f00c63e41597 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knsv@users.noreply.github.com>
Date: Mon, 17 Nov 2014 10:18:22 +0100
Subject: [PATCH] Update README.md

Added info about default styles
---
 README.md | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 322503ebd..00d4156c1 100644
--- a/README.md
+++ b/README.md
@@ -67,9 +67,29 @@ Would end up like this:
     </svg>
 </div>
 ```
-
 An id is also added to mermaid tags without id.
 
+## Default style
+
+Set the default styles for the graphics in css:
+
+```
+text {
+    font-weight: 300;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
+    font-size: 14px;
+}
+.node rect {
+    stroke: #999;
+    fill: #fff;
+    stroke-width: 1.5px;
+}
+.edgePath path {
+    stroke: #333;
+    stroke-width: 1.5px;
+}
+```
+
 # A graph example
 
 ```
@@ -180,4 +200,4 @@ A---|This is the text|B;
 ![Text on links](http://www.sveido.com/mermaid/img/ex11.png)
 
 # Credits
-Many thanks to the [d3](http://d3js.org/) and [dagre-d3](https://github.com/cpettitt/dagre-d3) projects for providing the graphical layout and drawing libraries!!!
\ No newline at end of file
+Many thanks to the [d3](http://d3js.org/) and [dagre-d3](https://github.com/cpettitt/dagre-d3) projects for providing the graphical layout and drawing libraries!!!