/*---------------------------------------------------------------- 

  Copyright:

  Copyright (C) 2008 IceTheme. All Rights Reserved

  

  License:

  Copyrighted Commercial Software 

  

  Author:

  IceTheme - http://wwww.icetheme.com

---------------------------------------------------------------- */



/* General Forsm Styles */

label { 

  font-weight: normal;

  vertical-align:top;

  width:160px;

  display:inline-block}



fieldset { 

  padding:1.4em;

  margin: 1em 0 1.5em .2em;

  border-radius:10px;

  border:1px dotted rgba(255,255,255,.2);}

  

legend  { 

  font-size:1.5em;

  border-radius:10px;

  color:#fff;

  border:1px dotted rgba(255,255,255,.2);

  padding:0.3em 1em 0.4em}





/* Text fields */

.inputbox,

input[type="text"],

input[type="password"]  {

  color:#fff;

  color:rgba(255,255,255,.6);

  background:#222;

  background:rgba(0,0,0,.3);

  border:1px solid #333;

  border:1px solid rgba(255,255,255,.1);

  border-radius:10px;

  margin:0 0.25em 0 0;

  padding:4px 7px;

  -moz-transition: all .4s ease-in;

  -o-transition: all .4s ease-in;

  -webkit-transition: all .4s ease-in;

  transition: all .4s ease-in;}

  .inputbox:hover,

  .inputbox:focus,

  input[type="text"]:hover,

  input[type="text"]:focus,

  input[type="password"]:hover,

  input[type="password"]:focus  {

    background:rgba(0,0,0,.6);}



  /* inside the columns modules because they have a dark background color  */



    

    

textarea {

  color:#fff;

  color:rgba(255,255,255,.6);

  background:#222;

  background:rgba(0,0,0,.3);

  border:1px solid #333;

  border:1px solid rgba(255,255,255,.1);

  border-radius:10px;

  margin:0 0.25em 0 0;

  padding:3px 5px;

  -moz-transition: all .4s ease-in;

  -o-transition: all .4s ease-in;

  -webkit-transition: all .4s ease-in;

  transition: all .4s ease-in; }

  textarea:hover,

  textarea:focus { 

    background:rgba(0,0,0,.6);}





select {

  color:#fff;

  color:rgba(255,255,255,.6);

  background:#222;

  background:rgba(0,0,0,.3);

  border:1px solid #333;

  outline:none;}

  select option {

    color:#fff;

    background:#111;}

  select:focus { }



/* Other */

form p img {

  float:none;

  margin:0;

  vertical-align:middle}







/* Success, Notice and Error Form Messages */

.success,

.notice,

.error { 

  box-shadow: 0 0 10px rgba(0,0,0,.75);

  border:1px solid #333;

  border: 1px solid rgba(255,255,255,.2);

  padding:.6em 1em 0.6em 3.4em;

  margin-bottom: 2em;

  color:rgba(255,255,255,.5);

  border-radius:10px;}

  .success {

    border-color:#0F350C;

    background:#041003 url(../images/typo_success.png) no-repeat 10px center;}

  .notice { 

    border-color:#33330D;

    background:#131304 url(../images/typo_note.png) no-repeat 10px center;}

  .error { 

    border-color:#3A0C0F;

    background:#120304 url(../images/typo_error.png) no-repeat 10px center;}









  

/* Buttons 

------------ */

  

button,

input.button,

a.button,

p.readmore a  {

  font-family:Verdana, Geneva, sans-serif;

  background:#292905;

  background: -moz-linear-gradient(100% 100% 90deg, #333333, #666666);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333));

  border:1px solid #000000;

  color:#DEDEDE;

  text-shadow:1px 1px 1px #000;

  display:inline-block;

  padding:2px 12px 4px; 

  cursor:pointer;

  font-size:0.9em;

  border-radius:5px;

  margin:0 .25em;

  text-decoration:none;

  -moz-transition: all .3s ease-out;

  -o-transition: all .3s ease-out;

  -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out; }

  

  button:hover,

  input.button:hover,

  a.button:hover,

  p.readmore a:hover {

    border-color:#ffffff;

    box-shadow:0 0 10px rgba(0, 0, 0, 0.8);}

    

    button:focus,

    input.button:focus,

    a.button:focus,

    p.readmore a:focus { background:#333333;}

      

  

  a.button {

    padding:2px 15px}

    

    

    

    /* with "button2" added class button */

    a.button2  {  

      background:#291B05;

      background: -moz-linear-gradient(100% 100% 90deg, #291B05, #322307);

      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#322307), to(#291B05));

      border-color:#57400F;}

      a.button2:hover {

        border-color:#836017;}

        a.button2:focus { background:#291B05;}