/*
 JOOMSTYLE TEMPLATE CLUB
 TYPOGRAPHY
*/


.color-1,
.color-2,
.color-3,
.color-4,
.color-5 {
margin:10px 0 !important; }

.color-1 {
color:#7e1f1f !important; background:#ffbfbf !important;
border-top:2px solid #ff9d9d !important; border-bottom:2px solid #ff9d9d !important; }

.color-2 {
color:#1f607e !important; background:#bfecff !important;
border-top:2px solid #9de0ff !important; border-bottom:2px solid #9de0ff !important; }

.color-3 {
color:#7e741f !important; background:#fffebf !important;
border-top:2px solid #fff59d !important; border-bottom:2px solid #fff59d !important; }

.color-4 {
color:#3c7e1f !important; background:#d3ffbf !important;
border-top:2px solid #bbff9d !important; border-bottom:2px solid #bbff9d !important; }

.color-5 {
color:#5d5d5d !important; background:#dedede !important;
border-top:2px solid #cdcdcd !important; border-bottom:2px solid #cdcdcd !important; }

.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-10 {
padding:12px 12px 12px 55px !important; display:block !important; }

.icon-1 {
background:url(../images/icon1.png) no-repeat 12px 50% !important; }

.icon-2 {
background:url(../images/icon2.png) no-repeat 12px 50% !important; }

.icon-3 {
background:url(../images/icon3.png) no-repeat 12px 50% !important; }

.icon-4 {
background:url(../images/icon4.png) no-repeat 12px 50% !important; }

.icon-5 {
background:url(../images/icon5.png) no-repeat 12px 50% !important; }

.icon-6 {
background:url(../images/icon6.png) no-repeat 12px 50% !important; }

.icon-7 {
background:url(../images/icon7.png) no-repeat 12px 50% !important; }

.icon-8 {
background:url(../images/icon8.png) no-repeat 12px 50% !important; }

.icon-9 {
background:url(../images/icon9.png) no-repeat 12px 50% !important; }

.icon-10 {
background:url(../images/icon10.png) no-repeat 12px 50% !important; }

.clear-1,
.clear-2,
.clear-3,
.clear-4,
.clear-5 {
padding:15px !important; padding-top:0 !important; margin:10px 0 !important; display:block !important; }

.clear-1:before,
.clear-2:before, 
.clear-3:before, 
.clear-4:before, 
.clear-5:before {
content:''; display:block !important; clear:both !important;
height:1px !important; padding-top:15px !important; }

.clear-1 {
color:#ff5353 !important; }

.clear-2 {
color:#40b9ff !important; }

.clear-3 {
color:#bdaf3b !important; }

.clear-4 {
color:#5db63d !important; }

.clear-5 {
color:#8e8e8e !important; }

pre {
font-size:12px !important; color:#000 !important; background:#eee !important;
border-left:5px solid #bbb !important; padding:15px 15px 5px 20px !important; }

blockquote {
width:auto !important; font-style:italic !important; padding:10px 0 5px 60px !important; margin:15px 10px !important; }

blockquote p {
padding:0 60px 15px 0 !important; margin:0 !important; }

.marker-yellow, 
.marker-orange, 
.marker-blue, 
.marker-violet, 
.marker-green {
color:#000 !important; padding:0 !important; padding-right:8px !important; margin:0 1px !important; }

.marker-orange, 
.marker-blue, 
.marker-violet {
color:#fff !important; }

ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6,
ul.bullet-7,
ul.bullet-8,
ul.bigbullet-1,
ul.bigbullet-2,
ul.bigbullet-3,
ul.bigbullet-4,
ul.bigbullet-5,
ul.number {
list-style:none !important; margin:10px 0 30px 40px !important; }

ul.bullet-1 li,
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li,
ul.bullet-6 li,
ul.bullet-7 li,
ul.bullet-8 li {
padding:3px 0 3px 15px !important; }

ul.bigbullet-1 li,
ul.bigbullet-2 li,
ul.bigbullet-3 li,
ul.bigbullet-4 li,
ul.bigbullet-5 li,
ul.number li.number-1,
ul.number li.number-2,
ul.number li.number-3,
ul.number li.number-4,
ul.number li.number-5,
ul.number li.number-6,
ul.number li.number-7,
ul.number li.number-8,
ul.number li.number-9 {
padding:5px 0 5px 28px !important; }

ul.bigbullet-1 li {
background:url(../images/ul-bigbullet1.png) no-repeat left 4px !important; }

ul.bigbullet-2 li {
background:url(../images/ul-bigbullet2.png) no-repeat left 4px !important; }

ul.bigbullet-3 li {
background:url(../images/ul-bigbullet3.png) no-repeat left 4px !important; }

ul.bigbullet-4 li {
background:url(../images/ul-bigbullet4.png) no-repeat left 4px !important; }

ul.bigbullet-5 li {
background:url(../images/ul-bigbullet5.png) no-repeat left 4px !important; }