diff --git a/js/calm.js b/js/calm.js
index c6fde20..e89f921 100644
--- a/js/calm.js
+++ b/js/calm.js
@@ -85,8 +85,8 @@ function changeStyle() {
 		$(".userMenu-dhtindicator").hide();
 	}else 
 	{
-		style = 'css/calm/style.css';
-		profile = 'css/calm/profile.css';
+		style = 'theme_calm/css/style.css';
+		profile = 'theme_calm/css/profile.css';
 		menu = '.calm_menu';
 	}
 	$('#stylecss').attr('href', style);
diff --git a/theme_calm/css/OpenSans-Bold.ttf b/theme_calm/css/OpenSans-Bold.ttf
new file mode 120000
index 0000000..5c95d07
--- /dev/null
+++ b/theme_calm/css/OpenSans-Bold.ttf
@@ -0,0 +1 @@
+../../css/OpenSans-Bold.ttf
\ No newline at end of file
diff --git a/theme_calm/css/OpenSans-Italic.ttf b/theme_calm/css/OpenSans-Italic.ttf
new file mode 100644
index 0000000..c90da48
Binary files /dev/null and b/theme_calm/css/OpenSans-Italic.ttf differ
diff --git a/theme_calm/css/OpenSans-Regular.ttf b/theme_calm/css/OpenSans-Regular.ttf
new file mode 120000
index 0000000..3075b91
--- /dev/null
+++ b/theme_calm/css/OpenSans-Regular.ttf
@@ -0,0 +1 @@
+../../css/OpenSans-Regular.ttf
\ No newline at end of file
diff --git a/theme_calm/css/OpenSansCondensed300.ttf b/theme_calm/css/OpenSansCondensed300.ttf
new file mode 100644
index 0000000..97c355b
Binary files /dev/null and b/theme_calm/css/OpenSansCondensed300.ttf differ
diff --git a/theme_calm/css/profile.css b/theme_calm/css/profile.css
new file mode 100644
index 0000000..d4c432d
--- /dev/null
+++ b/theme_calm/css/profile.css
@@ -0,0 +1,404 @@
+/**************************************
+********************* PROFILE PHOTO ***
+***************************************/
+.profile-card
+{
+    padding: 9px;
+    background: rgba( 255, 255, 255, .5 );
+    border: solid 1px rgba( 69, 71, 77, .05 );
+    position: relative;
+    background: #43464d;
+}
+.profile-card-main
+{
+    width: 520px;
+    padding: 10px;
+    text-align: center;
+    position: relative;
+    transition: all .2s linear;
+    background: rgba(255,255,255, .1);
+}
+/*.profile-card-main:before
+{
+    content: "";
+    border: solid 0px #fff;
+    transition: all .2s linear;
+    position: absolute;
+    left: 1px;
+    top: 1px;
+    right: 1px;
+    bottom: 1px;
+    z-index: 0;
+}*/
+.profile-card-main *
+{
+    position: relative;
+    z-index: 1;
+}
+.profile-card-photo
+{
+    width: 74px;
+    height: 74px;
+    border: solid 3px #45474d;
+    border-radius: 10%;
+    box-sizing: content-box;
+    float:left;
+    top: 50%;
+    background-color: #3b3c41;
+}
+.profile-card-main h1
+{
+    font-size: 24px;
+    font-weight: bold;
+    color: #fff;
+}
+.profile-card-main h2 {
+    color: #7691ce;
+    font-size: 14px;
+}
+.forEdition .profile-card-main h2 {
+    left: 20%;
+    top: 19%;
+    color: #f8f8f8;
+}
+.profile-card .direct-messages,
+.profile-card .direct-messages-with-user,
+.profile-card .follow,
+.profile-card .profileUnfollow
+{
+    display: block;
+    position: absolute;
+    bottom: 20px;
+    right: 3px;
+    padding: 10px 3px;
+    font-size: 12px;
+    width: 120px;
+    text-align: center;
+    color: rgba( 0, 0, 0, .7 );
+    background: rgba( 0, 0, 0, .1 );
+    border: none;
+    transition: all .2s linear;
+}
+.profile-card .follow,
+.profile-card .profileUnfollow
+{
+    right: 128px;
+}
+.profile-card .direct-messages:hover,
+.profile-card .direct-messages-with-user:hover,
+.profile-card .follow:hover,
+.profile-card .profileUnfollow:hover
+{
+    background: rgba( 0, 0, 0, .3 );
+}
+.profile-card.forEdition
+{
+    margin: 0 auto;
+    width: 540px;
+}
+.forEdition .profile-card-photo
+{
+    border: solid 2px #fff;
+    position: relative;
+    cursor: pointer;
+    transition: all .2s linear;
+    z-index: 10;
+}
+.forEdition .profile-card-main:hover:after,
+.forEdition .profile-card-photo:after
+{
+    content: "";
+    width: 36px;
+    height: 36px;
+    position: absolute;
+    top: -5px;
+    right: 0px;
+    background: url(../img/edit.png) no-repeat right top;
+}
+.forEdition .profile-card-main:hover:before
+{
+    border: solid 5px #fff;
+}
+.forEdition .profile-card-main h2
+{
+    margin-bottom: 8px;
+}
+.forEdition .profile-card-main input
+{
+    display: block;
+    margin: 0 auto;
+    background: rgba( 255, 255, 255, .8 );
+    border: none;
+    padding: 6px 4px;
+    margin-bottom: 4px;
+    text-align: center;
+    transition: all .2s linear;
+}
+.forEdition .profile-card-main input:hover
+{
+    background: rgba( 255, 255, 255, .7 );    
+}
+.forEdition .profile-card-photo:hover{
+    background: #9096a5;
+}
+.forEdition .profile-card-main input:focus{
+    background: #fff;
+    color: #4d4d4d;
+}
+
+/* inputs placeholders color */
+.forEdition .profile-card-main input::-webkit-input-placeholder {
+    color: #4d4d4d;
+}
+.forEdition .profile-card-main input:-moz-placeholder {
+    color: #4d4d4d;
+}
+.forEdition .profile-card-main input::-moz-placeholder {
+    color: #4d4d4d;
+}
+.forEdition .profile-card-main input:-ms-input-placeholder {
+    color: #4d4d4d;
+}
+.forEdition .profile-card-main input:focus::-webkit-input-placeholder {
+    color: #fff;
+}
+.forEdition .profile-card-main input:focus:-moz-placeholder {
+    color: #fff;
+}
+.forEdition .profile-card-main input:focus::-moz-placeholder {
+    color: #fff;
+}
+.forEdition .profile-card-main input:focus::-ms-input-placeholder {
+    color: #fff;
+}
+
+.profile-card-main input.input-name{
+    position: absolute;
+    top: 30px;
+    right: 20px;
+}
+.profile-card-main input.input-description
+{
+    width: 90%;
+    margin-top: 100px;
+}
+.input-name
+{
+    font-size: 20px;
+}
+.forEdition .profile-card-main .input-website,
+.forEdition .profile-card-main .input-city
+{
+    display: inline-block;
+    margin-top: 10px;
+}
+.forEdition .profile-card-main .input-tox,
+.forEdition .profile-card-main .input-bitmessage
+{
+    width: 90%;
+    margin-top: 10px;
+}
+.profile-edition-buttons
+{
+    padding: 10px;
+    text-align: right;
+}
+.profile-edition-buttons button {
+    background: #f1f1f1;
+    color: #333;
+}
+.profile-edition-buttons button:hover {
+    background: #fff;
+    transition: background-color 300ms ease-in;
+}
+.secret-key-container .label {
+    color: #9096a5;
+}
+.secret-key-container .secret-key {
+    color: #d2dbf1;
+}
+/*************************************
+****************** PROFILE MODAL
+**************************************/
+.profile-modal .modal-wrapper
+{
+    width: 580px;
+    border-radius: 5px;
+    overflow: hidden;
+    position: absolute;
+    top:5%;
+    height: 90%;
+    margin-left: -300px;
+
+}
+.profile-modal .modal-content
+{
+    padding: 3px;
+    height: 100%;
+}
+.profile-modal h1.profile-name {
+    color: #43464d;
+}
+.profile-modal .profile-location {
+    color: #48577d;
+}
+.profile-modal .profile-url {
+    font-size: 14px;
+    font-style: italic;
+}
+.profile-modal .profile-bio {
+    text-align: center;
+}
+#msngrswr {
+    position: absolute;
+    left: 10px;
+    margin-top: 10px;
+}
+#toxbtnwr, #bmbtnwr {
+    float: left;
+    display: none;
+}
+.bitmessage-ctc, .tox-ctc {
+    height: 35px;
+    width: 30px;
+    display: inline-block;
+    margin-right: 10px;
+    border: 1px solid #d6d8dc;
+    background: #e3e5ea url(img/clipboard.png) center no-repeat;
+    opacity: .8;
+    -webkit-border-radius: 0 5px 5px 0;
+    -moz-border-radius: 0 5px 5px 0;
+    border-radius: 0 5px 5px 0;
+    -webkit-transition: all 20ms;
+    -moz-transition: all 20ms;
+    -ms-transition: all 20ms;
+    -o-transition: all 20ms;
+    transition: all 20ms;
+}
+.bitmessage-ctc:hover, .tox-ctc:hover {
+    background-color: #f0f2f8;
+    opacity: 1;
+    cursor: pointer;
+}
+.bitmessage-ctc:active, .tox-ctc:active {
+    background-color: #edfced;
+}
+.profile-modal .profile-tox, .profile-modal .profile-bitmessage {
+    display: inline-block;
+    width: 80px;
+    height: 35px;
+    border: 1px solid #c0c2c6;
+    opacity: .8;
+    -webkit-border-radius: 5px 0 0 5px;
+    -moz-border-radius: 5px 0 0 5px;
+    border-radius: 5px 0 0 5px;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover {
+    opacity: 1;
+    background-color: #f0f2f8;
+}
+.profile-modal .profile-tox:active, .profile-modal .profile-bitmessage:active {
+    background-color: #edfced;
+}
+.profile-modal .profile-tox {
+    background: #e3e5ea url(../img/tox.png) center no-repeat;
+}
+.profile-modal .profile-bitmessage {
+    background: #e3e5ea url(../img/bm.png) center no-repeat;
+}
+.profile-modal .profile-data
+{
+    display: inline-block;
+    margin-left: -4px;
+    margin-top: 40px;
+    border-bottom: 0;
+}
+button.follow:hover {
+    background: #b2d67b;
+    color: #fff;
+}
+.profile-modal button.follow:hover {
+    background: #b2d67b;
+    color: #fff;
+}
+.profile-card .profileUnfollow:hover {
+    background: #e18882;
+    color: #fff;
+}
+.profile-modal button.direct-messages-with-user:hover {
+    background: #b2d67b;
+    color: #fff;
+}
+.profile-modal .postboard
+{
+    margin-left: 0;
+    padding: 5px 0 5px 0;
+    height: 100%;
+}
+.profile-modal .postboard h2 {
+    width: auto;
+}
+.profile-modal .postboard h2 span {
+    font: 18px/40px 'Open Sans Condensed', sans-serif;
+    padding-left: 10px;
+}
+.profile-modal .postboard-posts
+{
+    display: block;
+    height: 90%;
+    overflow: auto;
+}
+.profile-modal .profile-card-main
+{
+    background: #f3f5fb;
+    color: #8d8d8d;
+    width:100%;
+}
+.profile-modal .profile-card-main a {
+    color: #8bb9e0;
+}
+.profile-modal .postboard-posts .post
+{
+    padding: 0;
+}
+.profile-modal .post-interactions
+{
+    margin: 2px 10px 3px 60px;
+}
+.profile-modal .profile-card
+{
+    margin: 0;
+    padding: 0;
+    background: #f3f5fb;
+}
+/*
+.profile-card-main
+{
+    height: 200px;
+}
+*/
+.profile-modal .direct-messages,
+.profile-modal .direct-messages-with-user,
+.profile-modal .follow,
+.profile-card .profileUnfollow
+{
+    bottom: 10px;
+}
+
+h1.profile-name {
+    display: inline;
+}
+h2.profile-screen-name {
+    display: inline;
+    bottom: 0;
+    color: #8f95a4;
+}
+
+.profile-modal .modal-buttons {
+   display: none;
+}
\ No newline at end of file
diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css
new file mode 100644
index 0000000..13bbf39
--- /dev/null
+++ b/theme_calm/css/style.css
@@ -0,0 +1,2009 @@
+@font-face
+{
+    font-family: "Open Sans";
+    src: url("OpenSans-Regular.ttf");
+}
+@font-face
+{
+    font-family: "Open Sans";
+    src: url("OpenSans-Bold.ttf");
+    font-weight: bold;
+}
+@font-face
+{
+    font-family: "Open Sans";
+    src: url("OpenSans-Italic.ttf");
+    font-style: italic;
+}
+@font-face
+{
+    font-family: "Open Sans Condensed";
+    src: url("OpenSansCondensed300.ttf");
+}
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, textarea
+{
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    box-sizing: border-box;
+    font-family: 'Open Sans', sans-serif;
+}
+textarea, input
+{
+    outline: none;
+}
+ol, ul, li
+{
+    list-style: none;
+}
+a
+{
+    text-decoration: none;
+    color: #43464d;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+a:hover
+{
+    text-decoration: underline;
+    color: #5e72a4;
+}
+blockquote, q
+{
+    quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after
+{
+    content: '';
+    content: none;
+}
+table
+{
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+html, body
+{
+    height: 100%;
+    min-height: 100%;
+    background: #d2dbf1;
+}
+h3
+{
+    font-size: 14px;
+    color: rgba( 0, 0, 0, .5 );
+}
+/*************************************
+**************************** BUTTONS **
+**************************************/
+button
+{
+    background: #45474d;
+    color: rgba( 255, 255, 255, .8 );
+    border: none;
+    padding: 5px 10px;
+    cursor: pointer;
+}
+button:hover
+{
+    color: #fff;
+}
+button.disabled
+{
+    opacity: .4;
+}
+button.disabled:hover
+{
+    color: rgba( 255, 255, 255, .8 );
+}
+/*************************************
+**************************** MENU *****
+**************************************/
+.userMenu
+{
+    width: 900px;
+    position: fixed;
+    left: 50%;
+    margin: 0 0 0 -450px;
+    height: 40px;
+    background: #43464d;
+    z-index: 2;
+}
+.userMenu:after{
+    position: absolute;
+    content: '';
+    width: 9999px;
+    height: 40px;
+    background: #43464d;
+    z-index: -999;
+}
+.userMenu:before{
+    position: absolute;
+    content: '';
+    width: 9999px;
+    left: -9999px;
+    height: 40px;
+    background: #43464d;
+    z-index: -999;
+}
+.userMenu > ul
+{
+}
+.userMenu > ul > li
+{
+    float: left;
+    margin: 0;
+}
+.userMenu > ul > li > a
+{
+    line-height: 40px;
+    height: 40px;
+    padding: 0 20px 0 45px;
+    display: inline-block;
+    color: #fff;
+    font-size: 14px;
+    font-weight: bold;
+    opacity: .7;
+    transition: all .2s linear;
+    position: relative;
+}
+.userMenu li > a:hover
+{
+    text-decoration: none;
+    opacity: 1;
+}
+.userMenu li.current > a
+{
+    color: #fff;
+    opacity: 1;
+}
+.userMenu li.userMenu-home > a
+{
+    background: url(../img/home.png) no-repeat center center;
+    padding-left: 40px;
+}
+.userMenu li.userMenu-home:hover > a
+{
+    background: url(../img/home.png) no-repeat center center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-home.current > a
+{
+    background: url(../img/home.png) no-repeat center center #768fce;
+}
+.userMenu li.userMenu-connections > a
+{
+    background: url(../img/connections.png) no-repeat center center;
+    opacity: 1;
+}
+.userMenu li.userMenu-connections:hover > a
+{
+    background: url(../img/connections.png) no-repeat center center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-connections.current > a
+{
+    background: url(../img/connections.png) no-repeat 5px center #b43e34;
+}
+.userMenu li.userMenu-network > a
+{
+    background: url(../img/network.png) no-repeat 5px center;
+    padding-left: 60px;
+}
+.userMenu li.userMenu-network:hover > a
+{
+    background: url(../img/network.png) no-repeat 5px center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-network.current > a
+{
+    background: url(../img/network.png) no-repeat 5px center #768fce;
+}
+
+.userMenu li.userMenu-following > a
+{
+    background: url(../img/following.png) no-repeat 5px center;
+    padding-left: 50px;
+}
+.userMenu li.userMenu-following:hover > a
+{
+    background: url(../img/following.png) no-repeat 5px center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-following.current > a
+{
+    background: url(../img/following.png) no-repeat 5px center #768fce;
+}
+.userMenu li.userMenu-options > a
+{
+    background: url(../img/switch.png) no-repeat 5px center;
+    padding-left: 50px;
+}
+.userMenu li.userMenu-options:hover > a
+{
+    background: url(../img/switch.png) no-repeat 5px center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-options.current > a
+{
+    background: url(../img/switch.png) no-repeat 5px center #768fce;
+}
+.userMenu li.userMenu-messages > a
+{
+    background: url(../img/messages.png) no-repeat center center;
+    padding: 0 25px 0 35px;
+    opacity: 1;
+}
+.userMenu li.userMenu-messages:hover > a
+{
+    background: url(../img/messages.png) no-repeat center center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-messages.current > a
+{
+    background: url(../img/messages.png) no-repeat center center #b43e34;
+}
+.userMenu li.userMenu-profile > a
+{
+    background: url(../img/profile.png) no-repeat 5px center;
+    padding-left: 35px;
+}
+.userMenu li.userMenu-profile:hover > a
+{
+    background: url(../img/profile.png) no-repeat 5px center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-profile.current > a
+{
+    background: url(../img/profile.png) no-repeat 5px center #768fce;
+}
+.userMenu li.userMenu-config
+{
+    float: right;
+    position: relative;
+}
+.userMenu li.userMenu-search
+{
+    float: right;
+    position: relative;
+}
+input.userMenu-search-field::-webkit-input-placeholder {
+    color: #4d4d4d;
+    font-style: italic;
+}
+input.userMenu-search-field:-moz-placeholder {
+    color: #4d4d4d;
+    font-style: italic;
+}
+input.userMenu-search-field::-moz-placeholder {
+    color: #4d4d4d;
+    font-style: italic;
+}
+input.userMenu-search-field:-ms-input-placeholder {
+    color: #4d4d4d;
+    font-style: italic;
+}
+input.userMenu-search-field:focus::-webkit-input-placeholder {
+    color: #fff;
+}
+input.userMenu-search-field:focus:-moz-placeholder {
+    color: #fff;
+}
+input.userMenu-search-field:focus::-moz-placeholder {
+    color: #fff;
+}
+input.userMenu-search-field:focus::-ms-input-placeholder {
+    color: #fff;
+}
+.userMenu li.userMenu-config > a
+{
+    background: url(../img/config.png) no-repeat 5px center;
+    padding: 0 30px 0 45px;
+}
+.userMenu li.userMenu-config > a:after
+{
+    content: "▼";
+    position: absolute;
+    font-size: 10px;
+    transition: all .2 linear;
+    margin-left: 8px;
+}
+.userMenu li.userMenu-config:hover > a,
+.userMenu li.userMenu-config:active > a
+{
+    background: url(../img/config.png) no-repeat 5px center rgba( 0, 0, 0 , .4 );
+}
+.userMenu li.userMenu-dhtindicator {
+    background: #000;
+    width: 70px;
+    height: 25px;
+    float: right;
+    margin: 7px 10px 0 0;
+    -webkit-box-shadow: inset 0 0 20px #000;
+    -moz-box-shadow: inset 0 0 20px #000;
+    box-shadow: inset 0 0 20px #000;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+    border-radius: 10px;
+}
+.userMenu li.userMenu-dhtindicator a {
+    display: inline-block;
+    font: 12px/25px "Open Sans", sans-serif;
+    padding: 0 5px 0 41px;
+    width: 60px;
+    height: 25px;
+    opacity: .9;
+}
+.userMenu li.userMenu-dhtindicator a:before {
+    content: 'DHT:';
+    display: inline-block;
+    position: absolute;
+    left: 8px;
+    width: 70px;
+    height: 25px;
+}
+.userMenu li.userMenu-dhtindicator:hover {
+    opacity: 1;
+    -webkit-box-shadow: inset 0 0 15px #000;
+    -moz-box-shadow: inset 0 0 15px #000;
+    box-shadow: inset 0 0 15px #000;
+}
+.userMenu li.userMenu-messages > a:empty
+{
+    padding: 0 20px 0 30px;
+    opacity: .7;
+}
+.wrapper
+{
+    width: 900px;
+    margin: 0 auto;
+    background: #e0e6f5;
+    padding: 55px 15px 15px 15px;
+    position: relative;
+    z-index: 1;
+    min-height: 100%;
+}
+.dashboard
+{
+    width: 320px;
+    position: fixed;
+    top: 55px;
+}
+.module
+{
+    border: solid 1px rgba( 69, 71, 77, .1 );
+    background: #f3f5fb;
+    
+}
+.dashboard .module {
+    border-radius: 6px;
+}
+.messages-qtd
+{
+    position: absolute;
+    background: #ef0807;
+    color: #fff;
+    padding: 3px;
+    line-height: 12px;
+    font-size: 8px;
+    margin-top: 4px;
+}
+.userMenu-connections .messages-qtd
+{
+    margin: 4px 0 0 -5px;
+}
+/*******************************************************
+****************** CONFIG SUBMENU & SEARCH RESULTS *****
+*******************************************************/
+.dialog-modal
+{
+    display: none;
+    background: rgba( 255, 255, 255, 1 );
+    position: absolute;
+    top: 45px;
+    right: 10px;
+    width: 250px;
+    box-shadow: 0 2px 5px #65686f;
+    border: solid 1px rgba( 69, 71, 77, .1 );
+}
+.dialog-modal:after
+{
+    content:"";
+    width: 1px;
+    background: transparent;
+    position: absolute;
+    top: -10px;
+    right: 30px;
+    border-right: solid 10px transparent;
+    border-left: solid 10px transparent;
+    border-bottom: solid 10px rgba( 255, 255, 255, 1 );
+}
+.userMenu-search .dialog-modal:after
+{
+    right: auto;
+    left: 80px;
+}
+.direct-messages,
+.dropdown-menu-item
+{
+    display: block;
+    padding: 10px;
+    font-size: 12px;
+    border-top: solid 1px rgba( 69, 71, 77, .1 );
+    color: rgba( 0, 0, 0, .7 );
+}
+.dropdown-menu-item, .dropdown-menu-item:hover {
+    text-decoration: none;
+}
+.dropdown-menu-item:hover {
+    background: #45474d;
+    color: #fff;
+}
+
+.direct-messages:hover,
+.userMenu-search-sugestions a:hover,
+.userMenu-search-profiles li:hover a
+{
+    background: #45474d;
+    color: #fff;
+}
+.userMenu-search-profiles li:hover span
+{
+    color: #fff;    
+}
+.userMenu-search-profiles button
+{
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    background: #fff;
+    z-index: 2;
+}
+.userMenu-search input[type="text"]
+{
+    float: right;
+    padding: 3px 10px;
+    margin: 9px 20px 0 0;
+    border-radius: 10px;
+    border: none;
+}
+.userMenu-search-sugestions
+{
+    border-bottom: solid 1px rgba( 69, 71, 77, .1 );    
+}
+.userMenu-search-sugestions a
+{
+    color: rgba( 0, 0, 0, .7 ); 
+    padding: 5px 20px;
+    font-size: 12px;
+    display: block;
+}
+.userMenu-search-profiles a
+{
+    padding: 7px 4px;
+    display: block;
+    position: relative;
+    z-index: 1;
+}
+.userMenu-search-profiles .mini-profile-info
+{
+    padding: 0;
+}
+.userMenu-search-profiles .mini-profile-photo
+{
+    width: 36px;
+    height: 36px;
+    margin: 0 5px;
+}
+.userMenu-search-profiles .mini-profile-name
+{
+    font-size: 12px;
+    font-weight: bold;
+    color: rgba( 0, 0, 0, .7 ); 
+    padding: 0 75px 0 15px;
+}
+/***********************************
+********************* MINI PROFILE
+***********************************/
+.mini-profile
+{
+    margin-bottom: 10px;
+}
+.mini-profile-info
+{
+    position: relative;
+    padding: 5px;
+}
+.mini-profile-view
+{
+    display: block;
+    color: rgba( 0, 0, 0, .5 );
+    font-size: 12px;
+    position: absolute;
+    top: 32px;
+    left: 65px;
+    z-index: 1;
+}
+.mini-profile-name
+{
+    padding: 10px 5px 30px 5px;
+    display: block;
+    position: relative;
+    z-index: 2;
+}
+.following-list .mini-profile-name
+{
+    padding: 5px 5px 5px 5px;
+}
+.profile-data
+{
+    border-left: none;
+    border-right: none;
+    height: 60px;
+}
+.profile-data li
+{
+    border-right: solid 1px rgba( 69, 71, 77, .1 );
+    padding: 10px 15px 2px 10px;
+    float: left;
+    height: 100%;
+}
+.profile-data li:last-child
+{
+    border-right: none;
+}
+.profile-data li a
+{
+    color: rgba( 0, 0, 0, .5 );
+    font-size: 13px;
+}
+.profile-data li a:hover
+{
+    color: #768fce;
+}
+.profile-data li a span.posts-count, .profile-data li a span.following-count, .profile-data li a span.followers-count
+{
+    font-weight: bold;
+    display: block;
+    font-size: 16px;
+}
+.mini-profile-actions
+{
+    position: relative;
+    width: auto;
+    display: inline-block;
+}
+.mini-profile-actions span
+{
+    color: #e18881;
+    cursor: pointer;
+    font-size: 14px;
+    display: inline-block;
+    width: 85px;
+    transition: all .2s linear;
+}
+.mini-profile-actions ul
+{
+    height: 0;
+    overflow: hidden;
+    position: absolute;
+    transition: height .2s linear;
+    background: #fff;
+    z-index: 3;
+}
+.mini-profile-actions:hover span
+{
+}
+.mini-profile-actions:hover span:after
+{
+}
+.mini-profile-actions:hover ul
+{
+    height: 90px;
+    box-shadow: 0 2px 5px #65686f;
+}
+.mini-profile-actions ul li
+{
+    white-space: nowrap;
+    color: rgba( 0, 0, 0, .7 );
+    font-size: 13px;
+    cursor: pointer;
+    padding: 5px;
+    margin: 2px;
+}
+.mini-profile-actions ul li + li
+{
+    margin: 0 2px;  
+}
+.mini-profile-actions:hover ul li:hover
+{
+    background: rgba( 0, 0, 0, .7 );
+    color: #fff;    
+}
+.mini-profile-info a:hover
+{
+    text-decoration: none;
+}
+/***********************************
+********************* POST AREA ****
+***********************************/
+.post-area-new {
+    padding-bottom: 4px;
+}
+.post-area-new textarea
+{
+    resize: none;
+    width: 430px;
+    display: block;
+    transition: all .3s linear;
+    height: 28px;
+    border-radius: 3px;
+    border: solid 1px rgba(0, 0, 0, .3 );
+    margin-left: 55px;
+    margin-bottom: 10px;
+    padding: 4px;
+    font-size: 13px;
+}
+.mini-profile .post-area-new
+{
+    padding: 9px;
+}
+.mini-profile .post-area-new textarea
+{
+    margin-left: 0;
+    width: 100%;
+}
+.post-area-new.open textarea
+{
+    height: 80px;
+    border: solid 1px rgba( 118, 145, 206, .8 );
+    box-shadow: 0 0 10px rgba(0, 0, 0, .3 );
+}
+.post-area-extras
+{
+    overflow: hidden;
+    height: 0;
+    text-align: right;
+}
+.post-submit, .dm-submit {
+    display: inline-block;
+    height: 34px;
+    padding: 0 10px 0 40px;
+    color: #f1f1f1;
+    font: 17px/34px "Open Sans Condensed";
+    border-radius: 2px;
+    opacity: 1;
+    
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+
+}
+.post-submit:hover, .dm-submit:hover {
+    color: #fff;
+    opacity: .9;
+    
+}
+.directMessages .dm-submit {
+    margin-right: 55px;
+    background: #6d83bd url(../img/dm.png) no-repeat 10px 3px;
+}
+.post .post-submit {
+    margin-right: 16px;
+    background: #6d83bd url(../img/pen.png) no-repeat 10px 3px;
+}
+.mini-profile .post-submit {
+    background: #6d83bd url(../img/pen.png) no-repeat 10px 3px;
+    margin-right: 0;
+}
+.post-submit.disabled {
+    opacity: .6;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-submit.disabled:hover {
+    color: #fff;
+    opacity: .7;
+}
+/*.post-area-new.open textarea + .post-area-extras
+{
+    height: 35px;
+    transition: all .6s linear;
+}*/
+.post-area-new.open > .post-area-extras
+{
+    height: 35px;
+    transition: all .6s linear;
+}
+.post-area-remaining
+{
+    font-size: 13px;
+}
+.post-area-remaining.warn
+{
+    color: #ff0000;
+}
+/***********************************
+********************* WHO TO FOLLOW
+***********************************/
+.who-to-follow
+{
+    padding: 10px;
+}
+.who-to-follow h3
+{
+    display: inline;
+}
+.twister-user
+{
+    clear: both;
+    padding-bottom: 10px;
+    margin-top: 4px;
+    border-bottom: solid 1px rgba( 69, 71, 77, .1 );
+    border-top: solid 1px rgba( 69, 71, 77, .1 );
+}
+.twister-user + .twister-user
+{
+    border-top: none;
+}
+.twister-user-photo
+{
+    margin: 5px;
+    display: inline-block;
+    float: left;
+    vertical-align: middle;
+    width: 48px;
+    height: 48px;
+    overflow: hidden;
+    border-radius: 20%;
+    /*transform: rotate( 45deg );*/
+}
+.twister-user-info
+{
+  position: relative;
+}
+.twister-user-info span
+{
+    vertical-align: top;
+}
+.followers
+{
+    font-size: 12px;
+    color: rgba( 0, 0, 0, .6 );
+}
+.followed-by
+{
+    font-size: 13px;
+    cursor: pointer;
+}
+.twister-user-name,
+.twister-by-user-name
+{
+    font-weight: bold;
+    font-size: 14px;
+    color: #768fce;
+    text-decoration: none;
+}
+.twister-user-tag
+{
+    font-style: italic;
+    font-size: 14px;
+    opacity: .6;
+    margin-top: 4px;
+    display: inline-block;
+    letter-spacing: 0px;
+}
+.twister-user-remove
+{
+    float: right;
+    font-size: 12px;
+    margin: 5px;
+    opacity: .5;
+    text-decoration: none;
+    font-weight: bold;
+    cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 120%;
+}
+.twister-user-remove:hover
+{
+    opacity: 1;
+    text-decoration: none;
+}
+.follow
+{
+    background: none;
+    border: solid 1px rgba( 0, 0, 0 ,.2 );
+    padding: 3px 15px;
+    color: rgba( 0, 0, 0 ,.4 );
+}
+.follow:hover
+{
+    color: rgba( 0, 0, 0 ,.7 );
+}
+.refresh-users,
+.view-all-users
+{
+    cursor: pointer;
+    font-size: 12px;
+    border-left: solid 1px rgba( 69, 71, 77, .1 );
+    padding-left: 8px;
+}
+
+/***********************************
+********************* TOP TRENDS
+***********************************/
+.module.toptrends {
+    margin-top: 10px;
+}
+.module.toptrends h3 {
+    margin: 5px 0 5px 10px;
+    font: 14px 'Open Sans', sans-serif;
+}
+.module.toptrends ol {
+    margin: 0 0 10px 10px;
+}
+
+.module.toptrends ol li a {
+    font: 13px 'Open Sans', sans-serif;
+}
+
+/***********************************
+********************* POST BOARD ***
+***********************************/
+.postboard
+{
+    margin-left: 335px;
+    /*height: 150%;*/
+    background: rgba( 255, 255, 255, .5 );
+    border: solid 1px rgba( 69, 71, 77, .05 );
+    padding: 10px;
+    border-radius: 6px;
+}
+.postboard h2 {
+    font: 18px/40px 'Open Sans Condensed', sans-serif;
+    color: rgba( 255, 255, 255, 1 );
+    border-bottom: solid 1px rgba( 69, 71, 77, .1 );
+    margin: 0 0 5px 0;
+    background: #7691ce;
+    border-radius: 2px;
+}
+.postboard h2.fixed
+{
+    z-index: 2;
+    border-top: solid 4px #fbf9f6;
+}
+.postboard a.promoted-posts-only {
+    display: inline-block;
+    padding: 0 15px;
+    color: rgba( 255, 255, 255, .8 );
+    font: 18px/40px 'Open Sans Condensed', sans-serif;
+    text-decoration: none;
+    text-align: center;
+    margin: 0;
+
+}
+.postboard a.promoted-posts-only:hover {
+    padding: 0 25px 0 15px;
+    color: #fff;
+    background: rgba(0,0,0, .3);
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.postboard-posts
+{
+    position: relative;
+    z-index: 1;
+}
+.postboard-posts li:first-child {
+    border-radius: 4px 4px 0 0;
+}
+.postboard-news {   
+    float: right;
+    background: rgba( 0, 0, 0, .2 );
+    border: none;
+    display: inline-block;
+    margin: 0;
+    color: rgba( 255, 255, 255, .8 );
+    padding: 0 15px;
+    line-height: 40px;
+    cursor: pointer;
+    transition: all .2s linear;
+    -moz-transition: all .2s linear;
+}
+.postboard-news:hover
+{
+    color: #fff;
+    padding: 0 15px 0 25px;
+}
+.post,
+.post .post,
+.post .original.post,
+.post .post.open
+{
+    background: #fff;
+    position: relative;
+    margin: 0 0 1px 0;
+    transition: background .1s linear;
+    -moz-transition: background .1s linear;
+}
+.post.open
+{
+    margin: 10px 0;
+}
+.postboard-posts > .post.open
+{
+    /*border-left: none;
+    border-right: none;
+    border-top: solid 2px #e34f42;
+    border-bottom: solid 2px #e34f42;*/
+    border: none;
+}
+.postboard-posts > .post:after
+{
+    content: "";    
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 0;
+    height: 100%;
+    background: #b2d67b;
+    transition: all .2s linear;
+}
+.postboard-posts > .post.open:after
+{
+    width: 5px;
+    /*right: -5px;*/
+}
+.post:hover,
+.post .post
+{
+    background: #fcfdff;
+}
+.post:hover
+{
+    cursor: pointer;
+}
+.post.open:hover
+{
+    background: #fff;
+}
+.post-photo,
+.mini-profile-photo
+{
+    margin: 5px;
+    display: inline-block;
+    float: left;
+    vertical-align: middle;
+    width: 48px;
+    height: 48px;
+    overflow: hidden;
+    border-radius: 20%;
+    /*transform: rotate( 45deg );*/
+}
+.post-photo img,
+.mini-profile-photo img
+{
+    width: 48px;
+    height: 48px;
+}
+.post-info span
+{
+    vertical-align: top;
+}
+.post-info-name,
+.mini-profile-name
+{
+    font-weight: bold;
+    font-size: 14px;
+    color: #43464d;
+    text-decoration: none;
+    padding-left: 2px;
+}
+.post-info-tag
+{
+    font-style: italic;
+    font-size: 12px;
+    opacity: .6;
+    margin-top: 4px;
+    display: inline-block;
+    letter-spacing: 0px;
+}
+.post-info-time
+{
+    float: right;
+    font-size: 12px;
+    margin-right: 5px;
+    opacity: .5;
+    text-decoration: none;
+}
+.post-info-time:hover {
+    text-decoration: none;
+    color: #43464d;
+}
+.post-text
+{
+    font-size: 13px;
+    margin: 2px 10px 4px 60px;
+    word-wrap: break-word;
+}
+.post-context
+{
+    font-size: 11px;
+    margin: 2px 10px 4px 60px;
+}
+.post-text a,
+.post-context a,
+.mini-screen-name
+{
+    color: #76b2ce;
+}
+/* external http links */
+.post-text a[href^="http"] {
+    font: italic 13px "Open Sans", sans-serif;
+    text-decoration: none;
+    color: #b46e67;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-text a[href^="http"]:hover{
+    color: #e18881;
+    opacity: .8;
+}
+.post-text a[href^="http"]:after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    top: 3px;
+    width: 16px;
+    height: 16px;
+    background: url(../img/ext-link.png) no-repeat center center;
+    opacity: 1;
+    zoom: .8;
+    -moz-transform: scale(.8);
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-text a[href^="http"]:hover:after {
+    opacity: .8;
+}
+.post-text a[href^="#profile"], .follow-suggestions a[href^="#profile"] {
+    color: #5e8da4;
+    text-decoration: none;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-text a[href^="#profile"]:hover, .follow-suggestions a[href^="#profile"]:hover {
+    color: #76b2ce;
+}
+.toptrends-list a[href^="#hashtag"], .post-text a[href^="#hashtag"]{
+    color: #5e72a4;
+    text-decoration: none;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.toptrends-list a[href^="#hashtag"]:hover, .post-text a[href^="#hashtag"]:hover{
+    color: #768fce;
+}
+
+.post-info a[href^="#profile"], .followers a[href^="#profile"],  a[href^="#profile"].post-retransmited-by{
+    color: #43464d;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-info a[href^="#profile"]:hover, .followers a[href^="#profile"]:hover,  a[href^="#profile"].post-retransmited-by:hover {
+    color: #5e8da4;
+    text-decoration: none;
+}
+.mini-screen-name
+{
+    font-size: 13px;
+    top: 40px;
+}
+.post-retransmited-icon
+{
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background: url(../img/repost.png) no-repeat left center;
+    vertical-align: middle;
+}
+.post-interactions
+{
+    margin: -5px 10px 5px 60px;
+    text-align: right;
+    height: 25px;
+}
+.post-interactions span,
+.post-expand
+{
+    color: #b2b2b2;
+    cursor: pointer;
+    font-size: 12px;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post-expand
+{
+    position: absolute;
+    left: 60px;
+    padding-top: 3px;
+}
+.post-expand:hover {
+    color: #898989;
+}
+.related .post-expand
+{
+    display: none;
+}
+.post-reply,
+.post-propagate,
+.post-favorite
+{
+    background: url(../img/reply.png) no-repeat left center;
+    padding-left: 22px;
+    margin-right: 3px;
+    opacity: .7;
+    display: none;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+.post:hover .post-reply,
+.post:hover .post-propagate,
+.post:hover .post-favorite,
+.original.open .post-interactions .post-reply,
+.original.open .post-interactions .post-propagate,
+.original.open .post-interactions .post-favorite,
+.post:hover .original .post-interactions .post-reply,
+.post:hover .original .post-interactions .post-propagate,
+.post:hover .original .post-interactions .post-favorite
+{
+    display: inline-block;
+}
+.related.post:hover .post-reply,
+.related.post:hover .post-propagate,
+.related.post:hover .post-favorite
+{
+    display: inline-block;
+}
+.open .related .post-reply,
+.open .related .post-propagate,
+.open .related .post-favorite
+{
+    display: none!important;
+}
+.open .related:hover .post-reply,
+.open .related:hover .post-propagate,
+.open .related:hover .post-favorite
+{
+    display: inline-block!important;
+}
+.post-propagate
+{
+    background: url(../img/repost.png) no-repeat left center;
+    height: 30px;
+    line-height: 30px;
+    padding-left: 28px;
+}
+.post-favorite
+{
+    background: none;
+    padding-left: 0;
+}
+.post-favorite:before
+{
+    content: "★";
+}
+.post-reply:hover,
+.post-propagate:hover,
+.post-favorite:hover
+{
+    text-decoration: underline;
+    opacity: 1;
+}
+.expanded-content
+{
+    display: none;
+    padding: 5px 5px 0 5px;
+}
+.post-stats
+{
+    margin: 0 10px 0 55px;
+    border-top: solid 1px rgba( 69, 71, 77, .1 );
+    border-bottom: solid 1px rgba( 69, 71, 77, .1 );
+}
+.post-stats li
+{
+    display: inline-block;
+}
+.post-stats li.stat-count
+{
+    border-right: solid 1px rgba( 69, 71, 77, .1 );
+    padding-right: 10px;
+}
+.post-stats li.stat-count span
+{
+    display: block;
+    font-weight: bold;
+    color: rgba( 0, 0, 0, .5 );
+    font-size: 13px;
+}
+.post-stats li.stat-count span:last-child
+{
+    font-weight: normal;
+}
+.post-stats a
+{
+    position: relative;
+}
+.post-stats a img
+{
+    width: 24px;
+    height: 24px;
+    border-radius: 100%;
+}
+.user-name-tooltip
+{
+    display: none;
+    position: absolute;
+    background: #43464d;
+    font-size: 12px;
+    white-space: nowrap;
+    padding: 3px 5px;
+    color: #fff;
+    top: -42px;
+    left: 0px;
+    border-radius: 5px;
+}
+.user-name-tooltip:after
+{
+    content: "";
+    position: absolute;
+    width: 0;
+    left: 4px;
+    bottom: -5px;
+    border-top: solid 5px #43464d;
+    border-left: solid 5px transparent;
+    border-right: solid 5px transparent;
+}
+.post-stats a:hover .user-name-tooltip
+{
+    display: inline-block;
+}
+/***********************************
+******** LOGIN AND NETWORK PAGES ***
+***********************************/
+.singleBlock
+{
+    background: rgba( 255, 255, 255, .5 );
+    border: solid 1px rgba( 69, 71, 77, .05 );
+    padding: 10px;
+    border-radius: 6px;
+}
+.singleBlock h2
+{
+    font-weight: bold;
+    line-height: 40px;
+    color: rgba( 255, 255, 255, 1 );
+    font-variant: small-caps;
+    border-bottom: solid 1px rgba( 69, 71, 77, .1 );
+    margin: 15px 0 0 0;
+    padding-left: 5px;
+    background: #768fce;
+    border-radius: 2px;
+}
+.singleBlock h3
+{
+    font-weight: bold;
+    margin: 10px 20% 10px 10px;
+    border-bottom: solid 1px rgba( 0, 0, 0, .2 );
+    padding-bottom: 10px;
+}
+.network.singleBlock ul
+{
+    padding-left: 20px;
+    margin-left: 20px;
+}
+.network.singleBlock ul li
+{
+    line-height: 36px;
+    font-size: 13px;
+    list-style: circle;
+}
+.network.singleBlock button
+{
+    padding: 3px 10px;
+}
+.network.singleBlock ul li > span
+{
+    font-weight: bold;
+}
+.singleBlock .spam-msg
+{
+    resize: none;
+    width: 100%;
+    display: block;
+    border-radius: 3px;
+    padding: 4px;
+    font-size: 13px;
+    height: 80px;
+    border: solid 1px rgba( 227, 79, 66, .5 );
+    box-shadow: 0 0 10px rgba(0, 0, 0, .3 );
+    line-height: 20px;
+    position: relative;
+    margin-left: -20px;
+    margin-bottom: 10px;
+}
+.highlight {
+    background: #fff;
+    padding: 3px 5px;
+    margin: -3px -5px;
+    line-height: 1.7;
+    border-radius: 3px;
+    display:inline-block;
+}
+.connection-status
+{
+    border: 2px solid #e18881;
+}
+.connection-status.connected
+{
+    border: 2px solid #b2d67b;
+}
+.character-limit
+{
+    float: right;
+    margin-right: 18px;
+}
+
+/*************************************
+**************************** LOGIN PAGE
+**************************************/
+.login .module, .sounds .module, .keys .module, .language .module {
+    padding: 20px;
+    width: 500px;
+    margin: 10px auto;
+    border: 3px solid #c7cdda;
+    border-radius: 6px;
+}
+.login .module p, .sounds .module p, .keys .module p, .language .module p {
+    font: 14px "Open Sans", sans-serif;
+    margin-bottom: 5px;
+
+}
+.login .module input {
+    padding: 5px 10px;
+    font: 13px/24px "Open sans";
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    background: #f3f3f3;
+}
+.login .module input:focus {
+    background: #fff;
+    transition: background-color 100ms linear;
+}
+.login .module select.local-usernames, .sndOpt, #keysOpt select, #selectLanguage select, #selectTheme select {
+    height: 30px;
+    font: 13px/24px "Open sans";
+    text-align: center;
+    padding: 3px 30px 3px 10px;
+    margin: 0;
+    background: #fff url(../img/form-arrow-down-black.png) no-repeat right center;
+    border: 1px solid #ccc;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+
+/* hide default apperance select element and arrow in firefox */
+    -webkit-appearance:none;
+    -moz-appearance:none;
+    appearance:none;
+    text-indent: 0.01px;
+    text-overflow: '';
+/* end */
+}
+
+.login .module span.availability {
+    margin-left: 10px;
+    font: italic 16px "Open sans";
+    color: #45474d;
+}
+.with-nickname, .import-secret-key, .create-user {
+    margin-top: 10px;
+}
+
+.login .module input:focus::-webkit-input-placeholder {
+    color: #fff;
+}
+.login .module input:focus:-moz-placeholder {
+    color: #fff;
+}
+.login .module input:focus::-moz-placeholder {
+    color: #fff;
+}
+.login .module input::-ms-input-placeholder {
+    color: #fff;
+}
+/*************************************
+**************************** POPUP MODAL
+**************************************/
+.modal-blackout
+{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: rgba( 0, 0, 0, .6 );
+    display: none;
+    z-index: 3;
+}
+.modal-blackout.reply .post
+{
+    background: #ececed;
+    padding: 10px 15px; 
+}
+.modal-wrapper
+{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background: rgba( 255, 255, 255, 1.0 );
+    box-shadow: 0 0 30px rgba( 0, 0, 0, .6 );
+    border-radius: 0 0 4px 4px;
+}
+.modal-header
+{
+    position: relative;
+
+}
+.modal-header h3
+{
+    padding: 5px;
+    font-weight: bold;
+    background: #43464d;
+    color: #fff;
+}
+.modal-close
+{
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 3px 10px;
+    cursor: pointer;
+    color: rgba( 255, 255, 255, .7 );
+    font-weight: bold;
+    border-left: solid 1px rgba( 255, 255, 255, .3 );
+    transition: all .1s linear; 
+}
+.modal-close:hover
+{
+    color: #fff;
+    background: rgba( 0, 0, 0, .1 );
+}
+.modal-back {
+    position: absolute;
+    right: 30px;
+    top: 0;
+    padding: 3px 10px;
+    cursor: pointer;
+    color: rgba( 255, 255, 255, .7 );
+    font-weight: bold;
+    border-left: solid 1px rgba( 255, 255, 255, .3 );
+    transition: all .1s linear;
+    display: none;  
+}
+.modal-back:hover
+{
+    color: #fff;
+    background: rgba( 0, 0, 0, .1 );
+}
+.modal-buttons
+{
+    padding: 10px;
+    text-align: right;
+}
+.modal-buttons button:last-child
+{
+    padding: 5px 20px;
+}
+/*************************************
+****************** RETWIST POSTS MODAL
+**************************************/
+.reTwist .modal-wrapper
+{
+    width: 520px;
+    margin: -100px 0 0 -260px;
+}
+.reTwist .post-expand,
+.reTwist .post-interactions
+{
+    display: none;
+}
+/*************************************
+****************** REPLY POSTS MODAL
+**************************************/
+.reply .modal-wrapper
+{
+    width: 520px;
+    margin: -100px 0 0 -260px;
+}
+.reply .modal-buttons
+{
+    display: none;
+}
+.reply .post-expand,
+.reply .post-interactions
+{
+    display: none;
+}
+/*************************************
+****************** DIRECT MESSAGES MODAL
+**************************************/
+.directMessages .modal-wrapper
+{
+    width: 540px;
+    height: 470px;
+    margin: -200px 0 0 -280px;
+    overflow-x: hidden;
+}
+.directMessages .modal-content
+{
+    overflow-y: auto;
+}
+
+.directMessages .modal-buttons
+{
+    display: none;
+}
+.direct-messages-list .post
+{
+    padding: 10px 30px 10px 15px;
+    cursor: pointer;
+}
+.direct-messages-list .post:after
+{
+    content: "►";
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    margin: -6px 0 0 0;
+    color: rgba( 0, 0, 0, .4 );
+}
+.direct-messages-thread
+{
+    padding: 10px;
+}
+.direct-messages-thread .post
+{
+    min-height: 82px;
+    margin-left: 65px;
+}
+.direct-messages-thread .post:after,
+.direct-messages-thread .post:nth-child(2n):after
+{
+    content: "";
+    width: 1px;
+    background: transparent;
+    position: absolute;
+    top: 25px;
+}
+.direct-messages-thread .post:after
+{
+    border-top: solid 10px transparent;
+    border-bottom: solid 10px transparent;
+    border-right: solid 10px #ececed;
+    left: -10px;
+}
+.direct-messages-thread .post-text
+{
+    margin: 2px 10px 4px 4px;
+    word-wrap: break-word;
+}
+.direct-messages-thread .post-photo
+{
+    position: absolute;
+    left: -65px;
+}
+.direct-messages-thread .post.sent
+{
+    margin-right: 60px;
+    margin-left: 0;
+}
+.direct-messages-thread .post.sent:after
+{
+    border-top: solid 10px transparent;
+    border-bottom: solid 10px transparent;
+    border-right: none;
+    border-left: solid 10px #ececed;
+    right: -10px;
+    left: auto;
+}
+.direct-messages-thread .post.sent .post-text
+{
+    margin: 2px 10px 4px 4px;
+}
+.direct-messages-thread .post.sent .post-photo
+{
+    position: absolute;
+    right: -65px;
+    left: auto;
+}
+.direct-messages-thread li.message {
+    cursor: auto;
+}
+.direct-messages-thread li.message:hover {
+    background: none;
+}
+/*************************************
+****************** NEW USER MODAL
+**************************************/
+.new-user .modal-wrapper
+{
+    width: 720px;
+    height: 400px;
+    margin: -200px 0 0 -280px;
+    overflow-x: hidden;
+    overflow-y: hidden;
+}
+.new-user .modal-content
+{
+    margin: 10px 10px 10px 10px;
+}
+.new-user .modal-buttons,
+.new-user .modal-close
+{
+    display: none;
+}
+.new-user .text
+{
+    margin: 0 0 15px 0;
+}
+.new-user .emphasis
+{
+    font-size: 18px;
+    text-align: center;
+}
+.new-user .secret-key
+{
+    color: rgba( .5, 0, 0, 1.0 );
+    font-weight: bold;
+}
+/*************************************
+****************** HASHTAG MODAL
+**************************************/
+.hashtag-modal .modal-wrapper
+{
+    width: 560px;
+    height: 470px;
+    margin: -200px 0 0 -280px;
+    overflow: hidden;
+}
+.hashtag-modal .modal-content
+{
+    overflow-y: auto;
+    height: 440px;
+}
+.hashtag-modal .modal-buttons
+{
+    display: none;
+}
+.hashtag-modal .postboard
+{
+    margin-left: 0;
+}
+.hashtag-modal .postboard h2 {
+    width: 100%;
+    padding-left: 10px;
+}
+/*************************************
+****************** FOLLOWING MODAL
+**************************************/
+.following-modal .modal-wrapper
+{
+    width: 560px;
+    height: 470px;
+    margin: -200px 0 0 -280px;
+    overflow-x: hidden;
+}
+.following-modal .modal-content
+{
+    padding: 15px;
+    overflow-y: auto;
+}
+.following-modal .modal-buttons
+{
+    display: none;
+}
+.following-modal ol
+{
+    margin: 5px;
+}
+.following-modal .open-profile-modal:hover
+{
+    text-decoration: none;
+}
+.following-modal .open-profile-modal img
+{
+    float: none;
+}
+.following-modal .open-profile-modal span
+{
+    vertical-align: middle;
+}
+.following-modal .open-profile-modal span:hover
+{
+    text-decoration: underline;
+}
+/*************************************
+****************** LOADER ************
+**************************************/
+.postboard-loading
+{
+    text-align: right;
+}
+.postboard-loading div
+{
+    display: inline-block;
+    width: 120px;
+    height: 10px;
+    background-color: #43464d;
+    border-radius: 100px;
+    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
+    position: relative;
+    margin: 10px 0 0 0;
+}
+.postboard-loading div:after
+{
+    border-radius: 50px;
+    content: "";
+    position: absolute;
+    background-color: white;
+    left: 2px;
+    top: 2px;
+    bottom: 2px;
+    z-index: 999;
+    animation-name: slide;
+    animation-duration: 1.5s;
+    animation-easing-function: linear;
+    animation-iteration-count: infinite;
+    -webkit-animation-name: slide;
+    -webkit-animation-duration: 1.5s;
+    -webkit-animation-easing-function: linear;
+    -webkit-animation-iteration-count: infinite;
+    -moz-animation-name: slide;
+    -moz-animation-duration: 1.5s;
+    -moz-animation-easing-function: linear;
+    -moz-animation-iteration-count: infinite;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+@keyframes slide 
+{
+  0% {
+    right: 60px;
+    left: 2px;
+  }
+
+  5% {
+    left: 2px;
+  }
+
+  50% {
+    right: 2px;
+    left: 60px;
+  }
+
+  55% {
+    right: 2px;
+  }
+
+  100% {
+    right: 60px;
+    left: 2px;
+  }
+}
+@-webkit-keyframes slide
+{
+  0% {
+    right: 100px;
+    left: 2px;
+  }
+
+  5% {
+    left: 2px;
+  }
+
+  50% {
+    right: 2px;
+    left: 100px;
+  }
+
+  55% {
+    right: 2px;
+  }
+
+  100% {
+    right: 100px;
+    left: 2px;
+  }
+}
+@-moz-keyframes slide
+{
+  0% {
+    right: 60px;
+    left: 2px;
+  }
+
+  5% {
+    left: 2px;
+  }
+
+  50% {
+    right: 2px;
+    left: 60px;
+  }
+
+  55% {
+    right: 2px;
+  }
+
+  100% {
+    right: 60px;
+    left: 2px;
+  }
+}
+/* Options */
+#playerVol {
+    float: right;
+    margin-right: 20px;
+}
+.volValue {
+    float: right;
+    margin-right: -163px;
+    font: 12px "Open Sans", sans-serif;
+}
+#notifyForm p, #selectLanguage p, #keysOpt p {
+    margin-top: 15px;
+}
+/* Following page */
+.following ol.following-list > li{
+    display: inline-block;
+    width: 280px;
+    height: 120px;
+    margin: 5px;
+    float: left;
+    border: 3px dashed #e0e6f5;
+    background: #fff;
+    border-radius: 10px;
+}
+.following ol.following-list li .swarm-status {
+    font: 11px "Open Sans", sans-serif;
+    color: #343434;
+    margin-left: 10px;
+}
+.following ol.following-list li span.mini-profile-name:hover {
+    color: #5e8da4;
+}
+.following ol.following-list li span.mini-screen-name {
+    color: #5e8da4;
+}
+.following ol.following-list li span.mini-screen-name:hover {
+    color: #76b2ce;
+}
+.following ol.following-list .mini-profile-info .mini-profile-actions {
+    position: absolute;
+    top: 8px;
+    right: 2px;
+    z-index: 10;
+}
+.following ol.following-list .mini-profile-info button {
+    margin-top: 5px;
+}
+
+/* Autocomplite*/
+.textcomplete-wrapper textarea {
+    display: inline;
+}
+ul.dropdown-menu {
+    position: absolute;
+    top: 23px;
+    left: 170px;
+    z-index: 100;
+    display: block;
+    float: left;
+    min-width: 160px;
+    padding: 5px 0;
+    margin: 2px 0 0;
+    list-style: none;
+    background-color: #fff;
+    border: 1px solid rgba(0,0,0, .2);
+    border-radius: 6px;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -webkit-box-shadow: 0 5px 10px rgba(0,0,0, .2);
+    -moz-box-shadow: 0 5px 10px rgba(0,0,0, .2);
+    box-shadow: 0 5px 10px rgba(0,0,0, .2);
+
+}
+ul.dropdown-menu li {
+    line-height: 20px;
+
+}
+ul.dropdown-menu > .active > a {
+    color: #fff;
+    text-decoration: none;
+    background-color: #7691ce;
+    background-image: linear-gradient(to bottom, #6f88c1, #7e9bdb);
+    background-repeat: repeat-x;
+    
+}
+ul.dropdown-menu > li > a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font: 13px/20px "Open Sans", sans-serif;
+    white-space: nowrap;
+    cursor: pointer;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
+}
+ul.dropdown-menu img {
+    width: 25px;
+    height: 25px;
+    margin-right: 10px;
+
+}
+p.post-text img {
+    width: 20px;
+    height: 20px;
+}
\ No newline at end of file
diff --git a/theme_calm/img/ajax-loader.gif b/theme_calm/img/ajax-loader.gif
new file mode 100644
index 0000000..1d5ad40
Binary files /dev/null and b/theme_calm/img/ajax-loader.gif differ
diff --git a/theme_calm/img/bm.png b/theme_calm/img/bm.png
new file mode 100644
index 0000000..b014f9c
Binary files /dev/null and b/theme_calm/img/bm.png differ
diff --git a/theme_calm/img/config.png b/theme_calm/img/config.png
new file mode 100644
index 0000000..d19a6d1
Binary files /dev/null and b/theme_calm/img/config.png differ
diff --git a/theme_calm/img/connections.png b/theme_calm/img/connections.png
new file mode 100644
index 0000000..6408331
Binary files /dev/null and b/theme_calm/img/connections.png differ
diff --git a/theme_calm/img/dm.png b/theme_calm/img/dm.png
new file mode 100644
index 0000000..90bf505
Binary files /dev/null and b/theme_calm/img/dm.png differ
diff --git a/theme_calm/img/edit.png b/theme_calm/img/edit.png
new file mode 100644
index 0000000..ce3cbb3
Binary files /dev/null and b/theme_calm/img/edit.png differ
diff --git a/theme_calm/img/ext-link.png b/theme_calm/img/ext-link.png
new file mode 100644
index 0000000..244f510
Binary files /dev/null and b/theme_calm/img/ext-link.png differ
diff --git a/theme_calm/img/following.png b/theme_calm/img/following.png
new file mode 100644
index 0000000..d5f3904
Binary files /dev/null and b/theme_calm/img/following.png differ
diff --git a/theme_calm/img/form-arrow-down-black.png b/theme_calm/img/form-arrow-down-black.png
new file mode 100644
index 0000000..747b84f
Binary files /dev/null and b/theme_calm/img/form-arrow-down-black.png differ
diff --git a/theme_calm/img/genericPerson.png b/theme_calm/img/genericPerson.png
new file mode 100644
index 0000000..3088a5f
Binary files /dev/null and b/theme_calm/img/genericPerson.png differ
diff --git a/theme_calm/img/grayed_avatar_placeholder_24.png b/theme_calm/img/grayed_avatar_placeholder_24.png
new file mode 100644
index 0000000..f12a6e7
Binary files /dev/null and b/theme_calm/img/grayed_avatar_placeholder_24.png differ
diff --git a/theme_calm/img/home.png b/theme_calm/img/home.png
new file mode 100644
index 0000000..cb0bf2a
Binary files /dev/null and b/theme_calm/img/home.png differ
diff --git a/theme_calm/img/icons-18-black.png b/theme_calm/img/icons-18-black.png
new file mode 100644
index 0000000..656e78c
Binary files /dev/null and b/theme_calm/img/icons-18-black.png differ
diff --git a/theme_calm/img/icons-18-white.png b/theme_calm/img/icons-18-white.png
new file mode 100644
index 0000000..759c088
Binary files /dev/null and b/theme_calm/img/icons-18-white.png differ
diff --git a/theme_calm/img/icons-36-black.png b/theme_calm/img/icons-36-black.png
new file mode 100644
index 0000000..043bfcd
Binary files /dev/null and b/theme_calm/img/icons-36-black.png differ
diff --git a/theme_calm/img/icons-36-white.png b/theme_calm/img/icons-36-white.png
new file mode 100644
index 0000000..6ca4de0
Binary files /dev/null and b/theme_calm/img/icons-36-white.png differ
diff --git a/theme_calm/img/loader.gif b/theme_calm/img/loader.gif
new file mode 100644
index 0000000..ab3a5ac
Binary files /dev/null and b/theme_calm/img/loader.gif differ
diff --git a/theme_calm/img/messages.png b/theme_calm/img/messages.png
new file mode 100644
index 0000000..d0eadcc
Binary files /dev/null and b/theme_calm/img/messages.png differ
diff --git a/theme_calm/img/network.png b/theme_calm/img/network.png
new file mode 100644
index 0000000..9bd703d
Binary files /dev/null and b/theme_calm/img/network.png differ
diff --git a/theme_calm/img/pen.png b/theme_calm/img/pen.png
new file mode 100644
index 0000000..1383c71
Binary files /dev/null and b/theme_calm/img/pen.png differ
diff --git a/theme_calm/img/profile.png b/theme_calm/img/profile.png
new file mode 100644
index 0000000..f4488dd
Binary files /dev/null and b/theme_calm/img/profile.png differ
diff --git a/theme_calm/img/reply.png b/theme_calm/img/reply.png
new file mode 100644
index 0000000..4c33e33
Binary files /dev/null and b/theme_calm/img/reply.png differ
diff --git a/theme_calm/img/repost.png b/theme_calm/img/repost.png
new file mode 100644
index 0000000..bc547f7
Binary files /dev/null and b/theme_calm/img/repost.png differ
diff --git a/theme_calm/img/screenshot.jpg b/theme_calm/img/screenshot.jpg
new file mode 100644
index 0000000..de284b2
Binary files /dev/null and b/theme_calm/img/screenshot.jpg differ
diff --git a/theme_calm/img/spinner-medium.gif b/theme_calm/img/spinner-medium.gif
new file mode 100644
index 0000000..c55b8dc
Binary files /dev/null and b/theme_calm/img/spinner-medium.gif differ
diff --git a/theme_calm/img/spinner-small.gif b/theme_calm/img/spinner-small.gif
new file mode 100644
index 0000000..7d15c23
Binary files /dev/null and b/theme_calm/img/spinner-small.gif differ
diff --git a/theme_calm/img/spinner.gif b/theme_calm/img/spinner.gif
new file mode 100644
index 0000000..7d15c23
Binary files /dev/null and b/theme_calm/img/spinner.gif differ
diff --git a/theme_calm/img/switch.png b/theme_calm/img/switch.png
new file mode 100644
index 0000000..a7a46cd
Binary files /dev/null and b/theme_calm/img/switch.png differ
diff --git a/theme_calm/img/tornado_avatar.png b/theme_calm/img/tornado_avatar.png
new file mode 100644
index 0000000..e50a5aa
Binary files /dev/null and b/theme_calm/img/tornado_avatar.png differ
diff --git a/theme_calm/img/tox.png b/theme_calm/img/tox.png
new file mode 100644
index 0000000..c6a526c
Binary files /dev/null and b/theme_calm/img/tox.png differ
diff --git a/theme_calm/img/twister_mini.png b/theme_calm/img/twister_mini.png
new file mode 100644
index 0000000..f243292
Binary files /dev/null and b/theme_calm/img/twister_mini.png differ
diff --git a/theme_calm/img/wash-white-30.png b/theme_calm/img/wash-white-30.png
new file mode 100644
index 0000000..79418a0
Binary files /dev/null and b/theme_calm/img/wash-white-30.png differ