/*------------------------------------------------------------------------
# "sparky" - Joomla Template Framework
# Copyright (C) 2012 ArhiNet d.o.o. All Rights Reserved.
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

/* overwrite sparky's settings */

body {
  margin:0;
  padding:0;
}

h1 {
    padding:30px 0;
    margin:0;
    line-height:normal;
}

h2, h2 a {
    padding:30px 0 15px;
    margin:0;
    line-height:normal;
}

.mp_user1 h2, .mp_user4 h2, .mp_bottom2 h2 {
  text-transform: uppercase;
}

h3 {
    margin:30px 0 15px;
    padding:0;
}

h4 {
    margin:0;
    padding:0;
}

iframe {
  border: none;
}

/* overwrite joomla.css */

div.finder label, div.finder br {
  display:none;
}

.readmore {
  font-size: 13px;
  text-transform: uppercase;
}

/* forms */

fieldset {
  border:0;
  margin:0;
  padding:0;
}

legend {
  font-weight:bold;
  margin: 0;
  padding: 0;
}

.input {
  margin:0;
  padding:0;
}

.inputbox {
  background: #fff;
  border: 1px solid #999;
  padding: 3px;
}

.button {
  border: 1px solid #333;
  padding: 5px 10px;
  color:#000;
  background:#ccc;
}

form {
  margin:0;
  padding:0;
}

/* lists */

ul, ol {
  margin: 15px 45px;
  padding: 0;
}

li {
  margin: 0;
  padding: 0 0 10px 0;
}

div.item-page ol li, div.item-page ul li {
  margin: 0 0 10px 0;
  padding: 0;
}

ul.arrow li {
  list-style-image: url(../images/bullet_arrow_right.png);
}

ul.arrowleft li {
  list-style-image: url(../images/bullet_arrow_left.png);
}

ul.calendar li {
  list-style-image: url(../images/bullet_calendar.png);
}

ul.checklist li {
  list-style-image: url(../images/bullet_tick.png);
}

ul.delete li {
  list-style-image: url(../images/bullet_delete.png);
}

ul.email li {
  list-style-image: url(../images/bullet_email.png);
}

ul.file li {
  list-style-image: url(../images/bullet_file.png);
}

ul.folder li {
  list-style-image: url(../images/bullet_folder.png);
}

ul.heart li {
  list-style-image: url(../images/bullet_heart.png);
}

ul.information li {
  list-style-image: url(../images/bullet_information.png);
}

ul.lock li {
  list-style-image: url(../images/bullet_lock.png);
}

ul.pencil li {
  list-style-image: url(../images/bullet_pencil.png);
}

ul.person li {
  list-style-image: url(../images/bullet_person.png);
}

ul.rss li {
  list-style-image: url(../images/bullet_rss.png);
}

ul.shop li {
  list-style-image: url(../images/bullet_shop.png);
}

ul.song li {
  list-style-image: url(../images/bullet_song.png);
}

ul.star li {
  list-style-image: url(../images/bullet_star.png);
}

ul.star2 li {
  list-style-image: url(../images/bullet_star2.png);
}

ul.trash li {
  list-style-image: url(../images/bullet_trash.png);
}

ul.tweak li {
  list-style-image: url(../images/bullet_tweak.png);
}

ul.unlock li {
  list-style-image: url(../images/bullet_unlock.png);
}

ul.warn li {
  list-style-image: url(../images/bullet_warning.png);
}

/* typography */

.warning {
  padding:15px 15px 15px 60px;
  color:#000;
  border-top:4px solid #c10000;
  border-bottom:4px solid #c10000;
  background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
  padding:15px 15px 15px 60px;
  color:#006699;
  border-top:4px solid #006699;
  border-bottom:4px solid #006699;
  background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
  padding:15px 15px 15px 60px;
  color:#900;
  border-top:4px solid #900;
  border-bottom:4px solid #900;
  background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.typewriter {
  background: url(../images/typewriter_bg.png);
  padding:20px 15px 20px 30px;
  color:#000;
  font-family:"Courier New", Courier, monospace;
  line-height:20px;
  text-align:left;
}

blockquote {
  margin:0;
  padding:15px 15px 15px 75px;
  font-size:125%;
  font-style:italic;
  font-family: serif;
  line-height:normal;
  background: url(../images/quotes.png) top left no-repeat;
}

.dropcap:first-letter {
  font-size: 300%;
  font-weight:bold;
  float:left;
  margin:0 10px 5px 0;
}

span.p_number {
  font-size: 400%;
  font-weight:bold;
  float:left;
  margin:0 10px 10px 0;
  position: relative;
  line-height: 40px;
}

.inset_left {
  display:block;
  float:left;
  width: 150px;
  font-style: italic;
  margin: 15px 15px 15px 0;
}

.inset_right {
  display:block;
  float:right;
  width: 150px;
  font-style: italic;
  margin: 15px 0 15px 15px;
}

.inset_title {
  font-weight:bold;
  display:block;
}

img.img_left {
  float:left;
  margin:0 30px 30px 0;
}

img.img_right {
  float:right;
  margin:0 0 30px 30px;
}