@charset "utf-8";
/* 960 grid */
@import url("960_12_col.css");
@import url("reset.css");
@import url("sio_stil.css");
@import url("sio_layout.css");

/* CSS sio_style */

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background-color: #e2e2e2; }

ol, ul { list-style: none outside none; }
blockquote { margin: 0; padding: 0; }

/* button - to top & read more - */
.button { margin: 0; padding: 0; }
.button ul { margin: 15px 0 0 0; padding: 0; }
.button ul li { margin: 0 0 0 8px; padding: 0; list-style: none; }
.button a { display: inline-block; height: 28px; padding: 0 23px; border-radius: 30px 60px 30px 30px; -webkit-border-radius: 30px 60px 30px 30px; -moz-border-radius: 30px 60px 30px 30px; line-height: 30px; text-transform: uppercase; text-decoration: none; text-indent: -9999px; }
.button a:link,
.button a:visited { color: #d5d5d5; }
.button a:hover,
.button a:active { color: #d5d5d5; }
.button .left { float: right; }
.button .right { float: right; }
.button .left a { background: #534f4e url(../images/sio_button_top.gif) no-repeat center center scroll; }
.button .right a { background: #534f4e url(../images/sio_button_bottom.gif) no-repeat center center scroll; }

#more { float: right; }
#more a { display: inline-block; height: 23px; padding: 0 18px; background: #534f4e url(../images/sio_more_here.gif) no-repeat center center scroll; border-radius: 30px 60px 30px 30px; -webkit-border-radius: 30px 60px 30px 30px; -moz-border-radius: 30px 60px 30px 30px; text-transform: uppercase; text-decoration: none; text-indent:-9999px; }

.more a:link,
.more a:visited { color: #d5d5d5; }
.more a:hover,
.more a:active { color: #d5d5d5; }

/* diverse */
.float-left { float: left; }
.float-right { float: right; }