/*
Theme Name: Reiki Vibration
Theme URL: http://www.reikivibration.com/
Description: Holistic healing services
Version: 1.0
Author: Agnes Lisztwan / http://www.agnesdesignz.com
*/

/******************** GLOBAL ********************/
* {
margin: 0;
padding: 0;
}
html {
background: #000 url(img/bgall.png) repeat-x;
color: #EEE;
font-family: Verdana, Arial, Sans-Serif;
font-size: 9pt;
}
strong {
font-weight: bold;
}
em {
font-weight: bold;
font-style: italic;
}
abbr, acronym {
cursor: help;
}

/******************** DIVY ********************/

#top {
background: url(img/top.png) no-repeat #2e1015;
height: 400px;
width: 980px;
margin: 35px auto 19px auto;
}
#all {
background: url(img/aabg.png) repeat-y;
width: 980px;
margin: 0 auto;
overflow: hidden;
}
#tresc {
padding: 0 100px;
width: 540px;
float: right;
}

/******************** MENU ********************/

/* menu poziome */

#top ul {
width: 390px;
list-style-type: none;
padding: 0 0 0 105px;
margin: 0 0 0 470px;
height: 60px;
background: url(img/menu_bg.png) no-repeat;
overflow: hidden;
}
#top ul li {
height: 30px;
float: left;
margin: 10px 14px 0 0;
position: relative;
background: none;
padding: 0;
}
#top ul li span {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
#m_home {
width: 75px;
}
#m_home span {
background: url(img/home.png) no-repeat;
}
#m_articles {
width: 90px;
}
#m_articles span {
background: url(img/articles.png) no-repeat;
}
#m_contact {
width: 85px;
}
#m_contact span {
background: url(img/contact.png) no-repeat;
}

/* menu pionowe */

#lewo {
float: left;
width: 240px;
}

#lewo dl {
width: 240px;
background: url('img/menu-bottom.png') no-repeat bottom;
padding: 0 0 140px 0;
}
#lewo dt {
position: relative;
height: 120px;
width: 240px;
font-size: 2em;
}
#lewo dt span {
position: absolute;
width: 100%;
height: 100%;
}
#services span {
background: url(img/metop.png) no-repeat;
}
#recommended span {
background: url(img/rec.png) no-repeat;
}
#lewo dd {
position: relative;
height: 38px;
width: 240px;
font-size: 1.2em;
}
#lewo dd span {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
#me_reiki span {
background: url(img/b1.png) no-repeat;
}
#me_crystal span {
background: url(img/b2.png) no-repeat;
}
#me_chromo span {
background: url(img/b3.png) no-repeat;
}
#me_tarot span {
background: url(img/b4.png) no-repeat;
}
#me_chakra span {
background: url(img/b5.png) no-repeat;
}
#me_detox span {
background: url(img/b6.png) no-repeat;
}
#me_books span {
background: url(img/b7.png) no-repeat;
}
#me_music span {
background: url(img/b8.png) no-repeat;
}
#me_spiritual span {
background: url(img/b10.png) no-repeat;
}
#me_links span {
background: url(img/b9.png) no-repeat;
}

/******************** NAGLOWKI ********************/

h1 {
text-indent: -1000em;
height: 322px;
text-align: center;
overflow: hidden;
}
#tresc h2 {
width: 294px;
margin: 20px auto;
position: relative;
height: 52px;
font-size: 2.5em;
font-weight: normal;
}
#tresc h2 span {
position: absolute;
width: 100%;
height: 100%;
}
h2#n_home span {
background: url(img/welcome.png) no-repeat;
}
h2#n_reiki span {
background: url(img/reiki.png) no-repeat;
}
h2#n_crystal span {
background: url(img/crystal.png) no-repeat;
}
h2#n_chromo span {
background: url(img/chromo.png) no-repeat;
}
h2#n_tarot span {
background: url(img/spiritual.png) no-repeat;
}
h2#n_chakra span {
background: url(img/chakra.png) no-repeat;
}
h2#n_detox span {
background: url(img/body.png) no-repeat;
}
h2#n_books span {
background: url(img/books.png) no-repeat;
}
h2#n_music span {
background: url(img/healmusic.png) no-repeat;
}
h2#n_spiritual span {
background: url(img/spirart.png) no-repeat;
}
h2#n_links span {
background: url(img/links.png) no-repeat;
}
h2#n_contact span {
background: url(img/contact_.png) no-repeat;
}
h2#n_articles span {
background: url(img/articles_.png) no-repeat;
}
h3 {
text-transform: uppercase;
font-size: 10pt;
text-align: center;
padding: 0 0 5px 0;
background: url(img/kres.png) no-repeat center bottom;
}
h3.articles {
background: none;
padding: 0;
text-align: left;
padding: 10px 0 0 0;
}
h3.article {
background: none;
text-transform: none;
padding: 0;
}
h3.links_h3 {
color: #F14793;
font-size: 14pt;
background: none;
padding: 0;
text-transform: none;
font-weight: normal;
margin: 0 0 5px 0;
}
h4 {
padding: 20px 0 0 0;
}

/******************** PARAGRAFY ********************/

p {
text-align: justify;
margin: 15px 0;
line-height: 1.8em;
font-size: 10pt;
}
#foot {
height: 45px;
background: url(img/re.png) repeat-x;
text-align: center;
margin: 0;
line-height: 1.2em;
font-weight: bold;
padding: 13px 0 0 0;
}
ol p {
font-weight: normal;
}
.pogrubione {
font-weight: bold;
}
noscript p {
text-align: center;
font-size: 1.3em;
}
p.by {
text-align: center;
margin: -4px 0 0 0;
}

/******************** FORMULARZE ********************/

.kreska_sub, #newsletter .kreska_sub  {
padding: 0 0 10px 0;
border-bottom: 1px solid #666;
margin: 5px 0 10px 0;
}
label {
display: block;
clear: both;
padding: 5px 0;
font-weight: bold;
}
form {
background: #180C0E;
margin: 20px auto 40px auto;
padding: 10px;
width: 350px;
overflow: hidden;
font-size: 10pt;
}
input {
float: right;
border: 0;
padding: 1px 5px;
width: 200px;
font-size: 8pt;
}
fieldset {
border: 0;
}
legend {
display: none;
}
.obowiazek {
color: #C00;
}
form div {
overflow: hidden;
clear: both;
margin: 10px 0 0 0;
height: 80px;
font-weight: bold;
}
form div label {
float: right;
padding: 2px 0;
width: 230px;
text-align: left;
font-weight: normal;
}
form div input {
float: none;
margin: 0 5px 0 0;
width: 10px;
}
textarea {
display: block;
width: 346px;
border: 0;
margin: 15px 0 10px 0;
padding: 2px;
}
select {
margin: 0 0 0 10px;
}
.submit_ {
background: #F14793;
float: none;
clear: both;
width: 60px;
font-size: 9.5pt;
padding: 0;
margin: 10px 0;
display: block;
}
form p {
font-size: 0.7em;
}

/*tarot formularz */

#tarotform {
width: 376px;
}
#tarotform input {
width: 220px;
}
#tarotform div input {
width: 10px;
}
#tarotform .submit_ {
width: 60px;
}

/* newsletter */

h2#newsletter_ {
width: 240px;
text-align: center;
font-size: 1.3em;
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
height: auto;
margin: 0 0 8px 0;
}
#newsletter {
padding: 6px 8px;
border: 2px solid #FFF;
background: #180C0E;
width: 200px;
margin: 0 auto 20px auto;
}
#newsletter p {
margin: 0 0 10px 0;
text-align: center;
font-weight: bold;
font-size: 1.1em;
line-height: 1.2em;
}
#newsletter fieldset {
border: 0;
}
#newsletter legend {
display: none;
}
#newsletter label {
display: block;
margin: 5px 0;
font-size: 0.8em;
font-weight: bold;
overflow: hidden;
height: 30px;
padding: 0;
}
#newsletter input {
border: 0;
padding: 1px 0 1px 5px;
width: 110px;
float: right;
font-size: 0.9em;
margin: 5px 10px 0 0;
}
#newsletter #submit_sub {
background: #F14793;
float: none;
clear: both;
width: 80px;
font-size: 9pt;
padding: 0;
margin: 10px 0 0 0;
}

/* szukarka art.com */

#ArtSearch {
background: #FFF;
width: 270px;
margin: 0 auto;
color: #000;
font-size: 0.8em;
padding: 10px 0;
}
#ArtSearch fieldset {
border: 0;
}
#ArtSearch legend {
display: none;
}
#ArtSearch h3 {
width: 141px;
height: 25px;
position: relative;
background: none;
margin: 0 0 15px 65px;
color: #000;
padding: 0;
text-align: left;
}
#ArtSearch h3 span {
position: absolute;
width: 100%;
height: 100%;
background: url(img/art_logo.gif) no-repeat;
}
#ArtSearch div label {
float: none;
display: inline;
}
#ArtSearch div {
border-top: 2px solid #ccc;
padding: 15px 0 0 0;
overflow: hidden;
width: 243px;
margin: 0 auto;
height: 100%;
color: #FFF;
}
#ArtSearch label input {
margin: 0 0 0 5px;
font-size: 11pt;
padding: 1px 5px;
height: 100%;
width: 150px;
border: 1px solid #aaa;
margin: 0;
}
#ArtSearch div #search_submit {
width: 36px;
height: 25px;
border: 0;
margin: -3px -8px 0 0;
float: right;
}

/* Link Exchange Request */

#linkex label input {
font-size: 14px;
}
#linkex label {
margin: 5px 0;
}
.block_input {
display: block;
margin: 10px auto 5px auto;
float: none;
width: 340px;
}

/******************** OBRAZKI ********************/

img {
display: block;
margin: 20px auto;
}
.tyty {
width: 83px;
height: 150px;
display: block;
margin: 10px auto 40px auto;
}

/******************** LINKI ********************/

a {
color: #eee;
}
a.articles_a {
font-weight: bold;
}
.links_a {
text-align: center;
display: block;
font-size: 12pt;
font-weight: bold;
}
/******************** LISTY ********************/

ul {
padding: 0 0 0 40px;
list-style-type: none;
}
li {
font-size: 10pt;
margin: 24px 0;
}
ul li {
background: url(img/marker.gif) no-repeat center left;
padding: 0 0 0 15px;
}
ol {
list-style-position: inside;
}
.bez_markera {
list-style-type: none;
padding: 0;
}
.bez_markera li {
background: none;
padding: 0;
}
.bold_ {
font-weight: bold;
}
#detox_ li {
margin: 10px 0;
}
.marker_kolo {
list-style-type: disc;
}
.marker_kolo li {
background: none;
padding: 0;
margin: 10px 0;
}

/* lista linki */

#links_ {
text-align: center;
padding: 0;
}
#links_ li {
background: url(img/kres.png) no-repeat center bottom;
padding: 0 0 30px 0;
}
#links_ li a {
display: block;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 20px 0;
}
#rozowypkt {
color: #cc3399;
}
#links_ #rozowypkt a {
display: inline;
}

/* artykuły */

.articles_ {
margin: 20px 0 30px 0;
padding: 0 0 0 40px;
list-style-position: outside;
}
.articles_ li {
margin: 7px 0;
font-size: 11pt;
}
.articles_ li a {
font-weight: bold;
font-size: 9pt;
}
.articles_ol li {
margin: 8px 0;
}

/* vibrational (** - content) */

.vibrational {
margin: 10px 0 0 0;
}
.vibrational li {
margin: 2px 0;
}
.vibrational li:before {
content: '** ';
}

/* lista w liście wypunktowanej... */

ol .bez_markera {
margin: 0 0 0 30px;
}
ol .bez_markera li {
margin: 5px 0;
}

/* Lista w linkex.htm */

#links_lista {
text-align: center;
padding: 0;
margin: 10px 0 20px 0; 
}
#links_lista li {
display: inline;
background: none;
padding: 0;
text-transform: uppercase;
margin: 0 10px;
}

/******************** TABELE ********************/

table {
border-collapse: collapse;
font-size: 0.8em;
margin: 20px 0;
width: 100%;
}
td, th {
border: 1px solid #000;
padding: 5px;
}
th {
font-weight: bold;
font-size: 1.1em;
}
#detoxtable {
border: 0;
font-size: 1em;
}
#detoxtable th {
text-align: left;
}
#detoxtable td, #detoxtable th {
border: 0;
padding: 10px;
}
#price {
border: 0;
font-size: 1em;
}
#price td, #price th {
border: 0;
text-align: center;
}
.saving {
font-weight: bold;
}

/* tabela w dziale Spiritual Arts */

#art_ {
margin: 0 auto;
width: 509px;
}
#art_ caption {
height: 40px;
background: url(img/tabela_art.png) repeat-x;
color: #000;
overflow: hidden;
padding: 2px 123px 0 123px;
text-align: left;
border: 1px solid #FFF;
margin: 0 0 0 -1px;
}
#art_ caption img {
margin: -17px 0 0 0;
float: right;
}
#art_ td {
border: 1px solid #FFF;
padding: 8px 4px;
text-align: center;
width: 25%;
}
#art_ span {
background: #FFF;
padding: 0 5px;
margin: 0;
overflow: hidden;
line-height: 100%;
font-size: 11px;
font-weight: bold;
display: block;
}
#art_ a {
color: #F14793;
display: block;
}
#art_ img {
border: 0;
margin: 0;
display: inline;
}