/* SHIFTICONS */

@font-face {
  font-family: "Shifticons";
  src: url("shifticons.eot"); /* IE9 Compat Modes */
  src: url("shifticons.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("shifticons.woff") format("woff"), /* Modern Browsers */
       url("shifticons.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("shifticons.svg#Shifticons") format("svg"); /* Legacy iOS */
}
/* Shifticon styles */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: Shifticons;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  vertical-align: baseline;
  text-decoration: inherit;
  padding-right: 0em;
  -webkit-font-smoothing: antialiased;}
/* Order-specific styles */
.icon-magnifyingglass:before { content: ""; }
.icon-heart:before { content: ""; }
.icon-settings:before { content: ""; }
/* IE8 hack */
@media \0screen\,screen\9 { body:hover{} }

/* END SHIFTICONS */


@font-face {
    font-family: 'museo', Verdana;
    src: url('http://www.david.therapick.com/museo300-regular.otf')
}

.therapick-name {
    font-family: 'museo';
    font-size: 1.2em;
}

.icon-settings {
    font-family: "shifticons";
    color: #d8bcda;
    top: 7px;
    left: 7px;
    position: absolute;
}

#settings {
    background-color: #7a447e;
    position: relative;
    top: 1px;
    left: 20px;
    font-size: 250%;
    text-shadow: 2px 2px #6b466e;
    box-shadow: 2px 2px #5b335e;
    height: 35px;
    width: 35px;
    display:block;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

#wrapper {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
}
   
a {
    text-decoration: none;
}

#nav a {
    text-decoration:none;
    color: white;
}

#nav a:visited {
    color: white;
}
 
#home {
    position: relative;
    left: 90px;
    top: -36px;
    font-family:'museo';
    font-size: 2em;
    text-shadow: 3px 3px #5b335e;
    color: white;
}

#tagline {
    position: absolute;
    left: 152px;
    top: 11.3px;
    font-family:'museo';
    font-size: 0.5em;
    width: 220px;
    color: white;
    font-style:italic;
}

.icon-heart {
    font-size: 4.5em;
    position: relative;
    left: 580px;
    top: -104px;
    margin: 0px;
    color: #915496;
    padding: 0px;
    text-shadow: 3px 3px 3px #5b335e;
}

#sign-up {
    background-color: #7a447e;
    position: relative;
    top: -155px;
    left: 672px;
    font-family:'museo';
    font-size: 1em;
    width: 65px;
    height: 20px;
    color: white;
    text-shadow: 1px 1px #5b335e;
    box-shadow: 2px 2px #5b335e;
    padding: 8px;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

#login {
    background-color: #7a447e;
    border-right: 1px solid #502e53;
    border-left: 1px solid #7a457e;
    border-top:  1px solid #7a457e;
    border-bottom: 1px solid #502e53;
    position: relative;
    top: -189.4px;
    left: 760px;
    font-family:'museo';
    width: 50px;
    height: 20px;
    font-size: 1em;
    color: white;
    text-shadow: 1px 1px #5b335e;
    box-shadow: 2px 2px #5b335e;
    padding: 8px;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

#nav-content{
    margin-left: auto;
    margin-right: auto;
    width: 850px;
    height: 42px;
}

#nav {
     /* fallback */
  background-color: #432b48;
  background:linear-gradient(top, #432b48, #653768);
  background-repeat: repeat-x;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#432b48), to(#653768));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #432b48, #653768);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #432b48, #653768);
  /* IE 10 */
  background: -ms-linear-gradient(top, #432b48, #653768);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #432b48, #653768);
    
    box-shadow: -5px 0px 5px #333333;
    width: 100%;
    height: 38px;
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 5px;
    z-index: 10;
}

/* END OF NAV BAR */

/* SEARCH BAR */

#searchbar {
    top: 70px;
    left: 50px;
    position: relative;
    width: 16.5em;
}

.searchform {
  display: inline-block;
  zoom: 1; /* ie7 hack for display:inline-block */
  *display: inline;
  border: solid 3px #d2d2d2;
  padding: 3px 5px;
    width: 16.6em;
    height: 3.5em;
    
    margin: 0px;
    border-top: 3px solid #f0f5fa;
    border-left: 3px solid #e5eaf1;
    border-right: 3px solid #d5dce5;
    border-bottom: 3px solid #bfc9d4;
  
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;

  -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
  box-shadow: 0 1px 0px rgba(0,0,0,.1);

  background: #69819e;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6f0fb), to(#afbbc9));
  background: -moz-linear-gradient(top,  #69819e,  #455568);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#69819e', endColorstr='#455568'); /* ie7 */
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#69819e', endColorstr='#455568'); /* ie8 */
}
.searchform input {
  font: normal 20px/100% Verdana, Trebuchet MS, Arial, Helvetica, serif;
    text-align: center;
    color: #cfc9cf;
}
.searchform .searchfield {
    left: 0.55em;
    top: 0.36em;
    position: relative;
  background: #fff;
  padding: 5px 5px 6px 5px;
  width: 180px;
  outline: none;

    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e3e2e3;
    border-right: 1px solid #f3f2f3;
    border-bottom: 1px solid #f9f8f9;
    
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;

  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.icon-magnifyingglass {
    font-size: 2.8em;
    position: relative;
    left: 4.73em;
    top: -1.21em;
    color: #d1c9d2;
    text-shadow: 1px 1px 1px #5b335e;
}
.searchform .searchbutton {
  height: 2.5em;
  width: 2.5em;
  text-shadow: 0 1px 1px rgba(0,0,0,.6);
    position: relative;
    left: 0.69em;
    top: 0em;
    
    border-top: 5px solid #dbd8db;
    border-right: 5px solid #f4f8fc;
    border-left: 5px solid #dbd8db;
    border-bottom: 5px solid #f4f8fc;
    
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;

  background: #4c2b4f;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b6b91), to(#432b48));
  background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
  -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

h1 {
    font: bold 1.5em Verdana, Trebuchet MS, Arial, Helvetica, serif;
    color: #586676;
    text-align: center;
    text-shadow: 1px 1px 1px #cfddee;
    position: relative;
    top: 0.4em;
    left: -0.02em;
}

p1 {
    font: normal 0.7em Verdana, Trebuchet MS, Arial, Helvetica, serif;
    color: #96a4b5;
    text-shadow: 1px 1px 0 #f1e9f2;
    position: relative;
    top: -0.17em;
    left: -0.1em;
}

#city-zip {
    position: relative;
    top: 0.13em;
    left: 1.8em;
    background-color: #d1c9d2;
    text-align: center;
    width: 5.3em;
    margin: 0px;
    border-bottom: 1px solid #f1e9f2;
    border-right: 1px solid #e3d8e5;
    border-left: 1px solid #dccdde;
    border-top: 1px solid #c0adc3;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

#last-name {
    position: relative;
    top: -1.25em;
    left: 7.6em;
}
    

/* END SEARCH BOX */

/* PRESS */

#press {
    position: relative;
    left: 55px;
    top: 110px;
    width: 300px;
}

h2 {
    text-align: center;
    font: normal 1.2em Verdana, Trebuchet MS, Arial, Helvetica, serif;
    color: #96a4b5;
    position: relative;
    left: -1em;
    top: 0.5em;
}

.press-icon {
opacity:0.3;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.press-icon:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* END PRESS BOX */

hr {
    width: 22em;
    position: relative;
    left: -14.3em;
    top: 8.4em;
    color: white;
    background: white;
    height: 0px;
    border-top: 2px solid #e5e7e8;
    border-right: 2px solid #f4f8fc;
    border-left: 2px solid #e5e7e8;
    border-bottom: 2px solid #f4f8fc;
      -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

h3 {
    text-align: left;
    font: normal 0.77em Verdana, Trebuchet MS, Arial, Helvetica, serif;
    color: #586676;
    position: relative;
    left: 3em;
    top: 12em;
}

#links {
    font: normal 0.77em Verdana, Trebuchet MS, Arial, Helvetica, serif;
    color: #586676;
}

#links a {
    color: #586676;
}

#links a:hover {
    color: #252a31;
    text-decoration: underline;
}

#links1 {
    position: relative;
    top: 13em;
    left: 0em;
}

#links2 {
    position: relative;
    left: 16em;
    top: -3.03em;
}

ul {
    list-style-type: none;
}