/***************************************************************************************************
  Stylesheet for:  consciouscreation.info
  PARTHENON WebWare v8
  Updated Oct 17, 2016 
***************************************************************************************************/

/***************************************************************************************************
                              GLOBAL
***************************************************************************************************/

body {
  margin-top:                 0;
  margin-left:                0;
  margin-right:               0;
  padding:                    0;
}

.page-bg {
  position:                   fixed;
  top:                        0;
  right:                      0;
  left:                       0;
  height:                     1125px;
  background-image:           url('/cc_stuff/motif/bg_1500x1125.jpg');
  background-position:        50% 0;
  background-repeat:          no-repeat;
  z-index:                    -1;
}

@media only screen
  and (min-device-width: 640px)
  and (max-device-width: 1136px)
  and (orientation: landscape) {
  .page-bg {
    height:                   640px;
    background-image:         url('/cc_stuff/motif/bg_1136x852.jpg');
  }
}
@media only screen
  and (min-device-width: 640px)
  and (max-device-width: 1136px)
  and (orientation: portrait) {
  .page-bg {
    height:                   1136px;
    background-image:         url('/cc_stuff/motif/bg_1136x852.jpg');
  }
}



@font-face {
  font-family:                'fontleroy';
  src:                        url('fontleroybrownnf.eot');
  src:                        url('fontleroybrownnf.eot?#iefix') format('embedded-opentype'),
                              url('fontleroybrownnf.woff') format('woff'),
                              url('fontleroybrownnf.ttf') format('truetype'),
                              url('fontleroybrownnf.svg#fontleroy_brown_nfregular') format('svg');
  font-weight:                normal;
  font-style:                 normal;
}

@font-face {
  font-family:                'sfmovieposter';
  src:                        url('sfmovieposter.eot');
  src:                        url('sfmovieposter.eot?#iefix') format('embedded-opentype'),
                              url('sfmovieposter.woff') format('woff'),
                              url('sfmovieposter.ttf') format('truetype'),
                              url('sfmovieposter.svg#sf_movie_posterregular') format('svg');
  font-weight:                normal;
  font-style:                 normal;
}

@font-face {
  font-family:                'aliquam';
  src:                        url('aliquam.eot');
  src:                        url('aliquam.eot?#iefix') format('embedded-opentype'),
                              url('aliquam.woff') format('woff'),
                              url('aliquam.ttf') format('truetype'),
                              url('aliquam.svg#aliquamregular') format('svg');
  font-weight:                normal;
  font-style:                 normal;
}

@font-face {
    font-family: 'godofwar';
    src: url('godofwar.eot');
    src: url('godofwar.eot?#iefix') format('embedded-opentype'),
         url('godofwar.woff') format('woff'),
         url('godofwar.ttf') format('truetype'),
         url('godofwar.svg#godofwarregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.logo {
  font-family:                godofwar;
  font-size:                  50px;
  color:                      #353beb;
  letter-spacing:             1px;
  line-height:                80%;
  margin:                     0px;
  text-shadow:                2px 2px 2px #404040;
}



.title_g24 {
  font-family:                aliquam;
  font-size:                  24px;
  color:                      #ffdd00;
  letter-spacing:             3px;
  line-height:                100%;
  margin:                     0px;
}

.title_g18 {
  font-family:                aliquam;
  font-size:                  18px;
  color:                      #ffdd00;
  letter-spacing:             4px;
  line-height:                100%;
  margin:                     0px;
}

.title_g14 {
  font-family:                aliquam;
  font-size:                  14px;
  color:                      #ffdd00;
  letter-spacing:             2px;
  line-height:                100%;
  margin:                     0px;
}

.title_s12 {
  font-family:                aliquam;
  font-size:                  12px;
  color:                      #a0a0a0;
  letter-spacing:             2px;
}

.text_v14 {
  font-family:                aliquam;
  font-size:                  14px;
  color:                      #ffc0ff;
  letter-spacing:             1px;
}

.text_v12 {
  font-family:                tahoma;
  font-size:                  12px;
  color:                      #ffc0ff;
  letter-spacing:             1px;
}

.text_g20 {
  font-family:                aliquam;
  font-size:                  20px;
  color:                      #ffdd00;
  letter-spacing:             2px;
}

h1.text_g20 {
  font-family:                aliquam;
  font-size:                  20px;
  color:                      #ffdd00;
  letter-spacing:             2px;
  margin:                     0;
}

.text_g16 {
  font-family:                aliquam;
  font-size:                  16px;
  color:                      #ffdd00;
  letter-spacing:             1px;
}

.text_g14 {
  font-family:                aliquam;
  font-size:                  14px;
  color:                      #ffdd00;
  letter-spacing:             2px;
}

.text_g12 {
  font-family:                aliquam;
  font-size:                  12px;
  color:                      #ffdd00;
  letter-spacing:             2px;
}

.text_w20 {
  font-family:                calibri, helvetica;
  font-size:                  20px;
  color:                      #ffffff;
  letter-spacing:             1px;
  line-height:                160%;
}

.text_w16 {
  font-family:                calibri, helvetica;
  font-size:                  16px;
  color:                      #ffffff;
  letter-spacing:             1px;
  line-height:                160%;
}

.text_w14 {
  font-family:                calibri, helvetica;
  font-size:                  14px;
  color:                      #ffffff;
  letter-spacing:             1px;
  line-height:                160%;
}

.text_w12 {
  font-family:                calibri, helvetica;
  font-size:                  12px;
  color:                      #ffffff;
  letter-spacing:             1px;
  line-height:                160%;
}

.text_w11 {
  font-family:                calibri, helvetica;
  font-size:                  11px;
  color:                      #ffffff;
  letter-spacing:             1px;
  line-height:                160%;
}

A.link_w14:link, A.link_w14:active, A.link_w14:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  14px;
  color:                      #ffffff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w14:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}
A.link_w14this:link, A.link_w14this:active, A.link_w14this:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  14px;
  color:                      #ffc0ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w14this:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}


A.link_w12:link, A.link_w12:active, A.link_w12:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  12px;
  color:                      #ffffff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w12:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}
A.link_w12this:link, A.link_w12this:active, A.link_w12this:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  12px;
  color:                      #ffc0ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w12this:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}

A.link_w11:link, A.link_w11:active, A.link_w11:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  11px;
  color:                      #ffffff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w11:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}
A.link_w11this:link, A.link_w11this:active, A.link_w11this:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  11px;
  color:                      #ffc0ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_w11this:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}


.error_14 {
  font-family:                verdana;
  font-size:                  14px;
  color:                      #ff00ff;
  letter-spacing:             1px;
  line-height:                160%;
}


/***************************************************************************************************
                              HEADER
***************************************************************************************************/

.bubble {
  font-family:                fontleroy;
  font-size:                  25px;
  color:                      #ffdd00;
  letter-spacing:             1px;
}

.textbox_hdr {
  font:                       10px Arial;
  color:                      #ffffff;
  letter-spacing:             1px;
  padding:                    2px 3px;
  background-color:           #503550 !important;
  border-radius:              3px;
  -webkit-border-radius:      3px;
  -moz-border-radius:         3px;
}

.button_hdr {
  font:                       10px Tahoma;
  letter-spacing:             1px;
  font-weight:                bold;
  padding:                    2px 10px;
  color:                      #ffc0ff;
  background-color:           #000000;
  border:                     2px solid #808080;
  border-radius:              5px;
  -webkit-border-radius:      5px;
  -moz-border-radius:         5px;
  -webkit-transition:         all 0.15s linear;
  -moz-transition:            all 0.15s; 
}
.button_hdr:hover {
  background-color:           #ffc0ff;
  color:                      #000000;
}

h1.hdr_v14 {
  font-family:                aliquam;
  font-size:                  14px;
  color:                      #ffc0ff;
  letter-spacing:             2px;
  margin:                     0;
}


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

A.mainmenu:link, A.mainmenu:active, A.mainmenu:visited
{
  font:                       18px "sfmovieposter";
  letter-spacing:             2px;
  color:                      #ffffff;  
  text-decoration:            none;
}
A.mainmenu:hover {
  color:                      #ffc0ff; 
  text-decoration:            none;
}

A.mainmenu_this:link, A.mainmenu_this:active, A.mainmenu_this:visited
{
  font:                       18px "sfmovieposter";
  letter-spacing:             2px;
  color:                      #ffc0ff;  
  text-decoration:            none;
}
A.mainmenu_this:hover {
  color:                      #ffc0ff; 
  text-decoration:            none;
}

.button_v12 {
  font:                       12px Verdana;
  letter-spacing:             1px;
  font-weight:                bold;
  padding:                    10px 30px;
  color:                      #ffc0ff;
  background-color:           #202020;
  border:                     2px solid #ffc0ff;
  border-radius:              5px;
  -webkit-border-radius:      5px;
  -moz-border-radius:         5px;
  -webkit-transition:         all 0.15s linear;
  -moz-transition:            all 0.15s; 
}
.button_v12:hover {
  background-color:           #ffc0ff;
  color:                      #000000;
}

.textbox_v12 {
  font:                       12px Arial;
  color:                      #ffffff;
  letter-spacing:             1px;
  padding:                    2px 3px;
  background-color:           #503550 !important;
  border-radius:              3px;
  -webkit-border-radius:      3px;
  -moz-border-radius:         3px;
}

.char_counter {
  font:                       9px Arial;
  color:                      #cccccc;
  letter-spacing:             1px;
  font-weight:                bold;
  border:                     none;
}

.success {
  font:                       12px "Arial Black";
  color:                      #00a000;
}
.error {
  font:                       12px "Arial Black";
  color:                      #c00000;
}

/***************************************************************************************************
                              FOOTER
***************************************************************************************************/

.ftr_text {
  font-family:                arial;
  font-size:                  11px;
  color:                      #ffffff;
  letter-spacing:             1px;
}

A.ftr_link:link, A.ftr_link:active, A.ftr_link:visited
{
  font-family:                arial;
  font-size:                  11px;
  color:                      #ffffff;
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.ftr_link:hover {
  color:                      #ffc0ff; 
  text-decoration:            underline;
}

.ftr_text0 {
  font-family:                "arial black";
  font-size:                  16px;
  color:                      #ffdd00;
}