/* CSS Document */


 body { font-family:Arial, Tahoma, Helvetica, sans-serif;  background-repeat:repeat; background-color:#efefef; color:#333; margin:0; padding:0; }

.mainn { width:100% !important; text-align:left; border:1px solid #FFF; background-color:#FFF; color:#333; margin:0; } 

.inp2 { float:left; height:17px; border:1px solid #EEE; background-image:url(http://herbal.qpsychics.com/images/s_bg.jpg); background-repeat:repeat-x; margin:1px 0 0 5px; padding:1px 5px 0; } 

.right { float:left; width:75%; border-left:1px solid #EEE; text-align:left; margin:0px 0; padding:0 10px;} 

#headern { height:121px; width:100%; } 

a { background-color:inherit; } 

a:hover { text-decoration:none; } 

.topn { border:1px solid #FFF; width:100%; margin:0; } 

h1 { font-size:24px; font-weight:400; color:#c00; background-color:inherit; font-family:verdana, arial, sans-serif; margin:0; padding:2px 0 0; } 

h2 { font-size:15px;color:#666;font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0;} 

h3 { color:#666; background-color:inherit; font-size:14px; margin:0 0 5px; padding:0; } 

h5 { color:#97C740; background-color:inherit; font-size:18px; font-weight:400; margin:0 0 5px; padding:0; } 

.titlen { text-align:left; padding:0 0 0 5px;} 

h6 { color:#97C740; background-color:inherit; font-size:13px; font-weight:400; margin:0 0 5px; padding:0; } 

.menun { position:relative; top:0; width:100%; height:30px; margin:0 3px; } 

ul.navbarn { list-style-type:none; float:left; display:block; width:100%; background-image:url(http://herbal.qpsychics.com/images/m_bg1.jpg); background-repeat:repeat-x; margin:0; padding:0; } 

ul.navbarn li { display:inline; }

a.nav:link, a.nav:visited { display:block; float:left; text-decoration:none; color:#FFF; background-color:inherit; font-size:13px; border-left:1px solid #FFF; margin:0; padding:10px 20px; font-weight:bold; font-family:Arial, Tahoma, Helvetica, sans-serif; } 
 
a.nav1:link, a.nav1:visited { display:block; float:left; text-decoration:none; background-color:#1585e4; color:#FFF; font-size:12px; font-family:Arial, Tahoma, Helvetica, sans-serif; border-left:1px solid #FFF; margin:0; padding:10px 20px; font-weight:bold; }

a.nav:hover { display:block; float:left; text-decoration:none; background-color:#A1BA23; color:#FFF; font-size:12px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-weight:bold; border-left:1px solid #FFF; margin:0; padding:10px 20px; } 
  
a.nav:active { display:block; float:left; width:14.5%; text-decoration:none; background-color:#807C7C; color:#FFF; font-size:12px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-weight:bold; border-left:1px solid #FFF; margin:0; padding:10px 20px; } 
  
.fix { clear:left; height:1px; } 
 
.contentn { position:relative; width:51%; border:0px solid #EEE; margin:4px 0px 0px 30px; } 
	
 
ul.l_menu { list-style-type:none; line-height:17px; margin:5px 0; padding:0; } 
  
.cp2 { float:right; padding-right:5px; } 
  
  form, .titlen p { margin:0; padding:0; } 
 
  .inp1, .cp1 { float:left; }
  

#LastHeader {
  font-family: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
  height: 67px;
  color: #FFF;
  background: url('http://qpsychics.com/images/red_gradient') top left repeat-x #191919;
  overflow: hidden;
  min-width:100%; 
  max-width:100%;
}

#HeaderMenu { 
  padding-left: 209px;
}

#LastLogo {
  float: left;
  margin-left: -207px;
  width: 20%;
  display: inline;
}

#headerBottom {
  clear: both;
  padding-top: 3px;
  height: 19px;
  border-top: 0px;
  margin: 0 16px;
  font-size: 10px !important;
  color: #57bfeb;
  position: relative;
  font-weight: normal;
  text-transform:uppercase;
}

#headerBottom ul {
  float: right;
  list-style: none;
  margin-top: 1px;
}

#headerBottom li {
  display: inline;
  margin: 0 0 0 7px;
  padding-right: 8px;
  border-right: 1px solid #666666;
  font-size:10px !important;
}
#headerBottom a {
  color: #57bfeb !important;
  font-weight:normal;
  font-family: Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:10px !important;
}
/* Primary Navigation */

#navigation {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
}


 /* Remove margins and padding from the list, and add a black background color */
navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}



/* Style the links inside the list items */



* + html #navigation {
  position: relative;
  z-index: 9;
}

#navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#navigation li a {
  display: inline-block;
  padding: 18px 15px 7px 15px;
  line-height: 20px;
  font-size: 16px;
  text-align: center;
    color: #FFF;
  font-weight: bold;
  text-decoration: none;
  
  background-color: transparent;
  font-family:calibri, sans-serif !important;
}

#navigation li > a {
  display: block;
}

#navigation li a img {
  position: absolute;
  bottom: 1.7em;
  left: 15px;
}
#navigation li a:hover,
#navigation li.current a {
  border: none;
  background:	#222;
  border-radius:6px;
  text-decoration: none;
}


/* Last.fm Id Badge Styles (top right)
 ---------------------------- */
#idBadge {
  color: #df6521;
  font-size: 11px;
  padding-right: 16px;
  padding-top: 8px;
  text-align: right;
  line-height: 1.2727273em;
}

#idBadge a,
#idBadge a:hover {
  color: #ffffff;
  font-weight: normal;
  background-color: #333;
}


a#signupLink {
  margin-top: 2px;
  min-width: 15%;
  float: right;
  display: inline;
  text-align: center;
  height: 24px;
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 22px;
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  border: none;
  background:	#222;
  border-radius:3px;
  text-decoration: none;
}

a#signupLink span {
  display: block;
  background-position: right top;
  background-repeat: no-repeat;
  padding: 1px 7px;
}




li#languageToggle img,
div#langSelector img {
    position: relative;
    top: 1px;
}

li#languageToggle img {
    top: 2px;
}

li#languageToggle a,
li#languageToggle a:hover {
    background-position: right center;
    background-repeat: no-repeat;
	font-weight: bold !important;
	font-family: calibri, sans-serif !important;
    text-transform:uppercase;
	font-size:11px !important;
	
}

div#langSelector {
	background-color: #0a0a0a;
	border-top: solid 1px #222222;
	border-bottom: solid 1px #363636;
	margin: 0;
	width: 100%;
	font-size: 12.5px !important;
	font-family: calibri, sans-serif !important;
}
div#langSelector ul {
    margin: 0;
    padding: 3px 15px;
    overflow: hidden;
    text-align: center;
	font-size: 12.5px !important;
}
div#langSelector li {
    display: inline;
    margin: 0 1.8em 0 0;
    padding: 0;
    line-height: 2em;
	font-size: 12.5px !important;
}

div#langSelector ul > li {
    white-space: nowrap;
}

div#langSelector a {
    color: #FFF;
    text-decoration: none;
    white-space: nowrap;
	font-size: 12.5px !important;
}

div#langSelector a:hover {
    color: #FFF;
    background: transparent;
    font-weight: bold;
}

img {
	border: none;
	text-align: left;


}

